html, body { height: 100%; text-align: center; }
body { background-color: #FFFFFF; background: url(background.gif) 0 0 repeat-x; margin: 0; }
#container {
min-height: 100%; height: auto !important; height: 100%;
margin: 0 auto -80px auto; width: 776px; text-align: left;
position: relative;
}
#push { height: 80px; clear: both; }
#search { background-color: #A7C349; height: 30px; text-align: right; padding-right: 4px; }
.search-label { font-weight: bold; color: #FFFFFF; }
.search-box { border: none; background-color: #DDE8B8; padding: 2px; width: 120px; margin: 0; }
.search-button { position: relative; top: 5px; }
div.admin { position: absolute; top: 5px; left: 0; color: #EDF3DB; }
div.admin a { color: #EDF3DB; font-weight: bold; text-decoration: none; padding-right: 18px; }
div.admin a:hover { color: #FFFFFF; }
#header { background-color: #F7F5F1; height: 86px; padding-top: 19px; position: relative; }
#header ul { position: absolute; top: 40px; right: 0; list-style-type: none; }
#header li { float: left; }
#header li a { display: block; height: 100%; color: #333333; font-weight: bold; text-decoration: none; padding: 5px 8px; margin-left: 2px; margin-right: 2px; }
#header li a:hover { background-color: #E9E4D8; }
ul.menu-home #menu-home a, ul.menu-page #menu-section a, ul.menu-section #menu-section a, ul.menu-downloads #menu-downloads a, ul.menu-casestudies #menu-casestudies a,
ul.menu-gettinginvolved #menu-gettinginvolved a, ul.menu-about #menu-about a { background-color: #A7C349 !important; padding: 5px 12px; color: #FFFFFF; margin: 0 4px; }
#header h1 { text-align: right; position: absolute; top: 40px; right: 0; font-size: 30px; color: #DE7E0A; }
#main { padding: 20px 0; }
#footer { height: 60px; position: relative; }
#footer p { width: 776px; text-align: left; margin: 0 auto; }
/* Main bits */
div.left { float: left; width: 500px; }
div.right { float: right; width: 240px; }
div.downloads { background-color: #F7F5F1; padding: 15px 10px; margin-bottom: 20px; }
div.downloads p { color: #777777; }
div.downloads p a { text-decoration: none; }
p.download-pdf { padding-left: 55px; height: 25px; padding-top: 6px; background: url(download-pdf.gif) 0 0 no-repeat; margin: 0 0 8px 0; font-size: 14px; }
p.download-full { padding-left: 55px; min-height: 60px; padding-top: 2px; background: url(download-full.gif) 0 20px no-repeat; margin: 0; }
div.sidebar { background-color: #F7F5F1; padding: 2px 10px 10px 12px; margin-top: 20px; }
div.left2 { float: left; width: 113px; background-color: #F7F5F1; padding: 10px 10px 20px 15px; border-top: 2px #A7C349 solid; border-bottom: 2px #A7C349 solid; }
div.left2 ul { list-style: none; margin: 0; }
div.left2 ul a { text-decoration: none; font-weight: bold; }
div.left2 ul li.spacebefore { padding-top: 8px; }
div.left2 h3 { color: #999999; font-size: 16px; font-weight: bold; }
div.right2 { float: right; width: 600px; }
div.resources { padding: 15px 15px 10px 15px; background-color: #F7F5F1; border-top: 2px #9EBB3E solid; border-bottom: 2px #9EBB3E solid; margin-top: 20px; }
div.resources h2 { margin-top: 0; }
div.resources p { margin: 8px 0; }
div.resources p img { position: relative; top: 2px; padding-right: 2px; }
/* Home page bits */
h1.home-tagline { background: url(home-tagline.gif) 0 0 no-repeat; width: 775px; height: 18px; text-indent: -9999px; margin: 10px 0 20px 0; }
div.home-news { background-color: #F7F5F1; padding: 16px 20px; width: 200px; float: right; height: 300px; }
div.home-news ul { list-style-type: none; margin-left: 0; }
div.home-news li { color: #888888; }
div.home-news li:first-child { padding-bottom: 10px; }
div.home-news li:first-child a { padding-bottom: 10px; font-weight: bold; }
div.home-news h2 { color: #9EBB3E; margin-top: 0; }
div.home-contents { background-color: #F7F5F1; padding: 16px 0 16px 0; width: 510px; float: left; height: 300px; position: relative; }
div.home-contents h2 { padding-left: 20px; color: #9EBB3E; margin-top: 0; }
div.home-contents ul { width: 230px; list-style-type: none; margin: 0; }
div.home-contents ul li { margin: 0; }
div.home-contents ul a { display: block; width: 180px; font-weight: bold; text-decoration: none; padding: 5px 30px 5px 20px; }
div.home-contents ul li.selected a { background: #A7C349 210px 10px url(arrow-green.gif) no-repeat; color: #FFFFFF; }
div.home-contents ul li ul { position: absolute; left: -9999px; }
div.home-contents ul li ul li { padding: 0 0 3px 0; }
div.home-contents ul li ul a { width: 270px; font-weight: normal; text-decoration: underline; padding: 2px 0 2px 10px; line-height: 1.1em; }
div.home-contents ul li.selected ul { position: absolute; left: 230px; top: 20px; border-left: #A7C349 solid 2px; padding: 5px 0; }
div.home-contents ul li.selected ul a:link { background: none; color: #A86B22; text-decoration: underline; }
div.home-contents ul li.selected ul a:visited { background: none; color: #E6A14D; text-decoration: underline; }
div.home-contents ul li.selected ul a:hover, div.home-contents ul li.selected ul a:active { color: #8DA637; }
div.home-contents div.home-description { position: absolute; left: 230px; width: 235px; border-left: #A7C349 solid 2px; padding-left: 10px; padding-top: 3px; }
div.home-contents div.home-description p { margin: 0 0 10px 0; }
div.home-contents ul li.selected.section-3 ul { top: 20px; }
div.home-contents ul li.selected.section-3 ul { top: 30px; }
div.home-contents ul li.selected.section-4 ul { top: 60px; }
div.home-contents ul li.selected.section-5 ul { top: 100px; }
div.home-contents ul li.selected.section-6 ul { top: 100px; }
div.home-contents ul li.selected.section-7 ul { top: 190px; }