@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

body {
margin: 0 auto;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#fff;
}

#container{
margin: 0 auto;
position: relative;
width:970px;
/*border:1px solid blue;*/
}

#header {
position:relative;
width:970px;
height:92px;
}
#msba_homelink a{display:block;position:absolute;top:12px;left:39px;width:185px;height:65px;}

/* ---------- Main Navigation -----------*/		
#primary_nav {
position:relative;
width:970px;
height:24px;
}
/*sets the visibility of the text inside the div to hidden*/
b{display:none;}

/*HOME*/
div#home, div#home.selected {position: absolute; top: 0; left: 0;}
div#home a, div#home.selected{ display: block; width: 116px; height: 24px; text-decoration:none;}
div#home.selected{ background: url("images/home_tab_on.gif") 0 -34px no-repeat;}
div#home a{background: url("images/home_tab_off.gif") 0 0 no-repeat;}

/*WHO WE ARE*/
div#whoweare, div#whoweare.selected {position: absolute; top: 0; left: 117px;}
div#whoweare a, div#whoweare.selected{ display: block; width: 118px; height: 24px; text-decoration:none;}
div#whoweare.selected{ background: url("images/whoweare_tab_on.gif") 0 0 no-repeat;}
div#whoweare a{background: url("images/whoweare_tab_off.gif") 0 0 no-repeat;}

/*WHAT WE DO*/
div#whatwedo, div#whatwedo.selected {position: absolute; top: 0; left: 236px;}
div#whatwedo a, div#whatwedo.selected{ display: block; width: 118px; height: 24px; text-decoration:none;}
div#whatwedo.selected{ background: url("images/whatwedo_tab_on.gif") 0 0 no-repeat;}
div#whatwedo a{background: url("images/whatwedo_tab_off.gif") 0 0 no-repeat;}

/*WHO WE WORK WITH*/
div#whoweworkwith, div#whoweworkwith.selected {position: absolute; top: 0; left: 355px;}
div#whoweworkwith a, div#whoweworkwith.selected{ display: block; width: 188px; height: 24px; text-decoration:none;}
div#whoweworkwith.selected{ background: url("images/whoweworkwith_tab_on.gif") 0 0 no-repeat;}
div#whoweworkwith a{background: url("images/whoweworkwith_tab_off.gif") 0 0 no-repeat;}

/*ABOUT SCHOOL BOARDS*/
div#aboutschoolboards, div#aboutschoolboards.selected {position: absolute; top: 0; left: 545px;}
div#aboutschoolboards a, div#aboutschoolboards.selected{ display: block; width: 188px; height: 24px; text-decoration:none;}
div#aboutschoolboards.selected{ background: url("images/aboutschoolboards_tab_on.gif") 0 0 no-repeat;}
div#aboutschoolboards a{background: url("images/aboutschoolboards_tab_off.gif") 0 0 no-repeat;}

/*CALENDAR*/
div#calendar, div#calendar.selected {position: absolute; top: 0; left: 734px;}
div#calendar a, div#calendar.selected{ display: block; width: 118px; height: 24px; text-decoration:none;}
div#calendar.selected{ background: url("images/calendar_tab_on.gif") 0 0 no-repeat;}
div#calendar a{background: url("images/calendar_tab_off.gif") 0 0 no-repeat;}

/*CONTACT*/
div#contact, div#contact.selected {position: absolute; top: 0; left: 853px;}
div#contact a, div#contact.selected{ display: block; width: 117px; height: 24px; text-decoration:none;}
div#contact.selected{ background: url("images/contact_tab_on.gif") 0 0 no-repeat;}
div#contact a{background: url("images/contact_tab_off.gif") 0 0 no-repeat;}

