@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0;}

body {

	  font-family: verdana, arial, sans-serif;
	line-height: 1.5em;
	width: 100%;
	font-size: small; 
	background-color:#f5f5ee;
      } 
	  html>body {font-size:small;}
	  	

#wrap{
	
	border: 10px solid #490f07;
	}	
.transparent_class_index{
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.75;
	width: 100%;
	height:30px;
	float: left;
	background:url(/includes/images/test.png) repeat;
	margin-top:30px;
}
.transparent_class{
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.75;
	width: 100%;
	height:30px;
	float: left;
	background:url(/includes/images/test.png) repeat;
	margin-top:30px;
}
.transparent_class {
	margin-top:0px;
	height:35px;	
}
.transbox{
filter:alpha(opacity=65);
-moz-opacity:0.65;
-khtml-opacity: 0.65;
opacity: 0.65;
float: right; 
width:300px;
padding: 10px 10px 0px 10px;
margin:6px 10px 0px 0px;
background-color:#fff; 

top: 65px; 
font-size:90%;
	}
.transbox2{
filter:alpha(opacity=65);
-moz-opacity:0.65;
-khtml-opacity: 0.65;
opacity: 0.65;
float: right; 
width:90%;
padding: 10px 10px 0px 10px;
margin:130px 10px 10px 0px;
background-color:#fff; 
font-size:90%;
	}

	.transbox2 .position p.link{
	font-size:100%;
	padding-top: 0px;
	padding-bottom:10px;
	}
		.transbox2 .position p.link a{
	color:#c33330;
text-decoration: none;
border-bottom: 1px dotted #c33330;
	}
			.transbox2 .position p.link a:hover{
	color:#666;
border-bottom: 1px solid #666;
	}
			.transbox2 .position p.link img{
border: none;
text-decoration: none;
	}



.transpara{
float: right; 
filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0; 
	width:100px;
	}
	
#topheader_outer{
	float: left; 
	width:100%; 
}
#topheader{
height: 26px;
float: left; 
background:url(/includes/images/bg_header.gif) repeat; 
border-bottom: 10px solid #490f07;
width: 100%;
}
#topheader ul{
float: right;
display: block;padding: 0 30px;
background: url("/includes/images/top_menu_separator.gif") no-repeat 30px 0px;
}
#topheader ul li{
list-style-type: none;
background: url("/includes/images/top_menu_separator.gif") top right no-repeat;
float: left;
font: 75%/2em Verdana, Helvetica, Arial,sans-serif;
font-weight: bold;
}
#topheader ul li a{
float: left;
height: 22px;
line-height: 22px;
padding: 3px 10px 0 9px;
text-decoration: none;
color: #f7f3c5;

}
#topheader ul li a:hover, #topheader ul li a.active{
padding: 0 10px 0 9px;
color: #fff;
border-top: 3px solid #fff;
}


#header_index{
	background:url(/includes/images/banner_home3.jpg) no-repeat; 
	float: left; 
	width:100%; 
}
#header_index li a{
	color: #fff;
	}
#header{
	background:url(/includes/images/banner_home.jpg) no-repeat; 
	float: left; 
	width:100%; 
	height:140px;
	border-bottom:4px solid #c33330;
}
#header li a{
	color: #fff;
	}
.logo_index{
float: left;
width:60%;
margin:85px 20px 0px 20px;
padding-left:30px;

	}
	.logo_index img{
margin-bottom:12px;
	}
	
.logo{
float: left;
margin:20px 20px 0px 20px;
border-right: 4px solid #fff;
padding-right:10px;
	}
	.logo img{
border: none;
	}
/* navtop_index---------------------------------- */

#navtop_index ul{
list-style: none;
font: 110%/2em Verdana, Helvetica, Arial,sans-serif;
font-weight: bold;
}
#navtop_index ul li{
display: inline;
padding: 4px 8px;
}

/* navtop---------------------------------- */
#navtop ul, #navtop_index ul{
list-style: none;
font: 120%/2em Franklin Gothic Demi, Verdana, Helvetica, Arial,sans-serif;
font-weight: bold;
margin-left:15px;
padding-bottom:6px;
float: right;
}

