/* CSS Document */


/*********************HTML STYLES*************/
body{
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

h1{
	font-size:1.2em;
	font-weight:bold;
	color:#9C3428;
	margin:10px 0px 10px 0px;
}

h2{
	font-size:1em;
	font-weight:bold;
	background-color:#9C3428;
	color:#FFFFFF;
	padding:5px;
	margin: 10px 0px 0px 0px;
}


a:link, a:visited{
	color:#9C3428;
}

a:hover{
	color:#FEB600;
}


ul{
	padding:0px;
	margin:10px 0px 10px 0px
}

li{
	list-style-type:none;
	padding:5px 0px 5px 0px;
	margin:0px;
}
/*************CONTAINER*****************/
#container{
	width:810px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/background.jpg);
	background-repeat:repeat-y;
}


/*************MAST HEAD STYLES*****************/
#mastHead{
	background-image:url(/img/mastHead.jpg);
	background-repeat:no-repeat;
	width:810px;
	height:170px;
	position:relative;
}

/*navigation*/
#navigation{
	position:absolute;
	top:120px;
	left:20px;
	margin:0px;
	padding:0px;
}

#navigation ul, #blackLink ul{
	margin:0px;
	padding:0px;
}

#navigation li, #blackLink li{
	margin:0px 0px 0px 1px;
	padding:2px;
	float:left;
	color:#FFFFFF;
	background-color:#000000;
	list-style-type:none;
}

#navigation a:link, #navigation a:visited, #blackLink a:link, #blackLink a:visited{
	padding:0px;
	margin:0px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
}

#navigation a:hover, #blackLink a:hover{
	color:#FEB600;
}

#blackLink li{
	clear:both;
	margin:20px 0px 20px 0px;
}

#clientName{
	width:200px;
	text-align:right;
	color:#9C3428;
	position:absolute;
	top:50px;
	right:20px;
	font-weight:bold;
	font-size:1.3em;
}

/****************MAIN CONTENT CONTAINER*****************/
#mainContent{
	padding:20px;
}

/***************TABLE STYELS***************/
th{
	background-color:#EEEEEE;
	padding:5px;
	text-align:left;
}

td{
	padding:5px;
	border-bottom:1px solid #CCCCCC;
}

.tdredText{
	color:#FF0000
}

.tdgreenText{
	color:#009900;
}


/******************FORMS***************/

#formContainer{
	width:700px;
	margin: 10px auto;
	clear:both;
}

#formLeft{
	width:350px;
	float:left;
	padding:0px;
	margin:0px;
}

#formRight{
	width:350px;
	float:right;
	padding:0px;
	margin:0px;
}

#formInput, #formtextArea, #formSelectBox, #submitButton{
	width:250px;
	color:#9C3428;
	font-weight:bold;
	clear:both;
	padding:5px;
	margin:5px 0px 0px 0px;
}

#submitButton input{
	background-color:#000000;
	color:#FFFFFF;
	height:20px;
	width:100px;
	font-weight:bold;
	font-size:0.9em;
	border:none;
	display:block;
	clear:both;
	float:right;
	margin:0px 0px 10px 0px;
}

#formInput input{
	float:right;
	width:150px;
	border:solid 1px #9C3428;
	padding:2px;
	margin:0px;
}

#formtextArea textarea{
	float:right;
	width:150px;
	border:solid 1px #9C3428;
	padding:2px;
	margin:0px;
}
      
#formSelectBox select{
	float:right;
	width:152px;
	border:solid 1px #9C3428;
	padding:2px;
	margin:0px;
}


/*#blackLink{
	width:100px;
	margin:0px 0px 0px 1px;
	padding:2px;
	color:#FFFFFF;
	background-color:#000000;
	list-style-type:none;
	clear:both;
}*/


/****************FOOTER*********************/

#footer{
	background-image:url(../img/footer.jpg);
	background-repeat:no-repeat;
	width:810px;
	height:10px;
	display:block;
	padding:0px;
	margin:0px auto;
	clear:both;
}

/***********************BUG FIXES****************************/

/*Fixes the auto height for in Firefox on the container div when it containes floating elements. Apply style to the containing div*/	
.addClear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html .addClear {height:1%;}

.addClear {display:inline-block;} 
/* Hide from IE Mac \*/ 
.addClear {display:block;} 
/* End hide from IE Mac */