/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= font / color / spacing styles =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ /*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= body properties =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ body {background-color: #6C84A7; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px;} /*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= html tag properties =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ h1 {font-size: 1em; font-weight: bold; margin: 2px 0px 12px 0px;} h2 {font-size: .9em; font-weight: bold; margin: 2px 0px 12pxx 0px;} h3 {font-size: .8em; font-weight: bold; font-style: italic; margin: 2px 0px 12px 0px;} p {font-size: 1.2em; margin: 2px 0px 12px 0px;} blockquote {font-size: .8em; margin: 2px 0px 10px 25px;} ul {margin-top: 0px;} li {font-size: .8em; margin: 2px 0px 6px 0px;} b {font-weight: bold;} i {font-style: italic;} form {margin: 2px 0px 2px 0px;} input {font-size: .8em;} input.blue {background-color: #2e406b; color: #ffffff; cursor: pointer hand; font-size: .6em; font-weight: bold; vertical-align: middle; width: 24px; height: 22px;} input.header {vertical-align: middle;} input.submit {background-color: #2e406b; color: #ffffff; cursor: pointer hand; font-size: .6em; font-weight: bold; vertical-align: middle; width: 56px; height: 22px;} /*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= standard text properties **Developer's Note** These styles must not be embedded within the any of the html tags defined above. They must be within their own tags. Example: Some Text

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ .textSmall {font-size: .7em;} .textSmallBold {font-size: .7em; font-weight: bold;} .text {font-size: .8em;} .textBold {font-size: .8em; font-weight: bold;} .textLarge {font-size: .9em;} .textXLarge {font-size: 1em;} /*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= special text properties =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ .pageTitle {font-size: 1.2em; font-weight: bold;} .textSmallWhite {font-size: .7em; color: #ffffff;} .textLargeHeight {font-size: .9em; line-height: 17px;} .textHeight {line-height: 17px;} .textLargeWhite {font-size: .9em; color: #ffffff; font-weight: bold; } .textLargeTan {font-size: .9em; color: #989671; font-weight: bold; } /*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= special spacing properties =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ .textPadLeft {padding-left: 35px;} .textPadRight {padding-right: 20px;} /*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= standard link properties =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ a:link {font-size: 14pt; color: #6b8fb5; text-decoration: underline;} a:hover {font-size: 14pt; color: #6b8fb5; text-decoration: underline;} a:active {font-size: 14pt; color: #6b8fb5; text-decoration: underline;} a:visited {font-size: 14pt; color: #6b8fb5; text-decoration: underline;} a.linkBold {font-size: 14pt; color: #6b8fb5; font-weight: bold; text-decoration: underline;} a.linkBold:active {font-size: 14pt; color: #6b8fb5; font-weight: bold; text-decoration: underline;} a.linkBold:hover {font-size: 14pt; color: #6b8fb5; font-weight: bold; text-decoration: underline;} a.linkBold:visited {font-size: 14pt; color: #6b8fb5; font-weight: bold; text-decoration: underline;} /*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= special link properties =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ a.linkSmall {font-size: 8pt; color: #6b8fb5; text-decoration: underline;} a.linkSmall:visited {font-size: 8pt; color: #6b8fb5; text-decoration: underline;} a.linkSmall:hover {font-size: 8pt; color: #6b8fb5; text-decoration: underline;} a.linkSmall:active {font-size: 8pt; color: #6b8fb5; text-decoration: underline;} a.linkSmallWhite {font-size: 8pt; color: #ffffff; text-decoration: underline;} a.linkSmallWhite:active {font-size: 8pt; color: #ffffff; text-decoration: underline;} a.linkSmallWhite:hover {font-size: 8pt; color: #ffffff; text-decoration: underline;} a.linkSmallWhite:visited {font-size: 8pt; color: #ffffff; text-decoration: underline;} a.linkSmallWhiteBold {font-size: 8pt; color: #ffffff; font-weight: bold; text-decoration: none;} a.linkSmallWhiteBold:active {font-size: 8pt; color: #ffffff; font-weight: bold; text-decoration: none;} a.linkSmallWhiteBold:hover {font-size: 8pt; color: #ffffff; font-weight: bold; text-decoration: none;} a.linkSmallWhiteBold:visited {font-size: 8pt; color: #ffffff; font-weight: bold; text-decoration: none;} /*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= layout styles =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ /*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= utility =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ .spacer { clear: both; margin: 0px 0px 0px 0px; } #contentCenter { width: 763px; background-color: #ffffff; } /*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= top banner section =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ #banner { width: 763px; border-top: 0px solid #ffffff; background-color: #ffffff; } #bannerLeft { float: left; border-left: 6px solid #ffffff; padding: 0px 100px 0px 0px; } #bannerMiddle { float: left; padding-top: 20px; } #bannerRight { width: 250px; align: right; float: right; padding: 20px 15px 0px 0px; } /*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= navigation section **Developer's Note** overflow: auto; Allows for cross-browser compatibility between IE and Netscape/Mozilla browsers. =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ #navigation { width: 751px; background-color: #EEF1CF; border-left: 6px solid #ffffff; border-right: 6px solid #ffffff; overflow: auto; } .navigationBoxOff { background-color: #529A4D; border-top: 2px solid #529A4D; border-bottom: 2px solid #529A4D; border-left: 7px solid #529A4D; border-right: 7px solid #529A4D; margin-right: 2px; float: left; } .navigationBoxOn { background-color: #006642; border-top: 2px solid #006642; border-bottom: 2px solid #2E406B; border-left: 7px solid #006642; border-right: 7px solid #006642; margin-right: 2px; float: left; } /*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= search breadcrumb section =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ #searchBreadcrumb { width: 751px; background-color: #ffffff; border-top: 1px solid #ffffff; border-left: 6px solid #ffffff; border-right: 6px solid #ffffff; } #search { width: 180px; background-color: #CBC9A2; float: left; } #searchContainer { width: 180px; padding: 10px 0px 10px 0px; } #breadcrumb { width: 539px; background-color: #ffffff; border-left: 25px solid #ffffff; text-align: left; float: left; } #breadcrumbContainer { width: 539px; padding: 10px 0px 10px 0px; } /*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= main content section =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ /*=-=-=-=-=-=-= 1 column =-=-=-=-=-=-=*/ #main1Col { width: 763px; text-align: left; margin-bottom: 6px; border-top: 20px solid #ffffff; border-bottom: 40px solid #ffffff; background-color: #ffffff; } #main1ColContent { width: 719px; border-left: 12px solid #ffffff; background-color: #ffffff; } /*=-=-=-=-=-=-= 2 column =-=-=-=-=-=-=*/ #main2Col { width: 763px; text-align: left; margin-bottom: 6px; border-top: 1px solid #ffffff; border-bottom: 40px solid #ffffff; background-color: #ffffff; } #main2ColBorderTop { width: 763px; text-align: left; margin-bottom: 6px; border-top: 15px solid #ffffff; border-bottom: 40px solid #ffffff; background-color: #ffffff; } #main2ColLeftEqual { width: 317px; float: left; border-left: 12px solid #ffffff; background-color: #ffffff; } #main2ColRightEqual { width: 322px; float: left; padding-top: 40px; border-left: 60px solid #ffffff; background-color: #ffffff; } #main2ColLeftBig { width: 488px; float: left; border-left: 12px solid #ffffff; background-color: #ffffff; } #main2ColRightSmall { width: 191px; float: left; padding-top: 40px; border-left: 50px solid #ffffff; background-color: #ffffff; } #main2ColLeftSmall { width: 180px; float: left; border-left: 6px solid #ffffff; background-color: #ffffff; } #main2ColLeftSmallTop { width: 174px; float: left; background-color: #005c40; } #main2ColLeftSmallTopContent { width: 167px; border-left: 7px solid #005c40; border-top: 2px solid #005c40; border-bottom: 2px solid #005c40; } #main2ColLeftSmallBottom { width: 174px; float: left; background-color: #f8f5cc; } #main2ColLeftSmallBottomContent { width: 159px; border-left: 7px solid #f8f5cc; border-top: 2px solid #f8f5cc; border-bottom: 2px solid #f8f5cc; } #main2ColRightBig { width: 530px; float: left; border-left: 25px solid #ffffff; } #main2ColRightBigTop { width: 520px; float: left; background-color: #ffffff; } #main2ColRightBigBottom { width: 520px; float: left; border-top: 20px solid #ffffff; background-color: #ffffff; } /*=-=-=-=-=-=-= generic 3 column =-=-=-=-=-=-=*/ #main3Col { width: 751px; border-top: 1px solid #ffffff; border-left: 6px solid #ffffff; border-right: 6px solid #ffffff; border-bottom: 6px solid #ffffff; } #main3colContainer { width: 751px; } #main3ColLeft { width: 250px; float: left; } #main3ColLeftTop { width: 245px; padding: 0px 0px 10px 5px; background-color: #cccc99; float: left; border-bottom: 1px solid #ffffff; } #main3ColLeftTopContainer { width: 240px; padding: 12px 0px 0px 0px; } #main3ColLeftBottom { width: 240; text-align: left; padding: 5px 5px 5px 5px; } #main3ColMiddle { width: 239px; text-align: left; float: left; padding: 20px 5px 5px 5px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; background-color: #ffffff; } #main3ColMiddleContainer { width: 239px; border-top: 10px #ffffff; } #main3ColMiddleTop { } #main3ColMiddleBottom { margin-top; 30px; } #main3ColRight { width: 240px; text-align: left; float: left; padding: 20px 5px 5px 5px; } #main3ColRightTop { width: 240px; float: left; text-align: left; padding: 20px 5px 20px 5px; background-color: #cbc9a2; } #main3ColRightBottom { width: 240px; float: left; text-align: left; padding: 15px 5px 5px 5px; } /*=-=-=-=-=-=-= generic 3 column upper =-=-=-=-=-=-=*/ #main3ColLeftUpper { width: 250px; float: left; } #main3ColLeftUpperTop { width: 245px; padding: 0px 0px 10px 5px; background-color: #cccc99; float: left; } #main3ColLeftUpperTopContainer { width: 240px; padding: 12px 0px 0px 0px; } #main3ColLeftUpperBottom { width: 240; text-align: left; border-top: 1px solid #ffffff; padding: 10px 5px 5px 5px; } #main3ColUpperMiddle { width: 239px; float: left; text-align: left; padding: 20px 5px 5px 5px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; background-color: #ffffff; } #main3ColRightLong { width: 479px; float: left; text-align: left; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; background-color: #ffffff; padding-top: 20px; padding-right: 10px; padding-bottom: 50px; padding-left: 10px; } #photoUpperMiddle { width: 239px; float: left; background-color: #ffffff } #main3ColUpperRight { width: 240px; float: left; text-align: left; padding: 20px 5px 5px 5px; } /*=-=-=-=-=-=-= generic 3 column below =-=-=-=-=-=-=*/ #main3ColLeftBelow { width: 240px; float: left; text-align: left; padding: 10px 5px 5px 5px; } #main3ColMiddleBelow { width: 239px; float: left; text-align: left; padding: 10px 5px 5px 5px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; background-color: #ffffff; } #main3ColRightBelow { width: 240px; float: left; text-align: left; padding: 10px 5px 5px 5px; } /*=-=-=-=-=-=-= 3 column photo top =-=-=-=-=-=-=*/ #main3TopContainer { width: 751px; border-left: 6px solid #ffffff; border-top: 1px solid #ffffff; border-right: 6px solid #ffffff; background-color: #ffffff; } #photoLeft { width: 250px; float: left; background-color: #ffffff } #photoMiddle { width: 249px; float: left; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; background-color: #ffffff } #photoRight { width: 250px; float: left; background-color: #ffffff } #photoFull { width: 751px; float: left; background-color: #ffffff } /*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= footer =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ #footerContainer { width: 763px; height: 30px; margin-top: 6px; border-top: 5px solid #ffffff; border-bottom: 5px solid #ffffff; background-color: #ffffff; } #footerContainerContent { width: 753px; height: 30px; color: #ffffff; vertical-align: middle; background-color: #006642; } #footerContainerContentLeft { float: left; border-left: 6px solid #006642; } #footerContainerContentRight { float: right; border-right: 6px solid #006642; }