* {
	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-color: #284f4e;
		 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: #002e22;	
		 vertical-align: top;		 
}

.mainarea_text {
     /*height: 541px;*/
		 /*width: 534px;*/
		 /*width: 519px;*/
		
		 /*width: 519px;
		padding: 36px 15px 0px 31px;*/
		 width: 690px;
		padding: 36px 60px 0px 50px;
		 background: #FFF;
		 margin: 0px 0px 0px 0px;
		 border-left: 0px #336666 none;

		 color: #002e22;	
		 vertical-align: top;	
		position: relative;
}

.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: #002e22;	
		 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;*/
		 width: 1152px;
}

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


.leftstatus { 
		 background: #cde5e8; 
		 color: #284444;
		 padding: 36px 11px 0px 11px;
		 vertical-align: top;
	   /*border-right: 1px #336666 solid;	*/
 }
		 
.leftstatus  td {
	 	color: #284444;
}		 
.status_inner {
	border: 1px solid #b0d5d8;
	background: #d5eaec;
	padding: 6px;
}


		 
.navarea {
		 text-align: left;		 
         border-top: 1px #336666 solid; 
		 padding: 0px 0px 0px 1px;
		 margin: 0px 0px 0px 0px;
		 background: #336666;
		 color: #284444;
		 vertical-align: top;
		 width: 205px;		 		 
		 /*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;
		font-family: arial, sans;
		color: #3d7d7d;
}
.smallType1 {
		font-family: arial, sans;
		color: #3d7d7d;
}
		 
.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; 			 
}		

.yp_div {
		 visibility: collapse;
		 display: none;
		 background: #336666; 
		 /*background-image: url('../img/nav_bg.gif');*/
		 width: 205px;
		 position: relative;
		 top: 77px;
		 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%;
}

.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;
		padding-left: 3px;
}

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 : #3d7d7d; } 
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 : #3d7d7d; font-size: 10px; } 
.smallType a:hover { text-decoration : underline; font-weight: normal; color : #af9c61; font-size: 10px; }

.clear {
	clear: both;
}

/* BOX ******************/
.box1_wrap {
	width: 680px;
	margin-bottom: 12px;
	background: transparent url('../img/meru_01.gif') no-repeat scroll bottom right;
}
.box1 {
	padding: 20px;
	background: transparent url('../img/meru_02.gif') no-repeat scroll top right;
}
.box2_wrap {
	width: 680px;
	margin-bottom: 12px;
	background: transparent url('../img/meru_01.gif') no-repeat scroll bottom right;
}
.box2 {
	padding: 5px 20px 20px 5px;
	background: transparent url('../img/meru_02.gif') no-repeat scroll top right;
}
.box2_inner {
	padding-left: 85px;
	color: #002e22;
}
/* BTNS ******************/
a.btn1, a.btn1:hover {
    background: transparent url('../img/btn1a.gif') no-repeat scroll top right;
    color: #2e5150;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 38px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	outline: none; 
	cursor: pointer;
}
a.btn1 span, a.btn1:hover span {
    background: transparent url('../img/btn1.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 12px 0 12px 18px;
}
a.btn1:active {
    background-position: bottom right;
    color: #2e5150;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn1:active span {
    background-position: bottom left;
    padding: 13px 0 11px 18px; /* push text down 1px */
} 
a.btn2, a.btn2:hover {
    background: transparent url('../img/btn2a.gif') no-repeat scroll top right;
    color: #2e5150;
    display: block;
    float: left;
    font: bold 11px arial, sans-serif;
    height: 34px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	outline: none;
	cursor: pointer;
}
a.btn2 span {
    background: transparent url('../img/btn2.gif') no-repeat;
    display: block;
    line-height: 11px;
    padding: 11px 0 12px 18px;
}
a.btn2:active {
    background-position: bottom right;
    color: #2e5150;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn2:active span {
    background-position: bottom left;
    padding: 12px 0 11px 18px; /* push text down 1px */
} 

/* PINS ******************/
a.pin1,
a.pin2,
a.pin3,
a.pin4,
a.pin1_active,
a.pin2_active,
a.pin3_active,
a.pin4_active {
	outline: none;
	display: block;
    float: left;
	width: 50px;
	height: 50px;
	background-position: top left;
}
a.pin1 span,
a.pin2 span,
a.pin3 span,
a.pin4 span,
a.pin1_active span,
a.pin2_active span,
a.pin3_active span,
a.pin4_active span {
	display: none;
}

a.pin1 {
	background: transparent url('../img/pins_01a.png') repeat;
}
a.pin2 {
	background: transparent url('../img/pins_02a.png') repeat;
}
a.pin3 {
	background: transparent url('../img/pins_03a.png') repeat;
}
a.pin4 {
	background: transparent url('../img/pins_04a.png') repeat;
}
a.pin1_active {
	background: transparent url('../img/pins_01.png') repeat;
}
a.pin2_active {
	background: transparent url('../img/pins_02.png') repeat;
}
a.pin3_active {
	background: transparent url('../img/pins_03.png') repeat;
}
a.pin4_active {
	background: transparent url('../img/pins_04.png') repeat;
}

/* HDR_NAV ******************/
div.hdr_nav {
	width: 150px;
	height: 50px;
	position: absolute;
	right: 80px;
	overflow: hidden;
	padding: 0 50px 0 0;
	z-index: 2;
}


/* HEADERS ******************/
h1.hdr0,
h1.hdr1,
h1.hdr2,
h1.hdr3 {
    background: transparent url('../img/hdr_01a.gif') no-repeat scroll top right;
    display: block;
    height: 71px;
    margin: 0 0 40px 0;
    padding-right: 40px; /* sliding doors padding */
	position: relative;
	top: 20px;

}
h1.hdr0 span,
h1.hdr1 span,
h1.hdr2 span,
h1.hdr3 span {
    display: block;
    line-height: 22px;
    font: normal 22px arial, sans-serif;
    color: #2e5150;
    padding: 24px 0 25px 85px;
}
h1.hdr0 span {
    background: transparent url('../img/hdr_00.gif') no-repeat;
    color: #2c4c4b;
}
h1.hdr1 span {
    background: transparent url('../img/hdr_01.gif') no-repeat;
    color: #005487;
}
h1.hdr2 span {
    background: transparent url('../img/hdr_02.gif') no-repeat;
    color: #005487;
}
h1.hdr3 span {
    background: transparent url('../img/hdr_03.gif') no-repeat;
    color: #93001a;
}
h1.hdr3_normal {
	display: block;
    line-height: 22px;
    font: normal 22px arial, sans-serif;
    color: #2e5150;
	padding-top: 20px;
    padding-bottom: 18px;
}

.status_inner {
	border: 1px solid #b0d5d8;
	background: #d5eaec;
	padding: 6px;
}

table.quiz {
	border-width: 0px;
	border-spacing: 0;
	border-style: outset;
	border-color: rgb(205, 229, 232);
	border-collapse: collapse;
	background-color: white;
}
table.quiz th {
	border-width: 1px;
	padding: 5px;
	color: #002e22;
	font-size: 14px;
	border-style: inset;
	border-color: rgb(205, 229, 232);
	background-color: #f0f7f8;
	-moz-border-radius: ;
}
table.quiz td {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: rgb(205, 229, 232);
	background-color: white;
	font-size: 11px;
	-moz-border-radius: ;
}
input.errField {
	background: #ffc5c5;
}
select.errField {
	background: #ffc5c5;
}