* { margin:0px;	padding:0px; }

html, body { background-color: #A1B2C3;	text-align: center; }
body, table, tr, td, form, p, input, select, submit {
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
}

a, a:visited { color: #333; }
a:hover { color: #BBE300; }


#wrapper {
	margin: 0px auto 0px auto;
	width: 820px;
	background-color: #fff;
	text-align: left;
}
#header {
	display: block;
	width: 100%; height: 214px;
	border-top: 1px solid #fff; 
}

#header_left { 
	display: inline; float: left;
	width: 240px; height: 100%;
	background-color: #C8D5E6;
	margin: 0 1px; 
}

#header_middle { 
	display: inline; float: left;
	width: 334px; height: 100px;
	margin: 0 1px;
	background-color: #C8D5E6;
}

#header_right {  
	display: inline; float: left;
	width: 240px; height: 100%;
	background-color: #C8D5E6;
	margin: 0 1px; 
	text-align: center;
}

#header_right img, #header_right p { float:left; display:inline; margin: 5px; }
#header_right p { width: 50%; margin: 10px 20px 0 0; }

#logo { width: 100%; height: 100px; background-color: #233A57; text-align: center; padding: 5px 0 0 0; cursor: pointer; }

#nav { 
	width: 100%; height: 123px; 
	background: #fff url("../img/bg.nav.gif") right top repeat-y;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding-top: 10px; 
}


#nav a { 
	width: 100%; display: block;
	padding: 4px 0 4px 15px; margin: 0 0 0 100px;
	background: url("../img/nav.arrow.gif") left center no-repeat;
	text-decoration: none;
	color: #fff;
}

#nav a:hover { color: #BBE300;  }

#login { width: 100%; height: 100px; background-color: #6B7A8E; text-align: center; border-bottom: 1px solid #fff; }
#login form { padding: 20px; text-align: left; }
#login input { 
	display: block; width: 150px; 
	color: #9AAAC1; font-family: tahoma, arial, sans-serif; font-size: 11px; 
	padding: 0 3px; margin: 2px; 
	border: 2px groove #9AAAC1; 
}
#login .submit { width: 50px; height: 20px; color: #A8FF00; border: 0px; cursor: pointer; padding-left: 6px; background: url("../img/nav.arrow.gif") left center no-repeat; }


/** body **/

#body { width: 100%; margin: 1px 0; }

#left { 
	float: left; display: inline;
	width: 240px; 
	margin: 0 1px;
}

#left a { 
	display: block;
	text-transform: uppercase; text-decoration: none;
	color: #36506F;	font-size: 13px; font-weight: bold;  
	margin: 0 0 1px 0; padding: 5px 5px 5px 15px;
	background: #C8D5E6 url("../img/nav.arrow.blue.gif") 5px center no-repeat; 
	
}
#left a:hover, #left a.bold:hover { background-color: #eaeaea; }
#left a.bold { 
	color:  #a8ff00; 
	background: #233a57 url("../img/nav.arrow.gif") 5px center no-repeat; 
}
#left a.img { margin:0px; padding:0px; }
#left img { border:0px; margin:0px; padding:0px; }
#left a.sponsor { padding:0px; background:none; }

#middle { 
	float: left; display: inline;
	width: 576px; 
	background-color: #E6EAEF;
	margin: 0 1px; padding: 0px 0px 10px 0px;
}

#middle h1, #middle h2, #middle p, #middle ul, #middle form, #middle img { margin-left: 20px; }
#middle h1, #middle h2, #middle ul { margin: 20px; }
#middle h1 { font: bold 18px Trebuchet MS, Helvetica, sans-serif; color: #666; }
#middle h2 { font: bold 14px Trebuchet MS, Helvetica, sans-serif }
#middle ul {  } 
#middle li { margin-left: 15px; list-style: square; line-height: 130%; }
#middle p { margin: 10px 20px; line-height: 130%; }
#middle p img { margin-left:0px; }
#middle img { border:0px; }
#middle img { border: 1px solid #A1b2c3; padding: 2px; }


#middle table { margin-top: 0px; }
#middle td.label { width: 125px; vertical-align: top; }
#middle td.heading { font-weight: bold; font-size: 13px; padding-top:10px; }
#middle textarea { width: 350px; height: 75px; font-family: arial; font-size: 10px; }
#middle #current td.label { width: 250px; }
#middle #training table { width: 100%; margin: 5px 0; }
#middle #training textarea { width: 40px; height: 27px; overflow: hidden; font-family: arial; font-size: 9px; }

#footer { 
	display: block; clear: both;
	width: 100%; height: 50px; 
	padding: 15px 0;
	color: #fff;
	text-align: center; 
	background-color: #a8ff00;
}

#footer a { color: #fff; }



