/* CSS Document */

/* CSS Document */

 html,body,p,div,img,li,ul,dl,dd,dt,form,table,td,tr,form{
/*** Let's go commando ***/
  margin:0;
  padding:0;
  border:0;
}
input,select{
  margin:0;
  padding:0;}

/* Main DIV Layouts --------------------------------------------------*/

body{
 margin: 0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 color: #333333;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 82%;
 background-color: #FFFFFF;
 text-align: center}
 
#containertop {margin: 0;
			padding: 0px 0px 0px 20px;
			background-color: #FFFFFF;
			text-align:left
			;}

#containermid {margin: 0;
            width: 1000px;
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			background-color: #FFFFFF;
			text-align:left
			;}
			
			
#containerfour {
            width: 1000px;
			margin-left: auto;
			margin-right: auto;
	        padding: 0px 0px 0px 0px;
			background-color: #FFFFFF;
			text-align:left
			}			
			
#containerfoot{margin: 0;
            width: 1000px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 15px;
			padding: 0;
			background-color: #FFFFFF;
			text-align:left;
			clear:both;
			border:solid #008f8d; border-width:4px 0px 0px 0px;}						


/* Header --------------------------------------------------*/

#head{
height:116px;
text-align:left;
background-image:  url(../images/head_bg.jpg);
background-repeat: no-repeat;
background-position: top right;
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
width: 1000px;
margin-left: auto;
margin-right: auto;
}
/* Top Navigation --------------------------------------------------*/
#subnav {margin: 17px 0px 5px 0px; color:#009999; padding: 0px 0px 0px 0px; 
}
#subnav a:link    {color: #009999; text-decoration: none; margin-right: 3px; margin-left: 3px  }
#subnav a:visited {color: #009999; text-decoration: none; margin-right: 3px; margin-left: 3px}
#subnav a:hover   {color: #009999; text-decoration: underline; margin-right: 3px; margin-left: 3px}

#logo {margin: 0px 0px 0px 0px; width: 450px; float: left; padding: 20px 0px 0px 0px}
#logonqai {margin: 0px 0px 0px 0px; width: 215px; float: right; padding: 0px 0px 0px 0px}
.invisible{position: absolute; left: -9000px}


/* Main Content Layouts --------------------------------------------------*/

#hairline {height: 4px; border:solid #008f8d; border-width:4px 0px 0px 0px;  width: 1000px; margin-left: auto; margin-right: auto;}

#subline {height: 4px; border:solid #CCCCCC; border-width:4px 0px 0px 0px; clear:both; width: 1020px; margin-left: auto; margin-right: auto;}

#contenthome {padding: 0px;
		  margin-left: 0px;
		  margin-right: 480px;
		  margin-top: 15px;
		  background-color: #FFFFFF;
		  padding: 0px 0px 10px 0px;}
		  

#sidebar-a {float: right;
			width: 460px;
			background-color: #ffffff;
			margin: 15px 0px 0px 0px;
			padding: 0px 0px 10px 0px;}
			
			
#sidebar-b {float: left;
			width: 211px;
			background-color: #ffffff;
			margin: 30px 0px 0px 0px;
			padding: 0px 0px 10px 0px;}
			
#content {padding: 0px;
		  margin-left: 230px;
		  margin-right: 10px;
		  margin-top: 10px;
		  margin-bottom: 0px;
		  background-color: #FFFFFF;
		  padding: 0px 0px 20px 0px;
		  text-align:left;}

#contentsearch {padding: 0px;
		  margin-left: 10px;
		  margin-right: 10px;
		  margin-top: 10px;
		  margin-bottom: 0px;
		  background-color: #FFFFFF;
		  padding: 0px 0px 20px 0px;
		  text-align:left;}
		  
#noscript {padding: 0px;
		  background-color: #FFFF99 ;
		  padding: 10px 10px 10px 10px;
		  text-align:left;
		  color:#FF0000;
		  font-family:Verdana, Arial, Helvetica, sans-serif}  

		  
#historytrail {margin: 7px 0px 0px 0px}		  						
											
/* Tables --------------*/


