body {
    color: #333;
    margin: 0;
    font-family: arial,sans-serif;
    background:#fff;
	font-size:75%     /* for IE/Win */
}

html>body {font-size:12px} /* for everything else */

div,table,td,th {font-size: 1em;}

/*div {border: 1px solid #ff0000;}*/


#wrapper {
    position: relative;
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    
}

#header {
    position: relative;
    width: 950px;
    background: #fff url('../images/navrule.gif') no-repeat bottom right;
}

#sidebar {
    float: left;
    width: 163px;
    height: 400px;
    padding: 105px 0 0 40px;
}

.home #sidebar {
    padding: 160px 0 0 40px;
}

#content {
    width: 730px;
    margin: 3px 0 0 220px;
    padding: 0 0 30px 0;
    line-height: 1.5; 
/*    border-left: 1px solid #ccc;*/
    
}

#footer {
    float: left;
    position: relative;
    width: 732px;
    min-height: 30px;
    margin: 0 0 10px 0;
    background-color: #ccc;
}

#nav {
    padding: 20px 0 0 220px;
    width: 720px;
    color: #9c969c;
    font-size: 1.2em;
    font-weight: 700;
}

#home_link {
    position: absolute;
    top: 6px;
    right: 0;    
    height: 32px;
    font-size: .8em;
}

#title_link {
    position: absolute;
    top: 5px;
    left: 30px;
    z-index: 1000;
    width: 166px;
    height: 61px;
    background: url("../images/ss_logo.gif") no-repeat;
}

#title_top {
    position: absolute;
    bottom: 4px;
    left: 0;    
    width: 162px;
    height: 42px;
/*    background: #fff url('../images/schoolhouse.gif');*/
}

#center_col {
    width: 530px;
    height: 100%;
    float: left;
    background: #fff url('../images/center_col_borders.gif') repeat-y;
}

/*.yellowPage #center_col {
    border-left: 1px solid #888; 
    border-right: 1px solid #888;
}*/

#right_col {
    float: right;
    width: 180px;    
    padding: 103px 8px 20px 0;
}

.home #right_col {
    padding: 156px 8px 20px 0;
}

#contact_info {
    width: 500px;
    font-size: .85em;
    padding: 8px 24px;
}

#foot_nav {
    width: 202px;
    min-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #306D92;
}

#staff_list,#board_list {
    padding: 10px 0 0 0;
    line-height: 1.1;
}

#mouse_bg {
    background: transparent url('../images/mouse.gif') no-repeat;
}

#signup_mask {
    position: absolute;
    top: -300px;
    right: 0;
    height: 300px;
    width: 202px;
    overflow: hidden;
    display: none;
    
/*    border: 1px solid #ccc;*/
}

#signup {
    position: absolute;
    right: 0;
    width: 170px;
    padding: 10px 15px 5px 15px;
    background-color: #b5e0f4;
    border: 1px solid #306D92;
    display: none;
}

#staff_bios {
/*    display: none;*/
}

#contact_left {
    float: left;
    width: 220px;
}

#contact_right {
    margin: 0 0 0 270px;
}

#breadcrumbs {
    margin: 0 0 10px 0;
}

/***************************** LISTS */

#nav ul{
    padding: 0;
	margin: 0;
}

#nav ul li{
    float:left;
    list-style: none;
/*    display: inline;*/
    padding: 0 18px 0 0;
}

#foot_nav ul {
    width: 202px;
    float: right;
    margin: 0 0 0 0;  
    padding: 0;
}

#foot_nav ul li {
    float: left;
    min-height: 12px;
    font-family: arial, verdana;
    font-size: .75em;
    color: #fff;
    list-style: none;
    background-color: #306D92;
    border-left: 1px solid #ccc;
    padding: 9px 7px 8px 7px;
}

#foot_nav ul li.first {
   border: 0;
}

#virtual_backpack {
    margin: 0 0 0 0;
    padding: 0 0 0 126px;
