/* CSS Document */
html{
	margin-top: 0px;
	padding-top: 0;
	}
	
.clear {clear:both;}

img {
	border:0;
	}

/* common page elements */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #fff5cc;
	font-family: Arial, Helvetica, sans-serif;
	}

#container{
	margin-left: auto;
	margin-right: auto;	
	width: 1000px;
	margin-top: 0px;
	}
	
#mockcontainer{
	margin-left: auto;
	margin-right: auto;	
	width: 850px;
	margin-top: 0px;
	}

#header{
	background-image: url('../images/new_header_bg.gif');
	background-repeat: no-repeat;
	width: 950px;
	height: 90px;
	padding-left:25px;
	padding-right:25px;
	}
	
#mockheader{
	background-image: url('../images/new_mock_header_bg.gif');
	background-repeat: no-repeat;
	width: 850px;
	height: 25px;
	padding-left:25px;
	padding-right:25px;
	}
	
#headernav p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:120%;
	color:#000000;
	margin-top:10px;
	text-align:right;
	}

#headernav a:link  {color: #a32d40; text-decoration: none;font-weight:normal;} 
#headernav a:visited {color: #a32d40; text-decoration: none;font-weight:normal;} 
#headernav a:hover  {color: #000000; text-decoration: none;font-weight:normal; }
	
#logo{
	float:left;
	padding-left: 0px;
	padding-top: 10px;
	width: 220px;
	}

#main{
	background-image:url('../images/new_body_bg.gif');
	background-repeat:repeat-y;
	margin: 0px;
	padding-left: 45px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 45px;
	}

#mockmain{
	background-image:url('../images/new_mock_body_bg.gif');
	background-repeat:repeat-y;
	margin: 0px;
	padding-left: 45px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 45px;
	}
	
#footer{
	background-image: url('../images/new_footer_bg.gif');
	background-repeat: no-repeat;
	width: 1000px;
	}
	
#mockfooter{
	background-image: url('../images/new_mock_footer_bg.gif');
	background-repeat: no-repeat;
	width: 850px;
	}
	
#footer p{
	font-size: 75%;
	line-height: 120%;
	color: #000000;
	text-align: right;
	margin-top: 0px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-right:25px;
	}

#footer p a:link {color: #a32d40; text-decoration: none; font-weight:normal;} 
#footer p a:visited {color: #a32d40; text-decoration: none; font-weight:normal;} 
#footer p a:hover {color: #000000; text-decoration: none; font-weight:normal;}

h1{
	font-size: 110%;
	line-height: 130%;
	color:#ffcf06;
	padding:5px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
h2{
	font-size: 100%;
	line-height: 120%;
	color: #a32d40;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top:0px;
	padding-bottom:0px;
	}
	
h3{
	font-size: 100%;
	line-height: 120%;
	color: #a32d40;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top:10px;
	padding-bottom:5px;
	text-decoration:underline;
	}
	
h4{
	font-size: 80%;
	line-height: 110%;
	color: #a32d40;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	text-decoration:underline;
	}
	
p{
	font-size: 75%;
	line-height: 120%;
	color: #000000;
	margin-top: 0px;
	margin-bottom:10px;
	padding-top: 0px;
	padding-bottom:0px;
	}
	
a:link {color: #a32d40; text-decoration: none; font-weight:normal;} 
a:visited {color: #a32d40; text-decoration: none; font-weight:normal;} 
a:hover {color: #000000; text-decoration: none; font-weight:normal;}

.pagenumbers {
	font-size: 75%;
	line-height: 150%;
	color: #ffffff;
	padding:5px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
.pagenumbers a:link {color: #ffcf06; text-decoration: none; font-weight:normal;} 
.pagenumbers a:visited {color: #ffcf06; text-decoration: none; font-weight:normal;} 
.pagenumbers a:hover {color: #000000; text-decoration: none; font-weight:normal;}

.role {
	background-image: url('../images/form_gradient.gif');
	background-repeat: repeat-x;
	background-color: #f3d8db;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	margin-bottom:10px;
	}
	
.answer {
	padding-bottom:1px;
	}

/* login page elements */

#contentheaderleft{
	float:left;
	width: 435px;
	padding-right:20px;
	}

#contentheaderright{
	float:right;
	width: 435px;
	padding-left:20px;
	}
	
#contentleft{
	background-image:url('../images/content_rule.gif');
	background-repeat:repeat-y;
	float:left;
	width: 435px;
	padding-right:20px;
	}
	
#contentleft p{
	font-size: 75%;
	line-height: 120%;
	color: #000000;
	text-align: left;
	margin-top: 0px;
	padding-top: 0px;
	}
	
#contentleft p a:link {color: #a32d40; text-decoration: none; font-weight:normal;} 
#contentleft p a:visited {color: #a32d40; text-decoration: none; font-weight:normal;} 
#contentleft p a:hover {color: #000000; text-decoration: none; font-weight:normal;}

#contentright{
	float:right;
	width: 435px;
	padding-left:20px;
	}	
	
#contentright p{
	font-size: 75%;
	line-height: 120%;
	color: #000000;
	text-align: left;
	margin-top: 0px;
	padding-top: 0px;
	}
	
#contentright p a:link {color: #a32d40; text-decoration: none; font-weight:normal;} 
#contentright p a:visited {color: #a32d40; text-decoration: none; font-weight:normal;} 
#contentright p a:hover {color: #000000; text-decoration: none; font-weight:normal;}


/* course content elements */

#maincourse{
	background-image: url('../images/new_navbody.gif');
	background-repeat: repeat-y;
	padding:20px;
	margin: 0px;
	}

#mainnav{
	float:left;
	width:260px;
	margin-left:10px;
	margin-top:0px;
	padding-left:10px;
	padding-top:5px;
	padding-right:5px;
	}
	
