/* layout */ body {margin:0 auto; background:#112041 url(../images/layout/body_bg_blue.jpg) 50% 0 repeat-x; position:relative; min-height:100%; height:auto; font-family:Helvetica, Arial, sans-serif; font-size:0.75em; color:#656565;} * html body{ /*height:100%;*/} /* homepage only **********************************************************************************/ /* #homepage #everything{ background:white url(../images/layout/original_design_home.jpg) no-repeat -18px 0; display:inline; position:relative; float:left; } */ .outsideLeft{ padding:0 0 0 20px; background:url(../images/layout/home_left_bg.jpg) repeat-y; width:960px; margin:0 auto; height:100%; } .outsideRight{ padding:0 20px 0 0; width:960px; margin:0 auto; background:url(../images/layout/home_right_bg.jpg) repeat-y 100% 0; height:100%; } /* end - homepage only **********************************************************************************/ #everythingInPage{margin:0 auto; width:960px; background-color:white; height:100%; /* background:white url(../images/layout/original_design.jpg) no-repeat; display:inline; position:relative; float:left; */ } /* header */ h1{z-index:2; margin:25px 0 0 16px; display:inline; position:relative; float:left; width:238px; height:71px; } #header{z-index:1; margin:-96px 0 0 0; width:100%; min-height:130px; background:url(../images/layout/header_bg.jpg) 50% 0 repeat-x; display:inline; position:relative; float:left;} * html header{ height:130px;} #header .headerPad{padding:9px 15px 0 0;} /* headerNav*/ #headerNav{width:100%; min-height:25px; background:#626365 url(../images/layout/header_nav_bg.jpg) no-repeat; display:inline; position:relative; float:left;} * html #headerNav{height:25px;} #headerNav ul{margin:3px 15px 0 0; padding:0; display:inline; position:relative; float:right; z-index:3; font-size:1em; letter-spacing:0.02em;} #headerNav li{margin:0; padding:0; list-style-type:none; display:inline; position:relative; float:left;} #headerNav li.seperator{margin:0 0 0 6px ; padding:0 7px 0 0; background:url(../images/layout/vertical_seperator_small.gif) 100% 50% no-repeat; } #headerNav li a{color:white; cursor:pointer;} #headerNav li a:hover{text-decoration:underline;} #headerNav span.small, #headerNav span.medium, #headerNav span.big{ height:100%; line-height:100%; } #headerNav .small{font-size:0.9em; margin:2px 0 0 0;} #headerNav .medium{font-size:1em; margin:1px 0 0 0;} #headerNav li.big{margin:0; font-size:1.1em; } /* user login details */ .userLoginDetails{min-height:42px;}/* height - essential for browser consistency*/ * html .userLoginDetails{height:42px;} .userLoginDetails li{list-style-type:none;} .userLoginDetails li a{margin:0 0 3px 0; text-decoration:underline;} .userLoginDetails li .btn{margin:0 0 3px 0; text-decoration:none;} .searchBox{margin:10px 0 0 0; min-height:25px;}/* height - essential for browser consistency*/ * html .searchBox{height:25px;} .searchBox .textfield{margin:0 11px 0 0; padding:3px 2px 3px 28px; height:1.3em; width:154px; background:white url(../images/layout/icon_magnify.gif) 5px 50% no-repeat; } /*heights: safari 1.6 em - chrome 1.3em */ .searchBox .btnSm{margin:0 !important;} .mainNav{width:100%; font-weight:bold; font-size:1.1em; letter-spacing:-0.03em; background:url(../images/layout/main_nav_bg.gif) 0 100% repeat-x;} .mainNav ul{margin:0 0 0 14px; background:url(../images/layout/main_nav_seperator.gif) no-repeat; } .mainNav li{background:url(../images/layout/main_nav_seperator.gif) 100% 0 no-repeat;} .mainNav li a{margin:0 2px 0 0; padding:0 8px 2px 8px; border-bottom:2px solid #B3B3B3; display:inline; position:relative; float:left;} .mainNav li.first a{padding:0 8px 2px 13px;} .mainNav li.active a, .mainNav li a:hover{ border-bottom:2px solid red; text-decoration:none; } /* content */ #content{clear:both; display:inline; position:relative; float:left; min-height:575px; width:100%;} * html #content{height:900px;} .contentPadding{padding:8px 14px 0 14px; width:932px; display:inline; position:relative; float:left; } .breadcrumb{margin:0 0 2px 0;} .breadcrumb h3{margin:0 4px 0 0;} .breadcrumb li{background:url(../images/layout/gt.gif) no-repeat 0 50%; padding:0 0 0 5px; margin:0 4px 0 0;} .breadcrumb li.first{background-image:none; padding:0;} .breadcrumb a.here{text-decoration:underline;} #content .topBorder{margin:0 0 15px 0;} .sideBarCol1{margin:4px 20px 0 14px; width:171px;} /*boxLinks*/ .boxLinks{margin:0 0 13px 0; width:100%; } .boxLinks .heading{padding:5px 10px 5px 10px; width:150px; min-height:16px; font-size:1.2em; background:url(../images/layout/heading_bg.jpg) repeat-x;} * html .boxLinks .heading{height:16px;} .boxLinks ul{width:100%} .boxLinks li a {border-bottom:1px solid #efefef; padding:4px 0px 4px 4px; width:168px; line-height:16px; min-height:16px; font-size:0.9em; display:inline; position:relative; float:left;} * html .boxLinks li a{height:16px;} .boxLinks li.active{background:url(../images/layout/box_links_active_li_bg.jpg) no-repeat 0 100%;} .rpLink, .rpOut { border-color:White} .rpRootGroup{border-color:White} .boxLinks li.active a{background:url(../images/layout/box_links_active_a_bg.gif) no-repeat 5px 7px;} .boxLinks li a.rpSelected{background:url(../images/layout/box_links_active_a_bg.gif) no-repeat 5px 7px;} .boxLinks li.more{ text-align:right } .boxLinks li.more a{ border:solid 1px #FFFFFF } /*boxSummary*/ .boxSummary{border:1px solid #ACACAC; padding:7px; width:155px; min-height:99px; background:#D4D4D4 url(../images/layout/box_summary_bg.jpg) repeat-x 0 100%;} * html .boxSummary{height:99px;} .boxSummary .boxSummaryTitle{ width:454px; height:67px; } .boxSummary .boxSummaryTitle .titleDiv { margin:0 0 0 12px; display:inline; } .boxSummary .boxSummaryTitle img { position:relative; top:12px; left:10px; border:solid 1px #AAAAAA; background-color:#FFFFFF; padding:2px 0 0 2px; } .boxSummary .boxSummaryTitle img:hover { border:solid 1px #656565; } .boxSummary .boxSummaryTitle .text { padding:5px 10px 5px 10px; font-size:2em } .boxSummary .heading{margin:0 0 5px 0; padding:0; font-size:1em; color:#1E3E77;} .boxSummary .groupDownload{margin:8px 0 0 0; width:100%;} .boxSummary .groupDownload .btn{margin:15px 5px 0 0;} .middleContent{margin:4px 0 0 0; width:550px;min-height:400px;} /* contentGraphic*/ .middleContent .contentGraphic{margin:0 0 12px 0;} .middleContent .contentText{padding:0 12px; clear:both;} .middleContent .heading{margin:0 0 5px 0; padding:0; font-size:1.4em; font-weight:bold; color:#233B77; letter-spacing:-0.02em;} .middleContent p{margin:0 0 16px 0; padding:0; line-height:1.5em;} .middleContent .heading2{margin:0 0 12px 0; padding:0; color:#233B77; color:#5A719B; font-size:1.2em; font-weight:bold; letter-spacing:-0.03em; } .middleContent .bullet li{margin:0 0 3px 0; padding:0 0 0 12px;} .middleContent .topBorder{margin:22px 0 8px 0 !important; border-color:#E6E6E6;} .middleContent .pagination{} .middleContent .pagination{margin:0 auto; font-size:0.85em; font-weight:bold; color:#4D4D4F; text-align:center;} .middleContent .pagination a,.middleContent .pagination .pageof{margin:0 10px 0 0;} .middleContent .pagination a{text-decoration:underline;} .middleContentWide{margin:4px 0 0 0; width:720px;min-height:400px;} /* contentGraphic*/ .middleContentWide .contentGraphic{margin:0 0 12px 0;} .middleContentWide .contentText{padding:0 12px; clear:both;} .middleContentWide .heading{margin:0 0 5px 0; padding:0; font-size:1.4em; font-weight:bold; color:#233B77; letter-spacing:-0.02em;} .middleContentWide p{margin:0 0 16px 0; padding:0; line-height:1.5em;} .middleContentWide .heading2{margin:0 0 12px 0; padding:0; color:#233B77; color:#5A719B; font-size:1.2em; font-weight:bold; letter-spacing:-0.03em; } .middleContentWide .bullet li{margin:0 0 3px 0; padding:0 0 0 12px;} .middleContentWide .topBorder{margin:22px 0 8px 0 !important; border-color:#E6E6E6;} .middleContentWide .pagination{} .middleContentWide .pagination{margin:0 auto; font-size:0.85em; font-weight:bold; color:#4D4D4F; text-align:center;} .middleContentWide .pagination a,.middleContent .pagination .pageof{margin:0 10px 0 0;} .middleContentWide .pagination a{text-decoration:underline;} .sideBarCol2{margin:0 9px 0 15px; width:181px; } /* curve pod*/ .curvePod{width:100%; background:url(../images/layout/curve_pod_repeat.jpg) repeat-y;} .curvePod .curvePodBg1{width:100%; background:url(../images/layout/curve_pod_top.jpg) no-repeat 0 0;} .curvePod .curvePodBg2{margin:7px 0 0 0; min-height:360px; width:100%; background:url(../images/layout/curve_pod_bottom.jpg) no-repeat 0 100%;} * html .curvePod .curvePodBg2{height:360px;} .curvePod .imgHeading{margin:3px 0 6px 0; padding:0 5px 0 5px;} .curvePod .curvePodPad{margin:0 15px 0 15px; width:151px; display:inline; position:relative; float:left} .curvePod .group{margin:0 0 9px 0;} .curvePod .heading{margin:0 0 2px 0; padding:0; font-size:1em; line-height:1.4em; color:#203C7B;}/* line-height for safari*/ .curvePod p{margin:0; padding:0; line-height:1.5em;} .curvePod .btn{margin:0 0 3px 0; float:right;} .curvePod .topBorder{margin:0 5px 4px 5px !important; width:171px !important; height:2px; border:none !important; background:url(../images/layout/curve_pod_hr.gif) repeat-x;} /* subscribeBox */ .subscribeBox .btn{margin:1px 1px 2px 1px;} .curvePod .textfield{clear:both; margin:0; padding:3px 2px 3px 10px; width:137px;font-size:80% } /* quickNav */ .curvePod select{margin:8px 0 3px 0; min-height:16px; font-size:80%;width:180px} * html .curvePod select{height:22px;} .quickNavigationBox .btnSm .bg2{margin:0; line-height:21px !important; height:21px;} #rightBarNav #navigation { width:150px } .boxLinksWithSummary{margin:14px 5px 0 5px; width:171px;} .boxLinksWithSummary .heading{margin:0 0 6px 0; padding:0; font-size:1em; line-height:1.4em; color:#203C7B;}/* line-height for safari*/ .boxLinksWithSummary ul{font-size:0.9em;} .boxLinksWithSummary li{border-bottom:1px solid #B9B9B9;} .boxLinksWithSummary li.first{border-top:1px solid #B9B9B9;} .boxLinksWithSummary li a{padding:9px 6px 9px 6px; width:159px; line-height:1.4em; background: url(../images/layout/summary_arrow_right_red.gif) no-repeat 100% 100%; display:inline; position:relative; float:left;} /* homepage only */ #homepage{} #homepage #content .banner, #homepage #content .bannerBg1, #homepage #content .bannerBg2{ display:inline; position:relative; float:left; } * html #homepage #content .banner{height:346px; overflow:hidden;} #homepage #content .banner{background:url(../images/layout/banner_l.jpg) no-repeat;} #homepage #content .bannerBg1{background:url(../images/layout/banner_r.jpg) no-repeat;} #homepage #content .bannerBg2{padding:1px 1px 0 1px; width:958px; height:270px; background:url(../images/layout/banner_m.jpg) repeat-x;} /*inside banner */ #homepage #content .bannerBg2 .col1{} #homepage #content .bannerBg2 .col1 img{z-index:1;} #homepage #content .bannerBg2 .col1 .btn{position:absolute; left:292px; bottom:8px; z-index:2;} #homepage #content .bannerBg2 .col1 .btn .bg2{padding-right:9px; padding-left:11px; font-size:1.1em; font-weight:bold;} #homepage #content .bannerBg2 .col2{} /*overide----------------*/ #homepage .curvePod{margin:120px 0 0 16px; position:absolute; top:0; left:0; width:246px; background:none;} .curvePod .heading{clear:both;} /* html #homepage .curvePod{height:183px;}*/ #homepage .curvePod .topBorder{margin:0 0 4px !important; width:246px !important; background:none !important;} #homepage .curvePodPad{margin:0px 0px 0px 0px; width:232px} #homepage .curvePodPad .group{margin:0 0 4px 5px;} #homepage .heading{color:#7D7D7D; font-size:1.1em; letter-spacing:-0.01em;} #homepage .curvePodPad .textfield{width:120px; margin:0 6px 0 11px; } #homepage .curvePodPad h3{margin-left:15px} #homepage .subscribeText{margin:0px 45px 0 0; float:left; width:173px} #homepage .subscribeButton .btn{margin:0px 0 0 5px;} #homepage .quickNavigationBox{margin:0px 0 0px 10px; padding-bottom:15px; } #homepage .quickNavigationBox select{margin:0px 0 15px 0; font-size:80%; width:185px} #homepage .quickNavigationBox .linkBtnGroup{} #homepage .quickNavigationBox .go{ margin-left:4px; margin-top:-1px;} #homepage .quickNavigationBox .linkBtnGroup .btn{margin:0px 0 0px 0px; float:left;} /* banner bottom */ #homepage .bannerBottomBar{clear:both; width:100%; height:25px; background:url(../images/layout/home_banner_bar_m.jpg) repeat-x;} /* floatSpread*/ .floatSpread{padding:10px 14px 0 14px;} /*overide ----------*/ #homepage .floatSpread .boxSummary{margin:0 0 10px 0; padding:0; height:158px; width:454px; background:url(../images/layout/spread_box_summary_bg.jpg) repeat-x;} * html #homepage .floatSpread .boxSummary{height:179px} #homepage .floatSpread .boxSummaryPad{padding:0px 7px 7px 84px;} #homepage .floatSpread .boxSummaryPad .iconPDF{vertical-align:middle;} /*overide ----------*/ .floatSpread .boxLinks{min-height:158px;margin:0 0 10px 20px; width:212px; border:2px solid #D5D9DA; border-top:none; border-bottom:1px solid #D5D9DA; border-right:1px solid #A0A9B0;} .floatSpread .boxLinks .heading{width:196px; padding:5px 10px 5px 6px;} .floatSpread .boxLinks li.active{width:100%; background:url(../images/layout/box_links_active_li_bg2.jpg) repeat-x 0 0;} .floatSpread .boxLinks li a{width:184px; padding:2px 6px 2px 12px; line-height:17px; font-size:1.1em;} .floatSpread .boxLinks li.more{ font-size:85% } .floatSpread .boxLinks a.more{ color:#EC1D25; font-style:italic} .floatSpread .boxLinks a.more:hover{ color:#255596; } .floatSpread .boxLinks li.active a{background-position:3px 7px;} .floatSpread .boxNews{width:454px; margin:0 0 -5px 0} .floatSpread .boxNews .heading{margin:0 0 8px 0; padding:5px 10px 5px 6px; width:440px; font-size:1.2em !important; color:#7D7D7D; background:url(../images/layout/heading_bg.jpg) repeat-x scroll 0} .floatSpread .boxNews .subheading{clear:both; margin:0; padding:0;font-size:1.0em} .floatSpread .boxNews p{margin:0; padding:0; line-height:1.5em; color:#7C7C7C;} .floatSpread .boxNews .indent{margin-left:10px;} .floatSpread .boxNews a.more{ font-style:italic; font-size:95% ;margin:0 12px 12px 0; padding:0 8px 0 0 ; float:right; color:#EC1D25; background:url(../images/layout/box_links_active_a_bg.gif) no-repeat 100% 50%;} .floatSpread .boxNews a.more:hover{color:#255596; } .floatSpread .boxNews a.inlineMore{color:#EC1D25;} .floatSpread .boxNews .right{ text-align:right } .floatSpread .boxLinksSummaryB{margin:0 0 -10px 22px; width:450px;} .floatSpread .boxLinksSummaryB .heading{margin:0 0 20px 0; padding:5px 10px 5px 6px; width:434px; font-size:1.2em !important; color:#7D7D7D; background:url(../images/layout/heading_bg.jpg) repeat-x scroll 0} .floatSpread .boxLinksSummaryB li a{margin:0; padding:0 0 0 17px; line-height:20px; width:437px; font-weight:bold; background:url(../images/layout/box_links_active_a_bg.gif) no-repeat 2px 50%; display:inline; position:relative; float:left; } .floatSpread .boxLinksSummaryB li p{clear:both; margin:0 0 27px 0; padding:0 0 0 17px; width:437px; color:#7C7C7C; } /* end homepage only*/ /* footer */ #footer{clear:both; padding:8px 0 0 0; width:100%; min-height:35px; font-size:0.9em; color:#666666; background:url(../images/layout/footer_bg.jpg) repeat-x; } * html #footer{height:55px;} /* footer nav*/ #footer div.fL{margin:0 0 0 14px !important;} #footer ul.fL{margin:0 7px 0 0 !important;} #footer li{padding:0 7px 0 0; margin:0 7px 0 0; border-right:1px solid #666666;} #footer li.first{padding:0 7px 0 7px; margin:0 7px 0 0; border-left:1px solid #666666;}