* { padding: 0; margin: 0; }
.clearfix { display: block; clear: both; }
a img {border: 0;}
div { border: 0px dotted orange; }

/* base styles */
body { font-family: Arial, Verdana, "MS Sans Serif", sans-serif; font-size: 1.0em; background: #FFFFFF; }
h1 { font-family: sans-serif; font-size: 1.6em; color: #0155A5; margin: 0 0 15px 0; }
h1 a {color: #0155A5; text-decoration: none;}
h2 { font-family: sans-serif; font-size: 1.4em; color: #0155A5; margin: 0 0 15px 0; padding: 0 0 7px 0; border-bottom: 3px solid #C0C0C0;}
h3 { font-family: sans-serif; font-size: 1.0em; color: #0155A5; margin: 0 0 10px 0; }
h4 { font-family: sans-serif; font-size: 1.0em; color: #0155A5; margin: 0 0 5px 0; }
p { line-height: 1.5em; margin: 0 0 20px 0; }
p.note { font-size: 0.75em; color: #696969; padding: 4px; border: 1px dotted #FF0000; margin: 0 0 5px 0; }
ul { margin: 0 0 20px 18px; }
ul li { line-height: 1.5em; }
ol { margin: 0 0 20px 25px; }
ol li { line-height: 1.5em; }
a { color: #FF5200;}
img {border: 0;}
blockquote { padding: 0 40px 0 20px; border-left: 1px solid #DCDCDC; margin: 0 0 0 10px; font-family: Georgia; color: #696969; }

/* layout */
div#wrapper { width: 960px; padding: 0px; background: #FFFFFF; margin: 20px auto; }
div#header { float: left; width: 100%; font-size: 0.8em; margin: 0 0 20px 0;}
div#nav { float: left; width: 100%; font-size: 0.75em; background: #FFFFFF; margin: 0 0 20px 0;}
div#content { float: left; width: 960px; padding: 0;}
div#sidebar { float: right; width: 300px; font-size: 0.8em; padding: 0 10px 0 0; margin: 0 0 20px 0; }
div#main { float: left; width: 620px; font-size: 0.9em; padding: 0 0 0 10px;}
div#footer { float: left; width: 940px; font-size: 0.8em; padding: 10px; border-top: 3px solid #87CEFA;}
div.grid300 {float: left; width: 940px; font-size: 0.9em; padding: 0 10px; margin: 0 0 20px 0;}
div.grid300a {float: left; width: 300px; margin: 0 20px 0 0;}
div.grid300b {float: left; width: 300px}
div.grid300c {float: right; width: 300px}
div.grid460 {float: left; width: 940px; font-size: 0.9em; padding: 0 10px; margin: 0 0 20px 0;}
div.grid460a {float: left; width: 460px;}
div.grid460b {float: right; width: 460px;}

/* header */
.logo { float: left; }
div.tools {float: right; width: 60%;}
.skiplinks { float: right; width: 100%; text-align: right; margin: 0 0 10px 0;}
form#search { float: right; width: 100%; text-align: right; margin: 0 0 10px 0; }
form#search label { padding: 2px; }
form#search input { border: 1px solid #000000;}
form#search input.text { width: 156px; padding: 3px;}
form#search input.text:focus { background: #FFFACD;}

/* main nav */
ul.nav { float: left; width: 100%; list-style: none; border-bottom: 3px solid #0155A5; margin: 0;}
ul.nav li { float: left; width: auto; margin-right: 5px; }
ul.nav li a {display: block; font-weight: bold; color: #FFFFFF; text-decoration: none; text-transform: uppercase; background: #BB71E1 url(/images/site/bg-nav.gif) }
ul.nav li a span {display: block; height: 30px; line-height: 30px; padding: 0 10px 0 0; background: #BB71E1 url(/images/site/bg-nav.gif) right top; margin: 0 0 0 10px; }
ul.nav li a:hover { background: #0155A5 url(/images/site/bg-nav-current.gif) }
ul.nav li a:hover span { background: #0155A5 url(/images/site/bg-nav-current.gif) right top }
body#home a.nhome,
body#about a.nabout,
body#services a.nservices,
body#funding a.nfunding,
body#volunteers a.nvolunteers,
body#policies a.npolicies,
body#directory a.ndirectory,
body#courses a.ncourses,
body#jobs a.njobs,
body#news a.nnews,
body#events a.nevents,
body#faq a.nfaq,
body#contact a.ncontact {background: #0155A5 url(/images/site/bg-nav-current.gif);}
body#home a.nhome span,
body#about a.nabout span,
body#services a.nservices span,
body#funding a.nfunding span,
body#volunteers a.nvolunteers span,
body#policies a.npolicies span,
body#directory a.ndirectory span,
body#courses a.ncourses span,
body#jobs a.njobs span,
body#news a.nnews span,
body#events a.nevents span,
body#faq a.nfaq span, 
body#contact a.ncontact span {background: #0155A5 url(/images/site/bg-nav-current.gif) right top;}
ul.tools {float: left; width: 98%; list-style: none; padding: 1%; background: #F5F5F5; margin: 0;}
ul.tools li {float: left; width: auto; padding: 0 15px 0 0;}
ul.tools li.login {float: left; width: auto;}
ul.tools li.login input.text { width: 98px; padding: 1px;}
ul.tools li.login input.text:focus { background: #FFFACD;}

/* sidebar */
ul.cats { list-style: none; margin: 0 0 15px 0; }
ul.cats li { border-bottom: 1px dotted #C0C0C0; }
ul.cats li ul {list-style: none; margin: 0;}
ul.cats li ul li {padding: 0 0 0 10px; background: url(/images/site/bg-subcats.gif) no-repeat left; border: 0; margin: 0 0 0 10px;}
ul.cats li.current {background: #F5F5F5;}
ul.cats li a { display: block; font-weight: bold; padding: 8px 5px 8px 10px; text-decoration: none; }
ul.cats li ul li a { display: block; font-weight: bold; padding: 3px 5px 3px 10px; text-decoration: none; }
ul.cats li a:link { }
ul.cats li a:visited { }
ul.cats li a:hover {background: #F5F5F5; }
ul.cats li a:active { }
ul.cats li a:focus { }
ul.cats li a.rss {padding: 8px 5px 8px 26px; background: url(/images/site/bg-rss.png) no-repeat left; margin: 0 0 0 10px;}

.box { padding: 10px; margin: 0 0 10px 0; border: 3px solid #87CEFA;
-moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-radius-bottomleft: 8px; -webkit-border-radius-bottomright: 8px;}
h2.boxtitle { font-size: 1.2em; font-weight: bold; padding: 7px 10px 7px 10px; margin: 0; border: 0; background: #87CEFA;
-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius-topleft: 5px; -webkit-border-radius-topright: 5px;}
.box p { margin: 0 0 10px 0; }
ul.brieflist {list-style: none; margin: 0 0 10px 0;}
ul.brieflist li {margin: 0 0 5px 0;}



/* main content */
div.entry img { overflow: hidden; }
.entry { float: left; width: 100%; margin: 0 0 20px 0;}
p.posted {padding: 5px 0; border-top: 1px dotted #666666; border-bottom: 1px dotted #666666; margin: 0; clear: both;}
span.posted { font-size: 85%; color: #666666; }
.imagenone {display: block; width: auto; margin: 0 0 10px 0;}
.imageleft {float: left; width: auto; margin: 0 20px 10px 0;}
.imageright {float: right; width: auto; margin: 0 0 10px 20px;}
.imagegallery {margin: 0 10px 10px 0;}
.lastupdated {font-size: 0.85em; color: #666666;}
.entrynext {}
.entryprev {}
.rss {display: block; padding: 0 0 0 26px; background: url(/images/site/bg-rss.png) no-repeat left;}

/* footer */
ul.footernav {float: left; width: 100%; list-style: none; margin: 0 0 10px 0;}
ul.footernav li {float: left; padding: 0 10px 0 0;}
div.sponsors {float: left; width: 300px;}
ul.sponsors {float: left; width: 100%; list-style: none; margin: 0;}
ul.sponsors li {float: left; width: auto; height: 110px; padding: 0 0 0 10px;}
div.legal {font-size: 0.8em; color: #666666;}

/* tables */
table.main { margin: 0 0 20px 0;  }
table.main th { font-size: 0.9em; background: #303366; color: #FFFFFF; text-align: left; padding: 8px 10px;}
table.main td { font-size: 0.9em; padding: 8px 10px; }
table.main tr.row1 { background: #FFFFFF }
table.main tr.row2 { background: #F5F5F5 }

table.latest { margin: 0 0 10px 0; }
table.latest td { padding: 8px 5px 8px 0; border-bottom: 1px dotted #C0C0C0; }

/* lists */
ul.detail { float: left; width: 100%; font-size: 0.9em; list-style: none; border-top: 1px dotted #C0C0C0; margin: 0 0 20px 0; }
ul.detail li { float: left; width: 100%; padding: 5px 0; border-bottom: 1px dotted #C0C0C0; }
ul.detail li strong { float: left; width: 30%; }
ul.linkslist {float: left; width: 100%; list-style: none; margin: 0 0 20px 0;}
ul.linkslist li {margin: 0 0 10px 0;}
ul.linkslist li.sponsor a {font-weight: bold;}
.sponsormarker {font-size: 0.75em; font-weight: bold; color: #FF9900;}

/* profiles */
img.avatar {float: right; margin: 0 0 5px 20px;}

/* forms */
#profile {width: 100%;}
#profile div {margin: 0 0 10px 0;}
#profile span {float: left; width: 33%;}

.contact {float: left; width: 100%; padding: 0 0 20px 0; margin: 0 0 20px 0; }
.contact div { float: left; width: 100%; margin: 0 0 10px 0; }
.contact span {float: left; width: 200px; padding: 2px;}
.contact label { color: #333333;  }
.contact input.text { padding: 2px; width: 200px; border: 1px solid #999999; }
.contact input.text:focus { border: 1px solid #666666; background: #FFFACD }
.contact textarea { padding: 2px; width: 360px; height: 150px; border: 1px solid #999999; }
.contact textarea:focus { border: 1px solid #666666; background: #FFFACD }
.contact select.select { padding: 1px; width: 200px; border: 1px solid #999999; }
.contact select.select:focus { border: 1px solid #666666; background: #FFFACD }
.contact option { padding: 1px; }
.contact input.submit { margin: 0 0 0 200px; }
.profileform {float: left; width: 100%; margin: 0 0 20px 0; }
.profileform div { float: left; width: 100%; margin: 0 0 10px 0; }
.profileform span {float: left; widrh: 200px; padding: 2px;}
.profileform label { font-weight: bold; color: #333333;  }
.profileform input.text { padding: 2px; width: 200px; border: 1px solid #999999; }
.profileform input.text:focus { border: 1px solid #666666; background: #FFFACD }
.profileform textarea { padding: 2px; width: 360px; height: 150px; border: 1px solid #999999; }
.profileform textarea:focus { border: 1px solid #666666; background: #FFFACD }
.profileform select.select { padding: 1px; width: 200px; border: 1px solid #999999; }
.profileform select.select:focus { border: 1px solid #666666; background: #FFFACD }
.profileform option { padding: 1px; }
.profileform input.submit { margin: 0 0 0 200px; }
ul.checkbox {float: left; width: 100%; list-style: none; margin: 0;}
ul.checkbox li {float: left; width: 49%;}
.nl-text { padding: 2px; width: 200px; border: 2px solid #999999; }
.nl-text:focus { border: 2px solid #666666; background: #FFFACD }
.nl-submit {  }