body, html
{
	margin:0; padding:0;
	scrollbar-face-color:#FE2627;
	scrollbar-arrow-color:#ffffff;
	scrollbar-track-color:#a0050f;
	scrollbar-shadow-color:#a0050f;
	scrollbar-highlight-color:#a0050f;
	scrollbar-3dlight-color:#FE2627;
	scrollbar-darkshadow-Color:#a0050f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	line-height:normal;
}
#wrapper
{
	position:relative;
	margin:0 auto;
	padding:0;
	width:840px;
	height:600px;
	text-align:center;
	background:url(../images/interface/background.jpg) center no-repeat;
}

#top, #middle, #bottom
{ margin:0 auto; width:734px; clear:both; }

#top{height:39px; background:url(../images/interface/top-banner.jpg) repeat-x;}
#middle{height:522px; background:url(../images/interface/middle-bg.jpg) repeat-y;}
#bottom{height:39px; background:url(../images/interface/bottom-banner.jpg) repeat-x;}

#quizcontent, #lesson-main, #content{
	position:relative;
	clear:both;
	margin:0px auto;
	height:471px;
	text-align:left;
	}

#content{ width:695px; margin:auto;}
#quizcontent{background:url(../images/interface/redbox.gif) no-repeat center; top:-20px; width:684px; text-align:center; }
#lesson-main{background:url(../images/interface/steps-bg.gif) no-repeat right;  width:670px; top:-15px;}

#lesson-pics{
	width:310px;
	float:left;
	clear:left;
	position:relative;
	}
	
#left-holder{
	position:relative;
	margin:25px 0px 0px 0px;
	width:310px;
	height:400px;
	}
	
#lesson-right {
	position:relative;
	clear:none;
	right:8px;
	top:35px;
	overflow:auto; 
	width:315px; 
	height:400px;
	float:right;
	}

#lesson-title{
	width:190px;
	float:left;
	clear:left;
	position:relative;
	top:10px;
	font-size:22px; font-weight:bold;
	line-height:1;
	}
	
.lesson-icon { float:left; margin:0px 0px 0px 0px; clear:none;}

#lesson-pics .large{ 
 
	border:#FFFFFF 2px solid;
	margin:3px 8px 0px 0px;
	float:left; clear:both;
	}
	
#lesson-pics .thumb{  
	border:#FFFFFF 2px solid;
	margin:3px 8px 0px 0px;
	float:left; clear:none;
	cursor:pointer;
	}
	
#quiz{
    position:relative;
	width:620px;
	height:360px;
	overflow:auto;
	clear:both;
	margin:0px auto;
	text-align:left;
	}
#logo{
	margin:auto;
	width:680px;
	z-index:20;
	}
#title, #address {float:left; height:50px}
#title{width:400px; position:relative; top:-17px; left:-10px;}

#address {
	width:280px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:bold;
	}

#top-left, #top-right, #bottom-left, #bottom-right {
	height:39px;
	width:50%;
	float:left;
	z-index:10;
	}

#top-left img, #bottom-left img {float:left;}
#top-right img, #bottom-right img { float:right; }

/***************QUIZ SELECT SECTION LAYOUT*********************/
#quiz-select-left, #quiz-select-right{	
	height:400px;
	text-align:left;
	display:block;
	clear:none;
	margin:0;
	padding:0;
	background-color:#ce060f;
	}
	
#quiz-select-left  {   width:191px; float:left;   }
#quiz-select-right {   width:484px; float:right;}

#quiz-select-right h1 { font-size:24px; height:30px; font-weight:normal;}

#course-title, #score-title{ 	
	margin:0;
	padding:0;
	display:block;
	clear:both;
	text-align:center;
	width:100%;
	height:61px;
	}
	
#course-title
{	background:url(../images/titles/course-title.gif) no-repeat center top;  }
#score-title
{
background:url(../images/titles/score-title.gif) no-repeat center top;
}
	
#course-bottom
{
	float:left;
	background:url(../images/titles/course-bottom.gif) no-repeat center;
	width:191px;
	height:14px;
	display:block;
}
#score-bottom
{
	float:right;
	background:url(../images/titles/score-bottom.gif) no-repeat center;
	width:484px;
	height:14px;
	display:block;
}
#score-holder, #course-holder 
{	
	line-height:1.5;
	margin:0px auto;
	padding:0;
	background-color:#ce060f;
	overflow:auto;
	font-size:14px;
	font-weight:bold;
}
#score-holder
{	
	position:relative;
	top:-20px;
	width:464px;
	height:283px;
}
#course-holder
{	
	position:relative;
	top:-20px;
	width:171px;
	height:355px;
}
#bottom-span
{	margin:-2px 0px 0px 0px; clear:both;	}

#user-title, #report-title, #user-detail-title
{ 	
	margin:0;
	padding:0;
	display:block;
	clear:both;
	text-align:center;
	width:100%;
	height:61px;
}
#user-title
{	background:url(../images/titles/users-title.gif) no-repeat center top;  }
#report-title
{
background:url(../images/titles/report_title.gif) no-repeat center top;
}
#user-detail-title
{	background:url(../images/titles/userdetails-title.gif) no-repeat center top;  }