/*@charset "utf-8";*/
/* CSS Document */
#body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #ccccff;
	background-image:url(images/pgbg.jpg);
	margin: 0;
	padding: 0;
	text-align: center; /* Centers the container*/
	color: #000000;

}

.winlayout #container { 
	width: 737px;  /* 46em this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: #body. */
	background-image:url(images/content_bg.jpg);
	background-repeat:no-repeat;
	background-position:100% 30%;
}
	
.winlayout #header { 
	background: #ffffff;
	/*background-image:url(../../images/header_graphic.jpg); */
	padding:0 0;
	margin-bottom: -3px; /*John's hack for IE6 gap*/
} 
.winlayout #header img {
	margin: 0; /* zeroing margin avoids margin collapse*/
}
#headertext{
	position:absolute;
	top:29px;
	padding-left:500px;
	width: 16em;
	height: 10em;
	z-index:10;
	text-align:right;
	color:Black;
	font-size:.8em;
	font-weight:bold;
}

#headertext a
{
	text-decoration:underline;
	color:#336666;
}

#headertext a:hover
{
	color:#669999;
}

/*NAVIGATION COLUMN RULES*/
.winlayout #navigation {
float: left; 
width : 150px;
padding: 15px 0;
background-image : url(images/nav_frame.jpg);
background-repeat:repeat-y;
background-position: left center;
margin:0 20px 0 0;
min-height:600px;
}

.winlayout #navigation h3, .winlayout #navigation p {
margin-left: 10px; 
margin-right: 10px;
}

.navbar {
padding:5px 0 5px 0;
text-indent:30px;
line-height:100%;
}
.navbar a:link, .navbar a:visited {
color:#000000;
text-decoration:none;
font-size:1em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
display:block;
background-image:url(images/nav_bg1.jpg);
background-repeat:no-repeat;
background-position:left center;
padding:10px 0 10px 0;
}


.navbar a:hover {
color:#000000;
text-decoration:none;
font-size:1em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
display:block;
background-image:url(images/nav_bg2.jpg);
background-repeat:no-repeat;
background-position:left center;
padding:10px 0 10px 0;
}

.navbar p {
	color:#ffffff;
	text-indent:0px;
}

/*BEGIN CONTENT RULES*/
.winlayout #content {
margin:10px 10px 10px 0px;
padding:10px 5px 10px 0px;
height:100%;
}

.winlayout #content a:link, .winlayout #content a:visited {
color: #be4326;
font-weight: bold;
text-decoration: underline;
text-align: left;
vertical-align: top;
font-size:1em;
}

.winlayout #content a:hover, a:active {
color: #993300;
font-weight: bold;
text-decoration: underline;
text-align: left;
vertical-align: top;
font-size:1em;
}

.winlayout #content h1 
{
font:bold 1.3em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #000;
text-align:center;
background:url(images/h1_bg.jpg) no-repeat 50% 50%;
background-color:transparent;
}

.winlayout #content h2 {
font:bold 1.1em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #7f4d12;
background-color: transparent;
line-height: 90%;
margin-bottom:4px;
}
.winlayout #content h3 {
font:bold 1em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #d26045;
background-color : transparent;
}
.winlayout #content h4 {
font:bold .9em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #c99b45;
background-color : transparent;
}
/*Redish warning text*/
.winlayout #content h5 {
font:bold .8em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #900;
background-color : transparent;
}
/*contact page.*/
.winlayout #content h6 {
font:bold 1em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #c99b45;
margin:0 0 -1.4em 0;
padding:0 0 0 0;
background-color: transparent;
}
.winlayout #content p {
font: normal .9em Arial, Helvetica, sans-serif;
color: #555555;
line-height: 120%;
background-color: transparent;
}

.winlayout #content ul {
font: bold .9em Arial, Helvetica, sans-serif;
color:#333333;
background-color : transparent;
list-style-image:url(images/bullits1.gif);
}

.winlayout #content ol {
font: bold .8em Arial, Helvetica, sans-serif;
color:#444444;
background-color : transparent;
}

.winlayout #content li {
 margin: .7em 0 .7em 1em;
 padding:0 0 0 0;
 list-style-position: outside;
 text-indent: 0px;
}
.winlayout #content table {
 background-color:transparent;
}
.winlayout #content td 
{
 font: normal .8em Arial, Helvetica, sans-serif;
 color: #333333;
 background-color:#fef6ca;
 text-align: center;
 border-bottom: solid 1px #6d4c16;
 border-right: solid 1px #6d4c16;
}
.winlayout #content th {
background-color:#000;
border-bottom: solid 1px #6d4c16;
border-right: solid 1px #6d4c16;
text-align: center;
color:#fff;
}
.winlayout #content img 
{
padding: 5px 0 0 5px;
margin: 5px 0 0 5px;

} 
/*FOOTER RULES*/
.winlayout #footer { 
padding: 0 10px; /* matches left alignment of above divs. */
/*background:#e7eef1;*/
background:url(images/footer.jpg) repeat-x 50% 50%;
background-color:transparent;
bottom:0%;
} 
.winlayout #footer a:link, .winlayout #footer a:visited {
color: #669999;
font-weight: bold;
font-size:1.2em;
text-decoration: none;
vertical-align: top;
}

