/************************/ /* */ /* Site Structure */ /* */ /************************/ body {margin:0; padding:0; background-color:#efefe8; font-family:Arial, Helvetica, sans-serif; font-size:0.80em; } .site { width:999px;margin:0 auto; } /* header style */ .header { clear:both; float:left; width:100%; height:118px; background:url(../images/header_bg.gif) no-repeat 0 0; } .header .headerTop {float:left; height:96px; width:710px; } .header .search { float:right; margin:23px 0 0 0; width:260px; height:64px; } .searchForm {border:none; margin:5px 0 0 0; padding:0; } .searchForm legend { display:none; } .searchForm label { display:none; } .searchForm .searchText { background-image:url(../images/search_text_bg.gif); background-repeat:no-repeat; width:113px; height:24px; float:left;} .searchForm input { border:none; padding:0; margin:4px 0 0 5px; width:105px; vertical-align:top; } .searchForm .submit {float:left;width:58px; height:24px; vertical-align:top; padding:0; margin:0; } .header .breadcrumbs { float:left; position:relative; margin:0; color:#626364; font-size:0.8em; padding:2px 0 0 20px; width:690px; } .header .sitebreadcrumbs a { color:#626364; text-decoration:none; } .header .sitebreadcrumbs a:hover { text-decoration:underline; } .header .logo { float:right; margin:17px 19px 0 0;} .menuHolder { clear:both; float:left; width:100%; height:52px; padding:0 0 0 19px;} .colmask { position:relative; clear:both; float:left; width:100%; overflow:hidden; } /* home page style */ .mainframe .colmid { float:left; width:200%; margin-left:-251px; /* Width of right column */ position:relative; right:100%; } .mainframe .colleft { float:left; width:100%; margin-left:-50%; position:relative; left:426px; /* Left column width + right column width */ } .mainframe .col1wrap { float:left; width:50%; position:relative; right:175px; /* Width of left column */ padding-bottom:0px; /* Centre column bottom padding. Leave it out if it's zero */ } .mainframe .centrecol { position:relative; left:200%; overflow:hidden; margin:0 261px -16px 185px; /* Centre column side padding: Left padding = left column width + centre column left padding width Right padding = right column width + centre column right padding width */ } .mainframe .leftcol { float:left; float:right; width:166px; /* Width of left column content (left column width minus left and right padding) */ position:relative; right:-10px; /* Width of the left-had side padding on the left column */ } .mainframe .rightcol { float:left; float:right; position:relative; left:50%; width:251px; /* Width of right column content (right column width minus left and right padding) */ margin-right:9px; /* Width of right column right-hand padding + left column left and right padding */ } /* content page style */ .contentframe .colmid { float:left; width:200%; margin-left:-181px; /* Width of right column */ position:relative; right:100%; } .contentframe .colleft { float:left; width:100%; margin-left:-50%; position:relative; left:362px; /* Left column width + right column width */ } .contentframe .col1wrap { float:left; width:50%; position:relative; right:181px; /* Width of left column */ padding-bottom:0px; /* Centre column bottom padding. Leave it out if it's zero */ } .contentframe .centrecol { position:relative; left:200%; overflow:hidden; margin:0 191px 0 191px; /* Centre column side padding: Left padding = left column width + centre column left padding width Right padding = right column width + centre column right padding width */ } .contentframe .leftcol { float:left; float:right; width:167px; /* Width of left column content (left column width minus left and right padding) */ position:relative; right:-5px; /* Width of the left-had side padding on the left column */ } .contentframe .rightcol { float:left; float:right; position:relative; left:50%; width:181px; /* Width of right column content (right column width minus left and right padding) */ margin-right:14px; /* Width of right column right-hand padding + left column left and right padding */ } /* center top image */ .centerTop {padding:0; margin:0 0 7px 0;} .centerTop p {padding:0; margin:0;} .centerTop img {padding:0; margin:0;} .centerTop .bgimage { background-repeat:no-repeat; display: block; width: 553px; height: 279px; margin:0 0 10px 0;} .centerTop .text { padding: 24px 250px 10px 20px; line-height:1.5em; color:#ffffff; font-size:1.15em;} .centerTop .text h2 { color:#ffffff; font-size:1.6em; line-height:1.2em; font-weight:normal;} /* center top for content pages */ .centerTopContent {margin:0 0 7px 0;} .centerTopContent p {padding:0; margin:0;} .centerTopContent img {padding:0; margin:0;} .centerTopContent .bgimage { background-repeat:no-repeat; display: block; width: 617px; height: 153px; margin:0 0 10px 0;} .centerTopContent .text { padding: 14px 235px 10px 20px; line-height:1.5em; color:#ffffff; font-size:1.3em;} /* Right Column */ .contentRightButtons {margin:0 0 0 0; } .contentRightButtons img {padding:0; margin:0 0 7px 0;} /* footer style */ .footer { clear:both; float:left; padding:0 19px; } .footer ul { list-style:none; padding:0; margin:0;} .footer li { list-style:none; float:left; padding:0 8px; font-size:0.85em; color:#231f20;} .footer .copyright { display:inline; float:right; line-height:24px; height:24px; background:url(../images/footer/vertical_line.gif) no-repeat 0 0; background-color:#FFFFFF;} .footer .copyright a {color:#231f20; text-decoration:none;} .footer .copyright a:hover {color:#000000; text-decoration:underline;} .footer .logos {display:inline; float:left; height:24px;} .footer .logos li {padding:2px 8px 0 8px;} .footer .links { display:inline; float:left; height:24px; background:url(../images/footer/vertical_line.gif) no-repeat 0 0; background-color:#FFFFFF;} .produced { float:right; color:#9a9a9a; font-size:.8em; padding:15px 19px 0 0; } .produced a { color:#9a9a9a; } .produced a:hover { color:#666666; } /************************/ /* */ /* Panels */ /* */ /************************/ .headingLink { color:#ffffff; text-decoration:none; } .headingLink:hover { color:#ffffff; text-decoration:underline; } .panel156outer{ width:156px; padding: 9px 0 10px 0 ; background: url(../images/panels/156panel_top.gif) no-repeat 0 0 ; } .panel156outer .mid{ padding: 0 0 9px 0 ; background:url(../images/panels/156panel_bottom.gif) 0 100% no-repeat ; } .panel156outer .mid p {padding:0; margin:0;} .panel156outer .inner { padding: 0px 4px 0px 4px; overflow:hidden; background: url(../images/panels/156panel_mid.gif) 100% 0 repeat-y; } .panel232outer{ width:232px; padding: 9px 0 10px 0 ; background: url(../images/panels/232panel_top.gif) no-repeat 0 0 ; } .panel232outer .mid{ padding: 0 0 9px 0 ; background:url(../images/panels/232panel_bottom.gif) 0 100% no-repeat ; } .panel232outer .mid p {padding:0; margin:0;} .panel232outer .inner { padding: 0px 4px 0px 4px; overflow:hidden; background: url(../images/panels/232panel_mid.gif) 100% 0 repeat-y; } .panel961outer{ width:961px; padding: 9px 0 10px 0 ; background: url(../images/panels/961panel_top.gif) no-repeat 0 0 ; } .panel961outer .mid{ padding: 0 0 9px 0; background:url(../images/panels/961panel_bottom.gif) 0 100% no-repeat ; } .panel961outer .mid p {padding:0; margin:0;} .panel961outer .inner { padding: 0px 4px 0px 4px; background: url(../images/panels/961panel_mid.gif) 100% 0 repeat-y; } .panel162outer{ width:162px; padding: 9px 0 10px 0 ; background: url(../images/panels/162panel_top.gif) no-repeat 0 0 ; } .panel162outer .mid{ padding: 0 0 9px 0; background:url(../images/panels/162panel_bottom.gif) 0 100% no-repeat ; } .panel162outer .mid p {padding:0; margin:0;} .panel162outer .inner { padding: 0px 4px 0px 4px; background: url(../images/panels/162panel_mid.gif) 100% 0 repeat-y; } .panel617outer{ width:617px; padding: 9px 0 10px 0 ; background: url(../images/panels/617panel_top.gif) no-repeat 0 0 ; } .panel617outer .mid{ padding: 0 0 9px 0; background:url(../images/panels/617panel_bottom.gif) 0 100% no-repeat ; } .panel617outer .mid p {padding:0; margin:0;} .panel617outer .inner { padding: 0px 4px 0px 4px; background: url(../images/panels/617panel_mid.gif) 100% 0 repeat-y; } .panelarticleouter{ width:120px; padding: 9px 0 10px 0 ; float:right; background: url(../images/panels/articlepanel_top.gif) no-repeat 0 0 ; } .panelarticleouter .amid{ padding: 0 0 9px 0; background:url(../images/panels/articlepanel_bottom.gif) 0 100% no-repeat ; } .panelarticleouter .amid p {padding:0; margin:0;} .panelarticleouter .ainner { padding: 0px 4px 0px 4px; background: url(../images/panels/articlepanel_mid.gif) 100% 0 repeat-y; background-color:#FFFFFF; } /************************/ /* */ /* Button Heading Panel */ /* */ /************************/ .bPanel177outer{ width:177px; padding: 0 0 10px 0 ; } .bPanel177outer .heading { height:28px; line-height:31px; font-size:1.1em; text-align:center; color:#fff; background:url(../images/panels/177panel_heading.gif) 0 100% no-repeat ;} .bPanel177outer .mid{ padding: 0 0 9px 0; background:url(../images/panels/177panel_bottom.gif) 0 100% no-repeat ; } .bPanel177outer .mid p {padding:0; margin:0;} .bPanel177outer .inner { padding: 0px 4px 0px 4px; text-align:center; background: url(../images/panels/177panel_mid.gif) 100% 0 repeat-y; } .bPanel177outer .inner img { margin:5px 0 0 0;} .bPanel177outer .inner p { text-align:left; padding:5px 7px 0 7px;} .bPanel156outer{ width:156px; padding: 0 0 10px 0 ; } .bPanel156outer .heading { height:28px; line-height:31px; font-size:1.1em; text-align:center; color:#fff; background:url(../images/panels/156panel_heading.gif) 0 100% no-repeat ;} .bPanel156outer .mid{ padding: 0 0 9px 0 ; background:url(../images/panels/156panel_bottom.gif) 0 100% no-repeat ; } .bPanel156outer .mid p {padding:0; margin:0;} .bPanel156outer .inner { padding: 0px 4px 0px 4px; text-align:center; overflow:hidden; background: url(../images/panels/156panel_mid.gif) 100% 0 repeat-y; } .bPanel156outer .inner img { margin:5px 0 0 0;} .bPanel156outer .inner p { text-align:left; padding:5px 7px 0 7px;} .bPanel232outer{ width:232px; padding: 0 0 10px 0 ; } .bPanel232outer .heading { height:28px; line-height:31px; font-size:1.1em; text-align:center; color:#fff; background:url(../images/panels/232panel_heading.gif) 0 100% no-repeat ;} .bPanel232outer .mid{ padding: 0 0 9px 0 ; background:url(../images/panels/232panel_bottom.gif) 0 100% no-repeat ; } .bPanel232outer .mid p {padding:0; margin:0;} .bPanel232outer .inner { padding: 0px 4px 0px 4px; text-align:center; overflow:hidden; background: url(../images/panels/232panel_mid.gif) 100% 0 repeat-y; } .bPanel232outer .inner img { margin:5px 0 0 0;} .bPanel232outer .inner p { text-align:left; padding:5px 7px 0 7px;} /************************/ /* */ /* Side menu */ /* */ /************************/ .contentMenu .inner { background: url(../images/panels/162panel_mid_menu.gif) 100% 0 repeat-y; background-color:#FFFFFF; } .leftcol .menu, .menu ul {list-style-type:none;} .leftcol .menu { margin:-1px 2px 0 2px; background-color:#FFFFFF; } .leftcol .menu li a { margin-top:1px; padding:3px 4px; display:block; background-color:#00a94f; text-decoration:none; color:#fff;} .leftcol .menu li a:hover { margin-top:1px; color:#fff; background-color:#32c165;} .leftcol .menu .parent a { background-image:url(../images/leftmenu/level0_parent_closed.gif); background-repeat:no-repeat; background-position:140px 6px;} /*(has children)*/ .leftcol .menu .active a { background-image:url(../images/leftmenu/level0_parent_open.gif); background-repeat:no-repeat; background-position:140px 7px;} /*(has children open)*/ .leftcol .menu .parent li a {background-image:none;} .leftcol .menu li li a { padding:3px 4px 3px 7px; background-color:#cfd4dd; color:#3d586d;} .leftcol .menu li li a:hover { background-color:#e2e5ef; color:#3d586d;} .leftcol .menu li .parent a { background-image:url(../images/leftmenu/level1_parent_closed.gif); background-repeat:no-repeat; background-position:140px 6px;} /*(has children)*/ .leftcol .menu li .active a { background-image:url(../images/leftmenu/level1_parent_open.gif); background-repeat:no-repeat; background-position:140px 7px;} /*(has children open)*/ .leftcol .menu li .parent li a {background-image:none;} .leftcol .menu li li li a { margin:0; padding:3px 4px 3px 10px; background-color:#ffffff;} .leftcol .menu li li li a:hover { margin:0; background-color:#e7e7e7;} .leftcol .menu li li .parent a { background-image:url(../images/leftmenu/level2_parent_closed.gif); background-repeat:no-repeat; background-position:140px 6px;} /*(has children)*/ .leftcol .menu li li .active a { background-image:url(../images/leftmenu/level2_parent_open.gif); background-repeat:no-repeat; background-position:140px 9px;} /*(has children open)*/ .leftcol .menu li li .parent li a {background-image:none;} .leftcol .menu li li li li a { margin:0; padding:1px 4px 1px 18px; background-color:#ffffff;} .leftcol .menu li li li li a:hover { margin:0; background-color:#e7e7e7;} .leftcol .menu #current a {} /*(current item)*/ /************************/ /* */ /* Search Results */ /* */ /************************/ .search_result fieldset {border:none; margin:0 0 10px 0;} .search_result .only input { margin:0 5px 0 5px;}