#navtop ul li{
display: inline;
}
#navtop_nav {
line-height: 1.75em;
}
#navtop_nav li{
float: left;
list-style:none;
border-right:1px dotted #333;
}
#navtop_nav li a{
padding:0px 10px;
white-space:nowrap;
color:#c33330;text-decoration: none;
}
#navtop_nav li a:hover, #navtop_nav li a.active{
border-top:6px solid #c33330;
color:#c33330;
}
/* misc---------------------------------- */
.titleband{
float: left; 
margin-top:10px; 
font: 300%/2em Franklin Gothic Demi, Verdana, Helvetica, Arial,sans-serif; 
color:#fff;
}
h3{
font: 170%/1.5em Franklin Gothic Demi, Verdana, Helvetica, Arial,sans-serif; 
color:#c33330;
}
h3.heading a, #contentdiv a, #contentdiv_index a, #contentdiv_full a, .transbox2 a{
color:#c33330;
text-decoration: none;
border-bottom: 1px dotted #c33330;

}
h3.heading a:hover, #contentdiv a:hover, #contentdiv_index a:hover, #contentdiv_full a:hover, .transbox2 a:hover{
color:#666;
border-bottom: 1px solid #666;
}
h4{
font: 90%/1.5em Verdana, Helvetica, Arial,sans-serif;
font-weight: bold; 
}
.floathead{
float: left; 
padding-bottom:8px;
}
.subhead{
color:#c33330;
font: 120%/1.25em Franklin Gothic Demi, Verdana, Helvetica, Arial,sans-serif; 
}
p{
font: 85%/1.5em Verdana, Helvetica, Arial,sans-serif;
margin:0px;
padding: 4px 0px 5px 0px;
}
.smalltext{
font: 75%/1.25em Verdana, Helvetica, Arial,sans-serif;
	color: #666;
}
.headingbreak{
background-color: #feedaa;
padding: 5px;
color:#666;
}
.related{
margin: 10px 0px;
background-color: #feedaa;
padding: 10px;
}
.related ul{
padding-bottom: 20px;
}
.related ul li{
padding-bottom: 10px;
}

.error, .error a{
color:#FF0000;
}
.keyword{
color:#FF0000;
font-weight: bold;
padding:4px;
background-color:#f8e8c0;
}

/* content, structure---------------------------------- */
#content{
background-color:#f5f2dc;
border-top: 8px solid #aa3424;
background:#f5f2dc url(/includes/images/bg_composition2.gif) bottom left no-repeat; float: left; width:100%;
}
#contentdiv{
float: left; width: 100%;
}
#contentdiv_index{
padding:10px 20px;
}
#contentdiv_full{
padding:10px 20px; width: 90%;
}
#column100{
float: left;
width: 100%;
padding-bottom:10px;
}
.column100{
float: left;
width: 100%;
padding-bottom:10px;
}
#column50{
float: left;
width: 50%;
padding-bottom:10px;
}
.floatpict{
float: left;
width:265px;
padding-bottom:20px;
}
.floatpict img{
padding-bottom:20px;
}
.floatcontent2{
float: left;
width:60%;
}
.floatcontent{
float: left;
width:70%;
}
.floatcontent80{
float: left;
width:80%;
}
.float20{
float: left;
width: 19%;
}
.float30{
float: left;
width: 29%;
}
.float40{
float: left;
width: 39%;
}
.float50{
float: left;
width: 49%;
}
.float70{
float: left;
width: 70%;
}
.float90{
float: left;
width: 90%;
}
.float5{
float:left; 
width:2%;
}

.inner{
padding:10px 20px; 
}
.floatul{
float: left;
width: 40%;
padding: 0px 20px;
}
.floatul_result{
float: left;
width: 44%;
padding: 5px 20px;
background-color:#f6e29d;
}
.separater_ul{
margin: 0px 0px 20px 0px;
padding: 0px;
}
.separater{
border-bottom: 1px dotted #ccc;
margin: 10px 0px 10px 0px;
padding: 0px;
}
.separater2{
border-bottom: 2px dotted #ccc;
margin-top: -10px;
padding: 0px;
float:right;
width:95%;
}
.bottom{
}
.submitarea{
background-color:#f5cfb4;
float: left; 
width: 100%; 
margin-top: 0px;
margin-bottom: 15px;
}
.submitarea span{
padding:8px;
}

/* misc---------------------------------- */
.clear{
clear:both;
}
.indent{
margin-left: 10px;
}
.lessmargin{
margin-top:-8px;
}
.padtop{
padding-top:20px;
}
.padleft{
padding-left:10px;
}

/* lists---------------------------------- */
#contentdiv ul li, #contentdiv_index ul li, #contentdiv_full ul li{
list-style:none;
font: 85%/1.5em Verdana, Helvetica, Arial,sans-serif;	
}
.choicelist li, .choicelistresult li{
padding: 5px 0px;
font-weight: normal;
}
#contentdiv .choicelist li input{
margin-left:-20px;
}
#contentdiv .choicelistresult li input{
margin-left:-10px;
}
#contentdiv ul.choicelist{
margin-left:10px;
}

