/* CSS Reset By Eric Meyer: meyerweb.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

/* Global Classes */
.ah {position:absolute; top:-100px; left:-9999px; text-indent:-9999px; font-size:0;} /* accessibility hide */
.black {color:#000;}
#searchShell{display:none;}
/* global tag styles */
a {color:#609;}
#contentArea a:hover,#contentArea  a:focus{color:#00f}


body {background:#000; font-family:Arial, Tahoma, Verdana, sans-serif;}
#outerShell {background:#609 url("../img/bg-body.png") repeat-x 0 0;}
#shell {width:900px; margin:0 auto;}


#banner {overflow:auto;}
#logoShell {float:left;}
#logo {display:block; width:660px; height:115px; text-indent:-9999px; font-size:0; background:#609 url("../img/logo.png") no-repeat 0 0;}

#searchShell {margin-left:40px;  float:left;}
#searchMsesForm {margin-top:37px;}
#searchBox {padding:3px; float:left; width:168px; background:#fefefe; border:1px solid #aaa;}
#searchSubmit {border:0; background:#fff url("../img/search-glass-mini.jpg") no-repeat 0 0; padding:0; margin:0; cursor:pointer; display:block; height:24px; width:22px; text-indent:-9999px; font-size:0;}

#nav {overflow:auto; height:30px;}
#nav li {float:left; text-transform:uppercase;}
#nav li a {background:#b7b7b7; color:#000; padding:0 15px; text-decoration:none; display:block; height:30px; font:bold 0.85em/30px Arial;}
#nav a:hover,#nav a:focus {background:#ffa; display:block; color:#609;}
#nav li.active a{background:#fff;color:#609;}
#nav li.active a:hover,#nav li.active a:focus {text-decoration:underline;}

#contentArea {background:#fff; padding:20px;}
#contentArea h2 {color:#609; font:bold 1.5em/1.2 Georgia;}
#contentArea p {font:0.8em/1.5 Arial; margin:10px 0;}
#contentArea ul, ol {margin:10px 0 10px 20px; padding-left:10px; font:0.75em Arial;}
#contentArea ul {list-style-type:disc;}
#contentArea ol {list-style-type:decimal;}
#contentArea li {margin:3px 0;}



h2.sectionHeading {font:bold 1.1em Georgia; margin-bottom:10px; color:#333;}




#footerBand {background:#000; border-top:2px solid #ffa; padding:20px; color:#cacaca;}
#footerShell {width:900px; margin:0 auto; overflow:auto;}
#footerShell h2 {color:#fafafa; font:bold 0.9em Arial; margin-bottom:10px;}
#footerShell div {float:left;}
div.footerBlock {margin-right:40px;}
#address {width:270px;}
#address address {font:normal bold 0.8em/1.5 Arial;}
#googleMapFooterLink {font:0.8em Arial; margin-top:10px;}
#googleMapFooterLink a {color:#ffa;}

#footerNav a {color:#ffa;}
#footerNav a:hover {color:#fff;}
#footerNav li,#usefulLinks li {font:0.75em Arial; margin-bottom:4px;}

#usefulLinks a {color:#fff;}
#usefulLinks a:hover,#usefulLinks a:focus,#usefulLinks a:active {color:#ffa;}

#upcomingEvents li {font:0.75em Arial; margin:3px; color:#fff; padding:3px 0;}
#upcomingEvents li+li {border-top:1px dotted #aaa;}
.eventDate {color:#cecece; display:block; font-size:0.9em;}