/*    background: transparent url('../images/backpack.gif') no-repeat;*/
}

ul.flush {
    margin: 5px 0 5px 0;
    padding: 0 0 0 14px;
}

ul.flushTop {
    margin: 0 0 10px 0;
    padding: 0 0 0 24px;
}

ul.dashed {
    margin: 5px 0 5px 0;
    padding: 0 0 0 12px;
}

ul.dashed li {
    margin: 0 0 0 0;
    list-style: none;
}

ul.bulletless li{
    list-style: none;
}

ul.gallerySubNav {
    padding: 0 0 0 9px;
}

ul.gallerySubNav li {
    list-style: none;
}

ol.flushLeft {
    padding-left: 1.5em;
}

.reportCard dl {
    margin: 0;
    text-transform: uppercase;
    line-height: 1.16;
}

.reportCard dt {
    font-size: 1em;
}

.reportCard dd {
    margin: 0 0 4px 0;
    font-size: 1.5em;
    color: #D53F31;
}

dl.indented {
    
}
dl.indented dt {
    font-weight: bold;
}
dl.indented dd {
    margin: 0 0 10px 20px;
}

/***************************** CLASSED DIVS */

div.navItem {
    float: left;
    height: 100%;
    padding: 14px 18px 5px 0;
    text-align: center;
}

div.centerCol {
    width: 530px;
    height: 100%;
    float: left;
}

div.centerFull {
    width: 496px;
    padding: 10px 10px 10px 24px;    
/*    border-bottom: 1px solid #ccc;*/
    line-height: 1.5; 
}

div.eventListing {
    position: relative;
    width: 510px;
    padding: 10px 10px 10px 4px;    
    line-height: 1.5;
}

div.eventImage {
    float: left;
}

div.eventText {
    padding: 0 0 10px 120px;
}

div.centerTwoCol {
/*    width: 528px;*/
    height: 100%;
    background: transparent url('../images/grey_pixel.gif') repeat-y 290px 0;
}

div.centerLeftCol {
    float: left;
    width: 290px;
}


div.centerLeft {
/*    float: left;*/
    clear: left;
    width: 290px;
    padding-left: 1px;
}

