/*this css file styles all the content of the public area and */

/*filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;these setting are required to support all browsers and can set the transparency of an element. */

div {margin:5px;}
body {font-family:Verdana,Geneva,sans-serif;font-size:13px;background-color:#f7f6f6;}
h1,h2,h3,h4,h5,h6{margin-top:0px;margin-bottom:10px;}
h1{font-size:18px;color:#566422;}
h2{font-size:16px;}
h3{font-size:14px;}
h4{font-size:12px;}
h5{font-size:11px;}
h6{color:silver;font-size:10px;margin:0;}
p{margin-top:0px;}
.medium{font-size:11px}
.small{font-size:10px;}
.normal{
	clear:both;
}/*this p class clears both so i floats on its own line, used for p arter float left p*/
.yellow{
	color:#FFB016;
}
.alert{color:red;}/*this is for the jquery so i looks red when it fades in*/

/*textarea{
	width:200px;
}*/
fieldset{
	padding:10px 4px;
}
legend{
	padding:5px 0px 10px 0px;
}
.clear{
	clear:both;float:left;
}/*used t make any element sit on its own line. first used for a link which refused to sit on it's own line*/
.main_color{color:#566422;}/*this color can be given to any element*/
.highlight{color:#ffb016;}
a:hover{color:#ffb016}
.fade{color:#808080;}
#header {
	background-image:url(../images/site_images/header_slice.png);
	height:200px;
	margin:0;
	overflow:hidden;
}
#logo {
	background-image:url(../images/site_images/header_logo7.png);
	background-repeat:no-repeat;
	display:block;
	text-indent:-3000px;
	border:medium none;
	float:left;
	height:200px;
	margin:0;
	padding:0;
	width:300px;
}
#track {
	background-image:url(../images/site_images/header_track.png);
	border:medium none;
	float:right;
	height:131px;
	margin:0;
	padding:0;
	position:relative;
	top:69px;
	width:249px;
}

table.simple_table{
	border:solid 1px #808080;
	margin:auto;
	border-collapse:collapse;
	width:100%;
}

tr.light_row {
	background-color:#F1F0FF;
}
tr.dark_row {
	background-color:#FFF;
}

.navigation {
	/*border-bottom:1px solid #808080;*/
	border-top:1px solid #808080;
	color:white;
	font-size:16px;
	/*font-variant:small-caps;*/
	margin:0;
	padding:5px;
	text-align:center;
	/*font-weight:bold;*/
	background-color:#566422;}
.navigation a{text-decoration:none;color:white;padding:0px 10px;}
 a.active{color:#ffb016;}/*maybe i need to have different active link colors*/
 a#active_green{color:#566422;}
.navigation a:active{color:black;}
.navigation a:hover{color:#ffb016;} 
	
#footer {
	border-top:1px solid #808080;
	clear:both;
	margin:0;
	padding:7px;
	text-align:center;
	background-color:#566422;}
	
span.error{color:red;}

.login{width:auto;}

img{border:0 none;
	float:left;
	margin:5px 10px 5px 0;}
	
a.button_link{border:solid 1px #808080;padding:2px;text-decoration:none;font-weight:bold;}
a.button_link:hover{background-color:#ccc;position:relative;}
a.button_link:active{padding:3px;border-color:black #808080 #808080 black;}	
span.red{color:red;}
span.green{color:green;}

form.sidebar_form label{width:80px;}
form.sidebar_form input file{width:20px;}
form.sidebar_form label.small_label{width:30px;}
.small_radio{width:10px;}
input.compression{width:20px;}/*specifically makes the jpeg compression input field quite small.*/

form.standard_form label{
	width:200px;
}
form.standard_form fieldset{
	float:left;
	/*width:600px;*/
	margin:0px 0px 20px 0px;
	padding:20px 30px 10px 20px;
}
form.standard_form fieldset.standard{
	width:600px;
}
form.standard_form label.small_label{
	width:100px;
}

span.question{
	color:red;
	font-size:12px;
	cursor:help;
}