* {
  font-family: arial, sans;
	font-size: 12px;
  }
	
form { margin:0;
       padding:0; } 	

html {	 
      margin:0;
      padding:0;
      border:none;
		  height: 100%;			
			}	
	
body {
		 margin: 0 0 0 0;
		 padding: 0 0 0 0;
 		 background: url('../img/flow_bg.gif');
		 background-position: 0px 0px;
		 height: 100%;		 
}

sup {
    font-size: 9px;
}

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

.mainarea {
     /*height: 541px;*/
		 /*width: 534px;*/
		 width: 534px;
		 background: #FFF;
		 border-left: 0px #336666 none;
		 margin: 0px 0px 0px 0px;
		 padding: 36px 0px 0px 31px;
 	   color: #666666;
		 vertical-align: top;		 
}

.mainarea_text {
     /*height: 541px;*/
		 /*width: 534px;*/
		 /*width: 519px;*/
		 width: 519px;
		 background: #FFF;
		 margin: 0px 0px 0px 0px;
		 border-left: 0px #336666 none;
		 padding: 36px 15px 0px 31px;
 	   color: #666666;
		 vertical-align: top;	
}

.mainarea_text2 {
     /*height: 541px;*/
		 /*width: 534px;*/
		 /*width: 519px;*/
		 width: 724px;;
		 background: #FFF;
		 margin: 0px 0px 0px 0px;
		 border-left: 0px #336666 none;
		 padding: 36px 15px 0px 31px;
 	   color: #666666;
		 vertical-align: top;	
}

.mainarea_textFL {
     /* 1046px  */ 
		 width: 900px;
		 background: #FFF;
		 margin: 0px 0px 0px 0px;
		 border-left: 0px #336666 none;
		 padding: 0px 0px 0px 0px;
		 color: #666666;
		 vertical-align: top;	
}


.in10px {
		 margin: 13px 15px 0px 15px;
}

.anum{
			font-size: 18px;
			font-weight: bold;
			color: #84aaad;
}

.titleText {
			font-size: 18px;
			font-weight: bold;
			color: #064242;
}

.test_intro{
		 width: 519px;
		 padding: 15px 15px 0px 0px;
}

.wrap_l {
		 background: url('../img/bg_l.jpg');
		 width: 72px;
		 border-left: 0px #000 none;
}

.wrap_r {
		 background: url('../img/bg_r.jpg');
		 width: 72px;
}

.maintrailer {
		 background: url('../img/bg_down.jpg');
		 background-position: 0px 1px;
		 width: 917px;
}

.maintrailer2 {
		 background: url('../img/bg_down2.jpg');
		 background-position: 0px 1px;
		 width: 917px;
}

.maintrailerFL {
		 background: url('../img/bg_downFL.jpg');
		 background-position: 0px 1px;
		 width: 1046px;
}


.leftstatus { 
		 background: #dbe7e8; 
		 color: #284444;
		 padding: 36px 27px 0px 27px;
		 vertical-align: top;
	   border-right: 1px #336666 solid;		 
		 }
		 
.leftstatus  td {
	 	color: #284444;
}		 
		 
.navarea {
		 text-align: left;		 
     border-top: 1px #336666 solid; 
		 padding: 0px 0px 0px 0px;
		 margin: 0px 0px 0px 0px;
		 background: #336666;
		 color: #284444;
		 vertical-align: top;
		 width: 205px;
	   border-right: 1px #336666 solid;			 		 
		 /*background-image: url('../img/nav_bg.gif');*/
		 }

.hider {
		 visibility: collapse;
		 display: none;
}		

.showit {
		 visibility: visible;
		 display: auto;
}

.ans_right {
  color: #336600;
	font-weight: bold;
  font-family: arial, sans;
	font-size: 16px;
  padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;			
} 

.ans_wrong {
  color: darkred;
	font-weight: bold;
  font-family: arial, sans;
	font-size: 16px;
  padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;			
} 

.a_text{
  font-size: 14px;
	padding: 3px;
	vertical-align: middle;
}

.a_text em {
  font-size: 14px;
	}

.answers_nav {
    width: 181px;
		float: right;
}

.q_footer {
    margin-top:30px;
}

.smallType {
		font-size: 10px;
}
		 
.pr_div {
		 visibility: collapse;
		 display: none;
		 background: #336666; 
		 /*background-image: url('../img/nav_bg.gif');*/
		 width: 205px;
		 position: relative;
		 top: 30px;
		 left: -1px;
		 border-top: 1px #336666 solid; 			 
		 border-left: 1px #336666 solid; 			 
		 border-right: 1px #336666 solid; 			 
}		

.tst_div {
		 visibility: collapse;
		 display: none;
		 background: #336666; 
		 /*background-image: url('../img/nav_bg.gif');*/
		 width: 205px;
		 position: relative;
		 top: 46px;
		 left: -1px;
		 border-top: 1px #336666 solid; 			 
		 border-left: 1px #336666 solid; 			 
		 border-right: 1px #336666 solid; 			 
}		