/* ---------- Image Banners -----------*/	
#whoweare_banner, #whatwedo_banner, #whoweworkwith_banner, #aboutschoolboards_banner, #calendar_banner, #contact_banner, #standard_banner {
position:relative;
width:970px;
height:106px;
}
#whoweare_banner{background:url("images/whoweare_banner.jpg") 0 0 no-repeat;}
#whatwedo_banner {background:url("images/whatwedo_banner.jpg") 0 0 no-repeat;}
#whoweworkwith_banner {background:url("images/whoweworkwith_banner.jpg") 0 0 no-repeat;}
#aboutschoolboards_banner {background:url("images/aboutschoolboards_banner.jpg") 0 0 no-repeat;}
#calendar_banner{background:url("images/calendar_banner.jpg") 0 0 no-repeat;}
#contact_banner {background:url("images/contact_banner.jpg") 0 0 no-repeat;}
#standard_banner {background:url("images/standard_banner.jpg") 0 0 no-repeat;}
#banner_shadow {
display:block;
width:970px;
height:3px;
background:url("images/banner_shadow.gif") 0 0 no-repeat;
}

#body_table{width:970px;padding:0;margin:0;}
#body_table td.white_edge{width:6px;padding:0;margin:0;}
#body_table td#leftcontent{vertical-align:top;width:236px;padding:0;margin:0;background:#18518d;}
#left_container{vertical-align:top;width:196px;padding:42px 30px 40px 10px;margin:0;text-align:right;}
#body_table td#middlecontent{vertical-align:top;width:572px;padding:0;margin:0;border-bottom: 1px solid #ffd04e;}
#middle_container{vertical-align:top;width:514px;padding:32px 34px 40px 24px;margin:0;text-align:left;}
#body_table td#rightcontent{vertical-align:top;width:150px;padding:0;margin:0;background:#ffd154;}
.downloads{width:150px;padding:0;margin:0;background:#ffd35b;}
.relative{width:150px;padding:0;margin:0;background:#ffd154;}
#download_divider {
display:block;
width:150px;
height:23px;
background:url("images/rightcolumn_tab_bottom.gif") 0 0 no-repeat;
}

/* ---------- Left Navigation -----------*/		
ul.left_nav {
padding:0 0 20px 0;
}
ul.left_nav li{
font-size:12px;
color:#fff;
list-style-type: none;
padding: 0 0 15px 0;
margin:0;
}
ul.left_nav li.selected{
font-size:13px;
font-weight:bold;
color: #FFCC33;
list-style-type: none;
padding: 0 0 15px 0;
margin:0;
}
ul.left_nav li a:link, ul.left_nav li a:visited, ul.left_nav li a:active{
text-decoration:none;
color:#fff;	
}
ul.left_nav li a:link.selected, ul.left_nav li a:visited.selected, ul.left_nav li a:active.selected{
font-size:13px;
font-weight:bold;
color: #FFCC33;
text-decoration:none;
list-style-type: none;
padding: 0 0 15px 0;
margin:0;
}
ul.left_nav li a:hover{
color:#e7a900;
text-decoration:underline;
}

/* ---------- Right Navigation -----------*/		
ul.right_nav {
font-family:Arial, Verdana, Helvetica, sans-serif;
padding:0 10px 20px 20px;
}
ul.right_nav li{
font-size:10px;
color:#18518d;
list-style-type: none;
padding: 0 0 4px 0;
margin:0;
}
ul.right_nav li a:link, ul.right_nav li a:visited, ul.right_nav li a:active{
text-decoration:underline;
color:#18518d;	
}
ul.right_nav li a:hover{
color:#fff;
}

/* ---------- Banner Navigation -----------*/		
ul#secondary_nav {
position:absolute;
top:20px;
left:39px;
width:920px;
}
ul#secondary_nav li{
font-size:12px;
color:#fff;
display: inline;
list-style-type: none;
padding: 0 6px;
margin:0;
}
ul#secondary_nav li a:link, ul#secondary_nav li a:visited, ul#secondary_nav li a:active{
text-decoration:none;
color:#fff;	
}
ul#secondary_nav li a:hover{
color:#002a5b;
}
ul#secondary_nav li.selected{
color:#002a5b;
font-weight:bold;
}

