/***** default styles *****/ * { font-family: Verdana, Arial; font-size: 8pt; } /***** link classes *****/ A:link { color: #06C; text-decoration: none; } /* default link styling - should be the same as linkNormal class */ A:visited { color: #8963A3; text-decoration: none; } A:hover { color: #06C; text-decoration: underline; } A:active { color: #06C; text-decoration: underline; } A.linkCalendarDay:link { color: #000; font-weight: bold; text-decoration: underline; } /* for regular links */ A.linkCalendarDay:visited { color: #000; font-weight: bold; text-decoration: underline; } A.linkCalendarDay:hover { color: #000; font-weight: bold; text-decoration: underline; } A.linkCalendarDay:active { color: #000; font-weight: bold; text-decoration: underline; } A.linkCalendarMonthItems:link { color: #C30; text-decoration: none; } /* for regular links */ A.linkCalendarMonthItems:visited { color: #C30; text-decoration: none; } A.linkCalendarMonthItems:hover { color: #C30; text-decoration: underline; } A.linkCalendarMonthItems:active { color: #C30; text-decoration: underline; } A.linkDark:link { color: #000; text-decoration: none; } /* for links that match the text color */ A.linkDark:visited { color: #000; text-decoration: none; } A.linkDark:hover { color: #000; text-decoration: underline; } A.linkDark:active { color: #000; text-decoration: underline; } A.linkDarkSmall:link { color: #000; font-size: 7pt; text-decoration: none; } /* for links that match the text color and are small */ A.linkDarkSmall:visited { color: #000; font-size: 7pt; text-decoration: none; } A.linkDarkSmall:hover { color: #000; font-size: 7pt; text-decoration: underline; } A.linkDarkSmall:active { color: #000; font-size: 7pt; text-decoration: underline; } A.linkDarkStrong:link { color: #000; font-weight: bold; text-decoration: none; } /* for strong links that match the text color */ A.linkDarkStrong:visited { color: #000; font-weight: bold; text-decoration: none; } A.linkDarkStrong:hover { color: #000; font-weight: bold; text-decoration: underline; } A.linkDarkStrong:active { color: #000; font-weight: bold; text-decoration: underline; } A.linkDHTMLMenuSubitems:link { background-color: #E8F0F4; color: #000; display: block; font-weight: normal; font-size: 8pt; padding: 2px 10px 3px 0; text-decoration: none; } A.linkDHTMLMenuSubitems:visited { background-color: #E8F0F4; color: #000; display: block; font-weight: normal; font-size: 8pt; padding: 2px 10px 3px 0; text-decoration: none; } A.linkDHTMLMenuSubitems:hover { background-color: #42D610; color: #FFF; display: block; font-weight: normal; font-size: 8pt; padding: 2px 10px 3px 0; text-decoration: none; } A.linkDHTMLMenuSubitems:active { background-color: #42D610; color: #FFF; display: block; font-weight: normal; font-size: 8pt; padding: 2px 10px 3px 0; text-decoration: none; } A.linkDHTMLMenuSubitemsBold:link { background-color: #E8F0F4; color: #000; display: block; font-size: 8pt; font-weight: bold; padding: 2px 10px 3px 0; text-decoration: none; } A.linkDHTMLMenuSubitemsBold:visited { background-color: #E8F0F4; color: #000; display: block; font-size: 8pt; font-weight: bold; padding: 2px 10px 3px 0; text-decoration: none; } A.linkDHTMLMenuSubitemsBold:hover { background-color: #42D610; color: #FFF; display: block; font-size: 8pt; font-weight: bold; padding: 2px 10px 3px 0; text-decoration: none; } A.linkDHTMLMenuSubitemsBold:active { background-color: #42D610; color: #FFF; display: block; font-size: 8pt; font-weight: bold; padding: 2px 10px 3px 0; text-decoration: none; } A.linkFooter:link { color: #FFF; font-size: 7.5pt; text-decoration: none; } /* for footer links */ A.linkFooter:visited { color: #FFF; font-size: 7.5pt; text-decoration: none; } A.linkFooter:hover { color: #FFF; font-size: 7.5pt; text-decoration: underline; } A.linkFooter:active { color: #FFF; font-size: 7.5pt; text-decoration: underline; } A.linkGoldStrong:link { color: #FDCE4F; font-weight: bold; text-decoration: none; } /* for gold bold links */ A.linkGoldStrong:visited { color: #FDCE4F; font-weight: bold; text-decoration: none; } A.linkGoldStrong:hover { color: #FDCE4F; font-weight: bold; text-decoration: underline; } A.linkGoldStrong:active { color: #FDCE4F; font-weight: bold; text-decoration: underline; } A.linkGreySmall:link { color: #666; font-size: 7pt; text-decoration: none; } /* for grey links */ A.linkGreySmall:visited { color: #666; font-size: 7pt; text-decoration: none; } A.linkGreySmall:hover { color: #666; font-size: 7pt; text-decoration: underline; } A.linkGreySmall:active { color: #666; font-size: 7pt; text-decoration: underline; } A.linkHeaderDivision:link { color: #09C; font-size: 14px; font-weight: bold; text-decoration: none; } /* for division header links */ A.linkHeaderDivision:visited { color: #09C; font-size: 14px; font-weight: bold; text-decoration: none; } A.linkHeaderDivision:hover { color: #09C; font-size: 14px; font-weight: bold; text-decoration: none; } A.linkHeaderDivision:active { color: #09C; font-size: 14px; font-weight: bold; text-decoration: none; } A.linkHeaderSecondary:link { color: #333; font-size: 7.5pt; text-decoration: none; } /* for secondary header links */ A.linkHeaderSecondary:visited { color: #333; font-size: 7.5pt; text-decoration: none; } A.linkHeaderSecondary:hover { color: #333; font-size: 7.5pt; text-decoration: underline; } A.linkHeaderSecondary:active { color: #333; font-size: 7.5pt; text-decoration: underline; } A.linkNormal:link { color: #06C; text-decoration: none; } /* for regular links */ A.linkNormal:visited { color: #8963A3; text-decoration: none; } A.linkNormal:hover { color: #06C; text-decoration: underline; } A.linkNormal:active { color: #06C; text-decoration: underline; } A.linkOrange:link { color: #F60; text-decoration: none; } /* for orange links */ A.linkOrange:visited { color: #F60; text-decoration: none; } A.linkOrange:hover { color: #F60; text-decoration: underline; } A.linkOrange:active { color: #F60; text-decoration: underline; } A.linkOrangeStrong:link { color: #F60; font-weight: bold; text-decoration: none; } /* for orange bold links */ A.linkOrangeStrong:visited { color: #F60; font-weight: bold; text-decoration: none; } A.linkOrangeStrong:hover { color: #F60; font-weight: bold; text-decoration: underline; } A.linkOrangeStrong:active { color: #F60; font-weight: bold; text-decoration: underline; } A.linkStrong:link { color: #06C; font-weight: bold; text-decoration: none; } /* for strong links */ A.linkStrong:visited { color: #8963A3; font-weight: bold; text-decoration: none; } A.linkStrong:hover { color: #06C; font-weight: bold; text-decoration: underline; } A.linkStrong:active { color: #06C; font-weight: bold; text-decoration: underline; } A.linkSection:link { color: #06C; font-weight: bold; text-decoration: none; } /* for regular links */ A.linkSection:visited { color: #8963A3; font-weight: bold; text-decoration: none; } A.linkSection:hover { color: #06C; font-weight: bold; text-decoration: underline; } A.linkSection:active { color: #06C; font-weight: bold; text-decoration: underline; } A.linkSubsection:link { color: #06C; font-family: Verdana, Arial; text-decoration: none; } /* for subsection links */ A.linkSubsection:visited { color: #8963A3; font-family: Verdana, Arial; text-decoration: none; } A.linkSubsection:hover { color: #06C; font-family: Verdana, Arial; text-decoration: underline; } A.linkSubsection:active { color: #06C; font-family: Verdana, Arial; text-decoration: underline; } A.linkTable:link { color: #C30; text-decoration: none; } /* for regular links */ A.linkTable:visited { color: #C30; text-decoration: none; } A.linkTable:hover { color: #C30; text-decoration: underline; } A.linkTable:active { color: #C30; text-decoration: underline; } A.linkWhite:link { color: #FFF; text-decoration: none; } /* for white links */ A.linkWhite:visited { color: #FFF; text-decoration: none; } A.linkWhite:hover { color: #FFF; text-decoration: underline; } A.linkWhite:active { color: #FFF; text-decoration: underline; } A.linkWhiteStrong:link { color: #FFF; font-weight: bold; text-decoration: none; } /* for white links */ A.linkWhiteStrong:visited { color: #FFF; font-weight: bold; text-decoration: none; } A.linkWhiteStrong:hover { color: #FFF; font-weight: bold; text-decoration: underline; } A.linkWhiteStrong:active { color: #FFF; font-weight: bold; text-decoration: underline; } /***** tag classes *****/ BODY { color: #000; margin: 0; } H1 { color: #424242; font-family: Arial, Helvetica; font-size: 16.5pt; font-weight: normal; margin: 0; padding: 0; } H2 { color: #666; font-family: Arial, Helvetica; font-size: 13.5pt; font-weight: normal; margin: 0; padding: 0; } H2 A:link { color: #06C; font-family: Arial, Helvetica; font-size: 13.5pt; font-weight: normal; margin: 0; padding: 0; text-decoration: none; } H2 A:visited { color: #8963A3; font-family: Arial, Helvetica; font-size: 13.5pt; font-weight: normal; margin: 0; padding: 0; text-decoration: none; } H2 A:hover { color: #06C; font-family: Arial, Helvetica; font-size: 13.5pt; font-weight: normal; margin: 0; padding: 0; text-decoration: underline; } H2 A:active { color: #06C; font-family: Arial, Helvetica; font-size: 13.5pt; font-weight: normal; margin: 0; padding: 0; text-decoration: underline; } H3 { color: #999; font-family: Arial, Helvetica; font-size: 13.5pt; font-weight: normal; margin: 0; padding: 0; } /* HTML { scrollbar-base-color: #C3D5FD; scrollbar-track-color: #FFF; } */ IMG { border: 0; } LI { padding: 4px 0; } P { margin: 0; } /***** bullet classes *****/ .bulletPrimary { list-style-type: square; color: #06C; } /***** button container classes *****/ .buttoncontainer ul { background-color: transparent; clear: both; color: #FFF; float: left; font-family: Arial, Helvetica; height: 23px; margin-bottom: 0; margin-left: 0; margin-top: 0; padding-left: 0; z-index: 100; } .buttoncontainer ul li { display: inline; } .buttoncontainer ul li a { background-color: transparent; background-image:url(../images/btn_form_default.gif); background-repeat: no-repeat; color: #000; float: left; font-weight: normal; font-size: 8pt; height: 19px; padding-top: 4px; text-align: center; text-decoration: none; width: 84px; } .buttoncontainer ul li a:hover, .buttoncontainer ul li a.current, .buttoncontainer ul li a.current:hover { background-color: transparent; background-image:url(../images/btn_form_over.gif); color: #000; float: left; font-weight: normal; font-size: 8pt; height: 19px; padding-top: 4px; text-align: center; text-decoration: none; width: 84px; } .buttoncontainer ul li a:active, .buttoncontainer ul li a.current, .buttoncontainer ul li a.current:active { background-color: transparent; background-image:url(../images/btn_form_down.gif); color: #000; float: left; font-weight: normal; font-size: 8pt; height: 19px; padding-top: 4px; text-align: center; text-decoration: none; width: 84px; } .buttoncontainer ul li a.spacer { background-color: transparent; border: 1px solid #FFF; color: #FFF; float: left; font-weight: normal; font-size: 8pt; padding: 1px 10px 3px 10px; text-decoration: none; } /***** button classes *****/ .buttonPagingPrimary { background-color: #D6DFE7; color: #000; font-weight: normal; } /* primary paging buttons */ .buttonPagingSecondary { background-color: #D6DFE7; color: #AAA; font-weight: normal; } /* secondary paging buttons */ .buttonPrimary { background-color: #D6DFE7; color: #000; font-weight: normal; } /* primary buttons */ .buttonSecondary { background-color: #D6DFE7; color: #AAA; font-weight: normal; } /* secondary buttons */ /***** calendar classes *****/ .calendarMonthColumnHeader { background-color: #819AA9; color: white; font-weight: bold; text-align: center; } .calendarMonthDayOtherMonth { background-color: #B2C6D2; width: 14.2857%; } .calendarMonthDayThisMonth { background-color: #FFFFFF; width: 14.2857%; } .calendarMonthDayHasItems { background-color: #E8F0F4; width: 14.2857%; } .calendarMonthDayToday { background-color: #FFC610; width: 14.2857%; } .calendarWeekColumnHeader { background-color: #819AA9; color: white; font-weight: bold; text-align: center; } .calendarWeekDayDark { background-color: #D4DCE1; text-align: center; } .calendarWeekDayLight { background-color: #E8F0F4; text-align: center; } .calendarWeekDayToday { background-color: #FFC610; text-align: center; } .calendarWeekRowHeader { background-color: #819AA9; color: white; font-weight: bold; text-align: center; } /***** career classes *****/ .careerEqualEmployment { background-color: #E8F0F4; } /***** DHTML Menu class *****/ .DHTMLMenuRow { height: 18px; } /***** form classes *****/ .formDropdownOn { background-color: #7EE34C; } .formDropdownOff { background-color: #FFF; } .formInstructions { font-size: 8pt; padding-top: 8px; vertical-align: top; } /* instructions */ .formField { padding: 5px 0 4px 10px; } /* fields (input, textarea, select, etc.) */ .formLabel { font-weight: bold; padding: 5px 0 4px 0; } /* labels */ .formPaging { background-color: #D6DFE7; color: #000; font-weight: normal; } /* paging dropdown */ .formRow { height: 20px; } /* rows (for minimum height) */ .formViewLabel { font-weight: bold; } /* when displaying view of what form was filled in with - label part */ .formViewItem { } /* when displaying view of what form was filled in with - item part */ .formSection { color: #C30; font-size: 10pt; font-weight: bold; height: 21px; margin: 0; text-align: right; width: 100%; } /* form section */ .formSectionLeft { color: #C30; font-size: 10pt; font-weight: bold; height: 21px; margin: 0; text-align: left; width: 100%; } /* form section */ /***** highlight classes *****/ .highlight { background-color: #FF6; } .highlightundo { background-color: #FFF; } .highlightLight { background-color: #EFEFEF; } /* makes used form fields highlight in searches */ .highlightLightBlue { background-color: #EFEFEF; } /* makes used form fields highlight in searches */ /***** image shadow classes *****/ .img-caption { font-weight: bold; } .img-shadow { float:right; background: url(../images/shadowAlpha.png) no-repeat bottom right !important; background: url(../images/shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; } .img-shadow img { display: block; position: relative; background-color: #FFF; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; } /***** impact date classes *****/ .impactDate { float: left; margin-right: 10px; line-height: 210%; text-align: center; width: 60px; } .impactDateMonth { color: #AAA; font-family: Arial, Helvetica; font-size: 14pt; font-weight: bold; letter-spacing: -0.05em; } .impactDateDay { color: #AAA; font-family: Arial, Helvetica; font-size: 22pt; font-weight: bold; letter-spacing: -0.05em; } /***** paginator classes *****/ .paginator { color: #000; font-weight: normal; margin: 0px; padding-top: 10px; } /* pages area */ .paginator a, .pageList .this-page { border: solid 1px #06C; color: #000; padding: 0px 2px; text-decoration: none; } /* page links not clicked on yet */ .paginator a:visited { border: solid 1px #06C; color: #000; padding: 0px 2px; text-decoration: none; } /* page links already clicked on */ .paginator .break { border: none; padding: 0px 2px; text-decoration: none; } /* page links ellipsis */ .paginator .this-page { font-weight: bold; padding: 0px 2px; vertical-align: top; } /* page links current page */ .paginator a:hover { background: #06C; border-color: #06C; color: #fff; text-decoration: none; } /* page links hover state */ /***** rule classes *****/ .ruleMainGray1 { background-color: #D6DBDF; height: 1px; margin: 5px 0 5px 0; width: 100%; } .ruleMainGray3 { background-color: #D6DBDF; height: 3px; margin: 7px 0 5px 0; width: 100%; } .ruleSide1 { background-color: #9AC9DF; height: 1px; margin: 2px 0 2px 0; width: 100%; } .ruleSide2 { background-color: #0084BD; height: 1px; margin: 2px 0 2px 0; width: 100%; } .ruleSideGray1 { background-color: transparent; background-image:url(../images/grey_dash_200.gif); background-repeat: repeat-x; height: 1px; margin: 2px 0 2px 0; width: 100%; } .ruleSideGray3 { background-color: transparent; background-image:url(../images/grey_dash_200.gif); background-repeat: repeat-x; height: 3px; margin: 7px 0 2px 0; width: 100%; } .ruleTableRowSeparator { background-color: #CED7DE; } .ruleThick1 { background-color: #9AC9DF; height: 18px; margin: 9px 0 8px 0; width: 100%; } .ruleThick2 { background-color: #0084BD; height: 18px; margin: 9px 0 8px 0; width: 100%; } /***** search classes *****/ .searchScore { background-color: #0084BD; border-color: #0084BD; border-style: solid; border-width: 1px; height: 6px; } .searchScoreInverse { background-color: #9AC9DF; border-color: #0084BD; border-style: solid; border-width: 1px; height: 6px; } /***** side navigation row classes *****/ .sidenavigationheading { background-image: url(../images/nav_sb_top.png); background-repeat: no-repeat; color: #FFF; font-size: 9pt; font-weight: bold; height: 23px; overflow: hidden; padding-top: 5px; padding-left: 20px; width: 180px; } .sidenavigationrow { border-bottom: 1px solid #D6DBDF; overflow: hidden; padding: 5px 0 5px 20px; width: 180px; } .sidenavigationrowcurrent { border-bottom: 1px solid #D6DBDF; overflow: hidden; padding: 5px 0 5px 20px; width: 180px; } .sidenavigationrow a { font-size: 8pt; } .sidenavigationrowcurrent a { font-size: 8pt; } /***** table classes *****/ .tableHeader { background-color: #819AA9; color: #FFF; font-weight: bold;} /* headers */ .tableFooter { background-color: #819AA9; height: 5px; } /* footers */ .tableRowDark { background-color : #D4DCE1; } /* alternating rows */ .tableRowLight { background-color : #E8F0F4; } /* alternating rows */ .tableRowRuled { background-color : #FFBB05; } /* highlighted rows */ /***** table layout table classes *****/ .tableProductForm { background-color: #FFFFFF; border-color: #999; border-width: 1px 1px 1px 1px; border-style: solid; width: 647px; } .tableProductFormInstructions { background-color: #999; } .tableProductFooter { background-color: #F3F5F7; background-image:url(../images/ft_bar_cp.gif); background-repeat: no-repeat; height: 140px; margin-left: auto; margin-right: auto; text-align: center; width: 701px; } .tableProductFooterHomepage { background-color: #F3F5F7; background-image:url(../images/ft_bar_hp.gif); background-repeat: no-repeat; height: 140px; margin-left: auto; margin-right: auto; text-align: center; width: 701px; } .tableProductMain { background-color: #FFF; margin-left: auto; margin-right: auto; width: 685px; } .tableProductHeader { background-color: #FFF; height: 75px; margin-left: auto; margin-right: auto; width: 685px; } .tableProductRowSeparator { background-color: #999; height: 1px; } /***** text classes *****/ .textBlue { color: #63C; } /* blue */ .textBrown { color: #933; } /* brown */ .textCookieTrail { } /* cookie trail */ .textDarkBlueMediumBold { font-weight: bold; } /* legacy class from old site */ .textExclamation { color: #F60; } /* warnings */ .textGreen { color: #093; } /* green */ .textHeaderStrip { color: #FFF; font-size: 20px; } .textHeaderStrip2 { color: #000; font-size: 20px; font-weight:bold; } .textHeadingLarge { } /* headers - no longer used - use h1 instead */ .textHeadingMedium { font-family: Arial, Helvetica; font-size: 12pt; font-weight: bold; letter-spacing: -1px; } /* headers */ .textHeadingSmall { font-family: Arial, Helvetica; font-size: 11pt; font-weight: bold; } /* headers */ .textItalic { font-style: italic; } .textNormal { color: #000; font-weight: normal; } .textPurple { color: #909; } /* purple */ .textRed { color: #C30; } /* red */ .textStrong { color: #000; font-weight: bold; } /* bold */ .textStrongSmall { color: #000; font-size: 7pt; font-weight: bold; } /* bold smaller */ .textSubtitle { font-family: Verdana, Arial; font-size: 14px; font-weight: bold; margin: 0; padding: 0; text-align: right; width: 100%; } .textWhite { color: #FFF; } /* white */ .textWhiteStrong { color: #FFF; font-weight: bold; } /* white bold */ /***** div ids *****/ #abstract { line-height: 180%; padding-bottom: 16px; } #customformnavigation { border: 1px solid #D6DBDF; margin-top: 10px; padding: 10px; } #edsubpanel { background-color: #9AC9DF; font-size: 7pt; position: absolute; width: 174px; z-index: 1; } #edsubpanel div { overflow: hidden; padding: 5px; } #emailpageformbox { background-color: #FFFFFF; border-left: 1px solid #BABBBD; border-right: 1px solid #BABBBD; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } #emailpageformboxwrapper { display: none; margin: 10px 0; } #emailpagemsgbox { background-color: #FFFFFF; border-left: 1px solid #BABBBD; border-right: 1px solid #BABBBD; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } #emailpagemsgboxwrapper { margin: 10px 0; } #footerwrapper { background-color: transparent; background-image:url(../images/footer.png); background-repeat: no-repeat; color: #FFFFFF; clear: both; font-size: 7.5pt; height: 71px; margin-left: auto; margin-right: auto; padding-top: 15px; padding-left: 10px; padding-right: 10px; text-align: center; width: 742px; } #footerwrapperhp { background-color: transparent; background-image:url(../images/footer_hp.png); background-repeat: no-repeat; color: #FFFFFF; clear: both; font-size: 7.5pt; height: 71px; margin-left: auto; margin-right: auto; padding-top: 15px; padding-left: 10px; padding-right: 10px; text-align: center; width: 942px; } #footerwrappersecondary { font-size: 7.5pt; background-color: #FFF; margin-left: auto; margin-right: auto; text-align: center; width: 750px; } #forgotpasswordbox { display: none; } #headernavcontainerwrapper { background-color: transparent; height: 110px; margin-left: 1px; padding: 0; } /* must have a height!!! */ #headernavcontainerwrapperhp { background-color: transparent; height: 80px; margin-left: 1px; overflow: hidden; padding: 0; } /* normal height, minus the height of the tabs */ #headernavcontainer ul { background-color: transparent; clear: both; color: #FFF; float: left; font-family: Verdana, Arial; margin-bottom: 0; margin-left: 0; margin-top: 0; padding-left: 0; } #headernavcontainer ul li { display: inline; } #headernavcontainer ul li a { background-color: transparent; background-image:url(../images/nav_tab_v2.png); color: #000; float: left; font-family: Verdana, Arial; font-size: 8pt; height: 19px; margin-left: 3px; overflow: hidden; padding-left: 2px; padding-top: 5px; text-align: center; text-decoration: none; width: 120px; } #headernavcontainer ul li a:hover, #headernavcontainer ul li a.current, #headernavcontainer ul li a.current:hover { background-color: transparent; background-image:url(../images/nav_tab_over_v2.png); color: #000; float: left; font-family: Verdana, Arial; font-size: 8pt; height: 19px; margin-left: 3px; overflow: hidden; padding-left: 2px; padding-top: 5px; text-align: center; text-decoration: none; width: 120px; } #headerlogo { background-color: transparent; float: left; } #headersecondarylinks { color: #06C; font-family: Verdana, Arial; height: 18px; padding: 2px 10px 0 0; text-align: right; width: 743px; } #headersecondarylinkshp { color: #06C; font-family: Verdana, Arial; height: 18px; padding: 2px 10px 0 0; text-align: right; width: 943px; } #headerbanner { height: 49px; position: relative; } #headerinfo { position: absolute; top: 13px; left: 200px; } #headerinfodivision { display: inline; } #headerinfolinks { display: inline; } #headerline { background-color: #D6DBDF; height: 1px;margin-left: auto; margin-right: auto; width: 750px; } #headerlinehp { background-color: #D6DBDF; height: 1px;margin-left: auto; margin-right: auto; width: 950px; } #headerlogo { position: absolute; top: 2px; left: 14px; } #headerlogoandinfo { height: 53px; position: relative; } #headerlogoinfoseparator { position: absolute; top: 10px; left: 178px; } #headerprimary { background-color: #FFF; margin-left: auto; margin-right: auto; width: 762px; } #headerprimaryhp { background-color: #FFF; margin-left: auto; margin-right: auto; width: 962px; } #headersecondary { background-color: #FFF; margin-left: auto; margin-right: auto; padding-top: 1px; width: 750px; } #headersecondaryhp { background-color: #FFF; margin-left: auto; margin-right: auto; width: 950px; } /* for login page */ #loginneedaccess { display: block; } #loginforgotusername{ display: none; } #loginforgotpassword { display: none; } /* regular layout */ #mainwrapper1 { background: #FFF url(../images/bkg_750_507_243.gif) repeat-y left top; margin-left: auto; margin-right: auto; width: 750px; } /* 2/3 1/3 wrapper */ #mainwrapper2 { background-color: #FFF; margin-left: auto; margin-right: auto; width: 750px; } /* 1/3 2/3 wrapper w/o background */ #mainwrapper3 { background: #FFF url(../images/bkg_750_250_500.gif) repeat-y left top; margin-left: auto; margin-right: auto; width: 750px; } /* 2/3 1/3 wrapper */ #maincontent { background-color:transparent; float: left; overflow: hidden; padding: 0 13px 0 37px; width: 457px; } /* 2/3 area for 2/3 1/3 layout */ /* overflow hidden fixes ie italic bug */ #maincontent2 { background-color:transparent; float: left; overflow: hidden; padding: 0 30px 0 13px; width: 457px; } /* 2/3 area for 1/3 2/3 layout (overview) */ /* overflow hidden fixes ie italic bug */ #maincontent3 { background-color:transparent; float: left; overflow: hidden; padding: 0 30px 0 13px; width: 457px; } /* 2/3 area for 1/3 2/3 layout (division homepage) */ /* overflow hidden fixes ie italic bug */ #maincontentcopy { line-height: 150% } /* copy within 2/3 area */ #mainnavigation { background-color: transparent; float: left; padding: 0 30px 0 13px; position: relative; width: 200px; z-index: 200; } /* 1/3 area for 2/3 1/3 layout */ /* added the relative here to put the absolute positioned div in a sub div */ /* height 600 put here to extend height to a min height of 600px */ /* overflow hidden fixes ie italic bug */ #mainnavigation2 { background-color:transparent; float: left; padding: 0 13px 0 37px; position: relative; width: 200px; z-index: 200; } /* 1/3 area for 1/3 2/3 layout */ /* added the relative here to put the absolute positioned div in a sub div */ /* height 600 put here to extend height to a min height of 600px */ /* overflow hidden fixes ie italic bug */ #mainnavigationcopy { line-height: 150%; overflow: hidden; width: 200px; } /* copy within 1/3 area */ /* wide layout */ #mainwidewrapper { background-color: #FFF; margin-left: auto; margin-right: auto; width: 750px; } /* wide wrapper */ #mainwidewrapperhp { background-color: #FFF; margin-left: auto; margin-right: auto; width: 950px; } /* wide wrapper */ #mainwide { background-color: transparent; float: left; overflow: hidden; padding: 0 37px 0 37px; width: 676px; } /* wide area */ /* overflow hidden fixes ie italic bug */ #mainwidehomepage { background-color: transparent; float: left; overflow: hidden; padding: 0 8px 0 2px; width: 740px; } /* wide area */ /* overflow hidden fixes ie italic bug */ #mainwidehomepagehp { background-color: transparent; float: left; overflow: hidden; padding: 0 5px 0 5px; width: 940px; } /* wide area */ /* overflow hidden fixes ie italic bug */ #mainwidecopy { } /* copy within wide area */ /* special layout default: 2/3, 1/3 */ #mainwrapperlayout { background: #FFF url(../images/bkg_750_507_243.gif) repeat-y left top; margin-left: auto; margin-right: auto; width: 750px; } #maincontentlayout { background-color:transparent; float: left; overflow: hidden; padding: 0 13px 0 37px; width: 457px; } #mainnavigationlayout { background-color: transparent; float: left; padding: 0 30px 0 13px; position: relative; width: 200px; z-index: 200; } #topofpagewrapperlayout { background: #FFF url(../images/bkg_750_507_243.gif) repeat-y left top; margin-left: auto; margin-right: auto; width: 750px; } /* special layout 1: 2/3, 1/3 */ #mainwrapperlayout1 { background: #FFF url(../images/bkg_750_507_243.gif) repeat-y left top; margin-left: auto; margin-right: auto; width: 750px; } #maincontentlayout1 { background-color:transparent; float: left; overflow: hidden; padding: 0 13px 0 37px; width: 457px; } #mainnavigationlayout1 { background-color: transparent; float: left; padding: 0 30px 0 13px; position: relative; width: 200px; z-index: 200; } #topofpagewrapperlayout1 { background: #FFF url(../images/bkg_750_507_243.gif) repeat-y left top; margin-left: auto; margin-right: auto; width: 750px; } /* special layout 2: 1/3, 2/3 */ #mainwrapperlayout2 { background: #FFF url(../images/bkg_750_250_500.gif) repeat-y left top; margin-left: auto; margin-right: auto; width: 750px; } #maincontentlayout2 { background: transparent; float: right; overflow: hidden; padding: 0 30px 0 13px; width: 457px; } #mainnavigationlayout2 { background-color:transparent; float: right; padding: 0 13px 0 37px; position: relative; width: 200px; z-index: 200; } #topofpagewrapperlayout2 { background: #FFF url(../images/bkg_750_250_500.gif) repeat-y left top; margin-left: auto; margin-right: auto; width: 750px; } /* special layout 3: Wide */ #mainwrapperlayout3 { background-color: #FFF; margin-left: auto; margin-right: auto; width: 750px; } #maincontentlayout3 { background-color: transparent; float: left; overflow: hidden; padding: 0 37px 0 37px; width: 676px; } #mainnavigationlayout3 { display: none; } #topofpagewrapperlayout3 { background-color: #FFF; margin-left: auto; margin-right: auto; width: 750px; } /* navigational hierarchy */ #navigationalhierarchy { padding-bottom: 16px; } #navigationalhierarchyextra { padding-bottom: 16px; } /* next steps */ #nextsteps { padding-bottom: 10px; } #nextstepsmenu { width: 200px; } #nextstepsmenu ul { font-family: Verdana; font-size: 8pt; list-style-type: none; margin: 0; padding: 0; } #nextstepsmenu li { margin: 0; display: inline; } /* display inline is the bug fix for ie putting an empty line between each item */ #nextstepsmenu a { background: #797979; border-bottom: solid 1px #FFF; display: block; font-size: 8pt; height:19px; padding: 6px 2px 2px 20px; text-decoration: none; width: 178px; } #nextstepsmenu a:link { color: #FFF; } #nextstepsmenu a:active { color: #FFF; } #nextstepsmenu a:visited { color: #FFF; } #nextstepsmenu a:hover { background: #424242; color: #FFF; } /* page titles and subtitles */ #pagesubtitle { line-height: 150%; padding-bottom: 8px; } #pagetitle { background:url(../images/dotted_sep_3_1.gif) repeat-x bottom left; line-height: 210%; margin-bottom: 8px; padding-bottom: 8px; width: 100%; } #pagetitleextra { background:url(../images/dotted_sep_3_1.gif) repeat-x bottom left; line-height: 210%; margin-bottom: 8px; padding-bottom: 8px; width: 100%; } #pagetitlenoline { line-height: 200%; margin-bottom: 8px; padding-bottom: 8px; width: 100%; } /* pull quotes */ #pullquote { border-bottom: 3px solid #0D456E; border-top: 3px solid #0D456E; background-color: transparent; margin: 4px 0 0 0; padding: 4px 0; width: 198px; } #pullquotecopy { color: #666; font-size: 10pt; font-weight: bold; line-height: 130%; margin-bottom: 4px; text-align: justify; } /* promo box */ #promonavigation { background-color: #FFFFFF; border-left: 1px solid #BABBBD; border-right: 1px solid #BABBBD; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } /* print and email box */ #printandemailbox { background-color: transparent; margin: 0 0 8px 0; text-align: right; } /* quote area */ #quote { background-color: transparent; margin: 0 0 15px 0; width: 198px; } #quotecopy { color: #0195C7; font-size: 10pt; font-weight: bold; line-height: 130%; margin-bottom: 4px; text-align: right; } #quoteinfo { color: #000; font-weight: normal; text-align: right; } /* related items and videos */ #relatedinformation { border-left: 1px solid #BABBBD; border-right: 1px solid #BABBBD; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; width: 415px; } #relatedvideofeeds { border: 1px solid #D6DBDF; margin-top: 10px; padding: 10px; } /* search box */ #searchboxwrapper { position: relative; margin-left: auto; margin-right: auto; width: 750px; z-index: 1000; } #searchboxwrapperhp { position: relative; margin-left: auto; margin-right: auto; width: 950px; z-index: 1000; } #searchbox { position: absolute; top: 22px; right: 11px; text-align: right; width: 150px; z-index: 1; } #searchbox div { overflow: hidden; } /* sidebar */ #sidebar { padding-bottom: 10px; } /* side navigation */ #sidenavigation1 { } #sidenavigation2 { } #sidenavigation3 { } #sidenavigation4 { } #sidenavigation5 { } /* top of page */ #topofpagewrapper1 { background: #FFF url(../images/bkg_750_507_243.gif) repeat-y left top; margin-left: auto; margin-right: auto; width: 750px; } /* 2/3 1/3 top of page wrapper */ #topofpagewrapper2 { background-color: #FFF; margin-left: auto; margin-right: auto; width: 750px; } /* 1/3 2/3 top of page wrapper w/o background */ #topofpagewrapper3 { background: #FFF url(../images/bkg_750_250_500.gif) repeat-y left top; margin-left: auto; margin-right: auto; width: 750px; } /* 2/3 1/3 top of page wrapper */ #topofpagewidewrapper { background-color: #FFF; margin-left: auto; margin-right: auto; width: 750px; } /* wide wrapper */ #topofpage { padding: 0 0 16px 37px; } /* wrapper */ #wrapper { background: transparent url(../images/bkg_shadow.gif) top center fixed repeat-y; } #wrapperhp { background: transparent url(../images/bkg_shadow_hp.gif) top center fixed repeat-y; }