body {
	margin: 0 0  1em 0;
	padding: 0;
	color: black;
	background-color: #eee;
	line-height: 130%;
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	text-align: center;
}

#wrapper-header {	background: #222; }

#header {
	background: #222 url('images/banner.jpg') right no-repeat;
	width: 90%;
	height: 125px;
	line-height: 125px;
	margin: 0 auto;
	border-left: 1px solid #707070;
	border-right: 1px solid #707070;
	text-align: left;
}

#header h1 {
	margin: 0;
	padding: 0;
	color: #eee; 
	font-size: 220%;
	padding-left: 10px;
	letter-spacing: -1px;
}

#wrapper-menu {
	background: #88ac0b url('images/menu-background.png') top left repeat-x;
	float: left;
	width: 100%;
}

#menu {
	width: 75%;
	margin: 0 auto;
	font-size: 95%;
	white-space: nowrap; /* stops half a menu link dropping to next line. Instead, the whole link will drop. This only happens if you have a lot of menu links, and large text size */
	padding-right: 2px;	/* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */
}

* html #menu { padding-right: 0; } /* See above comment. This re-adjusts IE to the above padding */

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	border-left: 1px solid #95bc0e;
	border-right: 1px solid #95bf0f;
	width: 100%;
}

.SkipNavigation {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	border-left: 0px none #95bc0e;
	border-right: 0px none #95bf0f;
}

#menu li { display: inline; }

#menu a:link, #menu a:visited {
	padding: 0.25em 1em;
	background: transparent;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #95bc0e;
}

#menu a:hover {
	background: #b6e41c url('images/menu-hover.png') repeat-x;
	color: #485b06;
}

#content
{
	clear:both;
	width: 89%; /* 73% because it has 1% padding on each side, which brings it to 75% wide */
	margin: 0 auto;
	padding: 0em  1% 20px 0%;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	background: white;
	font-size: 90%;
	text-align: left;
}

* html #content { padding-top: 0em; } /* Set padding top in IE to 20px */

#footer {
	margin: 0 auto;
	padding: 2px 1%;
	width: 88%;
	text-align: right;
	color: white;
	letter-spacing: 0.15em;
	background: #88ac0b url('images/menu-background.png') top left repeat-x;
	border: 1px solid #a0c80e;
	font-size: 60%;
}
#version {
	margin: 0 auto;
	padding: 2px 1%;
	width: 88%;
	text-align: right;
	color: #669966;
	letter-spacing: 0.15em;
	border: 1px solid #a0c80e;
	font-size: 60%;
}
h2 {
	color: #666;
	padding: 3px 1%;
	border-bottom: 1px solid #a0c80e;
	font-size: 150%;
	letter-spacing: -1px;
}

a:link, a:visited {
	color: blue;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: underline;
}
#footer a:link, #footer a:visited {
	color: #260;
	text-decoration: underline;
}
p { margin-left: 1em; }


table.bodytable 
{
    border-width: 0 0  0 0;
    border-spacing: 0;
    border-collapse: collapse;
    width:100%;
    vertical-align:top;
    background-color:Red;

}

/* For left justified radio button lists */ 
table.radiobtn_list input 
{    
    float: left;
}

table.radiobtn_list label
{    
    margin-left: 25px;
    display: block;
}

div.publicnoticeholder
{
	border-color: #dddddd;
    border-style: solid;
    margin: 0;
    padding: 7px;
    border-width: 0px 1px 0 0;
    background-color: #E5F99F;
    vertical-align:top;
    
	}
td.navcolumn 
{
	border-color: #dddddd;
    border-style: solid;
    margin: 0;
    padding: 4px;
    border-width: 0px 1px 0 0;
    background-color: #E5F99F;
    vertical-align:top;
    width:160px;

}

td.contentcolumn
{
    margin: 00;
    padding: 7px;
    border-width: 0px 1px 0 0;
    background-color: white;
    vertical-align:top;
}



table.form 
{
    border-width: 0 0  0 0;
    border-spacing: 0;
    border-collapse: collapse;
    width:100%;

}
td.header
{
	font-weight:bold;	
}
td.labelcolumn
{
    margin: 00;
    padding: 7px;
    border-width: 0px 1px 0 0;
    border-style: solid;
    border-color:#aaaaaa;
    background-color: #dddddd;
    width:30%;
}