.navimg_off {
		 background-image: url('../img/nav_bg_off.jpg');
		 text-align: left;		 
		 vertical-align: top;		 
		 margin: 0 0 1px 0;
		 padding-top: 8px;
		 padding-left: 0px;
		 padding-right: 0px;
		 padding-bottom: 0px;
		 width: 205px;
		 border: 0px #000 none;	
	 	 cursor:pointer;cursor:hand; 	 								 
}		 

.navimg_on {
		 background-image: url('../img/nav_bg_on.jpg');
		 text-align: left;		 
		 vertical-align: top;		 
		 margin: 0 0 1px 0;
		 padding-top: 8px;
		 padding-left: 0px;
		 padding-right: 0px;
		 padding-bottom: 0px;
		 width: 205px;
		 border: 0px #000 none;	
	 	 cursor:pointer;cursor:hand; 	 								 
}		
		 
.picarea { 
     border-right: 0px #336666 none; 
     border-left: 0px #336666 none; 
     border-top: 1px #336666 solid; 
     border-bottom: 1px #336666 solid;
		 background-image: url('../img/toppic.jpg');
		 vertical-align: top;		 
		 }

.hmain {
		 background: url('../img/bg.jpg');
		 background-repeat: repeat-x;
		 margin: 0 0 0 0;
		 padding: 0 0 0 0;
		 height: 100%;
}

.hmainFL {
		 background: url('../img/bg.jpg');
		 background-repeat: repeat-x;
		 margin: 0 0 0 0;
		 padding: 0 0 0 0;
		 height: 100%;
}

.divide_line {
		 border-bottom: 1px #d1c294 solid;     
}

.sidelogo {
		float: left;
		position: absolute;
		margin-left: -5px;
}

.error {
    color: darkred;
		font-weight: bold;
}

.advise {
    color: darkgreen;
		font-weight: bold;
}

h1 {
  font-family: arial, sans;
	font-size: 16px;
	color: #97854e;
  padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 0px;		
}

li {
  padding: 0px 0px 0px 0px;
	margin: 20px 0px 10px -23px;
	width: 330px;
}

li.pres {
  padding: 0px 0px 0px 0px;
	margin: 0px 0px -8px 10px;
	width: 330px;
}

.pres {
  padding: 0px 0px 0px 14px;
	margin: 8px 0px -12px 0px;
	width: 460px;
	background-image: url(../img/bul.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
}

.pres2 {
  padding: 0px 0px 0px 14px;
	margin: 8px 0px -12px 15px;
	width: 460px;
	background-image: url(../img/bul.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
}

input, select, textarea {
  padding: 2px 2px 2px 2px;
  margin: 0 0 0 0;
	background: #fff;
	color: #000;
	border: #9a9a9a 1px solid;
	font-size: 10px;
}

.rnb {
  padding: 2px 2px 2px 2px;
  margin: 0 0 0 0;
	background: #fff;
	color: #000;
	border: #000 0px none;
	font-size: 10px;
}

.submit {
  padding: 2px 2px 2px 2px;
  margin: 0 0 0 0;
	background: #336666; 
	border: #88a9aa 1px solid;
	color: #fff;
	font-weight: bold;
	cursor:pointer;cursor:hand;
	font-size: 10px;	
}

.submit:hover {
  padding: 2px 2px 2px 2px;
  margin: 0 0 0 0;
	background: #559999; 
	border: #88a9aa 1px solid;
	color: #fff;
	font-weight: bold;
	cursor:pointer;cursor:hand;
	font-size: 10px;	
}

.submit2 {
  padding: 2px 2px 2px 2px;
  margin: 0 0 0 0;
	background: #336666; 
	border: #88a9aa 1px solid;
	color: #fff;
	font-weight: bold;
	cursor:pointer;cursor:hand;
	font-size: 14px;	
}

.submit2:hover {
  padding: 2px 2px 2px 2px;
  margin: 0 0 0 0;
	background: #559999; 
	border: #88a9aa 1px solid;
	color: #fff;
	font-weight: bold;
	cursor:pointer;cursor:hand;
	font-size: 14px;	
}


.profile_titles {
  background: #88a9aa;
	color: #fff;
}

textarea {
	font-size: 11px;
}

option {
	font-size: 10px;
}

.hg_box {
	border: 2px dashed #336666;
	padding: 10px;
	margin: 10px 10px 10px 0px;
	width:400px;
  background: #dbe7e8; 
  color: #284444;	
}

.hg_box h1 { color: #336666; font-size: 14px; } 

h1 sup { font-size: 14px; }
h1 em { font-size: 16px; }

.smallType .pres { font-size: 10px;  }
.smallType .pres2 { font-size: 10px;  }
.smallType em { font-size: 10px;  }

/* link */
a:link, a:active, a:visited { text-decoration : underline; font-weight: normal; color : #284444; } 
a:hover { text-decoration : underline; font-weight: normal; color : #af9c61; }

/* link */
.smallType a:link, .smallType a:active, .smallType a:visited { text-decoration : underline; font-weight: normal; color : #284444; font-size: 10px; } 
.smallType a:hover { text-decoration : underline; font-weight: normal; color : #af9c61; font-size: 10px; }