/* Common styles */

body { margin: 0px; font-size: 76%; line-height: 1em; font-family: Arial, sans-serif; background: #003310 url('/media/img/gradient.gif') repeat-x; }
h1, h2, h3 { margin: 0px; font-size: 1em; line-height: 1em; }
p { margin: 0px; line-height: 1em; }
ul, li { padding: 0px; margin: 0px; line-height: 1em; }
li { list-style-type: none; line-height: 1em; }
a { color: #006534; text-decoration: none; }
a img { border: none; }

#main_background { width: 803px; margin: 0px auto; background: url('/media/img/middle.gif') repeat-y; }
#main_main { padding: 0px 7px; width: 789px; background: url('/media/img/topcorners.gif') no-repeat; position: relative; }
#main_main #header { clear: both; height: 152px; }
#main_main #header #logo { float: left; margin-top: 47px; padding-left: 20px; }
#main_main #header #top-nav { float: right; margin-top: 93px; padding-right: 41px; position: relative; }
#main_main #header #top-nav ul.nav li { float: left; padding: 7px 18px; border-right: 1px solid #000000; height: 10px; }
#main_main #header #top-nav ul.nav li.last { border-right: none; }
#main_main #header #top-nav ul.nav li a { margin-bottom: -2px; display: block; }
#main_main #header #top-nav ul.nav li a:hover { border-bottom: 4px solid #a6bfb3; }
#main_main #header #top-nav ul.nav li a.active { border-bottom: 4px solid #058832; }
#main_main #header #top-nav ul.nav li a.active:visited { border-bottom: 4px solid #058832; }
#main_main #header #top-nav ul.nav li a.active:hover { border-bottom: 4px solid #058832; }
#main_main #header #top-nav ul.nav li ul.dropdown { position: absolute; left: -999em; top: 24px; background-color: #ffffff; margin-left: -19px; padding-top: 2px; }
#main_main #header #top-nav ul.nav li:hover ul.dropdown { left: auto; }
#main_main #header #top-nav ul.nav li ul.dropdown li { height: auto; float: none; text-align: left; border-right: none; border-left: 1px solid #cccccc; width: 129px; font-size: 1.083em; line-height: 1em; }
#main_main #header #top-nav ul.nav li ul.dropdown li.last { border-bottom: 1px solid #cccccc; }
#main_main #header #top-nav ul.nav li ul.dropdown li.horiz { height: 1px; padding: 0px; }
#main_main #header #top-nav ul.nav li ul.dropdown li.horiz div { border-top: 1px solid #cccccc; margin: 0px 10px; width: 145px; }
#main_main #header #top-nav ul.nav li ul.dropdown li a:hover { border-bottom: none; color: #3ea345; }
#main_main #bkg-footer { clear: both; height: 26px; margin: 0px -7px; background: url('/media/img/bottomcorners.gif') no-repeat; }
#main_footer { width: 803px; margin: 0px auto; padding-bottom: 5px; clear: both; color: #ffffff; }
#main_footer p { text-align: center; font-family: Verdana; font-size: 0.917em; line-height: 1.273em; }

/* in base.html */
#base #main_main #banner { margin-top: 10px; clear: both; width: 789px; }
#base #main_main #aislelife { position: absolute; bottom: 19px; left: 23px; } 
#base #main_main #content #home-title { float: left; width: 306px; line-height: 1em; margin-top: 16px; padding: 14px 20px 5px 18px; color: #006534; }
#base #main_main #content #home-title h1 { width: 186px; text-transform: uppercase; font-family: Verdana; font-weight: normal; font-size: 1.833em; line-height: 1.350em; margin: 0px 0px 14px 120px; text-align: right; color: #006534; }
#base #main_main #content #home-title h1 span { white-space: nowrap; }
#base #main_main #content #home-title p { width: 186px; line-height: 1.325em; text-align: right; margin-left: 120px; color: #5b7e6c; }
#base #main_main #content #home-title p a { color: #5b7e6c; }
#base #main_main #content #home-text { float: left; width: 346px; margin-top: 16px; padding: 19px 78px 7px 20px; border-left: 1px solid #d6d7d9; }
#base #main_main #content #home-text p.about { font-size: 1.291em; font-weight: bold; line-height: 1.343em; margin-bottom: 15px; }
#base #main_main #content #home-text p.quote-text { line-height: 1.325em; }
#base #main_main #content #home-text p.quote-author { font-size: 0.917em; font-style: italic; line-height: 1.182em; text-align: right; margin-top: 8px; }

/* in page.html */
#page #main_main #side-nav { clear: both; float: left; margin: 35px 27px -4px 20px; width: 136px; }
#page #main_main #side-nav li { margin: 0px -6px; padding: 10px 6px 4px 6px; border-bottom: 1px solid #e2e3e4; }
#page #main_main #side-nav li.last { border-bottom: none; }
#page #main_main #side-nav li a img.hover { display: none; }
#page #main_main #aislelife { position: absolute; bottom: 19px; left: 23px; }
#page #main_main #value-statement { width: 181px; height: 72px; background: url('/media/img/2line.gif'); position: absolute; bottom: 53px; left: 190px; }
#page #main_main #value-statement.linecount3 { height: 92px; background: url('/media/img/3line.gif'); }
#page #main_main #value-statement img { margin: 18px 25px 14px; }
#page #main_main #content { float: left; width: 599px; }
#page #main_main #content #column { float: left; width: 236px; margin: 24px 0px 92px; }
#page #main_main #content #column #page-title { margin-bottom: 8px; }
#page #main_main #content #column #page-title h1 { font-size: 0.917em; line-height: 1em; color: #6c8779; text-transform: uppercase; }
#page #main_main #content #column #page-title h1.root { font-size: 2.167em; line-height: 1.083em; color: #006534; text-transform: none; margin-top: 10px; }
#page #main_main #content #column #page-title h2 { font-size: 2.167em; line-height: 1.083em; color: #006534; }
#page #main_main #content #column #page-content { font-family: Verdana; font-size: 0.917em; line-height: 1.545em; }
#page #main_main #content #column #page-content p { line-height: 1.545em; margin-bottom: 12px; }
#page #main_main #content #column #page-content ul { margin-bottom: 12px; }
#page #main_main #content #column #page-content li { list-style-type: disc; line-height: 1.545em; margin-left: 15px; }
#page #main_main #content #column #page-content ul ul li { list-style-type: circle; margin-left: 30px; }
#page #main_main #content #image { float: left; width: 322px; height: 401px; padding: 0px 24px 0px 16px; }
#page #main_main #content #footer { clear: both; padding-top: 13px; }
#page #main_main #content #footer p { font-family: Verdana; font-size: 0.917em; line-height: 1.273em; }

/* in contact.html */
#contact #main_main #aislelife { position: absolute; bottom: 19px; left: 23px; }
#contact #main_main #content { padding-left: 190px; width: 599px; }
#contact #main_main #content #column { float: left; width: 236px; margin: 24px 0px 0px; }
#contact #main_main #content #column #page-title { margin-bottom: 20px; }
#contact #main_main #content #column #page-title h1 { font-size: 2.167em; line-height: 1.083em; color: #006534; text-transform: none; margin-top: 10px; }
#contact #main_main #content #column #page-content { font-family: Verdana; font-size: 1.083em; line-height: 1.385em; }
#contact #main_main #content #column #page-content h3 { color: #3ea345; line-height: 1.385em; text-transform: uppercase; }
#contact #main_main #content #column #page-content p { line-height: 1.385em; margin-bottom: 18px; }
#contact #main_main #content #column #page-content p a { color: #000000; }
#contact #main_main #content #image { float: left; width: 322px; height: 401px; padding: 0px 24px 27px 16px; }

/* in chart.html */
#chart #main_main #side-nav { clear: both; float: left; margin: 35px 27px -4px 20px; width: 136px; }
#chart #main_main #side-nav li { margin: 0px -6px; padding: 10px 6px 4px 6px; border-bottom: 1px solid #e2e3e4; }
#chart #main_main #side-nav li.last { border-bottom: none; }
#chart #main_main #side-nav li a img.hover { display: none; }
#chart #main_main #aislelife { position: absolute; bottom: 19px; left: 23px; }
#chart #main_main #content { float: left; width: 583px; }
#chart #main_main #content #column { margin: 24px 0px 66px; }
#chart #main_main #content #column #page-title { margin-bottom: 8px; }
#chart #main_main #content #column #page-title h1 { font-size: 0.917em; line-height: 1em; color: #6c8779; text-transform: uppercase; }
#chart #main_main #content #column #page-title h2 { font-size: 2.167em; line-height: 1.083em; color: #006534; }
#chart #main_main #content #column #page-content { font-family: Verdana; font-size: 1em; line-height: 1.385em; }
#chart #main_main #content #column #page-content table { width: 100%; border-collapse: collapse; }
#chart #main_main #content #column #page-content .one { width: 336px; }
#chart #main_main #content #column #page-content .two { width: 78px; }
#chart #main_main #content #column #page-content .three { width: 60px; }
#chart #main_main #content #column #page-content .four { width: 45px; }
#chart #main_main #content #column #page-content thead tr { background-color: #006534; color: #ffffff; }
#chart #main_main #content #column #page-content thead tr th { font-weight: normal; line-height: 1.5em; padding: 0px 8px; }
#chart #main_main #content #column #page-content thead tr th.one { text-align: left; }
#chart #main_main #content #column #page-content tbody tr.odd { background-color: #f0f5ef; color: #000000; }
#chart #main_main #content #column #page-content tbody tr.even { background-color: #b8e3ae; color: #000000; }
#chart #main_main #content #column #page-content tbody tr td { font-size: 0.917em; line-height: 1.273em; padding: 6px 8px; text-align: center; }
#chart #main_main #content #column #page-content tbody tr td.one { text-align: left; }
#chart #main_main #content #footer { clear: both; padding-top: 13px; }
#chart #main_main #content #footer p { font-family: Verdana; font-size: 0.917em; line-height: 1.273em; }

/* in 404.html */
#e404 #main_main #content { padding: 54px 100px 278px; }
#e404 #main_main #content h1 { color: #3ea345; font-size: 2em; line-height: 1.25em; margin-bottom: 12px; }
#e404 #main_main #content p { font-size: 1.083em; line-height: 1.384em; }

/* in 500.html */
#e500 #main_main #content { padding: 54px 100px 278px; }
#e500 #main_main #content h1 { color: #3ea345; font-size: 2em; line-height: 1.25em; margin-bottom: 12px; }
#e500 #main_main #content p { font-size: 1.083em; line-height: 1.384em; }