/* @group Browser Default Overrides */
body {
font-family: Arial, Helvetica, sans-serif; color:#606060;  background:#fbd2d3;}
html { font-size: 100.1%; /* IE hack */ }
html>body {font-size: 16px;  /* IE can’t read this and makes it consistent on mac*/}
#page { font-size: 0.625em;  /* Make default size 10 for easy percentages */ }
/* DO NOT MODIFY */
body, table, td, th, div, h6, h5, h4, h3, h2, h1, form, blockquote, li, ul, ol, dt, dd, dl, select, input, button, textarea {
margin:0;padding:0;line-height:1em;}
ul, li, ol {list-style:none;}
img{	border: 0; }
table, td, th{	border-collapse:collapse;}
/* @end */

/* @group General Styles */
a:link, a:visited{color: #666666; outline: none;}
a:hover{color:#b4975a; border: 0; outline: none;}

h1{ font-size:1.3em; margin:0 0 .25em 0; line-height:1.1em; color: #b4975a; font-weight: normal; }
h2{ font-size:1.6em; margin:0 0 .25em 0; line-height:1.1em; color: #b4975a; font-weight: normal; }
h3{font-size:1.2em;padding:7px 0 5px 0; font-weight:bold;color:#b4975a; }	
h4{font-size:1.2em;padding:7px 0 5px 0; font-weight:bold;color:#b4975a; }	

p { font-size:1em; margin:0 0 1em 0; line-height:1.3;}

p.intro{font-size:1.6em;line-height:1.3em;color: #707070;font-weight: bold;}

li{font-size:1.0em;}
input, select{color:#4C493E;font-family: "Trebuchet MS", Tahoma, sans;}
/* @end */

/* @group General Layout */
#page{
margin:0 auto 0 auto;
padding:0;
width: 998px;
height: auto;

border:0px solid #fbd2d3;
background: #fff;
}


#courseContent{
	width: 750px;
	margin:  0 0 0 17px;
	_margin:  0 0 0 8px;
	padding: 17px 0 20px 0;
	float: left;
	display: inline-block;
	overflow: hidden;
}
/* @end */

/* @group Univerasal Classes */

/* @end */


#header{
background: #fbd2d3;
margin: 0 0 0 0;
height:75px; 
}



/* LoginPanel  */
#loginPanel { 
margin: 0; 
padding: 6px 0 0 0;
width:996px;
height:70px; 
vertical-align: top;
background: #fff;
border: 1px solid #b4975a;

}

#loginBox {
float:left;
background: #fff;
margin: 0; 
padding:0 0 0 6px;
width: 760px;
height:65px; 
}

#loginBox p{ font-size: 12px;  color:#666; font-weight: bold; }
#loginBox p.smallgold {font-size: 12px; color:#b4975a; font-weight: bold;}

table #mainlogin {padding:0; margin:0; }
#mainlogin td {padding: 1px 0 1px 2px;;  font-size: 11px; font-weight: bold; vertical-align:middle;  }
.smallgold {font-size: 10px; color:#b4975a;font-weight: bold;} 

#signinbox { 
float:right;
background: #fff;
margin: 0; 
padding:6px 0 0 5px; 
_padding: 1px 0 0 0px; 
width: 110px;
height:50px; 
border:1px solid #fbd2d3;
text-align:center;
}

#returntoregister { 
float:right;
background: #fff;
margin: 0; 
padding:0 6px 0 1px; 
width: 210px;
height:57px; 
 }
 
#errormessage {
margin: 0;
padding:0 0 0 4px;
height:15px; 
width: 530px;
color: #aa0000;
font-weight:normal;
}
 
 /* end LoginPanel  */
 
 
 /* Register Panel  */
#registerPanel { 
margin: 0; 
padding: 6px 0 0 0; 
_padding: 4px 0 0 0; 
width:996px;
height:70px;
vertical-align: top;
display: none;
background: #fff;
border: 1px solid #b4975a;
}

#registerBox {
float:right;
background: #fff;
margin: 0; 
padding:0 0 0 3px; 
width: 670px;
height:62px; 
}

#regNote{
float:left;
background: #fff url(../images/registerNote.gif) no-repeat top left;
margin:0 0 0 6px;
padding:0;
width:310px;
height:56px; 
}

#returntosignin { float:right;background: #fff;margin: 0; padding: 0; width: 110px;height:56px; }

/* end Register panel */

 
 
#welcomePanel { 
margin: 0; 
padding: 0; 
height:56px;
vertical-align: top;
background: #fbd2d3;
}

div#welcomeBar { 
	color:#222;
	background:#fbd2d3;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	width:400px;
	float:left;
	margin-top: 10px;
	}

	span.welcome2 {
	display:block;
	font-size:12px;
	line-height:1.2em;
	font-weight:normal;
	color: #b4975a;
	padding:4px 0px 4px 0px;
	margin:0;
	border:0;
	}
