body {height: 100%; background:url(../images/backer.jpg) repeat-x; background-color:#e7f1fa; margin:0; padding:0} html {height: 100%; background:url(../images/backer.jpg) repeat-x; background-color:#e7f1fa; margin:0; padding:0} #oneColLayout {height: 100%; } /* OVERALL CONTAINER */ #wrapper { width: 940px; align: center; margin-right: auto; margin-left: auto; text-align:center; padding-top:0px; background:url(../images/backer_wrapper.jpg); background-color:#000000;} /* CLEAR THE BASE STUFF AND MOVE BOTTOM ELEMENTS DOWN \*/ .clearfix:after { content: "."; display: block; height: 20px; clear: both; visibility: hidden; } a { outline:0; color:#669900; text-decoration:underline } /* Hides from IE-mac */ * html .clearfix {height: 1%;} /* End hide from IE-mac */ img { border:0 } /* HEADER */ #header { float:left; display:inline;width: 940px; height: 91px; align: center; margin-right: auto; margin-left: auto; text-align:center; padding-top:0px; background:url(../images/backer_header.jpg);} /* LOGO */ #logo {float:left; display:inline; width:245px; height:91px; margin-left:30px;} /* TOP RIGHT SECTION LOGIN AND HOME BUTTON*/ #topRight {float:right; display:inline; width:505px; height:91px; margin-right:20px; text-align:right;} /* LOGIN */ #login {float:left; display:inline; margin-left:100px; width:350px; height:91px; text-align:left;} .loginTitle {float:left; display:inline; width:116px; height:91px; text-align:left; background-color:#000000;} .loginForm {float:left; display:inline; width:230px; height:40px; text-align:left; margin-top:25px;} .field {float:left; display:inline;width:150px; height:12px; margin-top:5px; border:solid 1px #333333; font-family: Arial, Helvetica, sans-serif; padding-left:3px; margin-top:0px; font-size: 10px; line-height: 14px; font-weight: normal; color: #333333; text-decoration: none;} .smallTextLinkLeft {float:left; display:inline; width:125px; height:20px; padding-top: 5px} .smallTextLinkRight {float:right; margin-right:20px; display:inline; width:65px; height:20px; padding-top: 5px} .smallWhiteText {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 9px; line-height: 12px; font-weight: normal; color: #FFFFFF; padding-top:3px; text-decoration: none;} a.smallWhiteTextLinks:link {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 9px; line-height: 12px; font-weight: normal; color: #333333; text-decoration: none;} a.smallWhiteTextLinks:active {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 9px; line-height: 12px; font-weight: normal; color: #333333; text-decoration: none;} a.smallWhiteTextLinks:visited {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 9px; line-height: 12px; font-weight: normal; color: #333333; text-decoration: none;} a.smallWhiteTextLinks:hover {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 9px; line-height: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none;} /* LOGIN SUBMIT BUTTON */ .login_submit a {float:left; display:inline; margin-top:0px; margin-left:5px; width: 19px; height: 19px; background: url("../images/login_submit.jpg") 0 0 no-repeat;} .login_submit a:hover {color: #FF6600; background-position: 0 -19px; background-color: #FFFFFF;} .login_submit a:active {color: #FF6600; background-position: 0px -19px;} /* HOMEPAGE BUTTON */ .home_button a {float:right; display:inline; margin-top:0px; width: 45px; height: 48px; background: url("../images/homepage_button.jpg") 0 0 no-repeat;} .home_button a:hover {color: #FF6600; background-position: 0 -88px; background-color: #FFFFFF;} .home_button a:active {color: #FF6600; background-position: 0px -88px;} /* MAIN AREA */ #main {float:left; display:inline; width:940px; background:url(../images/backer_body.jpg) repeat-y; background-color: #ececec;} /* WHITE PANEL FOR SIDE NAV */ #nav { float:left; display:inline; width: 265px; margin-left:10px; margin-top:0px; margin-bottom:20px; background:url(../images/backer_nav.jpg) repeat-y; background-color: #FFFFFF; text-align:left;} /* HOMEPAGE NEWS*/ #homeNews { float:left; display:inline; width: 265px; } .homeNewsArticle {margin-left:20px; margin-right:10px; margin-top:5px; margin-bottom:5px;} .panellink {margin:60px 0 0 13px} /* NEWS SCROLL*/ #pscroller1{ width: 200px; height: 100px; border-bottom: 1px dotted #7DB43B; padding: 7px 0 10px;; } .scroller { font-family: Arial, Helvetica, sans-serif; color:#333333; font-size: 11px; line-height: 16px; text-decoration:none} .scroller a{ font-family: Arial, Helvetica, sans-serif; color:#333333; font-size: 12px; line-height: 18px; text-decoration:none; line-height:120%} .scroller a:hover{ font-family: Arial, Helvetica, sans-serif; color:#333333; font-size: 12px; line-height: 18px; text-decoration:underline; line-height:120%} /* COPY WHICH NEEDS TO ROLLOVER AND LINK */ a.copy_links:link {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 12px; line-height: 18px; font-weight: normal; color: #333333; text-decoration: none;} a.copy_links:active {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 12px; line-height: 18px; font-weight: normal; color: #333333; text-decoration: none;} a.copy_links:visited {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 12px; line-height: 18px; font-weight: normal; color: #333333; text-decoration: none;} a.copy_links:hover {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 12px; line-height: 18px; font-weight: normal; color: #7DB43D; text-decoration: none;} /* COPY WHICH NEEDS TO ROLLOVER AND LINK IN BOLD GREEN*/ a.copy_links_bold_green:link {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 12px; line-height: 18px; font-weight: bold; color: #7DB43D; text-decoration: none;} a.copy_links_bold_green:active {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 12px; line-height: 18px; font-weight: bold; color: #7DB43D; text-decoration: none;} a.copy_links_bold_green:visited {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 12px; line-height: 18px; font-weight: bold; color: #7DB43D; text-decoration: none;} a.copy_links_bold_green:hover {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 12px; line-height: 18px; font-weight: bold; color: #333333; text-decoration: none;} /* COPY WHICH NEEDS TO ROLLOVER AND LINK ON A BACKGROUND COLOUR */ a.copy_links_white:link {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 12px; line-height: 18px; font-weight: normal; color: #FFFFFF; text-decoration: none;} a.copy_links_white:active {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 12px; line-height: 18px; font-weight: normal; color: #FFFFFF; text-decoration: none;} a.copy_links_white:visited {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 12px; line-height: 18px; font-weight: normal; color: #FFFFFF; text-decoration: none;} a.copy_links_white:hover {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 12px; line-height: 18px; font-weight: normal; color: #333333; text-decoration: none;} /* SMALL LINKS ON A BACKGROUND COLOUR */ a.smallWhiteTextLinks:link {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 9px; line-height: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none;} a.smallWhiteTextLinks:active {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 9px; line-height: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none;} a.smallWhiteTextLinks:visited {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 9px; line-height: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none;} a.smallWhiteTextLinks:hover {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 9px; line-height: 12px; font-weight: normal; color: #333333; text-decoration: none;} /* LIST ANNEX - THIS IS A NESTED LIST STYLE */ #annex { margin: 10px; padding-left: 10px; list-style-type: none;} #annexList {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 11px; line-height: 18px; font-weight: bold; color: #000000; text-decoration: none; } /* LARGE WHITE PANEL ON RIGHT */ #whiteRight { float:left; width: 643px; min-height:713px; margin-left:10px; background:url(../images/main_backer.jpg); text-align:left; } .widecol { width:570px; float:left; margin:20px 0 0 35px; clear:both; border-bottom: 1px dotted #D3D3D3; padding-bottom:25px; } #headnote { width:300px; float:right; font-family: Arial, Helvetica, sans-serif; font-size: .7em; color:#C0C0C0; text-align:right; } .widecol #headnote img { border-width: 0px; vertical-align: middle; margin-left:5px; } .widecol .col3_a { width:117px; float:left; margin:15px 15px 20px 0 } .widecol .col3_b { width:300px; float:left; margin:10px 15px 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: .7em; color:#333333; } .widecol .col3_b p a { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#55881a; font-size: 1em; padding: 5px 0 10px 0; text-decoration:none} .widecol .col3_b p a:hover { text-decoration: underline} .widecol .col3_c { width:110px; float:left; margin:45px 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: .6em; color:#0a1956; text-align:right } .widecol .col3_c p img { border-width: 0px; vertical-align: middle; margin-left:5px; } #bodySection {float:left; display:inline; margin-left:32px; width:600px;} .leader {font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 23px; font-weight: normal; color: #7DB43D; text-decoration: none;} .bodyCopy{font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 12px; line-height: 18px; font-weight: normal; color: #333333; text-decoration: none;} .bodyCopyBold{font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 12px; line-height: 18px; font-weight: bold; color: #333333; text-decoration: none;} .greenCopy{font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 12px; line-height: 18px; font-weight: bold; color: #7DB43D; text-decoration: none;} /* MAIN WHITE PANEL BASE */ #mainBase { float:left; display:inline; margin-left:10px; width: 917px; height: 118px; } #mainBaseNarrow { float:right; display:inline; margin-left:10px; margin-right:12px; width: 643px; height: 118px; } /* FOOTER AREA */ #footer { float:left; display:inline; width: 940px; height: 175px; background:url(../images/backer_footer.jpg) no-repeat top center;} #footerLeft { float:left; display:inline; width: 700px; height: 118px; background:url(../images/footer_divider.jpg) no-repeat; background-position:right top;} #footerRight { float:left; display:inline; width: 230px; height: 118px; } /* SITE MAP LINKS \*/ #siteMap {float:left; display:inline; width:680px; margin-left: 23px; margin-top: 15px; text-align: left;} #siteMap ul {margin-left: 0; padding-left: 0; display: inline} #siteMap ul li {margin-left: 0; list-style: none; display: inline; } #siteMap li a {margin-left: 0; padding-right: 10px;color: #FFFFFF; text-decoration: none; font:10px helvetica, sans-serif, Arial; font-weight:normal; line-height:120%; letter-spacing:1px; background:url(../images/sub_nav_breaker.png) no-repeat right; margin-right:8px;} #siteMap ul li.last {margin-left: 0; padding-right: 10px; padding-left: 8px; list-style: none; display: inline; border-right:0px solid #FFFFFF;} #siteMap ul li.last a {margin-left: 0; list-style: none; display: inline; border-right:0px solid #FFFFFF;} #siteMap a:hover {color:#333333;} /* LOGOS FOR SUBCOMPANIES \*/ #logoLinks {float:left; display:inline; width:650px; height:50px; margin-left: 23px; margin-top: 10px; } #subCompanies {float:left; display:inline; width:650px; text-align:left; margin-top:25px; text-align:right;} #subCompanies ul {margin-left: 0; padding-left: 0; display: inline;} #subCompanies ul li {margin-left: 0; padding-right: 25px; list-style: none; display: inline; } #subCompanies ul li#what {font:.8em helvetica, sans-serif, Arial; color:#fff; font-weight:bold; text-transform:uppercase; letter-spacing:2px;} /* CONTACT/LEGAL/COPYRIGHT GUFF \*/ .footerContact {margin-left: 23px; margin-top: 10px; text-align:left; letter-spacing: 2px;} /* CONTACT/LEGAL/COPYRIGHT GUFF \*/ .smallWhiteCopy {font-family: Arial, Helvetica, sans-serif; margin-top:10px; font-size: 9px; line-height: 100%; font-weight: normal; color: #FFFFFF; text-decoration:none;}