/* Active8 homepage CSS file */
* { 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: -9000px; 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; }
#content ul { margin-left: 2em; }
#content #col1 { float: left; width: 49%; margin-top: 0.5em; overflow: hidden; }
#content #col1 #about { background: #fef9db url(/images/aboutbox.jpg) no-repeat bottom right; border: 1px solid #889dae; }
#content #col1 #about p { margin: 0.5em 65px 0.5em 0.5em; font-weight: bold; }
#content #col1 #offer { background-color: #f9ddae; margin: 0.5em 0; padding-bottom: 0.2em; }
#content #col1 #offer h2 { text-indent: -9000px; background: #fe9d01 url(/images/h2-offer.gif) no-repeat bottom left; padding-top: 7px; }
#content #col1 #offer p { margin: 0.5em; }
#content #col1 #offer ul { margin: 0.5em 0.5em 0.5em 2em; list-style-type: square; }
#content #col1 #offer ul li { padding-bottom: 0.5em; }
#content #col2 { float: right; width: 49%; margin-top: 0.5em; overflow: hidden; }
#content #col2 #noticeboard { background-color: #d4e5f7; padding-bottom: 0.2em; }
#content #col2 #noticeboard h2 { text-indent: -9000px; background: #305a8c url(/images/h2-noticeboard.gif) no-repeat bottom left; padding-top: 7px; }
#content #col2 #noticeboard ul { margin: 0.5em; }
#content #col2 #noticeboard ul li { margin: 0.8em 0; }
#content #col2 #noticeboard ul li a { color: #000066; font-size: 110%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }
#content #col2 #noticeboard ul li a:focus, #content #col2 #noticeboard ul li a:hover { color: #990000; }
#content #col2 #noticeboard ul li .headline-publish-date { font-weight: normal; font-size: 90%; }
#content #col2 #freeconsultation { background: #acc0d8 url(/images/freeconsultation.jpg) no-repeat bottom left; border: 1px solid #ad6a8d; margin: 0.5em 0; }
#content #col2 #freeconsultation p { margin: 0.2em 0.2em 0.2em 70px; color: #b0385c; font: bold 160% Arial, Helvetica, sans-serif; }

/* 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; }