.rightBordered {border-right: 1px solid #ccc;}
/*.yellowPage .rightBordered {border-right: 1px solid #888;}*/

div.centerLeftContent {
    padding: 10px 10px 10px 24px; 
}

div.centerLeftText {
    padding: 0 0 4px 90px;
}

div.centerRight {
    float: right;
/*    margin: 0 0 0 290px;*/
    width: 239px;
    height: 100%;
}

/*.yellowPage .centerRight {
    border-left: 1px solid #888; 
}*/

div.centerRightContent {
/*    width: 200px;*/
    padding: 10px 5px 10px 12px;
}

div.sideBox {
    width: 175px;
    margin: 0 0 20px 0; 
}

div.sideBoxFlush {
    width: 175px;
    margin: 0 0 0 0; 
}

div.boxHead {
    padding: 3px 0 3px 15px;
    font-family: "arial narrow";
    font-size: 1.4em;
    line-height: 1.0;
    text-transform: uppercase;       
}

div.boxBody {
    padding: 5px 5px 5px 15px;
}

.blueFlavor {
    border: 2px solid #306D92; 
}

.blueFlavor .boxHead {
    color: #fff;
    background-color: #306D92;    
} 

.greenFlavor {
    color: #fff;
    background-color: #74B32F;
    border: 2px solid #74B32F;
}

div.reportCard {
    margin: 0 0 8px 0;
}

div.reportCardTop {
    width: 163px;
    height: 36px;
    background: transparent url('../images/report_card_top.gif') no-repeat;
}

div.reportCardBottom {
    width: 163px;
    height: 7px;    
    background: transparent url('../images/report_card_bottom.gif') no-repeat;
}

div.reportCardBody {
    padding: 7px;
    background: transparent url('../images/report_card.jpg') repeat-y;
}

div.reportCardBodyWide {
    padding: 7px;
    background: transparent url('../images/report_card.jpg') repeat;
}

div.popQuiz {
    width: 175px;    
    border: 2px solid #74B32F;
    background: transparent url('images/quiz_bottom.gif') repeat-x bottom left;
    margin: 0 0 30px 0;
}
div.popQuizHead {
    height: 20px;
    padding: 3px 0 0 15px;
    color: white;
    font-family: "arial narrow";
    font-size: 1.4em;
    line-height: 1.0;
    text-transform: uppercase;
    background-color: #74B32F;
}

div.popQuizBody {
    padding: 5px 5px 5px 15px;
    
}

div.boxButton {
    margin: 0 0 -16px 0;
    padding: 0 0 0 20px;
}

div.yellowBox {
    width: 179px;    
    margin: 12px 0 0 0;
    background-color: #ffc20f;
    color: #333;
    line-height: 1.2;
}

div.yellowBoxTop {
    width: 179px;    
    height: 9px;
    font-size: 0;
    background: #F7B725 url('../images/yellow_box_top.gif') no-repeat;
}

div.yellowBoxBottom {
    width: 179px;    
    height: 9px;
    font-size: 0;
    background: #F7B725 url('../images/yellow_box_bottom.gif') no-repeat;
}

div.roundBordered {
    width: 163px;
    margin: 0 0 10px 0;
}

div.roundTop {
    width: 163px;
    height: 8px;
    font-size: 0;    
}

div.roundBottom {
    width: 163px;
    height: 8px;
    font-size: 0;
}

div.borderedBox {
    padding: 5px 4px 5px 8px;    
}

.bluePage .roundTop {background: #fff url('../images/round_top_blue.gif') no-repeat;}
.bluePage .roundBottom {background: #fff url('../images/round_bottom_blue.gif') no-repeat;}

.bluePage .borderedBox {
    border-left: 2px solid #306D92;
    border-right: 2px solid #306D92;    
}

.greenPage .roundTop {background: #fff url('../images/round_top_green.gif') no-repeat;}
.greenPage .roundBottom {background: #fff url('../images/round_bottom_green.gif') no-repeat;}

.greenPage .borderedBox {
    border-left: 2px solid #74B32F;
    border-right: 2px solid #74B32F;   
}

.yellowPage .roundTop {background: #fff url('../images/round_top_yellow.gif') no-repeat;}
.yellowPage .roundBottom {background: #fff url('../images/round_bottom_yellow.gif') no-repeat;}

.yellowPage .borderedBox {
    border-left: 2px solid #ffc20f;
    border-right: 2px solid #ffc20f;    
}

div.videoThumb {
    height: 120px;
}

div.videoBlurb {
    width: 80px;
    float: right;
}

div.staffDetail {
    margin: 0 0 30px 0;
}

div.staffPhoto {
    width: 140px;
    height: 140px;
    margin: 0 12px 4px 0;
    float: left;
}

div.staffBio {
/*    margin: 0 0 0 220px;*/
}

div.triHeading {
    background-color: #74B32F;
}

div.testimonials {
/*    display: none;*/
}

div.galleryCategory {
    float: left;
    width: 140px;
    margin: 10px 20px 10px 0;
}

div.galleryCategory img {
    display: block;
}

/******************************* HEADINGS */

h1 {font-family: "arial narrow", arial, sans-serif; color: #F7B725; font-size: 1.8em; clear: both;}
h2 {font-family: "arial narrow", arial, sans-serif; color: #74B32F; font-size: 1.5em;}
h3 {font-family: "arial narrow", arial, sans-serif; color: #333;}
h4 {font-family: "arial narrow", arial, sans-serif; color: #333; margin: 0;}

.yellowPage h1 {
/*    font-family: "arial narrow";*/
    font-weight: normal;
    margin: 0;
    padding: 3px 3px 3px 24px;
    color: #fff;
    background-color: #ffc20f;    
}

.yellowPage h2 {
    color: #ffc20f;
    font-size: 1.4em;
    margin: 8px 0 4px 0;
    line-height: 1.0;
}


h3.yellowBar {
/*    font-family: "arial narrow";*/
    font-weight: normal;
    font-size: 1.4em;
    margin: 0;
    padding: 3px 3px 3px 24px;
    color: #fff;
    background-color: #ffc20f;
    border-right: 1px solid #fff;   
}

h3.yellowBarRight {
/*    font-family: "arial narrow";*/
    font-weight: normal;
    font-size: 1.4em;
    margin: 0;
    padding: 3px 3px 3px 12px;
    color: #fff;
    background-color: #ffc20f;    
}

.bluePage h1 {
/*    font-family: "arial narrow";*/
    font-weight: normal;
    margin: 0;
    padding: 3px 3px 3px 24px;
    background-color: #306D92;
    color: #fff;
}

.bluePage h2 {
/*    font-family: "arial narrow";*/
    color: #306D92;
    margin: 0 0 4px 0;
    line-height: 1.0;
}


h3.blueBar {
/*    font-family: "arial narrow";*/
    font-weight: normal;
    font-size: 1.4em;
    margin: 0;
    padding: 8px 3px 8px 24px;
    color: #fff;
    background-color: #306D92;
    border-right: 1px solid #fff;  
	line-height:1.1em;
}

h3.blueBarRight {
/*    font-family: "arial narrow";*/
    font-weight: normal;
    font-size: 1.4em;
    margin: 0;
    padding: 8px 3px 8px 12px;
    color: #fff;
    background-color: #306D92;
	line-height:1.1em;    
}

.greenPage h1 {
/*    font-family: "arial narrow";*/
    font-weight: normal;
    margin: 0;
    padding: 3px 3px 3px 24px;
    color: #fff;
    background-color: #74B32F;    
}

.greenPage h2 {
    color: #74B32F;
    font-size: 1.4em;
    margin: 8px 0 4px 0;
    line-height: 1.0;
}

.greenPage h3 {
/*    font-family: "arial narrow";*/
    color: #74B32F;
    font-size: 1.3em;
    margin: 8px 0 4px 0;
    line-height: 1.0;
}

h3.greenBar {
/*    font-family: "arial narrow";*/
    font-weight: normal;
    font-size: 1.4em;
    margin: 0;
    padding: 5px 3px 5px 24px;
    color: #fff;
    background-color: #74B32F;
    border-right: 1px solid #fff;    
}

h3.greenBarRight {
/*    font-family: "arial narrow";*/
    font-weight: normal;
    font-size: 1.4em;
    margin: 0;
    padding: 5px 3px 5px 12px;
    color: #fff;
    background-color: #74B32F;    
}


/*.centerRight .greenBar {padding: 3px 3px 3px 12px;}*/
.centerRight .yellowBar {padding: 3px 3px 3px 12px;}
/*.centerRight h3 {padding: 5px 3px 5px 12px;}*/

h4.white {
/*    font-family: "arial narrow";*/
    font-size: 1.4em;
    line-height: 1.0;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 2px 0;    
}

h3.flushBottom {
    margin: 10px 0 0 0;
    line-height: 1.2;
}

.triHeading h2{
    width: 163px;
    float: left;
    font-size: 1.4em;
    margin: 0;
    padding: 5px 4px 5px 4px;
    color: #fff;
    background-color: #74B32F;
    border-right: 1px solid #fff;
    text-align: center;
}

#board_list h2{
    font-size: 1.2em;
}
#board_list h3{
    font-size: 1.1em;
    margin: 8px 0 0 0;    
}
#board_list h4{
    font-size: 1em;
    font-weight: normal;
    color: #666;
}

#staff_list h2{
    font-size: 1.2em;
}
#staff_list h3,#staff_bios h3{
    font-size: 1.2em;
    margin: 8px 0 0 0;    
}
#staff_list h4,#staff_bios h4{
    font-size: 1.1em;
    font-weight: normal;
    font-style: oblique;
    color: #666;
}


/************************************************** PARAGRAPHS */

.quoteList {
    line-height: 1.8em;
}

.indent {
    margin: 4px 0 12px 20px;
}

/************************************************** SPANS */

.bluePage .activeNav {color: #306D92;}
.greenPage .activeNav {color: #74B32F;}
.yellowPage .activeNav {color: #ffc20f;}

.openQuote, .closeQuote {font-size: 1.2em;}

.openQuote {
    margin: 0 0 0 -8px;
}


/************************************************** LINKS */

a:link {text-decoration: none; color: #0164a3;}
a:visited {text-decoration: none; color: #0164a3;}
a:hover {text-decoration: underline; color: #0164a3;}
a:active {text-decoration: none; color: #0164a3;}

a.blueLink:link {text-decoration: none; color: #9c969c;}
a.blueLink:visited {text-decoration: none; color: #9c969c;}
a.blueLink:hover {text-decoration: none; color: #306D92;}
a.blueLink:active {text-decoration: none; color: #306D92;}

a.greenLink:link {text-decoration: none; color: #9c969c;}
a.greenLink:visited {text-decoration: none; color: #9c969c;}
a.greenLink:hover {text-decoration: none; color: #74B32F;}
a.greenLink:active {text-decoration: none; color: #74B32F;}

a.yellowLink:link {text-decoration: none; color: #9c969c;}
a.yellowLink:visited {text-decoration: none; color: #9c969c;}
a.yellowLink:hover {text-decoration: none; color: #ffc20f;}
a.yellowLink:active {text-decoration: none; color: #ffc20f;}


a.orbLink {
    display: block;
    float: left;
    margin: 10px 0 10px 0;
}

#home_link a:link {text-decoration: none; color: #9c969c;}
#home_link a:visited {text-decoration: none; color: #9c969c;}
#home_link a:hover {text-decoration: none; color: #000;}
#home_link a:active {text-decoration: none; color: #9c969c;}

#foot_nav a:link {text-decoration: none; color: #fff;}
#foot_nav a:visited {text-decoration: none; color: #fff;}
#foot_nav a:hover {text-decoration: underline; color: #fff;}
#foot_nav a:active {text-decoration: none; color: #fff;}

.yellowBox a:link {text-decoration: none; color: #333;}
.yellowBox a:visited {text-decoration: none; color: #333;}
.yellowBox a:hover {text-decoration: none; color: #000;}
.yellowBox a:active {text-decoration: none; color: #333;}


/************************************************** FORMS */

div.formElement {
    font-size: .9em;
    padding: 3px 0 3px 0;
}

div.formLabel {
    line-height: 1;
}

#signup_form input.textInput {
    width: 145px;
    padding: 0;
    margin: 0;
}

#hidden_signup_form input.textInput {
    width: 155px;
    padding: 0;
    margin: 0;
}

/************************************************** TABLES */

table#sponsors {
    margin: 10px 0 10px 0;
    line-height: 1.5;
}

table#sponsors th{
    font-size: 1.2em;
    text-align: left;
    text-transform: uppercase;
    color: #999;
}


td.school{
    width: 120px;
}

td.sponsor{
    width: 350px;
}

tr.unsponsored {
    background-color: #f2f2f2;
}


/************************************************** IMAGES */

img {border: 0;}

img.bordered { border: 1px solid #ccc;}

img.flushLeft {
    float: left;
    padding: 0 5px 0 0;    
}

img.galleryThumb {
    width: 100px;
    height: 100px;
    padding: 0 17px 21px 4px;
}

div.roundBordered img {
    display: block;
}

/************************************************** GENERIC */

.left {
    float: left;
    padding: 0 3px 0 0;
}

.right {
    float: right;
    padding: 0 0 0 3px;
}

.smaller {
    font-size: 0.9em;
}

.center {
    text-align: center;
}

.block {
    display: block;
}


/**************************************************** HACKS */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; _height: 1%; }
 /* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */