/***** STRUCTURAL STYLES USED THROUGHOUT THE SITE (LG)*****/ body { background:#fff url(../images/structural/bg_body.jpg) top left repeat-x;text-align:center;} #outerWrapper { width:1006px; margin-left: auto; margin-right: auto; background:url(../images/structural/bg_wrapper.png) center top repeat-y;text-align:center;} #innerWrapper { width:944px; text-align:left; margin:0 31px 17px 31px; background-color:#fff;height:500px;} html>body #innerWrapper {height:auto; min-height:500px; overflow:hidden;} /* HEADER */ #header { height:6.1em; margin:15px 0 15px 0; width:944px;} #headerLeft { float:left; width:322px; } #headerLeft p { padding:0;} #headerRight { float:right; width:622px; height:6.1em; } #toolbar { float:right; width:100%; /*height:20px;*/ height:1.6em; margin-bottom:14px;} #toolbar ul { float:right; margin:0 -4px 0 0; padding:0; list-style-type:none; } #toolbar ul li { display:inline; line-height:1.7em; margin:0; padding:4px 4px 0px 7px; list-style-type:none; background:url(../images/structural/icon_seperator.gif) 0px 0.5em no-repeat;} #toolbar ul li:first-child { background:none;} #toolbar ul li.first_item { background:none;} #toolbar ul li a { color:#333;} #searchTool { width:270px; float:right; height:40px; text-align:right; } .searchBoxWrapper { background:#00577D url(../images/structural/bg_search_box_gradient_TL.jpg) top left no-repeat;} .searchBoxWrapperTR { background: url(../images/structural/bg_search_box_gradient_TR.jpg) top right no-repeat;padding-top:8px;} .searchBoxWrapperBR { padding-right:8px;background:url(../images/structural/bg_search_box_gradient_BR.jpg) bottom right no-repeat;} .searchBoxWrapperBL { background: url(../images/structural/bg_search_box_gradient_BL.jpg) bottom left no-repeat;} .greenBoxContent { height:37px;padding-bottom:8px;color:#fff; padding:0px 0px 0 8px; } html>body .greenBoxContent { height:auto; min-height:37px; overflow:hidden;} img.img_padlock { position:absolute; margin:-6px 0 0 0px;} #searchTool .searchBoxWrapper { width:200px; /*width:16.2em;*/ float:right;} fieldset#SearchForm { text-align:right; position:relative; } fieldset#SearchForm label { text-transform:uppercase; font-size:0.9em; font-weight:bold; color:#fff; float:left;} fieldset#SearchForm input.textbox { margin-right:3px; } fieldset#SearchForm input.SearchPNG { width:11px;height:12px; vertical-align:middle; color:#fff } fieldset#SearchForm p { padding:0px; } fieldset#SearchForm a { color:#fff; text-decoration:underline; padding:0 15px 0 0; font-size:0.9em; font-weight:bold} fieldset#SearchForm a:hover, fieldset#SearchForm a:focus, fieldset#SearchForm a:active{ text-decoration:none;} #pageWrapper { padding-top:19px;} /* TOP NAVIGATION default is 5 items */ #topNavWrapper { height:25px;background:#014B70 url(../images/structural/bg_topNavigation.jpg) bottom left repeat-x; } html>body #topNavWrapper { height:auto; min-height:25px; overflow:hidden;} #topNavigation { min-height: 1em; width:919px; float:left; width:100%;} #topNavigation h3 { float:left; width:191px; font-size:1.2em; padding:0px; margin:0px; font-weight:normal} #topNavigation h3 a { color:#fff; display:block; text-align:center; padding-top:4px; } #dropNav { padding:0; margin:0; list-style-type:none; } #dropNav ul { padding: 0;margin: 0;list-style-type: none;color: #ffffff; } ul#dropNav li { float:left; width:188px; font-size:1.2em; padding:0; margin:0;} #dropNav li a { display: block; width:188px; text-decoration: none;color: #ffffff; padding:0; margin:0; cursor:hand; text-align:center;padding:4px 0 5px 0;border-left:1px solid #fff } #dropNav li.current a { background:#006AA4 url(../images/structural/bg_nav_drop_hover_li.jpg) top left repeat-x;} #dropNav li a:hover, #dropNav li a:focus, #dropNav li a:active { text-decoration:underline; color:#fff; background:#006AA4 url(../images/structural/bg_nav_drop_hover_li.jpg) top left repeat-x;cursor:hand; } #dropNav > li:hover a { text-decoration:underline; background:#006AA4 url(../images/structural/bg_nav_drop_hover_li.jpg) top left repeat-x;} #dropNav > li:hover li a { background:none;} #dropNav div { padding:10px;} #dropNav li div {position: absolute;z-index:9999;padding:0;margin-top:0px;margin-left: -1000em; color: #ffffff; background: url(../images/structural/bg_nav_drop_down_sub1.png) bottom left no-repeat;padding:10px;width:170px;} #dropNav li div ul { display:inline; text-align:left; clear:left; width:160px; } #dropNav li div ul li { font-size:0.8em; margin:0; padding:0 0 6px 1px; height:auto; border:0; text-align:left;background:none; width:170px ; line-height:1.3em;} #dropNav li div ul li a { color:#00466C; text-align:left; height:auto; padding:0; border:0px; background:none;text-decoration:none !important;width:170px; } #dropNav li.current li a{ background:none;} #dropNav li li a:hover, #dropNav li li a:focus, #dropNav li li a:active{ text-decoration:underline !important; color:#00466C;background:none; } #dropNav li:hover div, #dropNav li.sfhover div { margin-left: 0;} #dropNav li a:focus + div { margin-left: 0; } #dropNav li li a:focus + ul { margin-left: 1000em; } #dropNav li li a:focus { margin-left:1000em; width:153px; background: none;} #dropNav li li li a:focus {margin-left: 1000em; width:153px; background: none;} #dropNav li:hover a:focus, #dropNav li.sfhover a.sffocus { margin-left: 0;} #dropNav li li:hover a:focus + ul, #dropNav li li.sfhover a.sffocus + ul { margin-left: 10em; } #dropNav li div li.sub-heading { display:inline; width:163px;color:#00466C; font-weight:bold; padding-right:12px ; } #dropNav li div li.sub-heading ul { width:110px; clear:none; } #dropNav li div li.sub-heading ul li{ font-size:1.05em; font-weight:normal;width:163px; } #dropNav li div li.sub-heading ul li a:hover, #dropNav li div li.sub-heading ul li a:focus, #dropNav li div li.sub-heading ul li a:active{ text-decoration:underline; color:#00466C; outline:none; background:none ; } #dropNav li div li.sub-heading ul li a { text-decoration:none; display:block; } #dropNav li div.sub-col-2 { width:363px;background:url(../images/structural/bg_nav_drop_down_sub2.png) bottom left no-repeat;} #dropNav li div.sub-col-3 { width:530px;background:url(../images/structural/bg_nav_drop_down_sub3.png) bottom left no-repeat;} #dropNav li div.sub-col-4 { width:705px;background:url(../images/structural/bg_nav_drop_down_sub4.png) bottom left no-repeat;} #dropNav li:hover div, #dropNav li.sfhover div { margin-left: 0;} #topNavigation.nav-items-3 h3{width:236px;} .nav-items-3 ul#dropNav li {width:236px; } .nav-items-3 ul#dropNav li a {width:236px; } /* Width of a single tab */ .nav-items-3 #dropNav li div {width:236px; background: url(../images/structural/bg_nav_drop_down_sub1_items_3.png) bottom left no-repeat;} .nav-items-5 #dropNav li div ul {width:236px; } .nav-items-5 #dropNav li div ul li {width:236px } .nav-items-5 #dropNav li div ul li a {width:236px;} /* background images to the tabs */ .nav-items-3 #dropNav li div.sub-col-2{width:380px;background:url(../images/structural/bg_nav_drop_down_sub2_items_5.png) bottom left no-repeat;} .nav-items-3 #dropNav li div.sub-col-3{width:530px;background: url(../images/structural/bg_nav_drop_down_sub3_items_5.png) bottom left no-repeat;} .nav-items-3 #dropNav li div.sub-col-4{width:705px;background: url(../images/structural/bg_nav_drop_down_sub4_items_5.png) bottom left no-repeat;} /* Margin left of tab no2 with a 4 col tab */ .nav-items-3 #dropNav li#drop-nav-1:hover div.sub-col-4, .nav-items-3 #dropNav li#drop-nav-1.sfhover div.sub-col-4{margin-left: 0px;} /* Margin left of tab no3 with a 4 col tab */ .nav-items-3 #dropNav li#drop-nav-2:hover div.sub-col-4, .nav-items-3 #dropNav li#drop-nav-2.sfhover div.sub-col-4{margin-left: -158px;} /* Margin left of tab no3 with a 3 col tab */ .nav-items-3 #dropNav li#drop-nav-3:hover div.sub-col-3, .nav-items-3 #dropNav li#drop-nav-3.sfhover div.sub-col-3{margin-left: -237px;} /* Margin left of tab no3 with a 4 col tab*/ .nav-items-3 #dropNav li#drop-nav-3:hover div.sub-col-4, .nav-items-3 #dropNav li#drop-nav-3.sfhover div.sub-col-4 {margin-left: -394px;} /* Margin left of tab no3 with a 2 col tab*/ .nav-items-3 #dropNav li#drop-nav-3:hover div.sub-col-2, .nav-items-3 #dropNav li#drop-nav-3.sfhover div.sub-col-2{margin-left: -80px;} /* Margin left of 4 items is 5 including home page */ #dropNav li#drop-nav-2:hover div.sub-col-4, #dropNav li#drop-nav-2.sfhover div.sub-col-4{margin-left: -150px;} #dropNav li#drop-nav-3:hover div.sub-col-3, #dropNav li#drop-nav-3.sfhover div.sub-col-3{margin-left: -162px;} #dropNav li#drop-nav-3:hover div.sub-col-4, #dropNav li#drop-nav-3.sfhover div.sub-col-4{margin-left: -338px;} #dropNav li#drop-nav-4:hover div.sub-col-4, #dropNav li#drop-nav-4.sfhover div.sub-col-4{margin-left: -526px;} #dropNav li#drop-nav-4:hover div.sub-col-3, #dropNav li#drop-nav-4.sfhover div.sub-col-3{margin-left: -350px;} #dropNav li#drop-nav-4:hover div.sub-col-2, #dropNav li#drop-nav-4.sfhover div.sub-col-2{margin-left: -174px;} #dropNav li#drop-nav-4:hover div.sub-col-1, #dropNav li#drop-nav-4.sfhover div.sub-col-1{margin-left: 1px;} /*5 items is 6 including home link*/ #topNavigation.nav-items-5 {} #topNavigation.nav-items-5 h3 { width:157px; } .nav-items-5 ul#dropNav li { width:157px; } .nav-items-5 ul#dropNav li a { width:157px; } .nav-items-5 #dropNav li div { width:138px; background: url(../images/structural/bg_nav_drop_down_sub1_items_5.png) bottom left no-repeat;} .nav-items-5 #dropNav li div ul { width:140px; } .nav-items-5 #dropNav li div ul li { width:140px } .nav-items-5 #dropNav li div ul li a { width:140px; } .nav-items-5 #dropNav li div.sub-col-2 { width:380px;background:url(../images/structural/bg_nav_drop_down_sub2_items_5.png) bottom left no-repeat;} .nav-items-5 #dropNav li div.sub-col-3 { width:530px;background: url(../images/structural/bg_nav_drop_down_sub3_items_5.png) bottom left no-repeat;} .nav-items-5 #dropNav li div.sub-col-4 { width:705px;background: url(../images/structural/bg_nav_drop_down_sub4_items_5.png) bottom left no-repeat;} .nav-items-5 #dropNav li#drop-nav-3:hover div.sub-col-4, .nav-items-5 #dropNav li#drop-nav-3.sfhover div.sub-col-4{margin-left: -158px;} .nav-items-5 #dropNav li#drop-nav-3:hover div.sub-col-3, .nav-items-5 #dropNav li#drop-nav-3.sfhover div.sub-col-3{margin-left: 0px;} .nav-items-5 #dropNav li#drop-nav-4:hover div.sub-col-4, .nav-items-5 #dropNav li#drop-nav-4.sfhover div.sub-col-4{margin-left: -314px;} .nav-items-5 #dropNav li#drop-nav-4:hover div.sub-col-3, .nav-items-5 #dropNav li#drop-nav-4.sfhover div.sub-col-3{margin-left: -157px;} .nav-items-5 #dropNav li#drop-nav-4:hover div.sub-col-2, .nav-items-5 #dropNav li#drop-nav-4.sfhover div.sub-col-2{margin-left: 0px;} .nav-items-5 #dropNav li#drop-nav-5:hover div.sub-col-4, .nav-items-5 #dropNav li#drop-nav-5.sfhover div.sub-col-4{margin-left: -471px;} .nav-items-5 #dropNav li#drop-nav-5:hover div.sub-col-3, .nav-items-5 #dropNav li#drop-nav-5.sfhover div.sub-col-3{margin-left: -314px;} .nav-items-5 #dropNav li#drop-nav-5:hover div.sub-col-2, .nav-items-5 #dropNav li#drop-nav-5.sfhover div.sub-col-2{margin-left: -157px;} /*6 items is 7 including home link*/ #topNavigation.nav-items-6 {} #topNavigation.nav-items-6 h3 { width:138px; } .nav-items-6 ul#dropNav li { width:134px; } .nav-items-6 ul#dropNav li a { width:134px; } .nav-items-6 #dropNav li div { width:138px; background: url(../images/structural/bg_nav_drop_down_sub1_items_6.png) bottom left no-repeat;} .nav-items-6 #dropNav li div ul { width:140px; } .nav-items-6 #dropNav li div ul li { width:140px } .nav-items-6 #dropNav li div ul li a { width:140px; } nav-items-6 #dropNav li div.sub-col-1 ul { width:125px; } .nav-items-6 #dropNav li div.sub-col-1 ul li { width:125px } .nav-items-6 #dropNav li div.sub-col-1 ul li a { width:125px; } .nav-items-6 #dropNav li div.sub-col-2 { width:380px;background:url(../images/structural/bg_nav_drop_down_sub2_items_5.png) bottom left no-repeat;} .nav-items-6 #dropNav li div.sub-col-3 { width:530px;background: url(../images/structural/bg_nav_drop_down_sub3_items_5.png) bottom left no-repeat;} .nav-items-6 #dropNav li div.sub-col-4 { width:705px;background: url(../images/structural/bg_nav_drop_down_sub4_items_5.png) bottom left no-repeat;} .nav-items-6 #dropNav li#drop-nav-2:hover div.sub-col-4, .nav-items-6 #dropNav li#drop-nav-2.sfhover div.sub-col-4{margin-left: 0px;} .nav-items-6 #dropNav li#drop-nav-3:hover div.sub-col-4, .nav-items-6 #dropNav li#drop-nav-3.sfhover div.sub-col-4{margin-left: -88px;} .nav-items-6 #dropNav li#drop-nav-3:hover div.sub-col-3, .nav-items-6 #dropNav li#drop-nav-3.sfhover div.sub-col-3{margin-left: 0px;} .nav-items-6 #dropNav li#drop-nav-4:hover div.sub-col-4, .nav-items-6 #dropNav li#drop-nav-4.sfhover div.sub-col-4{margin-left: -222px;} .nav-items-6 #dropNav li#drop-nav-4:hover div.sub-col-3, .nav-items-6 #dropNav li#drop-nav-4.sfhover div.sub-col-3{margin-left: -65px;} .nav-items-6 #dropNav li#drop-nav-4:hover div.sub-col-2, .nav-items-6 #dropNav li#drop-nav-4.sfhover div.sub-col-2{margin-left: 0px;} .nav-items-6 #dropNav li#drop-nav-5:hover div.sub-col-4, .nav-items-6 #dropNav li#drop-nav-5.sfhover div.sub-col-4{margin-left: -360px;} .nav-items-6 #dropNav li#drop-nav-5:hover div.sub-col-3, .nav-items-6 #dropNav li#drop-nav-5.sfhover div.sub-col-3{margin-left: -203px;} .nav-items-6 #dropNav li#drop-nav-5:hover div.sub-col-2, .nav-items-6 #dropNav li#drop-nav-5.sfhover div.sub-col-2{margin-left: -46px;} .nav-items-6 #dropNav li#drop-nav-6:hover div.sub-col-4, .nav-items-6 #dropNav li#drop-nav-6.sfhover div.sub-col-4{margin-left: -494px;} .nav-items-6 #dropNav li#drop-nav-6:hover div.sub-col-3, .nav-items-6 #dropNav li#drop-nav-6.sfhover div.sub-col-3{margin-left: -337px;} .nav-items-6 #dropNav li#drop-nav-6:hover div.sub-col-2, .nav-items-6 #dropNav li#drop-nav-6.sfhover div.sub-col-2{margin-left: -180px;} #footerPanels {width:949px;margin:0 auto;background:url(../images/structural/bg_dot_dash.gif) top left repeat-x; padding:15px 0 10px 0; height:110px;text-align:left } html>body #footerPanels { height:auto ;min-height:110px; overflow:hidden;} .footerPanel { float:left; height:117px;width:196px; background:url(../images/structural/bg_footer_panel_bottom.jpg) bottom left no-repeat; text-align:left} html>body .footerPanel { height:auto; min-height:117px; overflow:hidden;} .footerPanel h3 { background: url(../images/structural/bg_footer_panel_header.jpg) top left no-repeat; padding:5px 5px 5px 15px; margin:0; font-size:1.1em; } .footerPanel ul { margin:7px 0 7px 15px; padding:0;} .footerPanel ul li { margin:0; padding:0 0 3px 0; background:none; font-weight:bold;} .footerPanel ul li a:link, .footerPanel ul li a:visited{ color:#333;} .footerPanel.about { margin-right:55px;} .footerPanel.news { margin-right:55px;} .footerPanel.misc { float:right;} #footerLinks {height:28px;padding-bottom:11px;clear:both;width:1006px;background: url(../images/structural/bg_footer.png) bottom left no-repeat; text-align:left;margin-left:auto; margin-right:auto;} html>body #footerLinks {height:auto; min-height:28px; overflow:hidden;} #footerLinks ul { float:left;width:972px; margin:4px 0px 0 11px; padding:3px 0px 4px 12px; list-style-type:none;background-color:#DDE6EC; } #footerLinks ul li { display:inline; line-height:1.7em; margin:0; padding:4px 4px 0px 7px; list-style-type:none; background:url(../images/structural/icon_seperator.gif) 0px 0.5em no-repeat;} #footerLinks ul li:first-child { background:none;} #footerLinks ul li.first_item { background:none;} #footerLinks ul li a { color:#333;} /*image map gallery*/ /*image map gallery*/ .img_map_gallery { border:1px solid #000; float:left; margin-right: 20px; /*width: 524px;*/ margin-top:20px;} .one { width: 524px; height: 400px; } .two { width: 250px; height: 200px; } .three { width: 159px; height: 130px; } .one img { height: 400px; } .two img { height: 200px; } .three img { height: 130px; } .img_map_gallery img { width:100%;} .last { margin-right:0;} .img_map_gallery.large { /*width:524px;*/ border:none;}