.profilelist{
font: 90%/1em Verdana, Helvetica, Arial,sans-serif;
}
#contentdiv ul.profilelist{
margin-left:10px;
border-bottom: 1px dotted #ccc;
padding-bottom:10px;
}
#contentdiv .profilelist li{
list-style:square; list-style:url(/includes/images/redbullet.gif);
margin-left:20px;
}
.profilemainlist {
font: 110%/1em Verdana, Helvetica, Arial,sans-serif;
}
#contentdiv_full .profilemainlist li, #contentdiv_index .profilemainlist li{
padding-bottom:10px;
padding-right:10px;
}
#contentdiv_full .profilemainlist li img, #contentdiv_index .profilemainlist li img{
margin-left:-20px;
}
#contentdiv_full ul.profilemainlist, #contentdiv_index ul.profilemainlist{
margin-left:20px;
}
/* step process---------------------------------- */
#processdiv{
	float: left; 
	margin-left:70px; 
	margin-top: 10px;
}
#process {
	background: #e9e5ca;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#process li {
	float: left;	
	margin: 0;
	padding: 0;
}
#process span {
	background: #e9e5ca url("/includes/images/separater_inactive.gif") center right no-repeat;
	color: #333;
	display: block;
	float: left;
	margin: 0;
	padding: 2px 12px;
	text-decoration: none;
	font-weight:normal;
	font: 90% Verdana, Helvetica, sans-serif;
}
#process span.active {
	background: #dcd8b7 url("/includes/images/separater.gif") center right no-repeat;
	color: #333;
	padding-bottom: 2px;  
} 
  
#process span.last {
	background: #e9e5ca url("/includes/images/separater_last.gif") center right no-repeat;
	color: #333;
	padding-bottom: 2px;  
} 
#process span.second {
	background: #dcd8b7 url("/includes/images/separater_second.gif") center right no-repeat;
	color: #333;
	padding-bottom: 2px;  
}
#process span.first {
	background: #e9e5ca url("/includes/images/separater_first.gif") center right no-repeat;
	color: #333;
	padding-bottom: 2px;  
}
	#process span.activelast {
	background: #dcd8b7 url("/includes/images/separater_activelast.gif") center right no-repeat;
	color: #333;
	padding-bottom: 2px;  
}

/* tabs---------------------------------- */
	
#tabs{
float: left;
width:100%;
padding-top:10px;
margin-bottom:10px;
font-weight: bold;
font:100%/1.5em verdana, arial, sans-serif;
background:#f5d587 url(/includes/images/bg.gif) bottom right repeat-x;
}
#tabs ul{
padding: 10px 0px 0px 5px;
}
#tabs li{
list-style: none;
padding: 0px 1px;
float: left;
}
#tabs li a, #tabs li a.active{
text-decoration: none;
float: left;
background-color:#eddaac;
padding: 4px 10px;
border: 1px solid #9c9b88;
color:#333;
}
#tabs li a.active{
background-color:#f5f2dc;
border-bottom: 1px solid #f5f2dc;
color: #933;
}
#tabs li a:hover{
background-color:#f5f2dc;
color: #933;
}
#tabs h2, #tabs h3, #tabs p{
padding:0px 10px;
font:85%/1.5em verdana, arial, sans-serif;
color:#333;
}
#tabs p{
padding:5px;
color:#333;
}
#tabs h3{
color:#333;
font:85%/1.75em verdana, arial, sans-serif;
}
	/* employment table--------------------------------- */
table.employment{
width:100%;
border-collapse:collapse;
font:75%/1.75em verdana, arial, sans-serif;
border:1px solid #e6e5d0;
margin: 10px 0px;
}
.employment th{
color:#666;
font-weight:normal;
}
.employment td{
padding: 5px 15px 5px 5px;
border:1px solid #e6e5d0;
}

td.veryfav{
background-color:#ebaa82;
text-align: right;
}
td.fav{
background-color:#f5cfb4;
text-align: right;
}

td.lfav{
background-color:#fbece0;
text-align: right;
}
td.us{
background-color:#e9e5ca;
text-align: right;
border-bottom:1px solid #FFFFFF;
}
	/* submit---------------------------------- */
.button, .buttonOn{
font-size: 11px;
font-weight:bold;
background-color: #cc7a5f;
border: none;
border: 1px solid #fff;
padding:4px;
color:#fff;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}
#column100 a.buttona, #contentdiv_full a.buttona{
text-decoration: none;
font-size: 11px;
font-weight:bold;
background-color: #cc7a5f;
border: none;
border: 1px solid #fff;
padding:4px;
color:#fff;
}
#column100 a.buttona:hover, #contentdiv_full a.buttona:hover{
background-color: #b05030;
}
.buttonOn{
background-color: #b05030;
}
		
	/* footer---------------------------------- */
	.footerdiv{
	float: left;
	width:100%;
	}
.footer{
	margin: 10px 20px;
	padding: 10px 20px;
	border-top: 2px solid #333;
	font:75%/1.5em verdana, arial, sans-serif;
	color: #666;
}