@charset "utf-8";
/* CSS Document */

/* GLOBAL: ~~~~~~~~~~~~~~~*/
html, body{
	padding:0; margin:0;}
* { padding:0; margin:0;
	line-height:1.5em;} 
body{
	background:url(images/pageBGR.gif) top left repeat-x #8dc73f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; }	
h1, h2, h3, h4, h5, h6{
	margin:15px 0 5px 0;
	padding:0;}
h1{
	padding:30px 10px 5px 50px;
	color:#8dc73f;
	font-weight:bold;
	font-size:1.7em;}
h1 span{
	color:#00539b;
	display:block;
	font-size:.8em;}
h2{font-size:16px;
	color:#00539b;}
h3{font-size:1.1em;}
h4{font-size:1.1em;}
h5{font-size:1.05em;}
h6{font-size:1.0em;}

p	{padding:10px 0;}

a{	color:#00539b;}
a:hover{
	color:#1c4477;}

img{
	border:none;
	padding:0; margin:0;}
img.download{
	margin:10px 0;
	display:block;}
ul	{
	margin-left:15px;}
ul.indent{
	margin-left:30px;}
ul li	{
	padding:3px 0;}
ul.noBullet{
	margin:0; padding:0;}
ul.noBullet li{
	list-style:none;}

dl{ padding:0; margin:0;}
dl th{}
dl dd{}

table{padding:0; margin:0;
	border-collapse:collapse;}
table th{}
table tr{}
table tr td{
	padding:0; margin:0;
	vertical-align:top;}

table tr td.sessionCol01{
	width:115px;}

table.cellBorders {
	width:105%;
	position:relative; left:-10px;}
table.cellBorders tr td {
	border:1px solid #00539b;
	padding:5px 5px 10px 5px;}
table.cellBorders h3{
	color:#00539b;}

strong{
	padding:0; margin:0;}

form{}
label{font-size:14px;
	line-height:normal;
	display:inline;}
input{}
input[type=button], 
input[type=submit]{
	cursor:hand;}

sup, sub {/*Prevent Superscripts and Subscripts from Affecting Line-Height*/
   vertical-align:baseline;
   position:relative;
   top:-0.3em; padding:0 2px;}
   
hr{}

/* CUSTOM: ~~~~~~~~~~~~~~~*/
.error{		color:red;}
.important{ color:red;}
.first{		margin-top:0;}
.floatL{	float:left;}
.floatR{	float:right;}
.hide{		display:none;}
.clearBoth, .clearfloat{
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}
.accessibility{
	position: absolute;
   	left: -999em;}	
/* LAYOUT: ~~~~~~~~~~~~~~~*/
#page-wrap{
	width:1103px; margin:0 auto; 
	height:980px; padding:0; 
	display:block; overflow:hidden; 
	background:url(images/LandingPageBGR.png) top center no-repeat;}
#header-wrap{
	display:none;}
#center-wrap{
	width:960px;
	margin:60px 0 0 27px;}
#content-col01{
	display:none;}
#content-col01 .padding{
	padding:10px 0 10px 40px;}
#content-col01 ul.mainNavigation{}
#content-col01 ul.mainNavigation li{
	padding:0 0 0 30px; margin:0;
	display:block;
	height:38px;
	background:url(images/navItemBGR.png) center left no-repeat;
	list-style:none;
	color:#fff;
	font-family:Arial Black bold;
	font-weight:bold;
	overflow:visible;
	line-height:normal;}
#content-col01 ul.mainNavigation li a {
	display:block;
	padding:11px 0;
	color:#fff;
	text-decoration:none;
	position:relative; 
	left:17px;
	line-height:normal;}
#content-col01 ul.mainNavigation li.active a{
	background:url(images/navigation_active.png) right center no-repeat;}
#content-wrap{
	padding:0; margin:0 45px; padding:0;
	overflow:hidden;}
#content-main{
	float:left;
	width:400px;}
.content_padding{
	padding:0 55px 10px 50px;}
#content-col02{
	float:left; width:350px;}
#content-col02 .padding{
	padding-left:30px}
#footer-wrap{
	width:960px;
	margin:0 auto; padding:20px 0 0 0;
	font-size:.85em;
	color:#fff;
	position:relative;
	top:-15px;
	left:-50px;
	z-index:10;}
#footer-wrap .padding{
	padding:0; margin:0;
	text-align:center;}
#footer-wrap a{
	color:#fff;
	text-decoration:none;}
#footer-wrap a:hover{
	text-decoration:underline;}
	
	
