/* Main stylesheet contains all framework layout styles and imports content, images and contribute stylesheets */ @import "content.css"; /* IE5/Mac Only Styles Uses the IE5/Mac Band Pass Filter: http://stopdesign.com/examples/ie5mac-bpf/ ----------------------------------------------- */ /*\*//*/ @import "ie5mac.css"; /**/ /* IE5/Win Only Styles Uses the Mid Pass Filter: http://tantek.com/CSS/Examples/midpass.html ----------------------------------------------- */ @media tty { i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";} }/* */ /* content - 0. reset styles 1. general styles 2. top navigation 3. banner styles 4. primary navigation 5. surround styles 6. secondary navigation 7. footer styles 8. landing styles 9. utility styles 10. feedback styles */ /* ===================================== */ /* ========= 0. reset styles =========== */ /* ===================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } sup { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: text-top; } body { line-height: 1;} div { cursor: default;} p, dl, ol, ul { color: #333; } #bodycopy ol.roman {list-style-type:lower-roman;} #bodycopy ol.alpha {list-style-type:lower-alpha;} #bodycopy ol.number {list-style-type:decimal;} ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } h1, h2, h3, h4, h5, h6, p, dl, ol, ul, table { line-height: 1.4em; } /* ===================================== */ /* ========= end reset styles ========== */ /* ===================================== */ /* ===================================== */ /* ========= 1. general styles ========= */ /* ===================================== */ html, body { height:100%; } body { margin:0; background:#cbe1df; padding:0; font-family: Arial, Helvetica, sans-serif; text-align: center; } h1, h2, h3 { font-family: Tahoma, sans-serif; } /*#border { float: left; display: inline; width: 940px; min-height: 100%; background: #fff; border: 0 solid #ffffff; border-width: 0 10px 18px 10px; padding: 0;} */ #border {width: 940px; min-height: 100%; background: #fff; border: 0 solid #ffffff; border-width: 0 10px 18px 10px; padding: 0; margin: 0 auto; text-align: left;} /* IE Only, to compensate for lack of min-height support */ * html #border { height:100%; } #skiplinks { position:absolute; left:-1000%; } .epi-indicator {clear: both;} /* ===================================== */ /* ========= end general styles ======== */ /* ===================================== */ /* ===================================== */ /* ========= 2. top navigation ========= */ /* ===================================== */ /* ===================================== */ /* ======== end top navigation ========= */ /* ===================================== */ /* ===================================== */ /* ========= 3. banner ================= */ /* ===================================== */ #banner { position: relative; float: left; width:100%; background: #fff; z-index: 40; } #banner-left { float: left; width: 140px; height: 88px; margin: 10px 20px 0 0; overflow: hidden; } /*height used to be 83px */ #banner-right { float: left; width: 780px; } #banner-left img { border: 0; } #search { float: right; width: 200px; height: 60px; margin: 0; padding: 15px 0 0 15px; } #search form { position: relative; height: 2em; } #search #sp-q { position: absolute; left: 0; top: 0; width: 145px; height: 1.3em; margin: 0; } #search #globalsearchsubmit2 { position: absolute; top: 1px; right: 0; width: auto; background: #333; text-decoration: none; font-weight: bold; color: #fff; cursor: pointer; font-size: 1.2em; line-height: 1.2em; padding: 0;} #search #globalsearchsubmit { background: #333; text-decoration: none; font-weight: bold; color: #fff; cursor: pointer; border: none; margin: 0 5px;} #search #globalsearchsubmit:hover { text-decoration: underline; color: #fff; } #search #globalsearchsubmit2 div { background-image: url(../images/buttons/black_corner_tr.gif); background-position: right top; background-repeat: no-repeat; padding: 0; } #search #globalsearchsubmit2 div div { background-image: url(../images/buttons/black_corner_br.gif); background-position: right bottom; } #search #globalsearchsubmit2 div div div { background-image: url(../images/buttons/black_corner_bl.gif); background-position: left bottom; } #search #globalsearchsubmit2 div div div div { background-image: url(../images/buttons/black_corner_tl.gif); background-position: left top; padding: 1px; } #welsh {text-align: right; padding: 8px 0 0 0; } #welsh a {color: #666;text-decoration:underline } #welsh a:hover {color: #696; } /* ===================================== */ /* ======== end banner ================= */ /* ===================================== */ /* ===================================== */ /* ====== 4. primary navigation ======== */ /* ===================================== */ #primary-navigation { width: 100%; float: left; } #primary-navigation ul { float: left; width: 780px; margin: 0; padding: 0; list-style-type: none; } #primary-navigation ul li { float: left; display: block; margin: 0; background: #404040; padding: 0; } #primary-navigation ul li a { display: block; width: auto; line-height: 1.1em; margin: 0; background-color: #404040; background-position: right center; background-repeat: no-repeat; padding: 6px 15px 6px 15px; font-weight:bold; text-decoration: none; color:#fff;font-size: 1.2em; } #primary-navigation ul li a:hover { background-color: #ccc; color: #404040; } #primary-navigation ul li#about_us a { width: 51px; background-image: url(../images/top_nav/topnavarrow.gif); padding-right: 22px; } #primary-navigation ul li#doing a { width: 134px; background-image: url(../images/top_nav/topnavarrow.gif); padding-right: 22px; } #primary-navigation ul li#library a { width: 68px; background-image: url(../images/top_nav/topnavarrow.gif); padding-right: 22px; } #primary-navigation ul li#handbook a { width: 85px; } #primary-navigation ul li#register a { width: 99px; } #primary-navigation ul li#consumer { margin-left: 5px; border-right: 0; } #primary-navigation ul li#consumer a { width: 130px; background-image: url(../images/top_nav/topnavarrow.gif); padding-right: 22px; } #primary-navigation ul li#channel1 a { width: 51px; background-image: url(../images/top_nav/topnavarrow.gif); padding-right: 22px; } #primary-navigation ul li#channel2 a { width: 134px; background-image: url(../images/top_nav/topnavarrow.gif); padding-right: 22px; } #primary-navigation ul li#channel3 a { width: 68px; background-image: url(../images/top_nav/topnavarrow.gif); padding-right: 22px; } #primary-navigation ul li#channel4 a { width: 85px; } #primary-navigation ul li#channel5 a { width: 99px; } #primary-navigation ul li#channel6 { margin-left: 5px; border-right: 0; } #primary-navigation ul li#channel6 a { width: 130px; background-image: url(../images/top_nav/topnavarrow.gif); padding-right: 22px; } #primary-navigation ul li#about_us.dropped a, #primary-navigation ul li#about_us.dropped a:active, #primary-navigation ul li#doing.dropped a, #primary-navigation ul li#doing.dropped a:active, #primary-navigation ul li#library.dropped a, #primary-navigation ul li#library.dropped a:active, #primary-navigation ul li#consumer.dropped a, #primary-navigation ul li#consumer.dropped a:active { background-color: #ccc; background-image: url(../images/top_nav/arrowhover.gif); color: #333; } #primary-navigation ul li#channel1.dropped a, #primary-navigation ul li#channel1.dropped a:active, #primary-navigation ul li#channel2.dropped a, #primary-navigation ul li#channel2.dropped a:active, #primary-navigation ul li#channel3.dropped a, #primary-navigation ul li#channel3.dropped a:active, #primary-navigation ul li#channel6.dropped a, #primary-navigation ul li#channel6.dropped a:active { background-color: #ccc; background-image: url(../images/top_nav/arrowhover.gif); color: #333; } #primary-navigation ul li div { position: absolute; visibility: hidden; width: 360px; background: #f7f7f7; border: 1px solid #333; border-top: 0; padding: 10px 0 5px 0; font-size: 1em; } #primary-navigation ul li#consumer div { width: 360px; margin-left: -195px; } #primary-navigation ul li#channel6 div { width: 360px; margin-left: -195px; } #primary-navigation ul li ul { width: 180px; float: left; } #primary-navigation ul li#consumer ul { width: 180px; float: left; } #primary-navigation ul li#channel6 ul { width: 180px; float: left; } #primary-navigation ul li ul li { float: none; background: #f7f7f7; line-height: 1.25em; } #primary-navigation ul li#about_us.dropped ul li a, #primary-navigation ul li#about_us.dropped ul li a:active, #primary-navigation ul li#doing.dropped ul li a, #primary-navigation ul li#doing.dropped ul li a:active, #primary-navigation ul li#library.dropped ul li a, #primary-navigation ul li#library.dropped ul li a:active, #primary-navigation ul li#consumer.dropped ul li a, #primary-navigation ul li#consumer.dropped ul li a:active { width: 154px; height: auto; margin: 0 10px; background: #f7f7f7; border-bottom: 1px solid #d9d9d9; padding: 5px 3px 5px 3px; font-weight: normal; color: #333; } #primary-navigation ul li#channel1.dropped ul li a, #primary-navigation ul li#channel1.dropped ul li a:active, #primary-navigation ul li#channel2.dropped ul li a, #primary-navigation ul li#channel2.dropped ul li a:active, #primary-navigation ul li#channel3.dropped ul li a, #primary-navigation ul li#channel3.dropped ul li a:active, #primary-navigation ul li#channel6.dropped ul li a, #primary-navigation ul li#channel6.dropped ul li a:active { width: 154px; height: auto; margin: 0 10px; background: #f7f7f7; border-bottom: 1px solid #d9d9d9; padding: 5px 3px 5px 3px; font-weight: normal; color: #333; } #primary-navigation ul li#about_us.dropped ul li.last a, #primary-navigation ul li#doing.dropped ul li.last a, #primary-navigation ul li#library.dropped ul li.last a, #primary-navigation ul li#consumer.dropped ul li.last a { border-bottom: none; } #primary-navigation ul li#channel1.dropped ul li.last a, #primary-navigation ul li#channel2.dropped ul li.last a, #primary-navigation ul li#channel3.dropped ul li.last a, #primary-navigation ul li#channel6.dropped ul li.last a { border-bottom: none; } #primary-navigation ul li#about_us.dropped ul li a:hover, #primary-navigation ul li#doing.dropped ul li a:hover, #primary-navigation ul li#library.dropped ul li a:hover, #primary-navigation ul li#consumer.dropped ul li a:hover { text-decoration: underline; color: #709f70; } #primary-navigation ul li#channel1.dropped ul li a:hover, #primary-navigation ul li#channel2.dropped ul li a:hover, #primary-navigation ul li#channel3.dropped ul li a:hover, #primary-navigation ul li#channel6.dropped ul li a:hover { text-decoration: underline; color: #709f70; } #primary-navigation ul li div span { position: relative; float: left; display: block; width: 125px; margin: 10px; background: #fff; padding: 10px 25px 10px 10px; } #primary-navigation ul li div span p { margin: 0 0 10px 0; font-size: 1em; color: #000; } #primary-navigation ul li div span img { position: absolute; top: 10px; right: 10px; } #primary-navigation ul li a#selected, #primary-navigation ul li a#selected:hover, #primary-navigation ul li a#selected:visited { background-color: #709f70;color: #fff; } #primary-navigation ul li a#selected.dropdown { background-image: url(../images/top_nav/topnavarrowover.gif); } #primary-navigation ul li a#selected.dropped { background-image: url(../images/top_nav/topnavarrowover.gif); } /* ===================================== */ /* ====== end primary navigation ======= */ /* ===================================== */ /* ===================================== */ /* ====== 5. surround styles =========== */ /* ===================================== */ #surround { float: left; width: 100%; } #content { position: relative; float: left; width: 100%; min-height: 100%; background: #fff url(../images/top_nav/cornerundernav.gif) no-repeat 160px 0px; padding-bottom:25px; font-size: 100%; } /* IE Only, to compensate for lack of min-height support */ * html #content { height:100%; } #header { display: block; margin: 0 0 0 220px; background: #E7E7E7; padding: 35px 240px 15px 20px; } #header .header { display: block; background: #E7E7E7; } #header h1 { margin: 0; padding: 0; line-height: 1.4em; font-size:160%; color:#333; } /*#bodycopy { min-height: 600px; margin: 0 0 0 220px; background:#ffffff; padding: 20px 240px 0 10px; }*/ #bodycopy { min-height: 800px; margin: 0 0 0 220px; background:#ffffff; padding: 20px 240px 0 10px; } * html #bodycopy { height: 600px; } #rightnav { position: absolute; right: 0; width: 220px; margin-left: 10px;} #m_0_0_0 #rightnav {left: 470px;} /* ===================================== */ /* ===== end surround styles =========== */ /* ===================================== */ /* ===================================== */ /* ====== 6. secondary navigation ====== */ /* ===================================== */ #leftnav { position: absolute; left: 0; top: 9px; width: 210px; font-size: 90%; } #leftnav p { margin: 20px 0 10px 0; color: #666; font-size:11px; } #leftnav ul a { display: inline-block; width: 200px; padding: 5px 0 5px 20px; line-height: 1.25em; font-weight: bold; text-decoration: none; color: #000; font-size:12px;} #leftnav ul li.bc a { background: #fff url(../images/side_nav/level_1.gif) no-repeat left top; border-top: 1px solid #fff; } #leftnav ul li.sel a { background: #fff url(../images/side_nav/child.gif) no-repeat 20px 12px; padding-left: 30px; } #leftnav ul li.last a { background: #fff url(../images/side_nav/selected.gif) no-repeat left top; padding-left: 20px; } #leftnav ul li.bc li a { background-image: none; } #leftnav ul ul li.bc a { background: #fff url(../images/side_nav/level_2.gif) no-repeat left top; border-top: 1px solid #fff; } #leftnav ul ul li.sel a { background: #fff url(../images/side_nav/child.gif) no-repeat 20px 12px; padding-left: 30px; } #leftnav ul ul li.last a { background: #fff url(../images/side_nav/selected.gif) no-repeat left top; padding-left: 20px; } #leftnav ul ul li.bc li a { background-image: none; } #leftnav ul ul ul li.bc a { background: #fff url(../images/side_nav/level_3.gif) no-repeat left top; border-top: 1px solid #fff; } #leftnav ul ul ul li.sel a { background: #fff url(../images/side_nav/child.gif) no-repeat 20px 12px; padding-left: 30px; } #leftnav ul ul ul li.last a { background: #fff url(../images/side_nav/selected.gif) no-repeat left top; padding-left: 20px; } #leftnav ul ul ul li.bc li a { background-image: none; } #leftnav ul ul ul ul li.bc a { background: #fff url(../images/side_nav/level_4.gif) no-repeat left top; border-top: 1px solid #fff; } #leftnav ul ul ul ul li.sel a { background: #fff url(../images/side_nav/child.gif) no-repeat 20px 12px; padding-left: 30px; } #leftnav ul ul ul ul li.last a { background: #fff url(../images/side_nav/selected.gif) no-repeat left top; padding-left: 20px; } #leftnav ul ul ul ul li.bc li a { background-image: none; } #leftnav ul ul ul ul ul li.bc a { background: #fff url(../images/side_nav/level_5.gif) no-repeat left top; border-top: 1px solid #fff; } #leftnav ul ul ul ul ul li.sel a { background: #fff url(../images/side_nav/child.gif) no-repeat 20px 12px; padding-left: 30px; } #leftnav ul ul ul ul ul li.last a { background: #fff url(../images/side_nav/selected.gif) no-repeat left top; padding-left: 20px; } #leftnav ul ul ul ul ul li.bc li a { background-image: none; } #leftnav ul ul ul ul ul ul li.bc a { background: #fff url(../images/side_nav/level_6.gif) no-repeat left top; border-top: 1px solid #fff; } #leftnav ul ul ul ul ul ul li.sel a { background: #fff url(../images/side_nav/child.gif) no-repeat 20px 12px; padding-left: 30px; } #leftnav ul ul ul ul ul ul li.last a { background: #fff url(../images/side_nav/selected.gif) no-repeat left top; padding-left: 20px; } #leftnav ul ul ul ul ul ul li.bc li a { background-image: none; } #leftnav ul ul ul ul ul ul ul li.sel a { background: #fff url(../images/side_nav/child.gif) no-repeat 20px 12px; padding-left: 30px; } #leftnav ul li.sel a { width: 180px; border-top: 1px solid #666!important; color: #696; } #leftnav ul li.last a { width: 190px; border-top: 1px solid #fff!important; border-bottom: 1px solid #666!important; color: #696; } #leftnav ul li.sel ul a { width: 180px; background: #fff url(../images/side_nav/child.gif) no-repeat 20px 12px!important; border-bottom: none!important; padding-left: 30px!important; font-weight: normal; color: #000; } #leftnav ul li.sel ul a:hover { color: #363; } /* ===================================== */ /* ====== end secondary navigation ===== */ /* ===================================== */ /* ===================================== */ /* ========= 7. footer styles ========== */ /* ===================================== */ #footer { clear: both; float: left; width: 100%; margin: 20px 0 0 0; background: #666; padding: 0; color: #fff; } #footer a { text-decoration: none; color: #e6e6e2; cursor: pointer; } #footer a:hover { text-decoration: underline; } #footer-control { float: left; display: inline; width: 910px; padding: 10px 20px 10px 10px; } #footer-control p { float: right; margin: 0; padding: 0; font-size: 100%; color: #fff; } #footer-control p#expand_footer { float: left; padding-left: 10px; text-decoration: none; color: #ccc; font-size: 1.1em;} #footer-links { float: left; width: 100%; border-top: 1px solid #a3a3a3; padding: 20px 0; } #footer-links ul { float: left; display: inline; width: 220px; height: 13em; margin: 0; border-right: 1px solid #8f8f8f; padding: 0 10px; list-style: none; list-style-position: outside; color:#990000; } #footer-links ul.first-footer-list { width: 209px; margin-left: 10px; } #footer-links ul.last-footer-list { width: 160px; margin-right: 10px; border-right: 0; } #footer-links ul li { margin: 0 0 0.2em 0; background: #666 url(../images/footer-bullet.gif) no-repeat 0 6px; padding: 0 0 0 10px; color:#ccd7e5;} #footer-links ul li.section_head { margin-bottom: 0.4em; background-image: none; padding-left: 0; font-weight: bold; } /* ===================================== */ /* ========= end footer styles ========= */ /* ===================================== */ /* ===================================== */ /* ========= 8. landing styles ========= */ /* ===================================== */ .landing #content { padding-bottom: 0; } .homepage #bodycopy { width: 940px; margin: 10px 0 0 0; padding: 0; } .homepage #header { height: 0; padding: 0; } #in_focus { float: left; width: 930px; height: 220px; margin: 0 0 30px 0; background: #d6d6d6; padding: 0 0 0 10px; } #in_focus div { float: left; } /* New Home Page dtorrejon 20120210*/ #in_focus_new { height: 206px; margin: 0; } #in_focus_new .jcarousel-container-vertical { } /*#in_focus_new .jcarousel-container { float: left; height: 200px; width: 755px; } #in_focus_new .jcarousel-clip-vertical { height: 200px; width: 755px; }*/ #in_focus_new .jcarousel-container { float: left; height: 200px; width: 697px; } #in_focus_new .jcarousel-clip-vertical { height: 200px; width: 697px; } #in_focus_new .jcarousel-clip { overflow: hidden; } /*#in_focus_new .jcarousel-item { height: 200px; width: 755px; padding-bottom: 1px;} not padding for the latest!*/ #in_focus_new .jcarousel-item { height: 200px; width: 697px; padding-bottom: 1px;} /*not padding for the latest!*/ #hp_intro { width: 190px; height: 180px; margin: 10px 20px 10px 0; background: #fff; padding: 10px; color: #666; } #hp_intro p.link { margin: 0; background: #fff url(../images/hp_intro.gif) repeat-x top left; padding: 10px 0; font-size: 1em; } #hp_intro p.link a { display: block; background: #fff url(../images/hp_intro_link.gif) no-repeat 2px 4px; padding: 0 0 0 12px; text-decoration: none; color: #666; } #hp_intro p.link a:hover { text-decoration: underline; } /* New Home Page dtorrejon 20120210 */ /*#hp_intro_new { float: left; height: 200px; margin: 0 0 0 20px; padding: 0; width: 160px; }*/ #hp_intro_new { float: right; height: 200px; margin: 0; padding: 0; width: 220px; } #hp_intro_new h2 { color: #513979; font-size: 1.25em; font-weight: bold; border-bottom: 2px solid #333; margin: 15px 0 5px; padding: 0; } #hp_intro_new ul { margin: 0 0 15px; padding: 0; } #hp_intro_new ul li { list-style: none; margin: 0; padding: 5px 0; border-bottom: 1px dotted #333333; } #hp_intro_new ul li a { color: #666666; } #hp_intro_new .morelink span { background: url("../images/icon-more.gif") no-repeat scroll left top #FFFFFF; font-size: 1em; height: 12px; margin: 0; padding: 0 0 0 20px; } #hp_intro_new .morelink a { color: #666; } #focus_panel { position: relative; width: 698px; height: 218px; background: #fff; border: 1px solid #336; } #focus_panel div { width: 698px; overflow: hidden; } #focus_panel div div.image { float: left; } #focus_panel div.little_image div.image { width: 219px; } #focus_panel div.big_image div.image { width: 459px; } #focus_panel div div.text { float: left; margin: 20px 20px 0 20px; } #focus_panel div.little_image div.text { width: 439px; } #focus_panel div.big_image div.text { width: 199px; } #focus_panel h2 { padding: 0; border: 0; font-size: 1.4em; color: #336; } #focus_panel ul { margin: 0; padding: 0; list-style: none; } #focus_panel div.double_list ul { float: left; width: 200px; margin-right: 19px; } #focus_panel ul li { background: #fff url(../images/promo_box/purplearrow.gif) no-repeat 1px 4px; padding: 0 0 0 15px; } #focus_panel ul li a { text-decoration: underline; color: #333; } #focus_panel ul li a:hover { color: #696; } ul#focus_control { position: absolute; width: 100%; top: 179px; left: 0; margin: 0; background: transparent url(../images/promo_box/focus_control.gif) repeat-x top left; padding: 0; } ul#focus_control li { float: left; display: inline-block; height: 40px; margin: 0; background-color: transparent; background-image: none; padding: 0; overflow: hidden; } ul#focus_control li a { display: inline-block; height: 15px; padding: 15px 20px 10px 20px; text-decoration: none; font-weight: bold; color: #fff; cursor: pointer; } ul#focus_control li.current a { background: transparent url(../images/promo_box/focus_control_selected.gif) repeat-x top left; } ul#focus_control li a:hover { text-decoration: underline; color: #fff; } /* New Home Page dtorrejon 20120210 */ /*#focus_panel_new { position: relative; width: 755px; height: 206px; background: #fff; border: 1px solid #336; float: left;}*/ #focus_panel_new { position: relative; width: 702px; height: 206px; background: #fff; border: 1px solid #336; float: left;} #focus_panel_new div { width: 100%; overflow: hidden; } #focus_panel_new div.text { position: absolute; left: 0; height: 200px; padding: 0; margin: 0 } /*#focus_panel_new h2 { background: url("../images/promo_box/top-promo-arrow-for-text.gif") no-repeat scroll 20px 174px transparent; padding: 169px 0 0 40px; font-size: 100%; margin: 0; height: 30px; }*/ /*.jcarousel-item-1 h2 { padding-top: 169px !important; padding-top: 169px; } .jcarousel-item-2 h2 { padding-top: 169px !important; padding-top: 179px; } .jcarousel-item-3 h2 { padding-top: 169px !important; padding-top: 189px; } .jcarousel-item-4 h2 { padding-top: 169px !important; padding-top: 199px; } .jcarousel-item-5 h2 { padding-top: 169px !important; padding-top: 129px; }*/ #focus_panel_new h2 { background: url("../images/promo_box/top-promo-arrow-for-text.gif") no-repeat 20px 174px; padding: 169px 0 0 40px; font-size: 100%; margin: 0; height: 30px; } #focus_panel_new h2 a { border: 0; font-size: 1.5em; color: #FFFFFF; line-height: 1.5em; } #focus_panel_new h2 a:hover { background: url("../images/promo_box/top-promo-arrow-for-text.gif") no-repeat scroll 20px 175px transparent; border: 0; font-size: 1.6em; color: #FFFFFF; } #focus_panel_new ul { margin: 0; padding: 0; list-style: none; } #focus_panel_new div.double_list ul { float: left; width: 200px; margin-right: 19px; } #focus_panel_new ul li { padding: 0 0 0 15px; } ul#focuscarousel { padding: 1px 0; } ul#focuscarousel li { padding: 0; margin: 0; } ul#focuscarousel li img { width: 539px; height: 200px; } /*ul#focus_control_new { position: absolute; top: 0; width: 220px; left: 535px; margin: 0; padding: 0; }*/ ul#focus_control_new { position: absolute; top: 0; width: 220px; left: 477px; margin: 0; padding: 0; } ul#focus_control_new li { background: url(../images/purple-promo-links-arrow.gif) no-repeat scroll 0 0 transparent; height: 40px; margin: 0; border-bottom: 1px none #8A6FA4; padding: 0; overflow: hidden; } ul#focus_control_new li a { display: inline-block; height: 15px; padding: 13px 20px 10px 40px; text-decoration: none; font-weight: bold; color: #fff; cursor: pointer; font-size: 1.2em; } ul#focus_control_new li.current { background: transparent url(../images/promotab-active.gif) repeat-x top left; } ul#focus_control_new li a:hover { text-decoration: underline; color: #fff; } #grid_panels { float: left; clear: both; width: 100%; } #bodycopy #grid_panels h2 { margin-bottom: 10px; border: 0; padding: 0; font-size: 110%; } #bodycopy #grid_panels h2 a {color:#000; text-decoration: underline; } /* SF */ #grid_panels div { float: left; clear: none; } .grid04 { width: 220px; margin-left: 20px; } .grid08 { width: 460px; } #grid_panels div div { float: left; clear: none; height: auto; } #grid_panels div.grid04 div.lp_box_green, #grid_panels div.grid04 div.lp_box_grey { width: 220px; } #grid_panels div div div { margin-bottom: 0; } #latest_news { width: 438px; margin-bottom: 20px; background: #dee8e3; border: 1px solid #333; padding: 8px 10px 10px 10px; } #bodycopy #grid_panels h2.news_title { float: left; background: #fff; border: 0; font-size: 1.2em; text-transform: uppercase; font-weight: normal; color: #000; } #grid_panels p.rss_feed { float: right; background: #fff url(../images/rss_feed.gif) no-repeat; padding: 0 0 0 22px; } #latest_news #latest_news_control { position: relative; top: 2px; float: left; height: 30px; margin: 0; padding: 0; overflow: hidden; } #latest_news #latest_news_control li { float: left; display: inline-block; height: 28px; margin: 0 5px 0 0; padding: 0; } #latest_news_control a { display: inline-block; height: 17px; background: #666 url(../images/latest_control.gif) no-repeat top right; padding: 7px 10px 5px 9px; text-decoration: none; color: #fff; cursor: pointer; } #latest_news_control .current a { background: #fff url(../images/latest_control_selected.gif) no-repeat top right; border-left: 1px solid #666; border-bottom: 0; color: #333; } #latest_news_control a:hover { text-decoration: underline; color: #fff; } #latest_news_control .current a:hover { color: #333; } #latest_news div { background: #fff; width: 416px; border: 1px solid #666; padding: 10px; } #latest_news div div { width: 416px; border: 0; padding: 0; } #latest_news .other_links { background: #e5e5e5; width: 396px; padding: 10px; color: #666; } #latest_news .other_links a { color: #666; } #latest_news .other_links a:hover { color: #333; } #latest_news div div div.seperator { background: #fff url(../images/dotted_white.gif) repeat-x top left; padding: 21px 0 10px 0; } #latest_news div div div.first { padding: 0 0 10px 0; } #bodycopy #latest_news h3 { color: #333; margin: 0 0 15px 0; line-height: 1.2em; font-size: 105%; } #bodycopy #latest_news h3 a { color: #333; } #bodycopy #latest_news h3 a:hover { text-decoration: underline; color: #696; } #latest_news p.date { font-weight: bold; margin:0;} #latest_news_new { margin: 0 20px 20px 0; width: 456px; border: 1px solid #666; padding: 0; } #latest_news_new div { background-color: #f3f3f3; width: 436px; padding: 10px; } #latest_news_new #latest_news_control { position: relative; top: 0; margin: 0; padding: 0; overflow: hidden; background: url(/images/latest_news_headbg.jpg) repeat-x #666666; height: 30px;} #latest_news_new #latest_news_control li { float: left; display: inline-block; height: 30px; margin: 0; padding: 0 8px; border-left: 1px solid #666; background-image:url(/images/news-arrow.gif); background-repeat:no-repeat; background-position:10px 0px; } #latest_news_new #latest_news_control li.current { border-left: none; background-color: #F3F3F3; background-image:url(/images/news-arrow-active.gif); background-repeat:no-repeat; background-position:10px 10px; } #latest_news_new #latest_news_control a { display: inline-block; height: 17px; padding: 7px 6px 6px 14px; text-decoration: none; color: #fff; cursor: pointer; background:none; font-size: 110%;} #latest_news_new #latest_news_control .current a { border: 0; color: #333; background-image:none; font-size: 110%; } #latest_news_new #latest_news_control li#showln4.current a { padding: 7px 7px 6px 14px;} #latest_news_new #latest_news_control a:hover { text-decoration: underline; color: #fff; } #latest_news_new #latest_news_control .current a:hover { color: #333; } #latest_news_new div div { width: 436px; border: 0; padding: 0; } #latest_news_new .other_links { background: none; width: 261px; padding: 10px 5px 0 0; color: #666; float: left;} #latest_news_new .other_links a, #latest_news_new p.rss_feed a { color: #666; text-decoration: underline;} #latest_news_new .other_links a {margin: 0 5px 0 2px;} #latest_news_new .other_links a.padding {margin: 0 12px 0 10px;} #latest_news_new .other_links a:hover, #latest_news_new p.rss_feed a:hover { color: #333; } /*#latest_news_new div div div.seperator { background: #f3f3f3 url(../images/dotted_white.gif) repeat-x top left; padding: 21px 0 10px 0; } #latest_news_new div div div.seperator { border-top: 1px dotted #666; border-bottom: 1px dotted #666; padding: 21px 0 0 0; margin-bottom: 10px; }*/ #latest_news_new div div div.seperator { border-bottom: 1px dotted #666; padding: 21px 0 0 0; margin-bottom: 10px; } #latest_news_new div div div.first { border-bottom: 1px dotted #666; padding: 0; margin-bottom: 10px; } #latest_news_new h3 { color: #333; margin: 0 0 15px 0; line-height: 1.2em; font-size: 105%; } #latest_news_new h3 a { color: #333; } #latest_news_new h3 a:hover { text-decoration: underline; color: #696; } #latest_news_new p.date { font-weight: bold; margin:0;} #latest_news_new p.rss_feed { float: right; background: #f3f3f3 url(/images/rss_feed.gif) no-repeat 0 9px; padding: 10px 0 0 0; width: 165px; height: 20px; } #latest_news_new p.rss_feed a {margin-left:20px;} /*#latest_news_new { margin-bottom: 20px; background: #dee8e3; border: 1px solid #333; padding: 0; } #latest_news_new #latest_news_control { position: relative; top: 0; margin: 0; padding: 0; overflow: hidden; } #latest_news_new #latest_news_control li { float: left; display: inline-block; height: 30px; margin: 0; padding: 0; } #latest_news_new #latest_news_control a { display: inline-block; height: 17px; background: #666 url(../images/latest_control.gif) no-repeat top right; padding: 7px 10px 5px 9px; text-decoration: none; color: #fff; cursor: pointer; } #latest_news_new #latest_news_control .current a { background: #fff url(../images/latest_control_selected.gif) no-repeat top right; border-left: 1px solid #666; border-bottom: 0; color: #333; } #latest_news_new #latest_news_control a:hover { text-decoration: underline; color: #fff; } #latest_news_new #latest_news_control .current a:hover { color: #333; } #latest_news_new div { background: #fff; width: 416px; border: 1px solid #666; padding: 10px; } #latest_news_new div div { width: 416px; border: 0; padding: 0; } #latest_news_new .other_links { background: #e5e5e5; width: 396px; padding: 10px; color: #666; } #latest_news_new .other_links a { color: #666; } #latest_news_new .other_links a:hover { color: #333; } #latest_news_new div div div.seperator { background: #fff url(../images/dotted_white.gif) repeat-x top left; padding: 21px 0 10px 0; } #latest_news_new div div div.first { padding: 0 0 10px 0; } #latest_news_new h3 { color: #333; margin: 0 0 15px 0; line-height: 1.2em; font-size: 105%; } #latest_news_new h3 a { color: #333; } #latest_news_new h3 a:hover { text-decoation: underline; color: #696; } #latest_news_new p.date { font-weight: bold; margin:0;} #latest_news_new p.rss_feed { float: right; background: #fff url(../images/rss_feed.gif) no-repeat; padding: 0 0 0 22px; } */ #events_block { clear: both; width: 220px; margin: 0 0 20px 0; background: #fff url(../images/events_bg.gif) repeat-x left top; padding: 15px 0 0 0; border: 1px dotted #ccc;} #bodycopy #events_block h2 { margin: 0 0 10px 0; border-bottom: 1px solid #333; padding: 0 10px 10px 10px; font-weight: bold; text-transform: uppercase; color: #000; } /*#bodycopy #events_block h3 a { clear: both; margin: 0 10px 10px 10px; font-size: 90%; color: #000; }*/ #bodycopy #events_block h3 { clear: both; margin: 0 10px 10px 10px; color: #000; } #bodycopy #events_block p { float: left; width: 150px; margin: 0 0 10px 0; padding: 0 10px; } #bodycopy #events_block .calender { float: left; width: 40px; height: 42px; background: transparent url(../images/events_calendar.gif) no-repeat 10px 1px; padding: 3px 0 0 10px; font-size: 1em; font-weight: bold; text-align: center; text-transform: uppercase; color: #666; } #bodycopy #events_block .calender span { display: block; padding-top: 3px; font-size: 1.3em; color: #333; } #bodycopy #events_block p.more_links { clear: both; float: none; width: 190px; margin: 0; background: transparent url(../images/arrow_bullet_white.gif) no-repeat 10px 6px; padding: 0 10px 10px 20px; } /* New Home Page dtorrejon 20120210 */ #bodycopy #events_block_new { clear: both; margin: 0; padding: 10px 20px 0 0; } #bodycopy #events_block_new .event_container { border-bottom: 1px solid #cccc99; margin-bottom: 15px; } #bodycopy #events_block_new h2 { border-bottom: 2px solid #cccc99; padding: 0 0 5px; margin-bottom: 15px; font-weight: bold; color: #333; } #bodycopy #events_block_new h3 { margin: 0 0 10px; } #bodycopy #events_block_new h3 a { color: #333; } #bodycopy #events_block_new p { margin: 0 0 10px 0; padding: 0 10px; } #bodycopy #events_block_new .calender { background: transparent url(../images/icon-when.gif) no-repeat 0 0; height: 16px; margin: 0; padding: 0 0 5px 25px; } #bodycopy #events_block_new .place { background: transparent url(../images/icon-where.gif) no-repeat 0 0; height: 16px; margin: 0; padding: 0 0 5px 25px; } #bodycopy #events_block_new .more_links, #bodycopy #latest_news_new div div .more_links { background: transparent url(../images/icon-more.gif) no-repeat 0 1px; height: 16px; margin: 15px 0 0; padding-left: 25px !important; position: relative; } #bodycopy #events_block_new .more_links a { color: #666; } #bodycopy #pl_award { float: left; width: 218px; margin: 0 0 20px 0; border: 1px solid #999; } #bodycopy #pl_award h2 { margin: 0 0 10px 0; padding: 4px 10px; font-size: 105%; color: #fff; } #bodycopy #pl_award p { float: left; width: 110px; margin: 0; padding: 0 10px 10px 10px;} #pl_award img { float: left; } .lp_2col_holder { clear: both; width: 460px; } .lp_2col_left { float: left; width: 220px; } .lp_2col_right { float: right; width: 220px; } #bodycopy #grid_panels .browse_box h2 { border-bottom: 1px solid #000; padding-bottom: 10px; color: #000; } #bodycopy #grid_panels .browse_box h3 a { color: #336; } #bodycopy #grid_panels .browse_box ul { margin: 0; } #bodycopy #grid_panels .browse_box ul a { text-decoration: none; color: #333; } #bodycopy #grid_panels .browse_box ul a:hover { text-decoration: underline; } /* New Home Page dtorrejon 20120210 */ /* Right hand side sections */ #bodycopy .hpright_box_grey, #bodycopy .hpright_box_purple, #bodycopy .hpright_box_blank { margin: 0; padding: 0 0 10px; color: #666666; font-size: 1em; } #bodycopy .hpright_box_grey p, #bodycopy .hpright_box_purple p, #bodycopy .hpright_box_blank p { color: #666666; font-size: 110% !important; } #bodycopy .hpright_box_grey h2 { color: #333; font-size: 1.25em; border-bottom: 10px solid #999999; margin: 0; padding: 10px 0 8px 0; width:100%; } #bodycopy .hpright_box_grey h3 { margin: 15px 0 10px 0; } #bodycopy .hpright_box_grey .externallink { float: left; width: 15px; height: 15px; background: transparent url(../images/external-site-icon.gif) no-repeat 0 1px; padding: 0 0 0 10px !important; } #bodycopy .hpright_box_grey h3 a { color: #333; font-size: 1.125em; } #bodycopy .hpright_box_grey .subsection { border-bottom: 1px #ccc dotted; padding-bottom: 10px; margin-bottom: 15px; } #bodycopy .hpright_box_grey .footnote { font-size: 0.938em; color: #666; margin: 0; } #bodycopy .hpright_box_purple { border-bottom: 1px #ccc dotted; padding-bottom: 10px; } #bodycopy .hpright_box_purple h2 { color: #513979; font-size: 1.25em; font-weight: bold; border-bottom: 10px solid #957ab0; margin: 15px 0 0 0; padding: 0 0 8px 0; width:100%; } #bodycopy .hpright_box_purple h3 { color: #513979; font-size: 1.125em; margin: 15px 0 10px 0; } #bodycopy .hpright_box_purple .video { margin: 10px 0 0 !important; } #bodycopy .hpright_box_purple .video span { width: 12px; height: 13px; background: transparent url(../images/video.gif) no-repeat 0 1px; padding: 0 10px !important; } #bodycopy .hpright_box_purple .video a { color: #336633; font-size: 1em; } #bodycopy .hpright_box_purple .followtwitter { background: transparent url(../images/twitter.gif) no-repeat 0 1px; font-size: 1.125em !important; height: 25px; padding-left: 45px !important; padding-top: 10px !important; margin: 15px 0 0; } #bodycopy .hpright_box_purple .followtwitter a { color: #666; } #bodycopy .hpright_box_purple .internallink { background: transparent url(../images/internal-site-icon.gif) no-repeat 0 0; height: 15px; padding: 0 0 0 25px !important; margin: 15px 0 0; } #bodycopy .hpright_box_purple .internallink a { color: #666; font-size: 1em; } #bodycopy .hpright_box_blank h2 { color: #513979; font-size: 1.125em; border: none; margin: 15px 0 10px 0; padding: 0; width:100%; } #bodycopy .hpright_box_blank .morelink { background: transparent url(../images/icon-more.gif) no-repeat 0 1px; padding: 0 0 0 25px !important; height: 25px; } #bodycopy .hpright_box_blank .morelink a { color: #666; font-size: 1em; margin: 15px 0 0; padding: 0; } #bodycopy .hpright_box_blank div.greycontainer { background-color: #f0f0e0; padding: 10px; } #bodycopy .hpright_box_blank div.greycontainer h2 { font-size: 1.25em; color: #666; margin: 0 0 10px 0; padding: 0; } /* ===================================== */ /* ========= end landing styles ========= */ /* ===================================== */ /* ===================================== */ /* ========= 9. utility styles ========= */ /* ===================================== */ /* Div clearer */ div.clear { clear:both; } /*http://www.positioniseverything.net/easyclearing.html*/ /* Chris Ware changed clear:both to clear:left because Firefox was stretching some elements strangely */ #border.clearfix:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; } #banner.clearfix:after { display: block; /*height: 0;*/ clear: left; visibility: hidden; } .clearfix:after{ clear: none; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;z-index:0} /* End hide from IE-mac */ /* Font size fixes */ body, body div, body p, body th, body td, body dd, body label, body input { font-size: 90%; voice-family: "\"}\""; voice-family: inherit; font-size: 94%; } html>body, html>body div, html>body p, html>body th, html>body td, html>body dd, html>body label, html>body input { font-size: 94%; } .gsc-adBlock .adBlock{ display:none; } .lg{ display:none; } /* ===================================== */ /* ========= 10. feedback styles ========= */ /* ===================================== */ #feedback { background:url(../images/homepage-feedback.gif) no-repeat scroll 0px 0px; height:92px; right:0; position:fixed; top:200px; width:47px; display: block; _position: absolute; _right: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); _top: expression( ( 200 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } #feedback a { display:block; height:92px; width:47px; } #feedbackdialog { padding: 0 40px; font-size: 0.8em; text-align: left; } #feedbackdialog h2 { font-weight: bold; color: #000; padding: 20px 0 10px; } /* font-size: 1.313em; */ #feedbackdialog label { font-size: 94% !important; font-weight: normal; } #ui-dialog-titlebar { background-color: #999; } #ui-dialog-title-feedbackdialog { font-size: 1.5em; font-weight: normal; color: #fff; } #FSA_homepage_feedback { margin: 20px 0; } #FSA_homepage_feedback input { margin: 10px 10px 0 20px; } #FSA_homepage_feedback textarea { margin: 10px 0; width: 100%; } #FSA_homepage_feedback input.button { background-image: url(../images/button-grey.gif); width: 180px; border: none; height: 24px; font-size: 1.125em; font-weight: bold; margin: 10px 0; } /* ===================================== */ /* ========= end feedback styles ========= */ /* ===================================== */ /* ===================================== */ /* ======= Vignette portal fixes ======= */ /* ===================================== */ /*#m_0_0_0, #m_1_0_0 { left: 0 !important; } #m_0_0_0, #m_1_0_0 { left: 240px !important; }*/ .homepage #m_0_0_0,.homepage #m_1_0_0,.homepage #m_2_0_0 { left: 0 !important; } #m_1_0_0, #m_2_0_0{ left: 240px !important; } #footer div, #footer div div { font-size: 100%; } #footer div#footer-control, #footer div#footer-links { font-size: 94%; } #m_1_0_0 p.rss_feed, #m_1_1_0 p.rss_feed, #m_1_2_0 p.rss_feed { background:url("../images/rss_feed.gif") no-repeat scroll 0 0 #FFFFFF; padding:0 0 0 22px; } .homepage #header { background-color: #FFFFFF;} /* ===================================== */ /* ===== end Vignette portal fixes ===== */ /* ===================================== */ #layout {margin-left: -10px;} /* ===================================== */ /* ======= Preview Code ======= */ /* ===================================== */ /*#m_0_0_0.epi-modDrg, #m_0_0_1.epi-modDrg, #m_0_2_0.epi-modDrg {position: absolute !important; left: 240px !important;} div[id="m_0_0_0"] {position: absolute; left: 240px !important;} #m_0_1_0.epi-modDrg ,topimg {top: 98px !important; left: 240px!important;}*/ /* ===================================== */ /* ======= Internet Code ======= */ /* ===================================== */ #m_0_0_1.epi-modDrg, #m_0_2_0.epi-modDrg {position: absolute !important; left: 240px !important;} #m_0_0_0.epi-modDrg {position: absolute!important; width: 465px!important; visibility: visible!important; /*top: 98px!important;*/ left: 240px!important;} /*div[id="m_0_0_0"] {position: absolute; left: 240px !important;}*/ #m_0_0_0.epi-modDrg #rightnav {left: 470px!important;} /*#m_0_1_0.epi-modDrg ,topimg {top: 98px !important; left: 240px!important;}*/ #m_0_1_0.epi-modDrg {top: 148px !important; left: 240px!important;} #m_0_1_0.topimg {left: 240px!important;}