﻿html, body {padding: 0; margin: 0; background-color: #415566; font-family: Verdana, Sans-Serif;}
input, textarea, select {font-family: Verdana, Sans-Serif;font-size: 9pt;}
form, fieldset {padding: 0;margin: 0; border:0;}

.clearFix {clear: both;}
.alert {color: maroon;}

#bodyContainer {width: 800px;margin: 0 auto;background-color: #5e534f;}

#headerContainer .slogan {background: white url('images/content/content-headerBg.gif') no-repeat right bottom;}

#headerLinksContainer {height: 30px;background: #5e534f url('images/layout/headerStrip.jpg') repeat-y left top;}
#headerLinksRow {height: 30px;background: url('images/layout/logo-crosstop.jpg') no-repeat 104px bottom;text-align: right;}
#headerLinksRow ul {list-style-type: none;margin: 0;padding: 8px 0 0 0;}
#headerLinksRow ul li {display: inline;font-size: 8pt;}
#headerLinksRow ul li a {color: White;text-decoration: none;padding: 0 15px 0 0;}
#headerLinksRow ul li a:hover {color: #E9E4BE;}

#headerSearchContainer {height: 108px;background-color: White;}
#headerSearch {float: right;padding: 40px 20px 0 0;}
#headerSearch .search,
#headerSearch .searchWatermark { font-size: 8pt; width: 200px; }
#headerSearch .searchWatermark { color: #999; }
#headerSearch fieldset {display: inline;}

#headerLogo a image {display: block;}

#landingContainer {background: #87949e url('images/layout/slogan.jpg') no-repeat right top;height: 158px;}
#landingContainer img {display: block;}

#navButtonContainer {border-top: solid 4px #415566;background: #512524 url('images/layout/topNavBg.jpg') repeat-y left top;}
#navButtons {border-top: solid 2px #E4E5C3;height: 35px;overflow: hidden;}
#navButtons ul {list-style-type: none;padding: 0;margin: 0 0 0 210px;border-left: solid 1px #6b302f; height: 35px; width: 590px;}
#navButtons ul li {float: left;}
#navButtons ul li a {display: block;padding: 10px 20px;color: #e0e0e0;font-family: Arial;font-size: 10pt;text-decoration: none;border-right: solid 1px #6b302f;}
#navButtons ul li a:hover {background-color: #6b302f;color: White;}

#leftNavContainer {border-top: solid 2px #E4E5C3;float: left;width: 200px;}
#leftNavigation {padding: 5px 15px;}
#leftNavigation h2 {text-transform: uppercase;font-weight: normal;font-size: 10pt;color: White;border-bottom: solid 1px white;font-family: Arial;padding: 4px 0 2px 0;margin: 0 0 10px 0;}
#leftNavigation h3 {padding: 0;margin: 0;font-weight: normal;font-size: 9pt;font-family: Arial;color: White;}
#leftNavigation h3 a { color: White; text-decoration: none; }
#leftNavigation h3 a:hover {text-decoration: underline;}
#leftNavigation ul {margin: 0 0 0 20px;list-style-type: square;padding: 0;}
#leftNavigation ul li {color: White;}
#leftNavigation ul li a{color: White;font-size: 8pt;text-decoration: none;font-weight: bold;}
#leftNavigation ul li a:hover {text-decoration: underline;}

#bodyContentContainer {background: url('images/layout/leftNavBg.jpg') no-repeat left top;}
#contentContainerWrapper {margin-left: 200px;}
#contentContainer {background-color: #e5e5d9;padding: 10px 40px;}
#contentMessageAlert { background-color: #E4E5C3; border-bottom: solid 1px #ccccc2; margin: 0; padding: 10px 40px; }
#contentMessageAlert ul { margin: 0; padding: 0; }
#contentMessageAlert ul li { font-size: 8pt; font-weight: bold; color: #403836; }
#contentMessageAlert ul .critical { color: Maroon; }
#contentMessageWait {padding: 10px 0 0 40px;font-size: 8pt;font-weight: bold;color: Green;background: url('images/icons/updating-icon.gif') no-repeat 20px center;}
#footerContainer {border-top: solid 3px #657582;text-align: center;}
#footerContainer p {color: White;padding: 5px;margin: 0;font-size: 8pt;}
#footerContainer a { color: White; }