/* Start of CMSMS style sheet 'CSSW main template stylesheet' */
/* layout */
body {margin:0px; padding:0px; font: 12px verdana, arial, sans-serif; text-align:center; background-image:url(images/bg.gif); background-repeat:repeat;}
div#wrapper {width:760px; margin-left:auto; margin-right:auto; text-align:left; background-color:#EAEBE8;}
form {display:inline;}

/* header */
div#header {width:760px; background-color:#EAEBE8;}

/* utility nav */
div#utility {width:760px; font-size:10px; text-align:right; padding: 5px 0px; font-weight:bold; background:#004D69; color:#FFF;}
div#utility a {text-decoration:none; color:#FFF;}
div#utility a:hover {text-decoration:underline;}
#cntnt01searchinput {height:10px;}
.white {color:#FFF;}
submit, #box {background:#EAEBE8; font-size:8px; font-weight:bold; color:#000; margin:0px; padding:0px;}

/* global nav */
div#global {width:760px; background-color:#AFBFC5; border-top:1px solid #004D69; font-size:9px; float:left;}
div#global ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 4px;}
div#global li {float:left; text-align:center; list-style-type:none; white-space:nowrap;}
div#global a {text-decoration:none; color:#000; display:block; font-weight:bold; padding:5px; width:115px;}
div#global a:hover {color:#FFF;}
.menuactive {color:#FFF !important;}
.border {border-right: 1px solid #004D69;}
div#global a {width:125px; voice-family:"\"}\""; voice-family:inherit; width:115px;}
html>body div#global a {width:115px;}

/* local nav */ 
div#local {width:760px; background-color:#004D69; font-size:11px; font-weight:bold; color:#FFF;}
div#local ul {margin:10px; padding-left:10px; list-style-type:none; display:inline;}
div#local li {display:inline;}
div#local a {color:#FFF; padding-right:15px; text-decoration:none; padding-top: 2px;}
div#local a:active {color:#AFBFC5;}

/* main content area */
div#contentarea {width:760px; background-color:#EAEBE8;}
div#contentarea h2,h3 {color:#004D69;}
div#column1 {width:550px; background-color:#EAEBE8; float:left;}
div#column1 img {padding-bottom:5px;}
div#main-content {font-size:11px; padding:0px 15px; color: #000;}
div#main-content h3 a {color:#004D69;}
h2 {font-size:12px; font-weight:bold; margin:0px; padding:10px 0px 5px 0px;}
h3 {font-size:11px; font-weight:bold; margin:0px;}
p {margin:0px;}
img {border:0px;}
.divider {border-top: 3px solid #004D69; margin-top: 10px; padding-top: 5px;} 
/* divider puts blue border above featured program */

/* right rail */
div#column2 {width:210px; background-color:#EAEBE8; float:right;}
div#column2 h2 {text-align:center; color:#FFF; padding:5px 0px; font-weight:bold;}

/* program section (sidebar) */
div#program {background-color:#004D69; padding-bottom:15px; margin:2px 3px 0px 0px;}
div#program h2 {margin:0px;}
select {width:160px; font-size:9px; margin:0px 0px 0px 25px;}

/* programs */
ul.programs {padding-left:10px; list-style-type:none;}
ul.programs li.progsubmenuparent {font-weight:bold; font-size:1.2em; color:#004D69;} 
ul.programs ul {list-style-type:bullet; font-weight:normal; font-size:10px;}

/* sitemap */
ul.sitemap {font-weight:bold; font-size:11px;}
ul.sitemap ul {font-weight:normal; font-size:10px; margin-top:10px; margin-bottom:10px;}
ul.sitemap li {margin-bottom:5px;}
ul.sitemap li li, ul.sitemap li li li {padding:auto; margin:auto;}

/* news section */
div#news {background-color:#AFBFC5; margin:3px 3px 0px 0px; border-bottom:2px solid #EAEBE8;}
div#news h2 {background-color:#004D69; margin:2px 0px 0px 0px;}
div#news ul {margin:0px; padding:0px; font-size: 10px; list-style:url(images/bullet.gif);}
div#news li {margin:0px 0px 0px 20px; padding:5px 0px;}
div#news a {text-decoration:none; color:#000;}
.newsItem {list-style-image: url(images/bullet.gif);}

/* donate section */
div#donate {margin:0px 3px 0px 0px;}
div#donate h2 {background-color:#004D69; margin:2px 0px 0px 0px;}

/* sponsors section */
div#sponsors {margin:0px 3px 0px 0px;}
div#sponsors h2 {background-color:#004D69; margin:2px 0px 0px 0px;}
.sponsor {margin-left:40px;}
div#sponsor-box {background:#FFF; border:4px solid #AFBFC5; padding-top:5px; margin-bottom:10px;}

/* contact form */
#contactFormDiv {padding:10px 0;}
.name, .email, .subject, .comments {padding-bottom:8px; font-weight:bold;}
#ffname, #m4ffname, #ffemail_address, #m4ffemail_address, #ffsubject , #m4ffsubject {font-size:11px; width:250px;}
.required {color:#990000;}
.ffsubmit {background-color:#004D69; color:#FFF;}

/* footer */
div#footer {width:760px; background-color:#EAEBE8; text-align:center; margin-top:10px;}
div#footer a {text-decoration:none; font-size:10px; color:#000;}
div#footer a:hover {text-decoration:underline;}
div#address {color:#FFF; font-size:10px; height:20px; padding-top:5px; margin-top:5px; background-color:#004D69;}

/* css for sub page */
div.breadcrumbs {font-size:11px; margin:10px 0px; padding:0 0 4px; border-bottom:1px dotted #000;}
div.breadcrumbs a {color:#000;}
div.breadcrumbs a:active {text-decoration:none;}
.pdf {padding:10px 0px;}
.pdf a {color:#004D69;}
.donate {padding:10px 30px;}
.special {padding-top:5px; margin-top:0px;}
.center {text-align:center;}
.big {font-size: 12px; font-weight: bold;}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/* End of 'CSSW main template stylesheet' */