body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #50778f;
	background-color: #CFDBE9;
	background-image: url(images/backgroundGradient.jpg);
	margin: 20px 0;
}

a:active    	  {
	text-decoration: none;
	color: #00008B;
}			
a:link      	  {text-decoration: none; 	 color: #00008B;}		
a:visited   	  {text-decoration: none; 	 color: #00008B;}
a:hover    	  	{text-decoration: none; 	 color: #00008B;}	
a:visited:hover {text-decoration: none; 	 color: #00008B;}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #50778f;
}

#three-ads {
	width: 760px;
	margin: 10px auto;
	background: url(images/bg_three_ads.gif) no-repeat bottom left;
	}

.ad-box {
	float: left;
	}
.ad-box h2 {
	padding: 20px 0 10px;
	margin: 0;
	text-align: left;
	font: 24px normal "Times New Roman", Times, serif;
	}

#helpline {
	width: 250px;
	color: #ddf9a2;
	margin-right: 5px;
	float: left;
	}
#helpline h2 {
	color: #ddf9a2;
	font: 24px normal "Times New Roman", Times, serif;
	background: url(images/bg_helpline_trans_h2.gif) no-repeat top left;
	padding-left: 30px;
	width: 100%;
	}
#helpline h3 {
	color: #ddf9a2;
	font: normal 18px Arial, Helvetica, sans-serif;
	padding: 15px 0 0;
	margin: 0;
	text-align: center;
	}
#helpline span, #helpline h2 span, #assessment h2 span, #seminar h2 span {
	color: #ffffff;
	}
#helpline ul {
	margin: 17px 0 5px 33px;
	padding: 0;
	list-style: none;
	text-align:left;
	}
#helpline ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.6em;
	font: 14px Arial, Helvetica, sans-serif;
	}
#assessment {
	width: 250px;
	color: #7fbae3;
	margin-right: 5px;
	display: inline;
	}
#assessment h2 {
	color: #7fbae3;
	font: 24px normal "Times New Roman", Times, serif;
	background: url(images/bg_assessment_trans_h2.gif) no-repeat top left;
	padding-left: 19px;
	width: 100%;
	}

#seminar h2 {
	color: #7fbae3;
	font: 24px normal "Times New Roman", Times, serif;
	background: url(images/bg_seminar_trans_h2.gif) no-repeat top left;
	padding-left: 30px;
	width: 100%;
	}
#seminar {
	width: 250px;
	color: #9eddfe;
	float: left;
	}
#seminar div.content  {
	background: url(images/bg_seminar_p.jpg) no-repeat top left;
	width: 240px;
	}
#seminar div.content p  {
	padding: 15px 20px 30px 100px;
	margin: 0;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	line-height: 1.0em;
	}

#sub-nav {
	background: url(images/subnav_top.gif) no-repeat top left;
	width: 530px;
	float: left;
	text-align: center;
	}	
#sub-nav ul {
	list-style: none;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	}	

#sub-nav ul li {
	margin: 0; padding: 0; display: inline;
	color: #fff; 
	}	
#sub-nav ul li a {
	color: fff;
	padding: 5px 8px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}	
#sub-nav ul li a.off{
	color: #ebebeb;
	}		
#sub-nav ul.sub-nav-second {
	list-style: none;
	margin: 0;
	padding: 0 0 5px;
	text-align: center;
	}
#sub-nav ul.sub-nav-second li {display: inline;}

.in-page-box {
	width: 449px;
	background: url(images/in_page_box_bg.gif) no-repeat bottom left;
	margin-top: 20px;
	}
	
.in-page-box p {
	margin: 0;
	padding: 5px 10px;
	}
	
.in-page-box h2 {
	background: url(images/in_page_box_top.gif) no-repeat top left;
	color: #fff;
	padding: 5px 5px 6px 12px;
	margin: 0 0 7px;
	}

.in-page-box ul {
	list-style: none;
	padding: 0 20px 20px 35px;
	margin: 0;
	}
.in-page-box ul li {
	text-indent: -15px;
	padding: 2px 0;
	}
.in-page-box ul li.double {
	text-indent: -21px;
	padding: 2px 0;
	}

/* =Forms
-----------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opea 7 */
fieldset, form { border: none; margin: 0; padding: 0;}
fieldset#mini-join input.texts {
	width: 11em;
	}
div.form-container { margin: 0; padding: 0; }	
div.form-container form fieldset div { padding: 2px 0; margin: 0;}
div.form-container label, div.form-container span.label { padding: 3px 3px 0 0; width: 70px; display: block; float: left; text-align: right; position: relative; line-height: 1.5em;}
div.form-container div.controlset label, 
div.form-container div.controlset input 
	{ display: inline; float: none; width: auto; }
div.form-container div.controlset div { margin-left: 0; }

