/* Set Globals */
* {	margin: 0px; padding: 0px; border: none; list-style: none; }
body { background: #f7f7f7; font: 62.5% Arial, Helvetica, sans-serif; letter-spacing: -0.02em; }
a { text-decoration: underline; outline: none; }
a:hover { text-decoration: none; outline: none; }

/* Header */
#headercontainer { width: 760px; margin: 0 auto; }
#header { height: 13.5em; width: 100%; margin: 0 auto; border-bottom: 3px solid #AAA; background: #ccc url(../img/headerbg.png) top center repeat-x; }
#header img { margin-top: 15px; display: block; float: left; position: relative; }
#header .logo { width: 100%; }
#header ol { position: relative; float: right; margin-top: 1.3em; }
#header li { display: inline-block; float: left; font-size: 1.4em; font-weight: bold; letter-spacing: -0.05em; line-height: 100%; }
#header li a { display: inline-block; padding: 0.6em 0.8em; color: #006600; text-decoration: none; }
#header li a:hover { background: #FFF url(../img/navbgover.png) top center; color: #006600; text-decoration: none; border-bottom: 3px solid #DDD; }
#header li .on, #header li:hover .on { background: #006600 url(../img/navbgon.png) top center; color: #FFF; border-bottom: 3px solid #009900; }

/* Content */
#contentcontainer { background: #FFF url(../img/contentbg.png) top center no-repeat; width: 100%; padding: 3em 0; border-bottom: 3px solid #AAA; float: left; }
#content { width: 760px; margin: 0 auto; }
#content a { color: #006600; }
#content p, #content ul { font-size: 1.4em; line-height: 130%; margin-bottom: 1.2em; color: #333; }
#content h2 { font-size: 1.8em; font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; color: #006600; }
#content .intro { font-size: 2.6em; font-weight: bold; line-height: 110%; font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; color: #006600; }
#content .smallintro { font-size: 1.8em; font-weight: bold; line-height: 110%; font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; color: #006600; }
#content li { list-style: disc; margin-left: 1.2em; }
.highlight { background: #e6f0e6 url(../img/highlightbg.png) no-repeat top center; padding: 1em; border: 3px solid #e6f0e6; margin-bottom: 1em; }
.highlight ul { margin-bottom: 0px!important; }
.highlight li {  color: #666; margin-bottom: 0.5em;  }
.highlight p, .highlighton p {  color: #666!important; margin-bottom: 0!important;  }
#splash { width: 546px; height: 250px; margin-bottom: 2em; border: 3px solid #c9dec9;  }
#splashsmall { width: 546px; height: 150px; margin-bottom: 2em; border: 3px solid #c9dec9;  }
#splash .intro { background: #006600; color: #FFF; padding: 0.5em; opacity:0.85;filter:alpha(opacity=85); zoom: 1; top: 88px; width: 470px; position: relative }
#splashsmall .intro { background: #006600; color: #FFF; padding: 0.5em; opacity:0.85;filter:alpha(opacity=85); zoom: 1; top: 58px; position: relative; display: inline; }
.home { background: url(../img/splash-home.jpg) }
.highlighton { background: #e6f0e6 url(../img/highlightbg.png) no-repeat top center; padding: 1em; border: 3px solid #e6f0e6; margin-bottom: 1em; opacity:0.50; filter:alpha(opacity=50); zoom: 1;  }

/* Structure */
#left { float: left; width: 550px; margin-right: 20px; }
#right { float: left; width: 190px; font-size: 90%; }

/* Footer */
#footercontainer { background: url(../img/footerbg.png) top repeat-x; width: 100%; height: 120px; clear: both; }
#footer { width: 760px; margin: 0 auto; padding: 20px 0px; height: 80px; }
#footer p { font-size: 1.2em; line-height: 140%; color: #555; }
#footer a { color: #555; }
#header ol, x:-moz-any-link { top: 8px; }
#header ol, x:-moz-any-link, x:default { top: 0px; }