html { overflow-y: scroll; } body { background: #FFF url(Images/bkg.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 76%; line-height: 160%; } /********* begin styles for the changing background image note: the different images are determined by the attribute value *********/ #bigGraphic { position: absolute; z-index: 1; top: 0; left: 0; height: 261px; width: 600px; margin: 0; padding: 0; } body.defaultPage #bigGraphic { background: transparent url(Images/bigimage-home.gif) no-repeat; } body.servicesPage #bigGraphic { background: transparent url(Images/bigimage-home.gif) no-repeat; } body.governmentPage #bigGraphic { background: transparent url(Images/bigimage-government.gif) no-repeat; } body.partnersPage #bigGraphic { background: transparent url(Images/bigimage-partners.gif) no-repeat; } body.commerciaPage #bigGraphic { background: transparent url(Images/bigimage-commercial.gif) no-repeat; } /* #home #contactUsBODY #aboutUsBODY #newsBODY #charityBODY #careersBODY #internshipsBODY #openPositionsBODY #servicesBODY #privacyBODY #legalBODY #loginBODY #recoverPasswordBODY #dashboardBODY #governmentServicesBODY #partnersBODY" #noAccessBODY #commercialBODY #engCalcBODY .defaultPage .servicesPage .governmentPage .partnersPage */ #theLogo { position: absolute; z-index: 3; top: 54px; left: 40px; } #theLogo img { width: 180px; height: 80px; border-width: 0; } #sectionTitleGraphic { position: absolute; z-index: 3; top: 75px; left: 245px; } #sectionTitleGraphic img { width: 270px; height: 35px; border-width: 0; } /********* end styles for the changing background image *********/ /********* begin styles for the top (gray) bar note: the "news," "contact us," etc. links are included here *********/ #topbar { position: absolute; z-index: 3; top: 0; left: 0; height: 67px; width: 907px; background: transparent url(Images/topbar.gif) no-repeat; margin: 0; padding: 0; } #topbar-links { font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-align: right; padding: 40px 40px 0 0; } #topbar-links a { text-decoration: none; color: #FFF; } #topbar-links a:hover { color: #f08b15; } #topbar-links img { margin: 0 10px; } /********* end styles for the top (gray) bar *********/ /********* begin styles for the main navigation bar note: this includes the "I Am A..." pop-up *********/ #navBar { position: absolute; z-index: 5; top: 133px; left: 159px; width: 700px; } #navBar img { border-width: 0; } #services, #aboutUs, #careers { margin-left: -13px; } #navPopUpWrapper { position: absolute; z-index: 4; top: 0px; left: 0px; width: 600px; height: 600px; display: none; } #navPopUpWrapper a { display: block; } #navPopUpWrapper img { width: 600px; height: 600px; border-width: 0; } #navPopUp { position: absolute; z-index: 6; top: 167px; left: 161px; width: 129px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height: 12px; background: #374E78 url(Images/bkg.gif) repeat; display: none; } #navPopUp div { margin: 0; } #navPopUp a { display: block; width: 101px; color: #FFF; text-decoration: none; padding: 8px 5px 8px 23px; } #navPopUp a:hover { background-color: #9D6F42; } /********* end styles for the main navigation bar *********/ /********* begin styles for the left-hand side bar note: the copyright statement is included here *********/ #sidebar { position: absolute; z-index: 3; top: 165px; left: 0; width: 159px; background: transparent url(Images/sidebar-top.gif) no-repeat; margin: 0; padding: 0; } #sidebar-content { width: 159px; background: transparent url(Images/sidebar-tile.gif) repeat-y; margin: 34px 0 0 0; padding: 0 0 53px 0; } #sidebar-content a { text-decoration: none; color: #FFF; } #sidebar-content a:hover { color: #374e78; text-decoration: underline; } #sidebar h2 { font-size: 1.2em; line-height: 1.2em; color: #374E78; margin: 0!important; padding-bottom: 0!important; } #sidebar p { margin: 0 0 1em 0; } .top-sidebar-block, .sidebar-block { padding: 0 5px 0 22px; font-family: Arial, Helvetica, sans-serif; font-size: .9em; color: #FFF; } .sidebar-block { background: transparent url(Images/sidebar-divider.gif) 10px 0 no-repeat; } .sidebar-block h2 { padding: 40px 0 0 0; } #sidebar-bottom { width: 159px; height: 53px; background: transparent url(Images/sidebar-bottom.gif) bottom no-repeat; margin: -53px 0 0 0; padding: 0; } #existingClientsForm label { font-weight: bold; color: #374E78; } #existingClientsForm .textInput { margin-bottom: 1em; } #existingClientsForm .textInput input { width: 120px; border: 1px solid #374e78; } .checkboxInput{} .buttonInputs { margin-top: 2em; background-color: #b2b2b2; border: 1px solid #374e78; color: #374e78; font-size: 9px; width: 50px; margin-right: 10px; } .buttonInputs input { background-color: #b2b2b2; border: 1px solid #374e78; color: #374e78; font-size: 9px; width: 50px; margin-right: 10px; } #existingClientsForm a { text-decoration: none; color: #FFF; } #existingClientsForm a:hover { color: #374e78; text-decoration: underline; } #copyright { font-size: .8em; padding: 0 0 0 10px; } /********* end styles for the left-hand side bar *********/ /********* begin styles for main content area note: the bottom text links are included here *********/ #content { position: absolute; z-index: 3; top: 168px; left: 159px; width: 700px; } #content a { text-decoration: none; font-weight: bold; color: #3562b6; } #content a:hover { color: #f08b15; } #content a img { border-color: #3562b6; } #content a:hover img { border-color: #f08b15; } #content h1 { font-size: 1.4em; line-height: 1.4em; margin: 0; color: #374E78; } #content h2 { font-size: 1.2em; line-height: 1.2em; margin: 2em 0 0 0; color: #374E78; } #content h3 { font-size: 1em; line-height: 1em; margin: 0 0 0 0; color: #374E78; } #content h4 { font-size: .9em; line-height: .9em; margin: .9em 0 0 0; color: #374E78; } #main { font-size: 1em; margin-bottom: 2em; padding: 20px 0 0 20px; min-height: 300px; } #main p { margin: .2em 0 1em 0; } .inset { background-color: #FDEFDE; padding: 10px; } #secondary { background: transparent url(Images/secondary-border.gif) repeat-x; font-size: .8em; line-height: 1.4em; } #secondary h1 { font-size: 1.7em; } #secondary h2 { font-size: 1.5em; } #secondary h3 { font-size: 1.3em; } #secondary h4 { font-size: 1.1em; } #secondary img { margin: 10px; } .sub01 { width: 300px; float: left; background: url(Images/sub01-corner.gif) no-repeat; padding: 20px 20px 20px 30px; } .sub02 { width: 350px; float: right; background: transparent url(Images/sub02-top.gif) no-repeat; margin-bottom: 30px; } .sub02Text { margin: 25px 0 0 0; background: transparent url(Images/sub02-tile.gif) repeat-y; padding: 0 60px 5px 50px; } .sub02Text table { border-width: 0px; border-collapse: collapse; margin-top: 20px; } .sub02Text table th { font-weight: bold; text-align: left; } .sub02Text table td { } .sub02Text td, .sub02Text th { padding: .7em 0; vertical-align: top; border-top: 1px solid #FFF; } #classificationTable th { width: 165px; } #contactTable th { width: 150px; } #hotsheetLink { text-align: center; } .sub02bottom { margin: 0; width: 332px; height: 24px; background: transparent url(Images/sub02-bottom.gif) no-repeat; } #bottomLinks { font-size: .8em; text-align: center; margin: 2em 0 2em 0; float: none; clear: both; } #bottomLinks a { font-weight: normal; } #bottomLinks img { margin: 0 10px; } /********* end styles for main content area *********/ .ErrorHeader { font-size: 1.4em; line-height: 1.4em; margin: 0; color: #374E78; } .ErrorInfo { margin: .2em 0 1em 0; } .ValidationMessage { color: Red; font-size: large; } .LoginButton { background-color: #b2b2b2; border: 1px solid #374e78; color: #374e78; font-size: 9px; width: 50px; margin-right: 10px; } .Quote { color: Black; font-weight: bold; font-size: large; } .QuoteSpeaker { color: Gray; font-size: small; } .QuoteOrganization { color: Gray; font-size: small; } #newsScrollerLeft1 { width: 120px; height: 180px; } #newsScrollerLeft2 { width: 150px; height: 150px; } #charity { color: Gray; font-size: large; } a.linkHeader { text-decoration: none; } a.linkHeader:hover { text-decoration: underline; } .message { color: #374E78; font-size: 14px; font-weight:bold; text-align: right; vertical-align:top; } .fieldLabel { color: Gray; font-size: 9px; font-weight:bold; text-align: right; vertical-align:top; } .fieldControl { color: Gray; font-size: 9px; text-align: left; vertical-align:top; } .actionbox { padding : 5px; border-color : #000000; border-width : 2px; border-style : solid; background-color : #999999; margin-top: 12px; height:25px; width: 600px } .legendText { color: Black; font-weight:bold; font-size: 13px; text-align: left; vertical-align:top; }