table {background-color: #cccccc;}
td {background-color: #FFFFFF; padding: 5px;}
th {background-color:#EDF8FD; padding: 5px; color: #333333;}


/* Links --------------------------------------------------*/
a:link    {color: #0000FF; text-decoration: none; }
a:visited {color: #800080; text-decoration: none; }
a:hover   {color: #0000FF; text-decoration: underline; }

a:link.fan    {color: #02445A; text-decoration: underline; }
a:visited.fan  {color: #800080; text-decoration: underline; }
a:hover.fan    {color: #02445A; text-decoration: underline; }


/* Headings, Lists and Paragraphs --------------------------------------------------*/

#home h1 {color:#02445A; font-size: 1.2em; border:solid #FFFFFF; border-width: 0px 0px 0px 0px; margin-bottom:10px;}
#home h2 {color:#022832; font-size: 1.6em; margin: 0px 0px 0px 0px; font-weight:normal; padding:0; background-color: #FFFFFF}


h1 {color:#02445A; font-size: 1.4em; border:solid #009AB0; border-width: 0px 0px 1px 0px; margin:0px 0px 10px 0px; padding:0}
h2 {color:#009AB0; font-size: 1.2em; margin:10px 0px 7px 0px; padding:3px 0px 3px 0px; background-color:#EDF8FD}
h3 {color:#009AB0; font-size: 1.2em; margin:0px 0px 10px 0px; padding:0; }
p  {margin: 0px 0px 10px 0px; padding: 0; line-height: 1.3em }

#content ul {margin: 0px 0px 0px 0px;  list-style-type: none; }
#content ul li {padding: 0px 0px 3px 17px; background: #FFFFFF url(../images/bullet.gif) no-repeat 0.3em 0.4em;}
#content ol ol { list-style-type: lower-alpha;}

/* Main Page Placeholders --------------------------------------------------*/
#placeleft {padding: 0px;
		  margin-left: 0px;
		  margin-right: 158px;
		  background-color: #FFFFFF;
		  padding: 0px 0px 0px 0px;}

#placeright {float: right;
			width: 158px;
			background-color: #ffffff;
			margin: 0px 0px 0px 0px;
			padding: 0}		  
		  



/* Four Placeholders --------------*/
.fourplace {margin: 0px 0px 20px 0px; width:247px; float: left; }

/* Learners --------------*/
#learn {margin: 10px 0px 0px 0px; width: 209px; background: url(../images/learn_bg.gif) repeat-y;}
#learntop {height: 33px; background: url(../images/learn_top.gif) no-repeat; background-position: top left;}		
#learnmid{padding: 5px 7px 0px 7px;}
#learnbot{height: 9px; background: url(../images/learn_bot.gif) no-repeat; background-position: bottom left;}
#learntop h2 {color:#FFFFFF; font-size:1.5em;}
#learnmid p {margin:0; padding:0;}

/* Employers & recruiters --------------*/
#employ {margin:10px 0px 0px 0px; width: 209px; background: url(../images/employ_mid.gif) repeat-y;}
#employtop {height: 33px; background: url(../images/employ_top.gif) no-repeat; background-position: top left;}		
#employmid{padding: 5px 7px 0px 7px;}
#employbot{height: 9px; background: url(../images/employ_bot.gif) no-repeat; background-position: bottom left;}
#employtop h2 {color:#FFFFFF; font-size:1.5em;}
#employmid p {margin:0; padding:0;}


/* Advisors --------------*/
#advisor {margin:10px 10px 0px 0px; width: 209px; background: url(../images/advisor_mid.gif) repeat-y;}
#advisortop {height: 33px; background: url(../images/advisor_top.gif) no-repeat; background-position: top left;}		
#advisormid{padding: 5px 7px 0px 7px;}
#advisorbot{height: 9px; background: url(../images/advisor_bot.gif) no-repeat; background-position: bottom left;}
#advisortop h2 {color:#FFFFFF; font-size:1.5em;}
#advisormid p {margin:0; padding:0;}

/* Providers --------------*/
#provider {margin:10px 10px 0px 0px; width: 209px; background: url(../images/provider_mid.gif) repeat-y;}
#providertop {height: 33px; background: url(../images/provider_top.gif) no-repeat; background-position: top left;}		
#providermid{padding: 5px 7px 0px 7px;}
#providerbot{height: 9px; background: url(../images/provider_bot.gif) no-repeat; background-position: bottom left;}
#providertop h2 {color:#FFFFFF; font-size:1.5em;}
#providermid p {margin:0; padding:0;}


/* Footer --------------------------------------------------*/
#footerlogos {float:left; margin-top:7px}
#foottext {margin: 10px 0px 0px 0px; font-size: 0.9em}

/* Side Navigation -------------------------------------------------------------------------*/
#sideblue     {margin-left: 0px; border:1px solid #CCCCCC; border-width: 1px 1px 1px 1px; }
#sideblue ul  {margin: 0; padding: 0; list-style-type: none; font-family: arial, Helvetica, sans-serif; background-color: #CCCCCC;}
#sideblue li  {margin: 0 0 1px 0; }
#sideblue a   {display: block; padding: 5px 13px; width: 183px; color: #333333; background-color: #FFFFFF; text-decoration: none; background: #FFFFFF url(../images/square.gif) no-repeat 0.3em 0.8em;}
#sideblue a:hover  {color: #000000; background-color: #D7EEF9; text-decoration: none; }

#sideblue ul ul {margin: 0; padding: 0; list-style-type: none; font-family: arial, Helvetica, sans-serif; background-color: #CCCCCC;}
#sideblue ul ul li {margin: 0 0 1px 0;  }
#sideblue ul ul a  {display: block; padding: 5px 5px 5px 21px; width: 183px; color: #333333; background-color: #FFFFFF; background: #E8E5E5 url(../images/spacer.gif) no-repeat 0em 0em; text-decoration: none;}
#sideblue ul ul a:hover {color: #000000; background-color: #D7EEF9; text-decoration: none;}

/* 'Are you a' placeholder -------------------------------------------------------------------------*/
#arehead{width: 196px; border:1px solid #CCCCCC; border-width: 1px 1px 0px 1px; margin-top: 10px; padding: 3px 0px 3px 13px; font-weight:bold; color: #204664}#sideblue     {margin-left: 0px; border:1px solid #CCCCCC; border-width: 1px 1px 1px 1px; }
#are     {margin-left: 0px;  }
#are ul  {margin: 0; padding: 0; list-style-type: none; font-family: arial, Helvetica, sans-serif; background-color: #CCCCCC;}
#are li  {margin: 0 0 1px 0; }

#are a.one   {display: block; padding: 5px 13px; width: 185px; color: #FFFFFF; font-weight:bold; background-color: #0615a7; text-decoration: none; }
#are a.two   {display: block; padding: 5px 13px; width: 185px; color:  #FFFFFF; font-weight:bold;background-color: #a70674; text-decoration: none; }
#are a.three {display: block; padding: 5px 13px; width: 185px; color: #FFFFFF;font-weight:bold; background-color: #06a778; text-decoration: none; }
#are a.four  {display: block; padding: 5px 13px; width: 185px; color:  #FFFFFF;font-weight:bold; background-color: #982a0f; text-decoration: none; }

#are a.one:hover   {color: #FFFFFF; text-decoration: none; background:#0615a7 url(../images/arrow.gif) no-repeat 0em 0.5em; }
#are a.two:hover   {color: #FFFFFF; text-decoration: none; background:#a70674 url(../images/arrow.gif) no-repeat 0em 0.5em; }
#are a.three:hover {color: #FFFFFF; text-decoration: none; background:#06a778 url(../images/arrow.gif) no-repeat 0em 0.5em; }
#are a.four:hover  {color: #FFFFFF; text-decoration: none; background:#982a0f url(../images/arrow.gif) no-repeat 0em 0.5em; }

/* Last Updated --------------------------------------------------*/
.updated {padding: 3px; margin-top: 10px; border:1px solid #009AB0; border-width: 1px 1px 1px 1px;}

/* Back to Top --------------------------------------------------*/
.top  {margin-top: 10px;}

/* New Styles For Headers --------------------------------------------------*/

h1.header_red {color:#982a0f; font-size: 1.4em; border:solid #982a0f; border-width: 0px 0px 1px 0px; margin:0px 0px 10px 0px; padding:0}
h1.header_purple {color:#06a778; font-size: 1.4em; border:solid #06a778; border-width: 0px 0px 1px 0px; margin:0px 0px 10px 0px; padding:0}
h1.header_yellow {color:#0615a7; font-size: 1.4em; border:solid #0615a7; border-width: 0px 0px 1px 0px; margin:0px 0px 10px 0px; padding:0}
h1.header_blue {color:#a70674; font-size: 1.4em; border:solid #a70674; border-width: 0px 0px 1px 0px; margin:0px 0px 10px 0px; padding:0}

h2.subhead_red {color:#982a0f; font-size: 1.2em; margin:10px 0px 7px 0px; padding:3px 0px 3px 0px; background-color:#FFE1E9}
h2.subhead_purple {color:#06a778; font-size: 1.2em; margin:10px 0px 7px 0px; padding:3px 0px 3px 0px; background-color:#F0ECFE}
h2.subhead_yellow {color:#0615a7; font-size: 1.2em; margin:10px 0px 7px 0px; padding:3px 0px 3px 0px; background-color:#FFFBD2}
h2.subhead_blue {color:#a70674; font-size: 1.2em; margin:10px 0px 7px 0px; padding:3px 0px 3px 0px; background-color:#EDF8FD}

h2.subheader_red {color:#FFFFFF; font-size: 1.2em; margin:10px 0px 7px 0px; padding:3px 0px 3px 0px; background-color:#982a0f}
h2.subheader_purple {color:#FFFFFF; font-size: 1.2em; margin:10px 0px 7px 0px; padding:3px 0px 3px 0px; background-color:#06a778}
h2.subheader_yellow {color:#FFFFFF; font-size: 1.2em; margin:10px 0px 7px 0px; padding:3px 0px 3px 0px; background-color:#0615a7}
h2.subheader_blue {color:#FFFFFF; font-size: 1.2em; margin:10px 0px 7px 0px; padding:3px 0px 3px 0px; background-color:#a70674}


.ndp {margin: 0px 30px 0px 0px}
#fanplace {width: 320px; float: right; text-align:center; margin: 0px 0px 10px 0px}
#colfan {border: 1px solid #cccccc; padding: 5px 0px 5px 0px; text-align:center; margin: 15px 0px 0px 0px}

#colfan p {color: #003746}


hr {background-color: #009ab0; height: 1px; color: #009ab0}