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

a img {
	border: none;
}

h3 {
font: bold 13px helvetica;
color: #339;
}

body {
	background-color: #fff;
	background-image: url(images/bgMain.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

hr {
	color: #09f;
background-color: #09f;
height: 1px;
width: 450px;
text-align: left;
margin: 0 auto 0 0;
}

ul {
	font: 12px helvetica;
	line-height: 17px;
	color: #404548;
}

#nav { margin: 7.8em 0px 0px 5px; position: relative; float: left; }

ul#nav { font: 14px helvetica; color: #336; }

ul#nav a
{
font-weight: normal;
text-decoration: none;
}

ul#nav, ul#nav ul, ul#nav li
{
margin: 0px 25px 0px 0px;
padding: 0px;
list-style-type: none;
z-index: 2;
}

ul#nav li { float: left; }

ul#nav li a
{
color: #336;
padding: 3px;

}

ul#nav li a:hover
{
color: #09f;
}

ul#nav li a:active
{
color: #0f0;
}

ul#nav li:current a
{
color: #f00;
}

ul#subNav { display: none; }
ul#subNav li { float: none; }

ul#subNav li a
{
padding: 0px;
margin: 0px;
background-color:#cf6;
color: #336;
}

ul#subNav li:hover a
{
background-color:#336;
}

ul#nav li:hover ul#subNav
{
display: block;
position: absolute;
font-size: 10pt;
padding-top: 5px;
}

ul#nav li:hover ul#subNav li a
{
display: block;
width: 10em;
border: none;
padding: 10px;
border-top: 1px solid #ffffff;
}

#rightPanel{
position: absolute;
width: 300px;
margin: 340px 0px 0px 550px;
z-index:500;
}

#bodyArea {
	position:relative;
	background-image: url(images/bgContent.jpg);
	background-repeat: no-repeat;
	background-position:top;
	width:900px;
	margin-left: auto;
	margin-right: auto;
	min-height:1600px;
	text-decoration:none;
	
}

#contentArea {
	position:absolute;
	left: .5em;
	top: 10em;
	width: 575px;
	z-index:1;
}

#contentArea .titleMain {
	font: 28px helvetica;
	color: #09f;
}

#contentArea .titleSub {
	font: 14px helvetica;
	color: #09f;
}

#contentArea .heading {
	font: 20px helvetica;
	color: #09f;
}

#contentArea p {
	font: 12px helvetica;
	line-height: 17px;
	color: #404548;
}

#contentArea a:link { font: bold 12px helvetica; color:#339; text-decoration:none;
}

#contentArea a:visited { font: 12px helvetica; color:#339; text-decoration:none; }

#contentArea a:hover { color:#3c9; text-decoration: underline; }

#contentArea ol {
	font: 12px helvetica;
	line-height: 17px;
	color: #404548;
}


.sched {border-bottom: #999 Solid 1px; border-collapse: collapse; font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
		
.schedHead {
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #999;
}

.schedTable {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	line-height: 200%;
	color: #333;
}

td {
	padding: 4px;
}

.footer {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}

#regBox {
border: solid 1px #333; margin-bottom: 20px;
}

#regBox h1 {
font: bold 16px helvetica; color: #fff; background-color: #333; padding: 10px; margin: 0px;
}

#regBox h1 a:link, a:visited { color: #999; }

#regColumn {
float: left; width: 150px; font: 13px Helvetica, sans-serif; color: #333; padding: 15px 10px 10px 30px; border-right: solid 1px #333;
}

#regColumnLast {
float: left; width: 150px; font: 13px Helvetica, sans-serif; color: #333; padding:15px 10px 10px 30px; border: none;
}

#regSubmit {
clear: left; font: 13px Helvetica, sans-serif; color: #333; padding: 10px 0 10px 20px; background-color: #ccc;
}

/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url(images/form/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}


form#appForm {    
 color: #333;  
 font: normal 12px Helvetica, sans-serif;
}

#appForm .text {  
 font-family: Helvetica, sans-serif;  
 font-size: 12px;  
 width: 160px;  
 margin-right: 6px;  
 color: #339;
}

#appForm .textShort { 
 font-family: Helvetica, sans-serif;  
 font-size: 12px;  
 width: 40px;  
 margin-right: 6px;  
 color: #339;
 }
 
label {    
float: left;    
width: 8em;    
margin-right: 1em;
font-weight: bold;
}