@charset "utf-8";
/* CSS Document */

html {
	overflow:hidden;
	background-image:url(img/testback8.jpg);
	background-repeat:no-repeat;
}

body {
	font: 76.8% Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	color: #999;
}
.oneColLiqCtrHdr #container {
	width: 960px;  /* this will create a container 80% of the browser width */
/*	background: #171717;*/
background-image:url(../img/blackbox.png);
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
/*	border: 1px solid #171717;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtrHdr #header {
	/*background: #DDDDDD;*/
	background-image:url(../img/header.jpg);
	background-repeat:no-repeat;
	height:120px; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColLiqCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColLiqCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
/*	background: #171717; */
	min-height:700px;
}
.oneColLiqCtrHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#000;
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#999;
	text-align:center;
}

h1 {color:#FFFFFF; font-size:1.6em;}
h2 {color:#999; font-size:1.3em;}

a {text-decoration:none; color:#333333;}

.thumbnail {
background-image:url(../img/greybox.png);
color:#FFFFFF;
/*border:1px solid #999999;*/
float:left;
height:160px;
margin:0 5px 10px;
padding:5px;
text-align:center;
width:208px;
}

.thumbnail2 {
background-image:url(../img/greybox.png);
color:#FFFFFF;
/*border:1px solid #999999;*/
float:left;
height:220px;
margin:0 5px 10px;
padding:5px;
text-align:center;
width:208px;
}

.thumbnail img {
padding-bottom:10px;
}

.thumbnail2 img {
padding-bottom:10px;
}

.lightgrey {
color:#999999;
}

#nav {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	background-color: #404040;
/*	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc;*/ }
#nav li {
	float: left; }
#nav li a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	font-weight: bold;
	color: #F4F5F5;
	border-right: 1px solid #171717; }
#nav li a:hover {
	color: #fff;
	background-color: #373737; }
	
#vaform {
padding:20px;
}

/*Form Element*/

.formnote {
color: #6C6153;
}

form {font:100% verdana,arial,sans-serif;
font-weight:bold;
margin: 0;
padding: 0;
background-image:url(../img/greybox.png);
}
/* min-width: 500px;
max-width: 580px;
width: 540px;} */

form fieldset {/* clear: both;
note that this clear causes inputs to break to left in ie5.x mac, commented out */
border-color: #fff;
border-width: 2px;
border-style: solid;
padding: 10px;
margin: 0;
margin-bottom: 10px;}

form fieldset legend {font-size: 1.0em;
font-weight: bold;
/*color: #E0C582;*/
color:#FFFFFF;
background-color:#FFFFFF;
padding:5px;}

form label {display: block;
float: left;
width: 110px;
padding: 0;
margin: 5px 0 0;
text-align: right;}

form textarea {width:auto;
margin:5px 0 0 10px;
border: 2px #666 solid;
background-color: #fff;}

form input, select {
margin:5px 0 0 10px;
border: 2px #666 solid;
background-color: #fff;}

form input #reset {margin-left:0px;}

textarea {
overflow:auto;}

form small {display: block;
margin: 0 0 5px 160px;
padding: 1px 3px;
font-size: 88%;}

form .required {font-weight:bold;}

form br {clear: left;}

form img #reset {margin-left:0px;}

#bgimg {
	position:absolute;
	z-index: -1;
}

#realBody{
	position:absolute;
	z-index: 5;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */
	background: url('../img/raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
}