/*RESET */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,  
li, dl, dt, dd, form, a, fieldset, input, th, td  {  
	margin: 0; padding: 0; border: 0; outline: none;  
	}  
html, body{height: 100%;}

html { background: #1c4178; }
body {  
	background: url(../images/bg.png) top repeat-x;
	line-height: 1;  
 	font-size: 88%  ;
 	}  
     
h1, h2, h3, h4, h5, h6  {  
	font-size: 100%; 
	margin: 0 ;  
	padding: 0 ; 
	}

p { font: 11px/22px "lucida grande","trebuchet ms",verdana,sans-serif; } /* Default font */
     
ul, ol  {  
	list-style: none;  
	}  
     
a  {  
	color: black;  
	text-decoration: none;  
 	}  
    
a:hover  {  
	text-decoration: underline;  
   	}  

/* END RESET */
/*           */
/*           */

/* CONTAINER */



/* HEADER */

#top-nav { background: #0598d8 ; float: left ; width: 100% ; }
#top-nav h1 a{ 
	background: #0599d9 url(../images/top-nav-logo.png) no-repeat ;
	display: block ; 
	height: 57px;
	margin: 0 0 0 20px ;
	padding: 0 ;
	text-indent: -9000px ;
	width: 387px ; }

#header { clear: both ; background: url(../images/header-bg.png) top left no-repeat ; min-width: 1000px ; height: 224px ; float: left; }
#header h1 a { clear: both ; display: block ; float: left ; text-indent: -9000px ; background: url(../images/recharge-logo.png) no-repeat ; height: 51px ; margin: 25px 0 0 15px ; width: 259px;  }
#header p { color: #fff ; float: left ; font-size: 16px ; margin: 40px 0 0 50px ; }

/* CONTENT */

#content { 
	background: #1c4178 url(../images/content-bg.png) top repeat-x ; 
	clear: both ; 
	float: left ; 
	height: 1%;
	margin: -50px 0px 20px 0px ; 
	min-width: 1000px ;
	width: 1000px ; }

/* MAIN-CONTENT */

#content #main-content { color: #fff ; float: left ; height: 1% ; width: 350px ; }
#content #main-content p { float: left ; margin: 10px 0 10px 0 ; }
#content #main-content p a {color: #d5f6fb ; }
#content #main-content h2 { font-size: 24px ; border-bottom: solid 1px #4884b1 ; padding: 0 0 5px 0 ; margin: 0 ; }

/* SECONDARY-COL */

#content #secondary-col { color: #fff ; float: left ; margin: 0 0 0 40px ; width: 250px ; }
#content #secondary-col h2{ color: #0d3b65 ; font-size: 18px ; border-bottom: solid 1px #4884b1 ; padding: 0 0 5px 0 ; margin: 0 ; }
#content #secondary-col h3{ font-size: 16px ; margin: 8px 0 0 0 ; }
#content #secondary-col p {margin: 10px 0; line-height: 12pt; }
#content #secondary-col p a {color: #d5f6fb; text-decoration: none;}
#content #secondary-col p a:hover { text-decoration: underline; }
#content #secondary-col a.register-btn { 
	background: url(../images/register-btn.png) no-repeat ; 
	clear: both ; 
	float: left ;
	margin: 10px 10px 10px 0px ; 
	height: 30px ;
	text-indent: -9000px ; 
	width: 77px ; }
#content #secondary-col a.register-btn:hover { background: url(../images/register-btn-ON.png) no-repeat ; }


/* TERTIARY-COL */

#content #tertiary-col { float: left ; width: 360px ; }
#content #tertiary-col img { border: solid 10px #fff;  margin: 0 0 10px 20px ; }


/* FOOTER */


#footer {
	background: #193a6b url(../images/footer-bg.png) repeat-x ; 
	float: left ; 
	clear: both;
	top: 10px; 
	width: 100% ; }
#footer p { color: #fff ; padding: 20px ; }

/* CONTACT FORM */

#form-notice {clear: both;height: 1%; position: relative;}
#contact_form { 
	float: left;
	margin:0 auto;  
	padding:10px 0;
	background: url(../images/form_bg.png) no-repeat; }

#contact_form a {color: #d5f6fb; text-decoration: none; }
#contact_form a:hover { text-decoration: underline; }
#contact_form p { clear: both; position: relative; }

form fieldset { 
	float: left ; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1.2em;
	height: 1%;
	margin:0px 0px 20px 0px;
	position:relative;
	border:0;
	display:block; 
	padding: 0px 10px 8px; }
	
form fieldset legend { 
	border-width:1px; 
	border-style:solid; 
	border-color:#BBBB66; 
	font-weight:bold; 
	font-variant:small-caps; 
	font-size:140%; 
	padding:4px 8px;
	margin:0px 0px 10px 0px; 
	position:relative; 
	top: -12px; background:white; }

label { 
	font-size: 12px ; 
	display: block ; 
	float: left ; 
	width: 7em ; 
	text-align: left ;
	margin: .2em .2em 15px 0 ; 
	color: #ffd ; 
	font-weight: bold ;
	padding: 8px 0px; }

	#contact_form  p {float: left; padding: 0; margin: 0; width: 100% }
label.error { 
	font-weight: normal ;
	color: red ; 
	margin: .2em .2em 15px .4em ; 
	text-align: left ;
	width: 140px ; 
	padding-left: 25px ;
	background: transparent url(../images/50.png) no-repeat scroll left; }

input.text-input { margin: 6px ; padding: 2px 0 ; color: #333 ; }

label#name_label      { float: left ; }
input#name            { float: left ; height: 1% ; }
label#name_error      { }

label#email_label     { clear: both ;float: left ; }
input#email           { float: left ; }
label#email_error      {  }

label#phone_label     { clear: both ; float: left ; }
input#phone           { float: left ; height: 1% ;}
label#phone_error      {  }

label#grad_date_label    { clear: both ; float: left ; }
input#grad-date           { float: left ; height: 1% ; margin: 12px 6px 6px 6px; }
label#grad_date_error      { position: absolute;}

label#deg_cert_label { clear: both ;float: left ; }
input#degcert { float: left ; margin: 14px 6px 6px 6px;}
label#deg_cert_error {  }

input.button { 
	clear: both ;
	float: left ;
	padding:3px 6px;
	border:2px solid #fff; 
	margin:20px 0px 0px 0px; 
	color:#3D7169; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#CCC; 
	}

input.button:hover { 
	background:#009FAA none repeat scroll 0% 0%; 
	color:white; }

#message							{ width:180px;margin:60px 0 0 100px; }
#message h2						{ font-size:150%;color:white; }
#message p						{ color:white;font-weight:bold;margin:6px 0px; }
#checkmark						{ position:relative;top:-46px;left:-60px; }