dl.box_students,
dl.box_instructors{
	display:block;
	margin:0 auto; padding:0;
	width:397px; height:213px;
	color:#fff;}
dl.box_students{
	background:url(images/box_students.png) bottom center no-repeat;}
dl.box_instructors{
	background:url(images/box_instructors.png) bottom center no-repeat;}
	
dl.box_students dd,
dl.box_instructors dd{
	margin:0 20px 0 175px;
	color:#fff;}
dl.box_students dd h2,
dl.box_instructors dd h2{
	color:#8dc73f;
	margin:0; padding:25px 0 0 0;
	font-size:16px;
	background:url(images/linkBullet.png) no-repeat;}
dl.box_students dd h2{
	background-position:80px 27px;}
dl.box_instructors dd h2{
	background-position:95px 27px;}
dl.box_students dd h2 a,
dl.box_instructors dd h2 a{
	color:#8dc73f;
	text-decoration:none;
	padding-right:30px;}
dl.box_students dd h2 a:hover,
dl.box_instructors dd h2 a:hover{
	text-decoration:underline;}
dl.box_students dd p,	
dl.box_instructors dd p{
	font-size:12px;}
	
	
	
/*~~~~~~~~~~~~~~~~~~~~~~*/
#content-col02 input.btnLogIn{
	border:0; background:url(images/btnLogIn.png) top left no-repeat;
	width:80px; height:30px;}
#content-col02 input.btnGO{
	border:0; background:url(images/btnGO.png) top left no-repeat;
	width:32px; height:30px; position:relative; top:3px;}
#content-col02  hr{
	color:#f3f7fb;
	background:#f3f7fb;
	width:90%;}

#content-col02 dl.getStarted-WRAP{
	z-index:999; width:312px; height:810px;
	background:url(images/getStartedBGR.png) top left no-repeat;}
#content-col02 dl.getStarted-WRAP,	
#content-col02 dl.getStarted-WRAP dd{
	margin:0; padding:35px 0 0 0;}	
#content-col02 dl.getStarted-WRAP{
	margin:0 auto;}		
#content-col02 dl.getStarted-WRAP dd{
	margin-bottom:20px;}		
#content-col02 dl.getStarted-WRAP dd p{
	margin:10px 30px 0 30px; padding:0;}			
#content-col02 dl.getStarted-WRAP dd h2{
	color:#00539b;
	margin:0; padding:10px 30px 0 30px;}		
	
/*GRID (24 column flexible grid)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.percentGRID24-row{
	display:block;
	clear:both;
	width:auto;
	width:100%;
	margin-top:10px;
	overflow:visible;}
.percentGRID24-row:after{
	/*IE-6 and IE-7 does NOT support ":after", so need to triger has-layout for those 2 browsers*/
    content:".";
    display:block;
    height:0;
    clear:both; position:relative;
    visibility:hidden;}
.percentGRID24-row{display:inline-block;}
/* Hide from IE Mac \*/
.percentGRID24-row{display:block;}
/* End hide from IE Mac */
.percentGRID24-row .GRID-col{
	display:block;
	float:left;
	zoom:1;	
	height:100%;
	vertical-align:top;
	/* 12 col GRID:
	margin-right:3%;*/
	margin-right:2.4%;
	overflow:visible;
	word-wrap: break-word;/*IE-only*/}
/* 12 col GRID:

/* 24 col GRID:*/
.percentGRID24-row .span-1{		width:1.75%;}
.percentGRID24-row .span-2{		width:6%;}
.percentGRID24-row .span-3{		width:10.25%;}
.percentGRID24-row .span-4 {	width:14.5%;}
.percentGRID24-row .span-5 {	width:18.75%;}
.percentGRID24-row .span-6 {	width:23%;}
.percentGRID24-row .span-7 {	width:27.25%;}
.percentGRID24-row .span-8 {	width:31.5%;}
.percentGRID24-row .span-9 {	width:35.75%;}
.percentGRID24-row .span-10{	width:40%;}
.percentGRID24-row .span-11{	width:44.25%;}
.percentGRID24-row .span-12{	width:48.5%;}
.percentGRID24-row .span-13{	width:52.75%;}
.percentGRID24-row .span-14{	width:57%;}
.percentGRID24-row .span-15{	width:61.75%;}
.percentGRID24-row .span-16{	width:66%;}
.percentGRID24-row .span-17 {	width:70.25%;}
.percentGRID24-row .span-18 {	width:74.5%;}
.percentGRID24-row .span-19 {	width:78.75%;}
.percentGRID24-row .span-20 {	width:83%;}
.percentGRID24-row .span-21 {	width:87.25%;}
.percentGRID24-row .span-22{	width:91.5%;}
.percentGRID24-row .span-23{	width:95.75%;}
.percentGRID24-row .span-24{	width:100%;}
.percentGRID24-row .last{
	margin-right:0;}
.percentGRID24-row .last:after{
	content: '';
	clear:both;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/