/* CSS Document */

html,body {
	margin:0;
	padding:0;
	}
body,table,div,p, b { 
		font-size: 11px;
		color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		line-height: 15px;
}

#mainiframe p, #modcontent p, #mainiframe li, #modcontent li, #mainiframe a, #modcontent a, #mainleft p{
	font-size: 105%;
	line-height: 18px;
}

a {
	color:#FFFFFF;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

iframe {
	border: 0;
}

h1 {
	font-size: 15px;
	font-weight:normal;
	margin: 0;
	padding: 0;
	line-height: 20px;
}

h2 {
font-size: 13px;
line-height: 18px;
font-weight:normal;
padding: 8px 0 8px 0;
}

h3 {
font-size: 15px;
line-height: 18px;
font-weight:normal;
padding: 0px 0 8px 0;
}

h4 {
font-size: 13px;
line-height: 16px;
font-weight:normal;
color:#99CCFF;
padding: 8px 0 0 0;
}

/* MAIN DIV STYLES START */

#container {
	text-align:left;
	width:840px;
	margin:0 auto;
	background:#333333;
	padding: 20px 0 20px 0;
	}
#mainborder {
	width: 800px;
	margin:0 20px 0 20px;
	background: #274E75 url(../img/generic/g_orange.gif) top right no-repeat;
	}
	
#nav {
	width: 780px;
	background: #326698 url(../img/generic/g_nav_back.jpg) repeat-x bottom;
	height: 159px;
}

#menu {
	position:relative;
	width: 750px;
	height: 50px;
	left: 0;
	top:29px;
	padding-left: 10px;
	border-left: solid 20px #FF6600;
}

#menu div {
	position:absolute;
	bottom:10px;
	width: 760px;
	left:20px;
}

#image {
	position:absolute;
	width:218px;
	height:355px;
	z-index:1;
	left: 562px;
	top: 0;
}

#sectionhead {
	width: 800px;
	height: 40px;
	background:#2D5A86;
	bottom: 0px;
}

#sectionhead p, #sectionhead h1  {
	font-style:italic;
	color: #AAB8C6;
	margin:0 0 0 5px;
	padding:12px;
}


#subnav {
	width: 164px;
	float: left;
	background:#10263D;
	height: 355px;
}

#subnav img {
	border-bottom: solid 1px #435D78;
}


#mainiframe {
	margin: 20px 0 0 20px;
	width: 500px;
	vertical-align: top;
	float: left;
}

#mainiframe ul {
	list-style: none;
}

#mainiframe li {
	background: url(../img/generic/g_list_tab.gif) no-repeat;
	background-position: 0 .4em;
	padding-left: 10px;
}

#main {
	width: 800px;
	height: 355px;
	background:#274E75;
}

#footer {
	text-align: right;
	line-height: 90px;
	width: 765px;
	height: 80px;
	background:url(../img/generic/g_logos.jpg) no-repeat #4C79A5 50%;
	background-position:left;
	clear:both;
	padding: 0 20px 0 15px;

}

/* TABLE STYLES START */

#tablestyle {
	padding: 10px 0 10px 0;
	color: #FFF;
	width: 500px;
	}
	
#tablestyle ul {
	list-style: none;
	}

#tablestyle li {
	background: url(../img/generic/g_list_tab.gif) no-repeat;
	background-position: 0 .4em;
	padding-left: 15px;
}

#tablestyle a{
	text-decoration: underline;
}

#tablestyle td{
	padding: 8px;
	vertical-align:text-top;
}

#PriceOptionTable {
	padding: 10px 0 10px 0;
	}
#PriceOptionTable td{
	padding: 6px;
	vertical-align:text-top;
}	

#line2 {
background:#2D5A86;
}

/* GRADE YOURSELF STYLES START */

.red {
background:#FF0000;
}

.yellow {
background:#FF9900;
}

.green {
background:#009900;
}

/* COURSE NAVIGATION STYLES START */

#elementsnav {
	left:20px;
	top: 314px;
	height: 19px;
	width: auto;
	position:absolute;
	z-index: 90;
}
#elementsnav img{
	margin-right: 20px;
	}

/* SUBNAV DIV STYLES START */


#menu li {
	display: inline;
	padding-left: 0px;
}

#menu a {
	padding: 0 9px;
	text-decoration: none;
	color: #FFFFFF;
	vertical-align:bottom;
	}
	
#menu a:hover {
	text-decoration:underline;
	
	}	
.back {
	margin-right: 20px;
	line-height: 30px;
}

.directpara {
	padding-bottom:15px;
	padding-top:10px;
}

#mainiframe a img {
	padding-bottom: 30px;
}

.orange {
	color: #FF6600;
}
.blue {
	color:#00CCFF;
}
.green_text {
	color:#00CC00;
}
.magenta {
	color:#FF33FF;
}
.moreinfo {
	margin-top: 20px;
}

#flashtext {
	padding-top: 30px;
	margin-left: 550px;
	width: 240px;
}

#sub {
	font-size:10px;
	margin:0 0 20px 0;
	border-bottom:  #2D5A86 1px solid;
}
#sub a{
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	
}
#sub a:hover, #sub a.active{
	color:#FF6600;
}

#sub li { 
	border-top: #2D5A86 1px solid;
	border-collapse:collapse;
	padding:5px 5px 5px 25px;
	background: url(../img/generic/g_list_tab.gif) no-repeat ;
	background-position: 0.9em 50%;
	}
	
	
#cornerFlash { 
	width:208px; 
	height:210px; 
	position:fixed; 
	z-index:100; 
	top:0; 
	left:0; 
	background-repeat:no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/generic/flash.png')
	}	
	
#cornerFlash[id] { background:url(../img/generic/flash.png); }	



/*   TRANSBACK */

.transback {
	display:none; 
    position:absolute;
	padding:5px;
	z-index:2;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/generic/g_transBack.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
.transback[class] {
  background-image:url(../img/generic/g_transBack.png); width:200px;
}

.transback p {
	color:#FFFFFF; border:none; margin:0; padding:5px; font-size:11px;
}