html {
	height: 100%;
}

body {
	background-image: url(../images/site.background.png);
	background-color: #D4D5D0;
	background-repeat: repeat-x;
	background-position: top;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100%;
}

/** styles for text **/

td, th, p, div, ul {
	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size: 11px;
	color: #666666;
}

p, ul {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {	
	font-family: "Arial",sans-serif;
	color: #003366;
	margin-top: 0;
}

hr {
	width: 100%; 
	height: 1px; 
}

.subTitle {
	font-family: "Arial",sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003366;
	text-transform: uppercase;
}

.error {
	color: #990000;
	font-weight: bold;
}

.arrow {
	margin-right: 10px;
}

div.dotted {
	width: 100%;
	margin-top: 7px;
	margin-bottom: 7px;
	height: 1px;
	background-image: url(../images/site.rule.png);
	background-repeat: repeat-x;
	clear: both;  
}

/** styles for links **/

a, a:active, a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #003366;
}

a.current, a:hover.current, a:active.current, a:visited.current {
	color: #003366;
	font-weight: bold;
}

/** styles for layout **/

#wrapper {
	margin: 0 auto;
	width: 962px;
	text-align: left;	
	height: auto !important; /* note that !important is part of the css, and not a comment of mine */
	min-height:100%;
	height:100%;	
}

#header {
	background-image: url(../images/site.header.png); 
	background-repeat: no-repeat;
	height: 105px;
	clear: both;
}

#navContainer {
	padding-left: 270px;
	margin-top: -20px;
}

#navigation ul {

}

#navigation li {
	float: left;
	list-style-type: none;	
	text-align: center;
}

#navigation li a {
	text-decoration: none;
	text-transform: uppercase;
}

#home {
	background-image: url(../images/site.homeBackground.png); 
	background-repeat: no-repeat;
	height: 375px;		
	
}

#homeLeft {
	margin-left: 30px;
}

#homeRight {
	float: left;
	margin-left: 600px;
	margin-top: -160px;
}

#contentWrapper {
	background-image: url(../images/site.contentBackgroundLeftNav2.png); 
	background-repeat: no-repeat;
	padding: 10px 20px 10px 5px;
	height: 100%;
	min-height: 450px;
}

#contentWrapperSearch {
	background-image: url(../images/site.contentBackground.png); 
	background-repeat: no-repeat;
	padding: 10px 20px 10px 0px;
	height: auto !important; /* note that !important is part of the css, and not a comment of mine */
	min-height:100%;
	height:100%;
}

#contentNav {
	float: left;
	width: 150px;
	height: 100%;
	margin-top: -5px;
	padding-right: 5px;
}

#contentNav ul {
	margin: 0;
	padding: 0;
}

#contentNav li {
	list-style-type: none;	
	padding: 10px 30px;
}

#contentNav li a {
	color: #666666;
	text-decoration: none;
}

#contentNav li a:hover {
	color: #003366;
}

#contentNav li a.subCurrent {
	color: #003366;
	font-weight: bold;
}

#content {
	float: left; 
	width: 725px;
	padding-left: 50px;
	height: 100%;
}

#contentSearch {
	width: 900px;
	padding: 20px 20px 5px 40px;
}

#contentTable {
	width: 525px;
	padding-right: 20px;
}

#contentBoxes {
	width: 200px;
}

a.goLink {
	font-weight: bold;
	color: #003366;
}

.contentBox {
	height: 106px;
	background-image: url(../images/site.contentBoxBackground.png);
	background-repeat: no-repeat;
	background-position: top center;
	padding: 10px;
}

#contactBox {
	width: 160px;
	height: 283px;
	background-image: url(../images/about.contactBackground.png);
	background-repeat: no-repeat;
	padding: 20px;
}

#footer {
	background-image: url(../images/site.footer.png); 
	background-repeat: no-repeat;
	height: 199px;	
	padding: 20px 20px 0 0;
	text-align: right;
	clear: both;
}

#footer ul {
	text-align: right;
}

#footer li {
	display: inline;
	margin-left: 20px;
}

#popWrapper {
	margin: 0 auto;
	width: 782px;
	text-align: left;	
	background-image: url(../images/site.popBackground.png); 
	background-repeat: repeat-y;		
}

#popHeader {
	background-image: url(../images/site.popHeader.png); 
	background-repeat: no-repeat;
	height: 17px;
}

#popContent {
	padding: 20px;
	height: 100%;
}

#popFooter {
	background-image: url(../images/site.popFooter.png); 
	background-repeat: no-repeat;
	height: 20px;
}

.employeeBox {	
	border-right: 1px dotted #ADADAD;
	width: 50%;
}

.employeeBoxEnd {	
	width: 50%;
}

.employeeInfo {
	padding: 20px;	
}

.employeeImage {
	margin-right: 30px;	
	margin-bottom: 20px;
}

.employeeFont {
	font-size: 110%;
	color: #003366;
	font-weight: bold;
}

.employeeBio {
	margin-top: 20px;
}

.copy {
	font-family: "Georgia";
}


/** styles for forms **/


form {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: "Arial", sans-serif;	
}

form fieldset {
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
	text-align: left;
}

form legend {
	color: #999999;
	font-weight: bold;
	font-variant: small-caps;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 20px 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	color: #999999;
	font-weight: bold;
	font-size: 11px;
}

form input {
	width: 250px;
	margin-top: 15px;
}

form input.big {
	width: 545px;
	margin-top: 15px;
}

form input.short {
	width: 75px;
	margin-top: 15px;
}

form textarea {
	width: 250px;
	height: 150px;
	margin-top: 5px;
	font-family: "Arial", sans-serif;
	font-size: 11px;
}

form textarea.big {
	width: 300px;
	height: 200px;
	margin-top: 5px;
}

form textarea.reallybig {
	width: 400px;
	height: 400px;
	margin-top: 5px;
}

form select {
	width: 185px;
	margin-top: 15px;
	font-family: "Arial", sans-serif;
	font-size: 11px;}

form select.big {
	width: 250px;
	margin-top: 5px;
}

form select.short {
	width: 75px;
	margin: 0;
}

form input.checkbox {
	width: auto;
}

form br {
	clear: left;
}

form small { /* form instructions/comments will appear below input elements */
	display: block;
	margin: 0 0 0 160px;
	padding: 1px 3px;
	font-size: 88%;
}

form small.regular { /* form instructions/comments will appear below input elements */
	display: inline;
	margin: 0 0 0 160px;
}

form input.button, .button, .longbutton {
    border: 0;
    background-image: url(../images/site.button.png);
    color: #ffffff;
	font-family: "Arial";
	font-weight: bold;
	height: 35px;
	width: 100px;
	padding-bottom: 2px;
}

form input.redButton, .redButton {
    border: 0;
    background-image: url(../images/cc.redButton.png);
    color: #ffffff;
	font-family: "Arial";
	font-weight: bold;
	height: 25px;
	width: 75px;
	padding-bottom: 2px;
}

.longbutton {
	width: 200px;
}

form .requiredLabel {
	font-weight: bold;
	color: #000033;
}

form input.optional, select.optional { /* have to put this here to turn it green when validated */
	
}

form input.validation-failed, textarea.validation-failed, select.validation-failed {
	border: 1px solid #990000;
}

form input.validation-passed, select.validation-passed, textarea.validation-passed {
	border: 1px solid #009933;
}

form #submit.validation-passed {
	border: 0;
}

form .validation-advice {
	color: #990000;
	font-weight: bold;
	font-size: 10px;
	margin-left: 155px;
	padding: 5px;
	width: 250px;
	margin-bottom: -20px;
}