/*= SITEWIDE STYLES ----------------------------------------------------------*/	

html { 
	min-height: 100%; 
	margin-bottom: 1px;/*this style forces scroll bars*/
	font-family: /*Myriad Pro,*/ Verdana, sans-serif; 
	} 

* {
	margin: 0px;
	padding: 0px;
	}

body {	
	background-color: #ffffff;
		/*border: 1px solid orange;*/
	}
	
#container {
	width: 779px;
	margin-left: auto;
	margin-right: auto;
		/*border: 1px solid purple;*/
	}

#header {
	background: url(images/DF_header.jpg) no-repeat;
	height: 120px;
		/*border: 1px solid aqua;*/
	}

a, a:active, a:hover {color: #00529F; text-decoration: underline;}

a.review {color: #C97E10; text-decoration: none;}
a.review:hover {text-decoration: underline;}

H2 {float: left; font-weight: normal; font-size: 18pt; color: #00529F; padding: 18px 0px 0px 50px; width: 265px; /*border: 1px solid green;*/}

H5 {float: left; font-weight: normal; font-size: 12px; color: #333333; padding: 30px 0px 5px 0px; width: 175px; /*border: 1px solid red;*/}

H5.review {width: 70px; padding: 5px 0px 0px 0px; /*border: 1px solid purple;*/ text-align: center; font-size: 11px;}

.review, .print, .share, .logout {float: left; border: 0px;}

.clear {clear: both;}




/*= QUIZ STYLES --------------------------------------------------------------*/

.quiz {
	background: url(images/DF_1pixGradient.jpg) repeat-y;
	}

#quizContent {
	background: url(images/DF_questionsBG.jpg) no-repeat;
 	min-height: 388px;
	height: auto !important;
	height: 388px;
	}

#quizContent dl {list-style: none; font-size: 9pt; font-weight: normal; line-height: 25px; color: #333333; padding: 50px; margin-bottom: 20px;}

#quizContent dt {font-size: 10pt; font-weight: bold; color: #00529F; line-height: 20px;}

#quizContent dd.last {margin-bottom: 20px;}



/*= RESULT STYLES ------------------------------------------------------------*/

.results {
	background: url(images/DF_1pixColumns.jpg) right repeat-y;
	}
	
#resultsContent {
	background: url(images/DF_resultsBG.jpg) no-repeat;
	min-height: 601px;
	height: auto !important;
	height: 601px;
	}
	
#leftCol, #leftCol p, #leftCol ul, #leftCol H3, #leftCol H5, #leftCol H6 {padding: 0 0 0 0;}	

#leftCol {
	float: left;
    padding: 5px 0px 0px 30px;
	width: 520px;
		/*border: 2px solid pink;*/
	}
	
p {
	font-size: 9pt;
	color: #333333;
	margin: 5px 15px 10px 20px;
	line-height: 20px;
	}	
	
.orange {color: #C97E10;}

#leftCol dl {font-size: 9pt; font-weight: normal; color: #333333; margin: 0px 0px 20px 10px; border-top: 1px solid #333333; border-bottom: 1px solid #333333;}

#leftCol dt {font-size: 10pt; font-weight: bold; padding: 10px;}

#leftCol dd {border-top: 1px solid #333333; padding: 10px 10px 10px 25px;}

#leftCol H3 {font-weight: normal; font-size: 14pt; color: #333333; margin-left: 10px; padding: 5px 10px 20px 10px; }
	
#leftCol H6 {font-weight: bold; font-size: 10pt; color: #333333; margin-left: 10px; padding: 5px 0px 10px 10px;}

.leftPcol_1 {float: left; margin: 0px; padding: 0px; width: 33%;}
.midPcol_1 {float: left; margin: 0px; padding: 0px; width:33%;}
.rightPcol_1 {float: left; margin: 0px; padding: 0px; width: 33%;} 

#leftCol .leftPcol_1 H6, #leftCol .midPcol_1 H6, #leftCol .rightPcol_1 H6 {color: #00529F;}

.sideImg_1 {position: relative; width: 198px; height: 160px; margin-left: -3px; /*border: 1px solid orange;*/}

.sideImg_2 {position: relative; width: 92px; height: 129px; margin: 15px 0px 0px 5px;}

#rightCol {
	float: right;
	width: 200px;
	padding: 0px 10px 0px 10px;
		/*border: 1px solid gold;*/
	}
    
#rightCol H6 {font-weight: bold; font-size: 12pt; color: #70CA45; margin: 10px 10px 10px 5px;}
 
#rightCol p {margin-left: 5px; color: #fffffa; /*border: 1px dashed green;*/}

#rightCol a {text-decoration: underline; color: #fffffa;}

.leftPcol_2 {float: left;  padding: 0px; width: 50%;}

.rightPcol_2 {float: left;  padding: 0px; width: 50%;} 

.icon {width: 12px; height: 12px; border: 0px solid gray;}

.button {width: 198px; height: 30px; margin: 15px 0px 20px 0px; border: 0px solid red;}



/*= FOOTER STYLES ------------------------------------------------------------*/	
	
#footer, #progress_1, #progress_2, #progress_3, #progress_4, #progress_5, #progress_6, #progress_7, #progress_8, #progress_9 {	
	clear: both;
	width: 779px;
	height: 67px;
	}

#footer {background: url(images/DF_footer.jpg) no-repeat;}
#progress_1 {background: url(images/progress_1.jpg) no-repeat;}
#progress_2 {background: url(images/progress_2.jpg) no-repeat;}
#progress_3 {background: url(images/progress_3.jpg) no-repeat;}
#progress_4 {background: url(images/progress_4.jpg) no-repeat;}
#progress_5 {background: url(images/progress_5.jpg) no-repeat;}
#progress_6 {background: url(images/progress_6.jpg) no-repeat;}
#progress_7 {background: url(images/progress_7.jpg) no-repeat;}
#progress_8 {background: url(images/progress_8.jpg) no-repeat;}
#progress_9 {background: url(images/progress_9.jpg) no-repeat;}


.previous, .next {
	position: relative;	
	top: 15px; 
	}
.p1next {
	position: relative;	
	top: 15px; 
	}
	
.previous {left: 635px;}
.next {left: 655px;}
.p1next {left: 684px;}

#header_underline
{
	font-size:0.01px;
	display:block;
	position:absolute;
	top:120px;
	height:1px;
	width:771px;
	background-color:#00529F;
}
.bulletdd
{
	background-image:url(images/bullet.gif); 
	background-position:13px 16px;
	background-repeat:no-repeat; 
	/*background-position: 12px;*/
}
.loginright
{
	float:right; 
	margin-right:220px;
}