div.form-container input {font-size: 10px; margin: 3px 0; padding: 0; line-height: normal;}
div.form-container input.text { border: 1px solid #7DADDD; font-size: 12px; padding: 2px 1px 1px; background: #DFEBF7;}
	
	
	
.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #50778f;
}
.body a:active    	  {text-decoration: none; 	 color: #ff6600;}			
.body a:link      	  {text-decoration: none; 	 color: #ff6600;}		
.body a:visited   	  {text-decoration: none; 	 color: #ff6600;}
.body a:hover    	  {text-decoration: none; 	 color: #ff6600;}	
.body a:visited:hover {text-decoration: none; 	 color: #ff6600;}

.body8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #50778f;
}
.body8 a:active    	  {text-decoration: none; 	 color: #ff6600;}			
.body8 a:link      	  {text-decoration: none; 	 color: #ff6600;}		
.body8 a:visited   	  {text-decoration: none; 	 color: #ff6600;}
.body8 a:hover    	  {text-decoration: none; 	 color: #ff6600;}	
.body8 a:visited:hover {text-decoration: none; 	 color: #ff6600;}

.bodyGrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #878787;
}
.bodyGrey a:active    	  {text-decoration: none; 	     color: #ff6600;}			
.bodyGrey a:link      	  {text-decoration: none; 	     color: #ff6600;}		
.bodyGrey a:visited   	  {text-decoration: none; 	 	 color: #ff6600;}
.bodyGrey a:hover    	  {text-decoration: underline; 	 color: #ff6600;}	
.bodyGrey a:visited:hover {text-decoration: underline; 	 color: #ff6600;}


.leftBarText {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	color: #9eddfe;
}
.leftBarText a:active    	  {text-decoration: none; 	     color: #ff6600;}			
.leftBarText a:link      	  {text-decoration: none; 	     color: #ff6600;}		
.leftBarText a:visited   	  {text-decoration: none; 	 	 color: #ff6600;}
.leftBarText a:hover    	  {text-decoration: underline; 	 color: #ff6600;}	
.leftBarText a:visited:hover  {text-decoration: underline; 	 color: #ff6600;}

.leftBarTextTitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	color: #FFFFFF;
}
.leftBarTextTitle a:active    	  {text-decoration: none; 	     color: #FFFFFF;}			
.leftBarTextTitle a:link      	  {text-decoration: none; 	     color: #FFFFFF;}		
.leftBarTextTitle a:visited   	  {text-decoration: none; 	 	 color: #FFFFFF;}
.leftBarTextTitle a:hover    	  {text-decoration: underline; 	 color: #FFFFFF;}	
.leftBarTextTitle a:visited:hover  {text-decoration: underline; 	 color: #FFFFFF;}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #50778f;
	font-weight: bold;
}
.title a:active    	  {text-decoration: none; 	 color: #ff6600;}			
.title a:link      	  {text-decoration: none; 	 color: #ff6600;}		
.title a:visited   	  {text-decoration: none; 	 color: #ff6600;}
.title a:hover    	  {text-decoration: none; 	 color: #ff6600;}	
.title a:visited:hover {text-decoration: none; 	 color: #ff6600;}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #50778f;
	font-weight: bold;
}
.header a:active    	  {text-decoration: none; 	 color: #ff6600;}			
.header a:link      	  {text-decoration: none; 	 color: #ff6600;}		
.header a:visited   	  {text-decoration: none; 	 color: #ff6600;}
.header a:hover    	  	  {text-decoration: none; 	 color: #ff6600;}	
.header a:visited:hover   {text-decoration: none; 	 color: #ff6600;}

.linkSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #50778f;
}
.linkSmall a:active    	  {text-decoration: none; 	 color: #ff6600;}		
.linkSmall a:link      	  {text-decoration: none; 	 color: #ff6600;}		
.linkSmall a:visited   	  {text-decoration: none; 	 color: #ff6600;}	
.linkSmall a:hover    	  {text-decoration: none; 	 color: #ff6600;}	
.linkSmall a:visited:hover {text-decoration: none; 	 color: #ff6600;}

.bodyWhiteSm {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}
.bodyWhiteSm a:active    	   {text-decoration: none; 	 color: #FFFFFF;}			
.bodyWhiteSm a:link      	   {text-decoration: none; 	 color: #FFFFFF;}		
.bodyWhiteSm a:visited   	   {text-decoration: none; 	 color: #FFFFFF;}
.bodyWhiteSm a:hover    	   {text-decoration: none; 	 color: #FFFFFF;}	
.bodyWhiteSm a:visited:hover   {text-decoration: none; 	 color: #FFFFFF;}

.footer {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #50778f;
}
.footer a:active    	   {text-decoration: none; 	 color: #50778f;}		
.footer a:link      	   {text-decoration: none; 	 color: #50778f;}		
.footer a:visited   	   {text-decoration: none; 	 color: #50778f;}
.footer a:hover    	   	   {text-decoration: none; 	 color: #50778f;}		
.footer a:visited:hover    {text-decoration: none; 	 color: #50778f;}

.bodyWhite {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
}
.bodyWhite a:active    	   {text-decoration: none; 	 color: #FFFFFF;}			
.bodyWhite a:link      	   {text-decoration: none; 	 color: #CCCCCC;}		
.bodyWhite a:visited   	   {text-decoration: none; 	 color: #CCCCCC;}
.bodyWhite a:hover    	   {text-decoration: underline; 	 color: #CCCCCC;}	
.bodyWhite a:visited:hover   {text-decoration: underline; 	 color: #FFFFFF;}



/* self-clearing floats */

#three-ads:after
 {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }