/** PAGE LAYOUT AND TAB SPACING IS EXACLY AS FOLLOWS:

*/ body { text-align: center; margin: 0px 0px; padding: 0px 0px; font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; background-image: url('../images/backgroundtile.gif'); } /** E5/Win incorrectly applies the CSS "text-align" attribute to block-level elements. SEE: http://www.bluerobot.com/web/css/center1.html **/ #body_area { margin: 0px auto; width: 1040px; /** 789 **/ text-align: left; background: #FFFFFF url('../images/right_minitile.gif') top right repeat-y; border: 1px solid #569edb; } #header { } #sideBar { float: left; padding-left: 12px; } #page_area { /** Anything after header, contains side-menus, content */ background: #FFFFFF url('../images/left_minitile.gif') top left repeat-y; height: auto !important; } #content { /** Main Content Section - after header,sidemenu and before footer */ float: left; width: 781px; /** 530 */ min-height: 1150px; background: #FFFFFF url('../img/leftMenuFade.jpg') left top repeat-y; padding-left: 15px; } #footer { float: left; background-color: #FFFFFF; color: #FFFFFF; } #footer_menu { float: left; background: #FFFFFF url('../images/footbtmtile.gif') bottom left repeat-x; text-align: center; font-size: 8px; width: 984px; /** 709 **/ height: 66px; } /* >>>>>>>>>>>>>>>>> START SIDE BAR CONTAINER >>>>>>>>>>>>>>> */ #sideBar_rightSide { float: left; width: 217px; background: url('../img/leftMenuFade.jpg') top right repeat-y; } #sideBar_leftSide { float: left; padding-left: 12px; } #sideBar_innerBox { float: left; padding-right: 4px; background-image: url('../img/leftMenuFadeDownTest2.jpg'); background-repeat: repeat-x; height: 710px; } /* <<<<<<<<<<<<<<<<<<< END SIDE MENU CONTAINER <<<<<<<<< */ img { border: none; } /* >>>>>>>>>>> START LINKS >>>>>>>>>>>> */ a { font-size:12px; color:#0000FF; text-decoration: bold; } a:hover { text-decoration: underline; font-size:12px; color:#00FFFF; text-decoration: bold; } #footer a { font-size: 10px; color: #FFFFFF; } #footer a:hover { color: #00FFFF; } /* <<<<<<<<<<<<<<< END LINKS <<<<<<<<<<<< */ /* >>>>>>>>>> START CONTENT FORMATTING >>>>>>>> */ .keyword { /** Standout keywords */ font-weight: bold; } #content .dateDisclaimer{/** Copy write, date, company name */ font-style : italic; font-size : 12px; } #content h1, h2, h3 { font-weight: bold; } #content h1 { /** Use for page titles */ background: #FFFFFF url('../img/H1_background_grey_aqua2011.gif') top left no-repeat; padding-top:8px; padding-bottom:5px; padding-left:125px; margin-left: 18px; height: 100px; } #content h2 { /** Use for sub-titles */ color: #001580; border-bottom: 1px dashed gray; } #content h3 { /** Use for in page sections titles */ color: #3855a7; padding : 0px 0px 0px 0px; margin : 10px 0px 0px 0px; } #content p { /** Use for all other content */ text-indent : 20px; padding : 0px 0px 10px 0px; margin : 0px 0px 0px 0px; } #content .keyword { /** Standout keywords */ font-weight: bold; } #content .dropshadow{ margin : 10px 10px 10px 10px; border-right: 3px solid #a2a3a7; border-bottom: 3px solid #a2a3a7; } #answers {display:none;} /* <<<<<<<<<<< END CONTENT FORMATTING <<<<<<<<<< */ /****************** START Main Menu Bar *************************/ #menuBar { float: left; } #menuBar .menuButton { font-family: Charcoal,verdana,sans-serif; float: left; margin: 0px 0px 0px 0px; padding: 8px 0px 10px 0px; background-image: url('../img/header_menuButton_default.jpg'); background-repeat: repeat-x; font-size: 12px; color: white; text-decoration: none; } #menuBar .menuButton:hover { font-family: verdana,sans-serif; float: left; margin: 0px 0px 0px 0px; padding: 8px 0px 10px 0px; background-image: url('../img/header_menuButton_onHover.jpg'); background-repeat: repeat-x; font-size: 12px; text-decoration: none; } /****************** END Main Menu Bar *************************/ /************* START Top Left Submenu *********************/ .subMenu_left { margin-left: 10px; width: 189px; } .subMenu_left .header { background: url('../img/sideMenu_top.gif') 1px 0px no-repeat; font-weight: bold; text-align: center; margin: 0px 0px 0px 0px; padding: 3px 2px 3px 10px; } .button { padding: 3px 2px 3px 10px; background-color: #3E99D0; background: url('../img/includeMenu_button_hover.jpg') repeat-x; font-size: 12px; color: white; font-weight: bold; display: block; border-top: 1px solid #24528E; border-bottom: 1px solid #24528E; border-right: 1px solid blue; border-left: 1px solid blue; text-decoration: none; } .button:hover { background: url('../img/includeMenu_button_default.jpg') repeat-x; color: #FFFFCC; border-top: 1px solid white; border-bottom: 1px solid white; font-size: 12px; } /************* END Top Left Submenu *********************/ /************* START Lower Article Submenu *********************/ .lowerIncludeMenuMaster { margin-left: 10px; width: 189px; } .lowerIncludeMenuMaster .header { background: url('../img/sideMenu_top.gif') 1px 0px no-repeat; font-weight: bold; text-align: center; margin: 0px 0px 0px 0px; padding: 3px 2px 3px 10px; } .lowerIncludeMenuMaster .content { padding-left: 5px; background-color: #FFFFFF; border: 1px solid #2A5D9A; margin-left: 2px; width: 179px; height: 240px; } .lowerIncludeMenuMaster .title { font-size: 10px; font-weight: bold; padding: 2px 0px 2px 0px; } /************* END Lower Left Submenu *********************/ /************* START Lower Left Submenu COUPON *********************/ .couponBanner { margin: 10px 0px 10px 12px; } .coupon { margin: 0px 2px 0px 0px; width: 187px; } /************* END Lower Left Submenu COUPON *********************/ /************* START Lower Press Submenu *********************/ .lowerIncludeMenuMaster2 { margin-left: 10px; width: 189px; } .lowerIncludeMenuMaster2 .header { background: url('../img/sideMenu_top.gif') 1px 0px no-repeat; font-weight: bold; text-align: center; margin: 0px 0px 0px 0px; padding: 3px 2px 3px 10px; } .lowerIncludeMenuMaster2 .content { padding-left: 5px; background-color: #FFFFFF; border: 1px solid #2A5D9A; margin-left: 2px; width: 179px; height: 360px; } .lowerIncludeMenuMaster2 .title { font-size: 10px; font-weight: bold; padding: 2px 0px 2px 0px; } /************* END Lower Press Submenu *********************/ /************* Article Archive ************************/ .ArticlesArchiveMenu { margin-left: 10px; width: 700px; height: 1000px; } .ArticlesArchiveMenu .content { padding-left: 5px; background-color: #FFFFFF; border: 0px solid #2A5D9A; margin-left: 2px; height: 1500px; } .ArticlesArchiveMenu .title { font-size: 12px; font-weight: bold; padding: 2px 0px 2px 0px; } /************* Press Archive ************************/ .PressArchiveMenu { margin-left: 10px; width: 700px; height: 1000px; } .PressArchiveMenu .content { padding-left: 5px; background-color: #FFFFFF; border: 0px solid #2A5D9A; margin-left: 2px; height: 1500px; } .PressArchiveMenu .title { font-size: 12px; font-weight: bold; padding: 2px 0px 2px 0px; }