/* CSS Document */ /* Gold Color: #FFCC00 */ #bodyBG { position: absolute; width: 200px; height: 100%; background-color: FFCC00; z-index: 1; } #pageHeader { position: relative; margin: 25px 10px 0 120px; width: 85%; height: 70px; border-bottom: 2px solid #FFCC00; background: #FFFFFF url(images/header.gif); background-repeat: no-repeat; z-index: 3; } #pageHeader p { font-size: 30px; margin: 0; padding: 25px 20px 20px 120px; font-weight: bold; letter-spacing: 4px; color: #000000; font-family: Verdana, helvetica, arial, sans-serif; } #titleArea { position: relative; width: 85%; height: 15px; margin: 0 0 0 120px; font-family: "Trebuchet MS", helvetica, arial, sans-serif; /* border-bottom: 1px solid #FFCC00; */ background-color: #FFF; text-align: left; color: #000000; padding: 10px; padding-left: 215px; font-weight: bold; z-index: 3; } #bodyContainer { position: relative; margin: 0 10px 0 120px; width: 85%; float: left; z-index: 3; } #bodyArea { position: absolute; margin: 0; left: 215px; top: 15px; width: 775px; z-index: 3; } #printArea { position: absolute; margin: 0; left: 10px; top: 10px; width: 640px; z-index: 3; } #menu { position: relative; margin: 0 10px 0 120px; padding: 0; width: 85%; height: 25px; background-color: #000000; border-bottom: 2px solid #FFCC00; font-family: Lucida Sans Unicode, Lucida Grande, "Trebuchet MS", helvetica, arial, sans-serif; font-size: 15px; font-weight: normal; text-transform: uppercase; line-height: 20px; z-index: 3; } #menu p{ margin: 0; padding: 0; line-height: 20px; height: 100%; width: 0px; } #menu a.off { padding: 0; margin: 0; height: 100%; font-family: Lucida Sans Unicode, Lucida Grande, "Trebuchet MS", helvetica, arial, sans-serif; font-size: 15px; text-align: center; background-color: #000000; width: 119px; letter-spacing: 1px; color: #FFF; float: left; text-decoration: none; border-right: 1px solid #FFCC00; } #menu a.on { padding: 0; margin: 0; font-family: Lucida Sans Unicode, Lucida Grande, "Trebuchet MS", helvetica, arial, sans-serif; font-size: 15px; text-align: center; background-color: #000000; width: 119px; height: 100%; letter-spacing: 1px; color: #FFF; float: left; text-decoration: none; border-right: 1px solid #FFCC00; } #menu a:hover, #menu a:hover.current { background: #000000; color: #fff; } #subMenu { position: relative; width: 200px; margin: 0; padding: 0; font-family: Lucida Sans Unicode, Lucida Grande, "Trebuchet MS", helvetica, arial, sans-serif; font-size: 12px; font-weight: normal; text-transform: uppercase; line-height: 19px; border-left: 1px solid #FFCC00; z-index: 3; } #subMenu a.off { padding: 0; margin: 0; text-align: center; background-color: #FFCC00; height: 18px; width: 200px; letter-spacing: 1px; color: #000000; display: block; text-decoration: none; border-bottom: 1px solid #000000; } #subMenu a.on { padding: 0; margin: 0; text-align: center; background-color: #FFF; height: 18px; width: 200px; letter-spacing: 1px; color: #000000; display: block; text-decoration: none; border-bottom: 1px solid #000000; } #subMenu a:hover, #subMenu a:hover.current { background: #FFCC00; color: #000000; } #ads { padding: 5px; margin-top: 25px; margin-left: 35px; margin-bottom: 25px; position: relative; } #footer { position: absolute; padding: 20px 20px 20px 130px; height: 100%; color: #FFFFFF; background-color: #FFF; font-size: 9px; font-family: Lucida Sans Unicode, Lucida Grande, "Trebuchet MS", helvetica, arial, sans-serif; z-index: 2; border-right: 1px solid #FFCC00; } #footer td { color: #FFCC00; } #footer a { color: #000000; text-decoration: none; } body { FONT-FAMILY: Verdana, Helvetica, Arial, san-serif; FONT-SIZE: 12px; margin: 0; padding: 0; /* background-image: url(images/bottom.png); background-position: bottom left; background-repeat: no-repeat; */ } body.background { FONT-FAMILY: Verdana, Helvetica, Arial, san-serif; FONT-SIZE: 12px; margin: 0; padding: 0; } p { FONT-FAMILY: Verdana, Helvetica, Arial, san-serif; FONT-SIZE: 12px; } td { FONT-FAMILY: Verdana, Helvetica, Arial, san-serif; FONT-SIZE: 12px; } h1 { FONT-FAMILY: Verdana, Helvetica, Arial, san-serif; COLOR: #000000; FONT-SIZE: 18px; FONT-WEIGHT: bold; MARGIN: 0px; } h2 { FONT-FAMILY: Verdana, Helvetica, Arial, san-serif; COLOR: #000000; FONT-SIZE: 16px; FONT-WEIGHT: bold; } h3 { FONT-FAMILY: Verdana, Helvetica, Arial, san-serif; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; } hr { height: 1px; color: #FFCC00; } a { TEXT-DECORATION: underline; color: #000000; } .footerLink { COLOR: #FFCC00; } .footerCell { COLOR: #CCCCCC; font-size: 10px; BACKGROUND-COLOR: #666633; FONT-FAMILY: Verdana, Helvetica, Arial, san-serif; } .smallNote { font-size: 11px; color: #999999; font-style: italic; } .formLabel { background-color: #ECEEF0; } .requiredField { font-weight: bold; } .missingField { font-weight: bold; color: #FF0000; } .contentHeaderCell { background-color: #AAAA77; color: #FFFFFF; font-weight: bold; } .contentListCell { background-color: #EEEEEE; color: #000000; } .contentListCellAlt1 { background-color: #CCCCCC; color: #000000; } .contentListCellAlt2 { background-color: #DDDDDD; color: #000000; } .alternate1 { background-color: #CCCCCC; color: #000000; } .alternate2 { background-color: #DDDDDD; color: #000000; } loginStatusSpan a { color: #4E4E4E; text-decoration: none; } .as_errorText { color: red; font-weight: bold; } .as_errorField { border: 2px solid red; } .as_errorInput { border: 2px solid red; } .as_successMessage { font-weight: bold; color: green; font-size: 14px; } /*training calendar */ table.training { border-width: 1px 1px 1px 1px; border-spacing: 1px; border-style: solid solid solid solid; border-color: gray gray gray gray; border-collapse: collapse; background-color: white; width: 100%; table-layout: automatic; } table.training th { border-width: 1px 1px 1px 1px; padding: 3px 3px 3px 3px; border-style: inset inset inset inset; border-color: gray gray gray gray; background-color: #FFCC00; -moz-border-radius: 0px 0px 0px 0px; font-color: black; text-align: center; font-weight: bold; } table.training td { border-width: 1px 1px 1px 1px; padding: 3px 3px 3px 3px; border-style: inset inset inset inset; border-color: #FFCC00 #FFCC00 #FFCC00 #FFCC00; background-color: white; -moz-border-radius: 0px 0px 0px 0px; text-align: left; vertical-align: top; } .rowHeader { background-color: #FFCC00; font-color: black; text-align: center; font-weight: bold; width: 270px; }