/*****************************
  STYLESHEET
  
  WEBSITE: WERC SYSTEM
  AUTHOR: Tim Jensen
  CREATED: 03/12/04
  COMMENTS: Global Stylesheet for the WERC system. To be used in conjunction with a 'client-branded' stylesheet.
*/

/* ****** LAYOUT DIVS */
#frame{
	width:100%;
	min-height: 100%;
	position: relative;
	height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
}
html, body {
    height: 100%;
}
html>body #frame {
    height: auto;
}
#utilities{
	width: 100%;
	height: 25px;
	background: #999999;
	border-bottom: 1px solid #333333;
}
#tools{
	float: right;
	margin: 0px;
	padding: 7 5 0 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-transform: uppercase;
}
#tools a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}
#branding{
	width: 100%;
	height: 100px;
}
#clientLogo{
	float: left;
	margin: 0px;
	padding: 0 0 0 20px;
}
#projectLogo{
	float: right;
	margin: 0px;
	padding: 0 5 0 0px;
}
#container{
	width: 100%;
	clear: both;
}
#content{
	margin: 0px;
	padding: 10 10 30 20px;
	float: left;
	width: 500px;
}
html>body #content{
	min-height: 100%;
	padding: 75 0 0 0px;
}
#werc{
	float:left;
}


/* 

NAVIGATION

*/
#nav{
	width: 150px;
	padding:0px;
	margin:0 0 0 5px;
	float: left;
}
#nav ul {
	padding: 0px; 
	margin: 0px;
}
#nav ul li {
	padding: 3 0 3 10px; 
	width: 100%;
	height: 20px;
	border: 0px;
	background: #3971B6;
	border-bottom: 1px solid #FFFFFF;
}
#nav ul li a {
	padding: 0 6 0 9;
	margin: 0px;
	height: 25px;
	width: 100%;
	font: 11px Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #FFFFFF;
}
#nav ul li:hover {
	color: #FFFFFF;
	background: #FFFFFF;
}
#nav ul li:current {
	color: #FFFFFF;
	background: #999999;
}

/*

******** MISCELLANEOUS LAYOUT DIVS

*/
.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}

#contactForm{
	width: 290px;
	border: 1px solid #F7A300;
	clear: both;
}
.formHeading{
	width: 290px;
	height: 20px;
	background: #09532E;
}
.formRow{
	width: 280px;
	height: 18px;
	margin: 5 2 5 2px;
	clear: both;
}
.fieldName{
	width: 80px;
	float: left;
	padding: 3 2 3 2px;
	text-align: right;
}
.field{
	width: 240px;
	height: 25px;
	float: right;
	padding: 2px;
	text-align: left;
}
.formHeading h1{
	margin: 0px;
	padding: 2 0 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	color: #FFFFFF;	
}
/*

******** MAIN SELECTOR TAGS


*/

body{
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
p{
	margin: 0px 0px 8px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
td{
	margin: 2px;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-transform: none;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #09532E;
	padding: 0px;
	margin: 5 0 10 0;
	text-transform: none;
}
h3,h4,h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 0px;
	margin: 5 0 5 0;
	text-transform: none;
}
h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;	
	color: #000000;
	padding: 0px;
	margin: 0 0 5 0;
	text-transform: none;
}
ul{
	padding: 0px;
	margin: 5 0 0 25;
}
ol{
	padding: 0px;
	margin: 5 0 0 30;
}
hr{
	width: 97%;
	float: left;
}
strong{
	color: #000000;
}
a {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #75A754;
}
a:link {
	color: #75A754;
	text-decoration: none;
}
a:visited {
	color: #75A754;
	text-decoration: none;	
}
a:active {
	color: #75A754;
	text-decoration: none;	
}
a:hover {
	color: #75A754;
	text-decoration: underline;
}
a img{
	border: 0px;
}

input.lge{
	width: 140px;
}
input.sml{
	width: 70px;
}
textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width: 220px;
	border: 0px;
	height: 60px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #817D71;
}
input.textInputSml{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 0px;
	height: 18px;
	width: 40px;
	padding: 0px;
	margin: 1px;
	border: 1px solid #817D71;
}
input.textInput{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 0px;
	height: 18px;
	width: 120px;
	padding: 0px;
	margin: 1px;
	border: 1px solid #817D71;
}
input.textInputLge{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 0px;
	height: 18px;
	width: 220px;
	padding: 0px;
	margin: 1px;
	border: 1px solid #817D71;
}
input.checkBox{
	margin-right: 3px;
	float: left;
	width: 14px;
	height: 14px;
}
input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #2F2923;
	background-color: #CCCCCC;
	border-top-color: #F0F0E6;
	border-right-color: #919186;
	border-bottom-color: #606059;
	border-left-color: #EAEADC;
	padding: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
} 
input.buttonsave {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #2F2923;
	background-color: C7C7E2; 
	border-top-color: #F0F0E6;
	border-right-color: #919186;
	border-bottom-color: #606059;
	border-left-color: #EAEADC;
	padding: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
} 
select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border: 0px;
	height: 16px;
	padding: 0px;
	margin: 0px;
	background: #09532E;
	border: 1px solid #CCCCCC;
}