span.welcomeSplash {font-size:14px;	color: #b4975a; font-weight: bold;	}
span.welcomeSplash2 {font-size:11px; color: #b4975a; font-style:italic;}	

#shortHeader{
background: #fff url(../images/headerBg.jpg) no-repeat top left;
margin: 0 0 11px 0;
height:82px;
overflow:hidden;
}
/* @end */

/* @group Global Navigation */
#gNav{
	float: right;
	height: 36px;
	overflow: hidden;
	background: #b2985d; 
	border:0px solid #b4975a; 
	margin-top: 5px;
	margin-right:0;
}
#gNav ul{
	font-family: Arial;
	margin: 0;
}
#gNav li{
	float: left;
	border-right: 2px solid #fbd2d3;
} 
#gNav li.first{	border-left:0;}
#gNav  li#right {border-right: 0;}
#gNav li#last {padding:0; margin:0;	font-size: 20px; background: #fbd2d3; color: #b4975a; }

#gNav li a{
	display: block;
	text-decoration: none;
	background: #b4975a;
	color: #fff;
	padding:7px 3px 7px 3px;
	vertical-align:middle;
	font-size: 11px;
	line-height:1.1;
	font-weight:bold;
	text-align:center;
}
#gNav li.current a, #gNav li a:hover{
	background: #fbd2d3; color: #b4975a; 
	font-weight:bold;
}

#gNav .smalltext { font-size: 9px;font-weight:normal; font-weight:bold; padding-top:2px; line-height:1.3; }


/* @end */

/* @group Footer */

#footer{
clear:both;
margin: 0 0 30px 0;
padding: 15px 6px 16px 32px;
color: #fff;
background: #d8d8d8;
}
#footerLinks{
	text-align: center;
}
#footerLinks a{
color:#999;
text-decoration: none;
padding: 0 10px;
}
#footerLinks a:hover{text-decoration: underline; color: #333;}
#footerLinks a.first{
padding: 0 10px 0 0 ;
background: none;
}


/* @end */

#copyright{
margin: .6em 0 0 0 ;
text-align: center;
color:#999;
}


/* @end */



/* @end */


/* new css start here  */

div#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:990px;
	margin:0;
	padding:0px 0px 5px 5px;
	overflow:hidden;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#mainColumn {
	position:relative;
	vertical-align:top;
	top:20px;
	width:770px;
	height:900px;
	float:right;
	overflow:hidden;
	
}


div#pPrevious, div#pNext, div#pageBuffer {
	position:absolute;
	top:0px;
	width:750px;
	left:-4000px;
	padding: 0px 0px 0px 0px;
	float:right;
	_overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:normal;
	
}

div#cMain {
	position:relative;
	top:14px;
	width:750px;
	padding: 0px 5px 10px 5px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:normal;
		
}
div#cMain.wide {
	width:950px;
}

div#cMain.welcome {
    position:relative;
	top:10px;
	width:980px;
	padding: 0px 10px 0px 10px;
	float:right;
	overflow:hidden;
}

#movie{padding: 5px 5px 5px 5px; text-align:center; align:center;}

div#cMain.exam {
    position:relative;
	top:10px;
	width:980px;
	padding: 0px 10px 0px 10px;
	float:left;
	overflow:hidden;
}


div#sideColumn {
	position:relative;
	vertical-align:top;
	top:10px;
	z-index:2;
	width:220px;
	float:left;
	overflow:hidden;
	color: #606060;
	line-height:1.2;
	background: #fff;
	margin: 0 0 0px 0px;
	
}

div#sPrevious, div#sNext {
	position:absolute;
	vertical-align:top;
	top:0px;
	z-index:2;
	width:220px;
	left:-3000px;
	margin: 0;
	padding: 0;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #606060; 
	line-height:1.3;
	font-size: 11px;
	font-weight:normal;
}
div#cMain {
	position:relative;
	top:14px;
	width:750px;
	padding: 0px 5px 10px 5px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:normal;
}

