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

html, body{
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	margin: 0;
	padding: 0;
}

#wrapper{
	width: 850px;
	.width: 885px;
	margin-left: -445px;
	position: absolute;
	left: 50%;
	background-color: #fff;
	padding: 0 45px;
	.padding: 0 45px 0 10px;
}

#header{ height: 110px; width: 800px; margin: 25px 0 0 50px; .margin-left: 85px; }
#header #breadCrumbs{ float: right; margin: 0; }
#header ul li{ display: inline; color: #ccc; }
#header #cornerstone{ float: left; }
#header h1{ float: right; margin: 0 10px; clear: right; .margin: 20px 5px 0 0; _margin: 30px 5px 0 0; }
#header a{ 
	text-transform: uppercase; 
	font-weight: bold;
	font-size: 0.9em;
	.font-size: 0.7em!important;
	color: #ccc;
}
#header a:hover{ color: #8cc63f; }
#header #line{
	width: 682px;
	height: 20px;
	background-color: #ccc;
	float: right;
}

#body{
	margin-top: -12px;
	.margin-top: 4px;
	_margin-top: -14px;
	background: url(images/sideBar.gif) repeat-y 141px;
	.background: url(images/sideBar.gif) repeat-y 176px; 
}

#sideBar{ 
	width: 162px;
	.width: 197px; 
	float: left; 
	height: 100%; 
}
#sideBar p{ margin: 35px -29px; .margin: 45px 6px; }

#mainContent{ width: 682px; float: right; }

#nav{ margin-left: 160px; .margin-left: 195px; }
#nav ul li{ 
	display: inline; 
	font-size: 1em; 
	.font-size: 0.9em; 
	_font-size: 1em; 
	font-weight: bold; 
	margin-right: 48px;
	.margin-right: 35px;
	_margin-right: 46px;
}
#nav a{ color: #333; }
#nav a:hover{ color: #8cc63f; }

#flash{ margin: 15px 0; }

#mainContent p{ 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 0.75em; 
	.font-size: 0.75em; 
	_font-size: 0.8em; 
	padding: 0 20px 0 10px; 
	margin: 0 0 10px 0; 
}
#mainContent ul li{ 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 0.75em; 
	.font-size: 0.75em; 
	_font-size: 0.8em; 
}
#mainContent h2, #mainContent h3{ 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 0.9em; 
	.font-size: 0.8em; 
	_font-size: 0.9em; 
	padding: 0 20px 0 10px; 
	margin: 10px 0 5px 0;
}
#mainContent a{ font-weight: bold; text-decoration: underline; }

input, form{ font-size: 0.75em; .font-size: 0.7em; _font-size: 0.75em; }
label{ font-weight: bold; color: #555; }
form{ width: 90%; padding-left: 5%; }
form br{ margin: 3px; }
fieldset{ margin-bottom: 10px; }
legend{ color: #000; font-weight:bold; font-style: italic; margin-bottom: 5px; }

.halfText{
	width: 47%;
	padding: 15px 1%;
	float: left;
	border-right: 1px solid #eee;
	font-size: 90%;
	text-align: justify;
}
.halfText p{ margin: 10px 0!important; }

#footer{ clear: both; padding: 5px 0 0 0; _margin-top: 5px; }
#footer ul{ float: right; }
#footer ul li{ display: inline; color: #777; font-size: 0.8em; .font-size: 0.7em; _font-size: 0.8em; font-weight: bolder; }
#footer ul a{ color: #777; }
#footer ul a:hover{ color: #8cc63f; }

#subLine{ 
	width: 708px;
	height: 20px;
	background-color: #ccc;
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
}

.footnotes{ clear: both; font-size: 10px; margin: 5px 0 15px 150px; .margin: 15px 0 15px 180px; color: #aaa; }

#subBread{ width: 140px; .width: 170px; text-align: right; float: left; clear: both; }
#subBread h2{ font-size: 0.8em; .font-size: 0.7em; _font-size: 0.8em; margin-bottom: 0; }
#subBread p{ font-size: 0.7em; margin-top: 6px; }

.clear{ clear: both; }
.more { text-align: right; font-weight: bold; }
.opt{ font-style: italic; }
.error{ border: 1px solid #333; background-color: #ffc; color: #b50300; padding: 5px 15px; }
.error p{ padding: 5px 20px; }
.note{ background: #ffc; border: 2px solid #eeb; padding: 20px 10px!important; width: 80%; }

a, a img{ color: #333; text-decoration: none; border: none; }
a:hover{ color: #8cc63f; }