td.datacolumn 
{
	border-color: #dddddd;
    border-style: solid;
    margin: 0;
    padding: 7px;
    border-width: 0px 1px 0 0;
    vertical-align:top;
    background-color: #eeeeee;
    width:70%;

}

td.surveylabel
{
	border-color: #aaaaaa;
    border-style: solid;
    margin: 0;
    padding: 7px;
    border-width: 1px 1px 1px 1px   ;
    vertical-align:top;
    background-color: #eeeeee;
    width:60%;

}
td.surveycontrols
{
    margin: 00;
    padding: 7px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color:#aaaaaa;
    background-color: #dddddd;
    width:30%;

}
table.Xform
{
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	
}

td.Xlabelcolumn
{
    margin: 00;
    padding: 7px;
    border-width: 0px 1px 0 0;
    border-style: solid;
    border-color:black;
    background-color: #dddddd;
    border-top: black 1px solid;
    border-bottom: black 1px solid;
    width:30%;
}

td.Xdatacolumn 
{
	border-color: black;
    border-style: solid;
    margin: 0;
    padding: 7px;
    border-width: 0px 1px 0 0;
    vertical-align:top;
    background-color: #eeeeee;
    border-top: black 1px solid;
    border-bottom: black 1px solid;
    border-right: #dddddd;
    width:70%;

}
td.Xlabeltopcolumn
{
    margin: 00;
    padding: 7px;
    border-width: 0px 1px 0 0;
    border-style: solid;
    border-color:black;
    background-color: #dddddd;
    border-bottom: black 1px solid;
    width:30%;
}

td.Xdatatopcolumn
{
	border-color: black;
    border-style: solid;
    margin: 0;
    padding: 7px;
    border-width: 0px 1px 0 0;
    vertical-align:top;
    background-color: #eeeeee;
    border-bottom: black 1px solid;
    border-right: #dddddd;
    width:70%;

}
td.Xlabelbottomcolumn
{
    margin: 00;
    padding: 7px;
    border-width: 0px 1px 0 0;
    border-style: solid;
    border-color:black;
    background-color: #dddddd;
    width:30%;
}

td.Xdatabottomcolumn
{
	border-color: black;
    border-style: solid;
    margin: 0;
    padding: 7px;
    border-width: 0px 1px 0 0;
    vertical-align:top;
    background-color: #eeeeee;
    border-right: #dddddd;
    width:70%;

}

.validatorCalloutHighlight 
{
    background-color: #fffacd; 
}

.req
{
	color: Red;
	font-weight:normal;
}

.cvTable
{
    width: 702px;
}
.topLeft
{
    width: 404px;
    height: 245px;
    background: transparent url('images/TabStrip/topLeft.jpg') no-repeat;
}
.topRight
{
    width: 298px;
    height: 245px;
    background: transparent url('images/TabStrip/topRight.jpg') no-repeat;
}
.bottom
{
    height: 206px;
    background: transparent url('images/TabStrip/bottom.jpg') no-repeat;
    font: bold Arial, Verdana, Sans-serif;
    font-size: 01.00em;
    color: #959677;
    vertical-align: top;
}
.infoTable
{
    width: 480px;
    margin-left: 104px;
}
.infoTable td
{
    background: transparent url('images/TabStrip/cellsSeparator.gif') no-repeat;
    height: 35px;
}
.selectedNavMenuItem
{
	color:Maroon;
	font-weight:bold;
}
		
.hidden
{
	display: none;
}		

.ListSearchExtenderPrompt
{
	font-style:italic;
	color:Gray;
	background-color:white;
}

/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
	font-weight:bold;
}

.watermarked {
	height:20px;
	font-style:italic;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

.foreignlanguage 
{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}

/* Tooltip */
.toolTip
{
	font-family: Verdana, Arial, Sans-serif, 'Times New Roman';
	font-size: 8pt;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8; 
	/* comment the above 3 lines if you don't want transparency*/
}