#cMain { font-size:1.0em; line-height:1.3; color: #666; font-weight: normal; }
#cMain h1{ font-size:1.3em; margin:0 0 .35em 0; line-height:1.1em; color: #b4975a; font-weight: normal; }
#cMain h2{ font-size:1.6em; margin:0 0 .35em 0; line-height:1.1em; color: #b4975a; font-weight: bold; }
#cMain h3{font-size:1.1em;padding:7px 0 5px 0; font-weight:bold;color:#b4975a; }	
#cMain h4{font-size:1.1em;padding:7px 0 5px 0; font-weight:bold;color:#b4975a; }	
#cMain h5{font-size:1.1em;padding:0 0 5px 0; font-weight:bold;color:#b4975a; }	
#cMain p.lead{font-size:15px; line-height:1.2; color: #888;font-weight: bold;}
#cMain p.deck {font-size:16px; padding:0 0 10px 0; letter-spacing:0.1em; font-style:italic; color:#b4975a;}
#cMain ul{ margin: 0 0 .1em 30px; }
#cMain ul ul{margin: .5em 0 .5em 30px; }
#cMain li{list-style: disc; line-height:1.2em; margin: 0 0 .2em 0; }
#cMain li p{font-size:1em;}
#cMain ol{margin: 1em 0 1em 40px;}
#cMain ol ol{margin: .5em 0 .5em 30px;}
#cMain ol li{ list-style: decimal;line-height:1.1em;}

div#cMain #tabs {width:718px !important;font-size:1em;padding:10px 10px 25px 10px;}
div#cMain #tabs ul.ui-tabs-nav {margin-left:-1px !important;}
div#cMain #tabs ul.ui-tabs-nav li {list-style:none !important;margin-bottom:-1px !important;}
.ui-tabs .ui-tabs-panel { padding: 1em 0.5em !important; display: block !important; border-width: 0; background: none; overflow:hidden;}
.ui-tabs a.tl {font-size:1em;display:block;position:relative;float:right;margin:10px 0px;padding:0px 0px 20px 0px;color:#b4975a;}


div#cMain.welcome {
    position:relative;
	top:10px;
	width:980px;
	padding: 0px 10px 0px 10px;
	float:right;
	overflow:hidden;
}
p.deck2 {
	font-size:1.1em;
	font-style:italic;
	letter-spacing:0.1em;
	text-align:center;
	padding:2px 0px 10px 0px;
	color:#b4975a;
}
p.logoheader1 {
	margin:0px;
	padding:0px;
	text-align:center;
}
div.popup {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 12px 8px 10px 12px;
	display: inline-block;
	overflow: hidden;
	background: #fff;
}
div.popupBody {display:none;}
div.popupLive {display:block;position:absolute;z-index:500;left:10px;top:0px;width:650px;padding:15px 20px;border:2px solid #acacac;background:#fff;}
div.popupButton {position:relative;width:186px;border:2px solid #acacac;text-align:center;margin:4px 0px 25px -4px;cursor:pointer;padding:0px;}
div.popupButton p, div.popupButton h4 {text-align:center;padding:3px 5px 3px 5px;margin:0px;}
div.popClose {float:right;text-align:right;cursor:pointer;}



 div#sCurrent, div#cSide {
	position:relative;
	vertical-align:top;
	top:0px;
	z-index:2;
	width:220px;
	margin: 0;
	padding: 0;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666; 
	line-height:1.3;
	font-size: 11px;
	font-weight:normal;
	background: #fff;
}

div#sCurrent.welcome {
	position:relative;
	width:220px;
	height:0;
	padding: 0;
	float:left;
}



div#bottomNav {
	top:20px;
	width:700px;
	height:100px;
	clear:both;
	margin:10px 10px 10px 260px;
	padding:30px 10px 10px 10px;
	border:0px;
	background:#fff;
}


div.NavButton {
	position:relative;
	width:9em;
	height:2.2em;
	font-family:"trebuchet ms",verdana,arial,sans-serif;
	font-size:10px;
	line-height:2em;
	text-align:center;
	font-weight:normal;
}


div.inactive {
	color:#888;
	background:#fbfbfb;
	border:1px solid #888;
	cursor:default;
	
}
div.active {
	color:#222;
	background:#eee;
	border:1px solid #222;
	cursor:pointer;
}

#previous{float: left;text-align: left;width: 300px;  }
#next{float: right;text-align: right;width: 300px; }

div#previousButton {float: left; text-align:left;  }

div#nextButton {float: right; text-align:right; }

#previouslessonname {
	font-family:"trebuchet ms",verdana,arial,sans-serif;
	color: #777;
	font-size: 11px;
	text-align:left;
	line-height:15px;
	padding:0;
	margin: 30px 0 20px 0;
	_margin: 25px 0 0 0;
	height: 20px;
}


#nextlessonname {
	font-family:"trebuchet ms",verdana,arial,sans-serif;
	color: #888;
	font-size: 11px;
	text-align:right;
	line-height:15px;
	padding:0;
	margin: 30px 0 20px 0;
	_margin: 25px 0 0 0;
	height: 20px;
}
	
#sitelogo{ float:left; margin: 7px 0 0 23px; }
#sideColumn ul{margin: .5em 0 .5em 15px;}
#sideColumn ul ul{margin: .5em 0 .5em 10px;}

#sideColumn li{
list-style: disc;
line-height:1.3em;
font-size:1.0em;
margin: .1em 0 .1em 0;
padding: .1em 0 .2em 0;
}