/* CSS Document */

body {
	background-color: #cccccc;
	margin: 0px; 
	top: 0px;
	font-size: 75%;
	font-family:verdana, arial, helvetica, sans-serif;
	color: black;
	line-height: 1.6;
}

/*Site Layout -- all pages but hm page*/
/*Layout*/
div.main_topcontainter {
	position: relative;
	background: #2d367b; background-image: url('../images/bckgd_main.gif'); background-repeat: no-repeat;
	height: 67px; 
	text-indent: 0px;
	padding-top: 0px;
}

div.logo{
	position: absolute;
	top: 0px; left:0px;
	WIDTH: 78px; height: 113px;
	z-index: 5;
}

div.buttons_top {
	position: absolute;
	left:468px; top: 45px;
	TEXT-ALIGN: left;
	WIDTH: 480px;
	z-index: 5;
	padding:0 5px 0 0;
	text-align:right;
}

div.main_container{
	position: relative;
	margin: 2px 0px 0px 4px;
	padding-top: 1px;
}

div.main_content {
	position: relative;
	margin-top: 2px;
	border: solid 1px #2d367b;
	background-color:#FFFFFF;
	padding: 2px 0px 0px 0px;	
  } 
  
div.main_coursenav {
	position: relative;
	background:#ffffff;
	padding-bottom:15px;
}

.title{
	display: block;
	text-transform: capitalize; font-size: 14pt; color: #FFFFFF; font-family:Georgia, "Times New Roman", Times, serif;
	text-indent: 20px;
} 

