/* Active8 global CSS file - except homepage */
* { margin: 0; padding: 0; }
body { text-align: center; /*center hack*/ font: small Arial, Helvetica, sans-serif; line-height: 1; color: #333; background: #e9f4f4; border-top: 5px solid #2c5961; }

#container { width: 770px; /*center hack*/ margin: 0 auto; /*center hack*/ text-align: left; background: #fff; border-top: 0; border-right: 1px solid #4c939f; border-bottom: 1px solid #4c939f; border-left: 1px solid #4c939f;}

#header { background: #a9c9c8; margin: 0; padding: 0; height: 95px; }
#header #logo { float: left; }
#header #banner { text-indent: -9999px; background: url(/images/active8-banner.jpg) no-repeat right; height: 95px; }

#header-nav { text-align: right; width: 770px; background-color: #4c939f; border-top: 1px solid #8cb7be; border-bottom: 1px solid #2c5961; margin: 0; padding: 1px 0; }
#header-nav ul { padding: 0; margin: 0.3em 0; background-color: #4c939f; color: #fff; font-family: arial, helvetica, sans-serif; }
#header-nav ul li { display: inline; }
#header-nav ul li a { font-size: 95%; background-color: #4c939f; color: #fff; padding: 0.3em 1em; margin: 0; border-left: 1px solid #2c5961; text-decoration: none; }
#header-nav ul li a:hover, #header-nav ul li a:focus { background-color: #6bb3bf; color: #fff; }
#header-nav ul li #current-page-top { background-color: #6bb3bf; color: #fff; }

/* wrapper around content and navigation*/
#main-body { text-align: left; padding: 0; }

/* left hand side menu */
#left-nav { float: left; width: 170px; overflow: hidden; }
#left-nav ul { margin-left: 0; padding-left: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; }
#left-nav ul li a { display: block; font-size: 140%; padding: 0.3em 0.3em 0.3em 0.5em; width: 160px; background-color: #c9e2e1; border-top: 1px solid #fff; border-bottom: 1px solid #9db9b8; }
#left-nav ul li a:link, #left-nav ul li a:visited { color: #000; text-decoration: none; }
#left-nav ul li a:hover, #left-nav ul li a:focus { background-color: #9db9b8; color: #000; }
#left-nav ul li #current-page-left { background-color: #9db9b8; color: #000; }

/* content div */
#content { margin-left: 170px; padding: 0 10px; border-top: 1px solid #fff; height: 1%; text-align: left; font-size: 110%; }
#content ul { margin-left: 2em; list-style-type: square; }
#content ul li { margin-bottom: 0.4em; }
#content #col1 { float: left; width: 49%; overflow: hidden; }
#content #col2 { float: right; width: 49%; overflow: hidden; }
.img-layout { min-height: 205px; height: auto !important; height: 205px; }
.top { background: url(/images/up_arrow.gif) no-repeat center left; padding-left: 12px; }
.top a { font-size: 85%; color: #0478a2; }
.top a:hover, .top a:focus { color: #990000; } 

/* block level elements styles */
h1 { font-size: 160%; margin: 0.4em 0 0.5em 0; color: #fd9d01; border-bottom: 1px dotted #2f5a8c; }
h2 { margin: 1em 0 0.5em 0; font-size: 140%; }
h3 { margin: 1em 0 0.5em 0; font-size: 120%; }
p { margin: 0.5em 0 0.5em 0; }
dt { margin-top: 1em; margin-bottom: 0.3em; }
dd { margin-left: 1.4em; }
table tr td { padding-bottom: 0.4em; }

/* footer div */
#footer { clear: both; text-align: center; font-size: 100%; font-family: Arial, Helvetica, Sans Serif; border-top: 1px solid #fff; }
#footer #footer-nav { color: #676767; margin: 0.5em 0 1em 0;}
#footer #footer-nav a { color: #676767; text-decoration: none; }
#footer #footer-nav a:hover,  #footer #footer-nav a:focus { text-decoration: underline; }
#footer #copyright { color: #9c9b9b; margin: 1em 0; }