.winlayout #footer a:hover, a:active {
color: #993300;
font-size:1.2em;
font-weight: bold;
text-decoration: none;
vertical-align: top;
}
.winlayout #footer p {
margin: 0;
padding: 10px 0; /* padding rather than margin to avoid collapse bug */
font: normal .7em Arial, Helvetica, sans-serif;
color:#666;
background-color :transparent;
}
/*************************/
/*Registration Form Only*/
/************************/
.winlayout #regWizArea {
background-color:transparent;
font: bold 1em Arial, Helvetica, sans-serif;
color:#333333;
line-height:100%;
z-index:20;
margin:10px 10px 10px 0px;
padding:10px 10px 10px 10px;
height:100%;
left:5%;
width:95%;
/*max-width:400px;*/
}


.winlayout #regWizArea h1, .winlayout #regWizArea h2, .winlayout #regWizArea h3, .winlayout #regWizArea h4
{
    text-align:left;
    color:#326175;
    font-family:Arial, Helvetica, sans-serif;
    background-image:none;
}
/*H6 is only for the FAQ page*/
.winlayout #regWizArea h6 
{
    padding:10px 10px 10px 10px;
    font:bold 1.2em 1.5em;
    color:#326175;
    text-indent:20px;
    background:url(images/question.gif) no-repeat center left;
    /*background-position: left;*/
}
.winlayout #regWizArea th {
 background-color:#326175;
 border:0 0 0 0;
 }
.winlayout #regWizArea td {
 background-color:transparent;
 text-align:left;
 /*padding: 3px;*/
 border-bottom: none;
 border-right: none;
 }
 .winlayout #regWizArea ul {
font:bold .8em Arial, Helvetica, sans-serif;
color:#f00;
text-align:left;
line-height:100%;
background-color : transparent;
list-style-image:url(images/bullits_red.gif);
background-position: 1em;
}
.winlayout #regWizArea p {
font-family:Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight: normal;
color: #333333;
text-align:left;
background-color: transparent;
line-height: 120%;
}

.winlayout #regWizArea ol {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#333333;
line-height:100%;
text-align:left;
background-color : transparent;
padding-bottom: 5px;
}

.winlayout #regWizArea li {
padding-left: 5px;
}

.winlayout #noTable {
background-color:transparent;
font: bold 1.2em Arial, Helvetica, sans-serif;
color: White;
line-height:100%;
z-index:20;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
/*max-width:400px;*/
}

.winlayout #noTable th 
{ 
	background-color: White;
	border:0 0 0 0;
}

.winlayout #noTable td 
{ 
	background-color:White;
	 text-align:left;
	 /*padding: 3px;*/
	 border-bottom: none;
	 border-right: none;
}
/*classes for Registration Wiz*/

.registrationsubbox
{
	padding: 7px 7px 7px 7px;
	border-bottom: solid 2px #bbbbbb;
	border-right: solid 2px #cccccc;
	background-color:#e9f0f4;
	text-align: left;
	margin: 3px 0 0 0;
	float: left;
	width: 100%;
	max-width:500px;
}
.registrationNav
{
    font-size:.7em;
}
.registrationButton
{
    margin-bottom:0px;
    padding-bottom:0px;
}
.registrationSideBarButton
{
	line-height:15px;
	width:89%;
	border: solid 1px #316479;
	border-bottom: solid 2px #162c36;
	border-right: solid 2px #20404f;
	background-color:#c6dbe4;
	padding:5px 5px 3px 5px;
	display:block;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	margin:0 0 1px 0;
	color:#000000;
}
.registrationmainsubtitle
{
	color:#003;
	margin-left: 5px;
	margin-top: 3px;
	padding-bottom: 4px;
	font-size:small;
	
}
.registrationSideBarButton:hover
{
    text-align:left;
    background-color:#cccccc;
    border-bottom: solid 1px #1e3e4c;
	border-right: solid 1px #1e3e4c;
	margin:2px 0 0 2px;
}



.regwiztxt
{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
padding:10px;
font-size:1em;
font-weight:normal;
}
.registrationrightbox
{
	text-align:left;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	width: 450px;
	padding: 7px;
	color: #729dae;
	border: solid 1pt #3e9fd0;
	margin:3px 0 0 0;
	min-height: 250px;
}
.errortxt
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-align:left;
	font-size: .9em;
	color: #ff0000;
}

/* Miscellaneous*/
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
/***********************************************************/
.clearfloat { /* -final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Fixes all versions of IE? Zoom gives IE the hasLayout-avoids bugs*/
.winlayout #navigation { padding-top: 30px; }
.winlayout #content { zoom: 1; padding-top: 15px;
}

.centered
{
	text-align:center;
}

.errorfield 
{
	background-color: #ffffcc;
	border: 1px gray solid;
}  

.normalfield
{
	border: 1px gray solid;
	background: #fffffff;
	color: #000000;
}