#mainbody{
	width:630px;
	margin-left:300px;
	padding:5px;
	}
		
.nav_course_title{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 120%;
	font-weight: bold;
	color: #FFFFFF;
	margin-top:0px;
}

#mainnav .nav_course_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 120%;
	font-weight: normal;
	color: #ffffff;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
}

#mainnav .nav_course_text a:link  {
	color: #ffffff; 
	text-decoration: none;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	} 
#mainnav .nav_course_text a:visited {
	color: #ffffff; 
	text-decoration: none;
	font-weight:normal;
	} 
#mainnav .nav_course_text a:hover  {
	font-weight: normal;
	color: #ffcf06;
	text-decoration: none;
	}
	
#mainnav .nav_course_text_on{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 120%;
	font-weight: bold;
	color: #ffcf06;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	}
	
#mainnav .nav_course_text_withsub{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 120%;
	font-weight: bold;
	color: #ffcf06;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:5px;
	}
	
#mainnav .nav_course_text_withsub a:link  {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 120%;
	color: #ffffff; 
	text-decoration: none;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:5px;
	} 
	
#mainnav .nav_course_text_withsub a:visited {
	color: #ffffff; 
	text-decoration: none;
	font-weight:normal;
	} 
#mainnav .nav_course_text_withsub a:hover  {
	font-weight: normal;
	color: #ffcf06;
	text-decoration: none;
	}

#mainnav .nav_course_text_section{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 115%;
	font-weight: normal;
	color: #ffffff;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:10px;
	}
	
#mainnav .nav_course_text_section_number{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 115%;
	font-weight: normal;
	color: #ffffff;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:5px;
	}
	
#mainnav .nav_course_text_section_number_on{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 115%;
	font-weight: normal;
	color: #ffffff;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:5px;
	}
	
#mainnav .nav_course_text_section a:link  {
	color: #ffffff; 
	text-decoration: none;
	font-weight:normal;
	} 
#mainnav .nav_course_text_section a:visited {
	color: #ffffff; 
	text-decoration: none;
	font-weight:normal;
	} 
#mainnav .nav_course_text_section a:hover  {
	color: #ffcf06; 
	text-decoration: none;
	font-weight:normal; 
	}
	
#mainnav .nav_course_text_section_on{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 115%;
	font-weight: normal;
	color: #ffcf06;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:10px;
	}
	
#mainnav .nav_course_text_sub{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 110%;
	font-weight: normal;
	color: #ffffff;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:2px;
	padding-bottom:2px;
	}

#mainnav .nav_course_text_sub_on{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 110%;
	font-weight: normal;
	color: #ffcf06;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:2px;
	padding-bottom:2px;
	}

#mainnav .nav_course_text_sub_number{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 110%;
	font-weight: normal;
	color: #ffffff;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:2px;
	padding-bottom:2px;
	}

#mainnav .nav_course_text_sub a:link  {
	color: #ffffff; 
	text-decoration: none;
	font-weight:normal;
	} 
#mainnav .nav_course_text_sub a:visited {
	color: #ffffff; 
	text-decoration: none;
	font-weight:normal;
	} 
#mainnav .nav_course_text_sub a:hover  {
	color: #ffcf06; 
	text-decoration: none;
	font-weight:normal; 
	}
	
#mainnav .nav_course_text_sub_on{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 110%;
	font-weight: normal;
	color: #ffcf06;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:2px;
	padding-bottom:2px;
	}

#mainbody ol{
	margin-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:5px;
	}
	
#mainbody ul{
	margin-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:5px;
	}

#mainbody li{
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:120%;
	color:#000000;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:5px;
	padding-top:0px;
	list-style-image:url(../images/pin.gif)
	}

	

/* form elements */
	
.form{
	margin-top:10px;
	margin-bottom:10px;
	}
	
.formtext {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 70%;
	background-color : #FFFFFF;
	color : #717273;
	}
	
.formbutton {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	background-color: #FFFFFF;
	color:#a32d40;
	}

.error_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 120%;
	font-weight: normal;
	color: #FF0000;
	padding-top:0px;
	padding-bottom:10px;
	}
	
.formQuestion  {
	font-weight: bold;
	}

.formQuestion a:link {
	font-weight: bold;
	}
	
.formQuestion a:hover {
	font-weight: bold;
	}



.formheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	line-height:120%;
	color: #ffffff;
	background-color: #a32d40;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:20px;
	}

.formsubmit {
	padding-top:5px;
	padding-bottom:5px;
	background-color:#a32d40;
	padding-right:5px;
	}
	
.formbackgroundcorrect {
	background-color: #ade6bb;
	}

.form_gradient{
	background-image: url('../images/form_gradient.gif');
	background-repeat: repeat-x;
	background-color: #f3d8db;
	}

.formbackgroundlightgrey {
	background-color: #f9f9f9;
	}

.formbackgrounddarkgrey {
	background-color: #f2f2f2;
	}
	
.reg {
	font-size : 70%;
	vertical-align:text-top;
}