/* ---------- FOOTER -----------*/	
div#footer {
position:relative;
display:block;
width:970px;
height:56px;
padding:0;
}
/* ---------- Footer Navigation -----------*/		
ul#footernav {
position:absolute;
top:20px;
left:265px;
font-family:Arial, Verdana, Helvetica, sans-serif;
list-style: none;
width:600px;
color:#666;	
padding:0;
margin:0;
}
ul#footernav li{
font-size:9px;
display: inline;
list-style-type: none;
padding: 0 5px 0 5px;
margin:0;
}
ul#footernav li a:link, ul#footernav li a:visited, ul#footernav li a:active{
text-decoration:none;
text-transform:none;
color:#666;	
}
ul#footernav li a:hover{
color:#18518d;
text-decoration:underline;
}


/* ---------- TEXT STYLES -----------*/	
h1{
font-size:18px;
font-weight:normal;
color:#898989;
text-transform:uppercase;
letter-spacing:1px;
padding: 0;
}
h2{
font-size:24px;
font-weight:normal;
color:#e7a900;
letter-spacing:1px;
padding: 0 0 20px 0;
}
h3{
font-size:18px;
color:#18528e;
padding: 0 0 10px 0;
}
h3.download{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#18518d;text-transform:uppercase;padding: 30px 0 10px 20px;}
h3.relative_links{font-family:Arial, Verdana, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#18518d;text-transform:uppercase;padding: 0 0 10px 20px;}
h3 span{
font-weight:normal;
font-size:16px;
}
h4{
font-size:14px;
font-weight:bold;
color:#c53c00;
padding: 0 0 10px 0;
}
h4 span{
font-weight:normal;
font-size:13px;
}
h5{
font-size:13px;
font-weight:bold;
color:#e7a900;
padding: 0 0 10px 0;
}
h6{
font-size:12px;
font-weight:bold;
color:#000;
padding: 0 0 5px 0;
}

p{color:#666;padding: 0 0 15px 0;line-height:20px;}

.black{color:#000;}
.yellow{color:#e7a900;}
.blue{color:#18528e;}
.white{color:#fff;}
.grey{color:#666;}
.nopadding{padding:0;}

a, a:link, a:visited{color:#c53c00;text-decoration:underline;}
a:hover{color:#333;text-decoration:none;}

ul.unordered_list{
color:#666;
list-style-position: outside;
list-style-type:disc;
padding: 0 0 10px 0px;
margin:0 0 0 20px;
}
ul.unordered_list li{
list-style-position: outside;
list-style-type:disc;
padding: 0 0 5px 0px;
}
ul.unordered_list li li{
list-style-position: outside;
list-style-type:circle;
padding: 5px 0 5px 0;
margin:0 0 0 20px;
}
ul.unordered_list li li li{
list-style-position: outside;
list-style-type:square;
padding: 5px 0 5px 0;
margin:0 0 0 20px;
}

ol.ordered_list{
color:#666;
list-style-position: outside;
list-style-type:decimal;
padding: 0 0 10px 0;
margin:0 0 0 28px;
}
ol.ordered_list li{
list-style-position: outside;
list-style-type:decimal;
padding: 0 0 5px 0;
}
ol.ordered_list li li{
list-style-position: outside;
list-style-type:upper-roman;
padding: 5px 0 5px 0;
margin:0 0 0 20px;
}
ol.ordered_list li li li{
list-style-position: outside;
list-style-type:lower-roman;
padding: 5px 0 5px 0;
margin:0 0 0 20px;
}

img.photo_left{float:left;display:inline;padding:0 15px 10px 0;}
img.photo_right{float:right;display:inline;padding:0 0 10px 15px;}

.awards_table{
width:100%;
border:none;
padding:0 0 20px 0;
vertical-align:top;
}
.awards_table td{
padding:2px;
vertical-align:top;
color:#666;
}
.awards_table th{
padding:2px;
vertical-align:top;
color:#333;
text-align:left;
}
.awards_table td p{
padding:0 0 5px 0;
}