a.linktitle {color:#FFFFFF; text-decoration:none;}
a.linktitle:link, a.linktitle:visited{color:#FFFFFF; text-decoration:none;}
a.linktitle:hover, a.linktitle:active {color:#FFFFFF; text-decoration:underline;}

LI.list2 {list-style: square;}
#blacktext {color:black;}
/*End Layout*/ 

/*Top Nav*/
DIV.topnavfloat {
	position: absolute;
	left:500px;
	TEXT-ALIGN: center;
	WIDTH: 450px;
	top: 0px;
	z-index: 5;
	color: #FFFFFF;
	text-align:right;
}
a.navtop {color:#FFFFFF; text-decoration:none;}
a.navtop:link {color: #FFFFFF; text-decoration: none;}
a.navtop:visited {color: #FFFFFF; text-decoration: none;}
a.navtop:hover {color: #2d367b;	background-color:#FFFFFF; text-decoration: none; }
a.navtop:active { }
/*End Top Nav*/

/*Footer Nav*/
div.footer{
	position: relative;
	text-align:center;} 
	
a.navfooter {color: #2d367b; text-decoration: none;}
a.navfooter:link {color: #2d367b; text-decoration: none;}
a.navfooter:visited {color: #2d367b; text-decoration: none;}
a.navfooter:hover {color: #2d367b; text-decoration: underline;}
a.navfooter:active {color: #2d367b; text-decoration: none;} 
/*Footer Nav*/

/*EndSite Layout -- all pages but hm page*/

/*Overall Style*/  
h1{
	text-transform: capitalize;
	font-size: 14pt;
	color: #2d367b;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.3;
}
h2{
	text-transform: capitalize;
	font-size: 12pt;
	color: #2d367b;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.3;
	padding: 0 0 0 12px;
}
h3{
	text-transform: capitalize;
	font-size: 10pt;
	line-height: 1.3;
	font-weight:bold;
}
a.nav_page:link {color: #2d367b; text-decoration: underline;}
a.nav_page:visited {color: #2d367b; text-decoration: underline;}
a.nav_page:hover {color: #6167a2; text-decoration: underline;}
a.nav_page:active {color: #2d367b; text-decoration: underline;}
/*End Overall Style*/ 

/*course links*/
/*end course links*/

/*Course Pages Key Point Links*/
#navcontainer ul
{
position: relative;
margin-left: auto;
margin-right: auto;
color: White;
float: left;
font-family: arial, helvetica, sans-serif;
width: 100%;
text-align: center;
}

#navcontainer ul li { display: inline; 
text-align: center;
}

#navcontainer ul li a
{
padding: 0.25em 0.5em 0.25em 0.5em;
text-decoration: none;
float: left;
text-align: center;

}



/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;

}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
font-size: 0.8em;
text-align:center;
vertical-align:middle;
}

ul#navlist li
{
display: block;
float: left;
text-align:center;
vertical-align:middle;
margin: 0 0px 0 30px;
padding: 0;
}


/*End Course Pages Key Point Links*/

/*Home Page*/
div.topcontainter {
	position: relative;
	background-color: #2d367b;
	background-image: url('../images/bckgd_hm_text_dummy.gif');
	background-repeat: no-repeat;
	height: 142px; 
	padding-left: 86px;
}

div.spacer {
	clear: both;
	padding-left:10px;
  }
  


div.container{
	position: relative;
	background-color: #ffffff;
	border: solid 1px #2d367b;
	margin: 4px 0px 0px 5px;
	padding-left: 10px; 
}

div.floatlogo {
	float: left;
}
/*End Home Page*/  

/*floats note- to customize each float edit the html pages*/
div.first_col {position: relative;	float: left;  } 
	#first_hm_2col {width: 375px; float:left; margin:0 0 10px -10px; background:#ECEDF3; border-right:1px solid #00297b; height:590px; padding:0 25px 10px 25px;  } 
	/* IE6 hack to adust position, because for some reason Microsoft don't think they're obliged to adhere to publicly agreed standards*/ 
* html #first_hm_2col 
{margin:0 0 10px -5px;} 
	#firsthome{	margin-right: 5px;	width: 270px;	padding-left: 10px;	padding-right: 10px;	}
	#firstmain{	margin: 0px 10px 0px 20px;	width: 385px;  } 
	#firstmod_hm {margin-right: 5px;margin-top: 100px;width: 234px;	padding-right: 10px;  }
	#firstcourse_pgs {margin-right: 5px; width: 240px; padding-left: 10px; padding-right: 10px;  }
	#firstcourse_pgs_image {margin-right: 5px; width: 240px; padding-left: 10px; padding-right: 10px;  } 
	#firstflash_pgs {width: 840px;	padding-left: 10px;	padding-right: 10px;  } 
	
div.second_col {position: relative;float: left; }
	#second_hm_2col {width: 381px; float:left; background:#CDD0DF;height:590px; padding:0 25px 10px 25px;  } 
	#secondhome{margin-right: 5px;	width: 295px;	border-left: solid 1px #2d367b;	padding-left: 10px;	padding-right: 10px;  }
	#secondmain{margin: 0px 10px 0px 20px;	width: 385px;  }
	#secondmod_hm{margin-right: 5px;width: 233px;padding-left: 10px;padding-right: 10px;  }
	#secondcourse_pgs {margin-right: 5px;width: 550px;padding-left: 10px;padding-right: 10px; }

div.last_col {	position: relative;	float: left;  }
	#lasthome {	margin-right: 5px;	width: 210px;	border-left: solid 1px #2d367b;	padding-left: 10px;  }
	#lastmod_hm {margin-right: 5px;	margin-bottom: 10px;width: 330px;padding-left: 10px;  }
	#lastcourse_pgs {	margin-right: 5px;	width: 220px;	padding-left: 10px;  }

div.floatright{
position: relative;
	float:right;
	}
/*2 even floats	*/ 
#evencol1 {width: 350px; margin: 0 10px 0 30px; padding: 0 10px 0 10px;}
* html #evencol1 
{ 
   margin: 0 10px 0 15px;
}

div.rt_im_secondcol {position: relative;	float: left;  } 
#rt_im__secondcol {margin-right: 5px; width: 240px; padding-left: 10px; padding-right: 10px;  }
div.rt_im_firstcol {position: relative;float: left; }
#rt_im__firstcol {margin-right: 5px;width: 550px;padding-left: 10px;padding-right: 10px; }
/*End floats*/

/*Progress Bar*/
div.progress {
	clear: both;
  }
  
.disclaimer_txt {
font-size:9px;
line-height: 1.2;
}
#hmImages_leftimage{padding:0 10px 20px 0;}
#leftimage {padding-right: 10px;}
#rightimge {padding-left: 10px;}
#hmnumbers{padding:0 0 28px 0;}
#hm_tim{padding:0 10px 40px 0;}
#hm_isi{padding:0 10px 0px 0;}

/*main Nav*/
a.main_nav_red {
	background-color:#991f1f; color:#ebd6d6; font-size: 13px; text-decoration:none; 
	padding: 5px 5px 5px 7px; font-weight: bold;	font-family:"verdana", arial, helvetica, sans-serif;}
a.main_nav_red:hover {	background-color:#ebd6d6; color:#991f1f;  }

a.main_nav_purple {
	background-color:#660066; color:#e0cce0; font-size: 13px; text-decoration:none;	
	padding: 5px 11px 5px 11px; font-weight: bold;font-family:"verdana", arial, helvetica, sans-serif;}
a.main_nav_purple:hover {	background-color:#e0cce0; color:#660066;  }

a.main_nav_green {
	background-color:#006600; color:#cce0cc; font-size: 13px; text-decoration:none;
	padding: 5px 6px 5px 7px; font-weight: bold;font-family:"verdana", arial, helvetica, sans-serif;}
a.main_nav_green:hover {
	background-color:#cce0cc; color:#006600; }

a.main_nav_brown {
	background-color:#753f06; color:#e3d9cd; font-size: 13px; text-decoration:none;
	padding: 5px 8px 5px 8px; font-weight: bold;font-family:"verdana", arial, helvetica, sans-serif;
}
a.main_nav_brown:hover {
	background-color:#e3d9cd; color:#753f06;  }
 
 a.main_nav_blue {	background-color:#003399; color:#ccd6eb; font-size: 13px; text-decoration:none;
	padding: 5px 8px 5px 8px; font-weight: bold;font-family:"verdana", arial, helvetica, sans-serif;}
a.main_nav_blue:hover {background-color:#ccd6eb; color:#003399;}

/*fake forms*/
div.form{border-top:solid 1px #000000;border-bottom:solid 1px #000000;}
div.form_1a{border:solid 1px #000000; text-align:center;}
div.form_midcol{border-top:solid 1px #000000;border-bottom:solid 1px #000000;border-right:solid 1px #000000;}
div.form_lastcol{border-top:solid 1px #000000;border-bottom:solid 1px #000000;}

div.form p{ text-align:center; font-size: 10px}
#formtext{ text-align:center; font-size: 10px}

/*Flash Page styles*/
.flash_style1 {color: #003399;font-weight: bold; padding-left: 10px;}
.flash_p {padding-left: 10px;}

/*Video Page*/
div.video_first_col {position: relative;	float: left;  }  
	#videofirsthome{margin-right: 5px;	width: 265px; padding-left: 30px; padding-right: 10px;}	
	
div.video_second_col {
	position: relative;
	float: left;
	background-color: #FFFFFF;
	color:#2d367b;
}

* html #video_second_col{ 
   top:130px;
   height:52px;
} 

	#videosecondhome{
	margin-right: 5px;
	width: 370px;
	padding-left: 10px;
	padding-right: 10px;
}

div.video_holder{
	position:relative;
	float:left;
	background-color:#ecedf2;
	color:#2d367b;
	padding-left:30px;
	padding-top:10px;
}

div.videotopcontainter {
	position: relative;
	background-color: #2d367b;
	background-image: url('../images/bckgd_video_text_dummy.gif');
	background-repeat: no-repeat;
	height: 142px; 
	padding-left: 86px;
}	

h4{
	text-transform: none;
	font-size: 12pt;
	color: #2d367b;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.3;}
	
#captions{
	position:relative;
	float:left;
	width:355px;
	background-color:#ECEDF2;
	color:#000000;
	height: 55px;
	z-index: 20;

}
	
/*Video Navigation*/
#video_navcontainer {width:200px; position: absolute;}

#video_navcontainer ul
{
margin-left:0;
padding-left:0;
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

.video_nav {display: block;padding:5px;width: 200px;background-color:#484e8b;border-bottom:3px solid #2d367b;
color:#FFFFFF;}

#video_navheader {background-color:#6269ae; width:200px; color:#FFFFFF; font-weight:bold; padding:5px; border-bottom:3px solid #2d367b;}

a.video_nav:link {color:#484e8b;text-decoration:none;color:#FFFFFF;}
a.video_nav:visited {color:#484e8b;text-decoration:none;color:#FFFFFF;}

a.video_nav:hover {background-color:#2d367b;color:#FFFFFF;}
a.video_nav:active {background-color:#2d367b;color:#FFFFFF;}

.video_navcurrent {color: #FFFFFF; background-color:#2d367b; background-repeat: no-repeat; display: block;	padding: 5px; width: 200px; border-bottom:3px solid #2d367b; text-decoration:none;}

/*EP Sub*/
div.ep_contentcol {position: relative;	float: left;  }  
	#ep_content{margin-right: 5px;	width: 650px; padding-left: 10px; padding-right: 10px;}	


a.button_page:link, a.button_page:visited{
display:block; margin:0 0 0 60px;
width: 281px;
background-image: url('../images/b_home.gif'); background-repeat: no-repeat;
padding: 5px 0 10px 0;
text-align:center;
font-size:14px; font-weight: bold; text-decoration:none;
color:#FFFFFF;
}

a.button_page:hover, a.button_page:active{}

.hmimagediv{ height:250px; text-align:center; margin:20px 0 30px 0;}
.hmcontentdiv{ padding:0 20px 0 20px;}

.mainmessage{
	font-size: 12pt;
	color: #2d367b;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.3;
	padding: 0 0 0 12px;
	font-weight:bold;
	text-align:center;
}