/* */ html { background: #CECFD4; color: #000000; margin: 0; padding: 0; overflow: -moz-scrollbars-vertical !important; min-height: 100%; margin-bottom: 1px; overflow : scroll; } body { min-width: 776px; background: url(/_img/bg_main.gif); background-position: center; background-repeat: repeat-y; margin: 0 auto; padding: 0; } /*************************************************************************/ /********************* PAGE CONTAINER - ALL PAGES ************************/ /*************************************************************************/ #wrap { /* IE6 adjustment in iestyles.css */ width: 744px; margin: 0 auto; /* IE 6.0 does not sit squarely over and needs leftward shift...FF does not */ padding: 0; position: relative; } /**************************************************************************/ /******************** MAIN CONTENT STAGE - ALL PAGES **********************/ /**************************************************************************/ #middle_area { /* IE6 adjustment in iestyles.css */ width: 730px; margin: 7px 7px 11px 7px; /* adjusted for shadow width */ padding: 0; background-color: #FFFFFF; } /***************************************************************************/ /********************* MISC SPACING & CLEARING DIVS ************************/ /***************************************************************************/ .clearance { clear: both; } .prod_serve { height: 20px; } /***************************************************************************/ /**************************** SITE ELEMENTS ********************************/ /***************************************************************************/ h1 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; margin-left:10px; padding: 0; text-align: left; color: #2D307F; } h3 { /* body headers on home page */ /* IE6 adjustment in iestyles.css */ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #F47C00; margin: 0; padding: 19px 0 10px 25px; } ul li, ol li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #00354A; } p { /* body copy - home and throughout (classes found on interior and D style sheets) */ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #333333; margin: 0; padding: 0 15px 10px 15px; text-align:left; } p.calItem { /* body copy - home and throughout (classes found on interior and D style sheets) */ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; color: #333333; margin: 0; padding: 10px; text-align:left; } a { text-decoration: none; font-weight:bold; color: #2D307F; } a:hover { color: #F47C00; } /***************************************************************************/ /*************************** UTILITY NAV HOME ******************************/ /***************************************************************************/ #utility_nav { height: 27px; width: 744px; margin: 0; padding: 0; background-image: url(/_img/bg_utility_nav.gif); background-repeat: repeat-x; } #utility_nav_wrap { /* wraps buttons and search box to the right side */ float: right; width: 280px; } #utility_nav input.submit { float: left; margin-right: 17px; margin-left: 5px; } #utility_nav input.txtbox { float: left; font-size: 9px; margin-top: 3px; width: 120px; } #utility_nav_wrap img { float: left; margin-right: 25px; } /***************************************************************************/ /***************************** MASTHEAD HOME *******************************/ /***************************************************************************/ #masthead { width: 744px; height: 180px; margin: 0; padding: 0; background-repeat: no-repeat; } /***************************************************************************/ /************************** WHY HOBSONS COLUMN *****************************/ /***************************************************************************/ #why_hobsons { /********** OLD ***********/ float: left; width: 241px; /* adjusted for shadow width */ height: 388px; margin: 0 3px 0 0; padding: 0; background-image: url(/_img/why_hobsons.jpg); background-repeat: no-repeat; } #why_hobsons_2 { /* IE6 and IE7 adjustments */ margin: 0px 0 1px 4px; padding: 10px 0 15px 0; text-align: left; background-image: url(/_img/homeLeft.jpg); background-repeat: no-repeat; width: 474px; } #why_hobsons_2 p { margin-right: 30px; margin-bottom: 0; padding-bottom: 8px; } #why_hobsons_2 ul { padding: 0 50px 0 45px; margin: 0; } #why_hobsons_2 ul li { padding: 0; margin: 0; line-height: 17px; } #why_hobsons_2 img { padding: 0 0 9px 25px; margin: 0; } /***************************************************************************/ /**************************** NEWS & EVENTS ********************************/ /***************************************************************************/ h3.homeNew{ color: #ffffff !important; background-repeat:no-repeat; background-position: 24px 18px; padding-left: 47px; } h3.home { color: #00354A !important; background-position: 24px 18px; /* left-right top-bottom */ background-repeat: no-repeat; padding-left: 47px; } .news_icon { background-image: url(/_img/icon_news.gif); } .events_icon { background-image: url(/_img/icon_events.gif); } #news_events { /* IE6 adjustment in iestyles.css */ /********** OLD ***********/ width: 242px; margin: 2px 1px 0 1px; padding: 0 0 25px 0; float: left; background-repeat: no-repeat; text-align: left; } .date { /* font color change for event dates */ /********** OLD ***********/ color: #026A91; } #news_events_container { margin: 0; padding: 0 0 0px 0; float: left; position: relative; } #news2 { /* IE6 adjustments */ width: 231px; margin: 0 0 0 8px; padding: 0 0 10px 0; text-align: left; float: left; background-image: url(/_img/homeBotLeft.jpg); background-repeat: no-repeat; } #news2 p { margin-right: 25px; } #events2 { /* IE6 adjustments */ width: 231px; margin: 0 0px 0 4px; padding: 0 0 0px 0; text-align: left; float: left; background-image: url(/_img/homeBotRt.jpg); background-repeat: no-repeat; } /***************************************************************************/ /********************* CASE STUDIES & FEATURE PRODS ************************/ /***************************************************************************/ #right_wrap { margin: 0; padding: 0; } #case_studies { /* IE6 adjustment in iestyles.css */ /********** OLD ***********/ width: 237px; float: left; text-align: left; margin: 2px 1px 0 4px; padding: 0 0 17px 0; background-image: url(/_img/bg_case_studies.jpg); background-repeat: no-repeat; } #case_studies_2 { /* IE6 adjustment in iestyles.css */ width: 237px; float: left; text-align: left; margin: 1px 1px 0 4px; padding: 0 0 17px 0; } .img_container { width: 230px; float: left; } #case_studies_2 img { padding: 13px 0px 6px 22px; margin: 0; float: left; position: relative; } p.casestudies { /* position text around background image in Case Studies section on home page */ /********** OLD ***********/ padding-right: 110px; padding-bottom: 15px; } p.casestudies_2 { padding-right: 20px; padding-bottom: 10px; } h3.case_home { color: #000000 !important; } #featured_products { /********** OLD ***********/ width: 237px; float: left; text-align: left; margin: 5px 1px 0 4px; padding: 0 0 15px 0; background-color: #00354A; } #featured_products_2 { width: 237px; float: left; text-align: left; margin: 7px 1px 0 4px; padding: 0 0 15px 0; background-color: #00354A; } #featured_products img, #featured_products_2 img { margin: 0; padding: 15px 0 5px 25px; } #featured_products_2 img.featured { padding-left: 18px; } #featured_products_2 img.fp_product { padding-top: 3px; padding-bottom: 0px; } h3.fp { /* Featured Products block - home page */ /********** OLD ***********/ color: #04A8FA !important; padding-bottom: 3px; } h3.fp_2 { color: #FFFFFF !important; padding-bottom: 0px; } p.fp { /* Featured Products body text on home page */ /********** OLD ***********/ color: #FFFFFF !important; padding-bottom: 10px; } p.fp_2 { color: #FFFFFF !important; padding-bottom: 12px; padding-top: 8px; } /***************************************************************************/ /******************************** FOOTER ***********************************/ /***************************************************************************/ #footer_top { width: 744px; height: 10px; background-image: url(/_img/footer_top.gif); background-repeat: no-repeat; background-position: bottom; margin: 0; padding: 0; } #footer { width: 710px; font-family: Verdana, Arial, Helvetica, sans-serif; border-top:#2c307e solid 2px; border-bottom:#2c307e solid 5px; font-weight:bold; text-align:right; line-height: 18px; margin: 0; padding: 10px; font-size: 9px; color: #666; } #footer ul { text-align: center; margin: 0; padding: 12px 0 0 0; } #footer ul li { /* IE6 adjustment in iestyles.css */ display: inline; border-right: 1px solid #CECFD4; padding: 0 22px 0 17px; } #footer ul li.last { border-right: none; } #footer a { color: #CECFD4 !important; } #footer a:hover { text-decoration: underline !important; } #footer p { margin: 0; padding: 7px 0 0 0; color: #CECFD4; } /***************************************************************************/ /***************************** SITE SEARCH *********************************/ /***************************************************************************/ #siteSearch_titleHolder { } #siteSearch_title { margin: 10px 5px 11px 8px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #F47C00; text-align: left; } #siteSearch_countHolder, #spellChecker, .siteSearch_resultsBlurb, #siteSearch_paginate, #siteSearch_capability { font-family: verdana; font-size: 10px; font-weight: normal; } #siteSearch_countHolder, .siteSearch_resultsBlurb, #siteSearch_capability, #siteSearch_nutch { margin: 0px 8px; } #siteSearch_searchResults { margin: 8px; } #spellChecker { } .siteSearch_advertiser { display: none; } .siteSearch_advertiserHead { } .siteSearch_advertiserBlurb { } .siteSearch_results { margin: 12px 0px; } .siteSearch_results { } .siteSearch_resultsHead { margin: 0px 0px 2px 0px; font-family: verdana; font-size: 12px; font-weight: bold; } #siteSearch_paginate { margin: 6px 0px; padding: 4px; background-color: #efefef; } /***************************************************************************/ h2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; padding: 0; text-align: center; color: #2D307F; } h2.home {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; padding: 0 0 0 15px; text-align: left; color: #2D307F; } table.calendar td {padding:30px 0 0 0; vertical-align:top;} #graybox {padding:5px; background-color:#CCFFCC; width:90%; text-align:center; margin-left:4%} .calWidth {width:120px; text-align:center; background-color:#B7E0F1; height:18px; vertical-align:top} .calBlank{height:100px; background-color:#CCC} .cal01 {background:url(../_img/01.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal02 {background:url(../_img/02.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal03 {background:url(../_img/03.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal04 {background:url(../_img/04.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal05 {background:url(../_img/05.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal06 {background:url(../_img/06.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal07 {background:url(../_img/07.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal08 {background:url(../_img/08.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal09 {background:url(../_img/09.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal10 {background:url(../_img/10.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal11 {background:url(../_img/11.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal12 {background:url(../_img/12.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal13 {background:url(../_img/13.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal14 {background:url(../_img/14.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal15 {background:url(../_img/15.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal16 {background:url(../_img/16.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal17 {background:url(../_img/17.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal18 {background:url(../_img/18.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal19 {background:url(../_img/19.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal20 {background:url(../_img/20.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal21 {background:url(../_img/21.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal22 {background:url(../_img/22.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal23 {background:url(../_img/23.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal24 {background:url(../_img/24.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal25 {background:url(../_img/25.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal26 {background:url(../_img/26.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal27 {background:url(../_img/27.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal28 {background:url(../_img/28.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal29 {background:url(../_img/29.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal30 {background:url(../_img/30.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } .cal31 {background:url(../_img/31.gif) top left no-repeat; height:100px; border:#2c307e solid 1px; } /* Navigation Styles */ #menu { margin: 0px auto; padding: 0px; border:0; width:100%; text-align:left; } .menu { margin: 0 auto; background: #2c307e; border-bottom:#fff solid 5px;} .menu ul { padding:5px; margin:0; list-style-type:none; } .menu li { padding: 0px 15px 0px 15px; margin: 0; display: inline; font-size:10px; } .menu a:link{ /*padding:5px; margin:5px;*/ text-decoration: none; color:#fff; font-size:10px; } .menu a:visited{ text-decoration: none; font-weight:bold; color:#fff; } .menu a:active{ color: #fff; font-weight:bold; margin: 0;} .menu a:hover { color:#ffcc66;} .menu a.selected { color:#fff; font-weight:bold; text-decoration:underline; margin: 0; } /*Form*/ textarea {margin:0 0 30px 16px; } .formText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; color: #333333; margin: 0; padding: 0 15px 10px 15px; text-align:left; } .question2 {margin:0 0 30px 16px;} select {margin: 0 5px 5px 0;} input {margin:0 0 10px 16px;} img.nw {margin-top:2px; margin-bottom:-6px;} .trainChatBox {width:256px; float:right; clear:right; margin:0 0 60px 30px; padding:0;} h2.trainChatBox {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; padding: 0; text-align: left; color: #2D307F; margin:14px 0 0 0; } p.trainChatBox { /* body copy - home and throughout (classes found on interior and D style sheets) */ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #333333; margin: 0; padding: 0; text-align:left; }