/* CSS Document */


/*------------------------adds tiny margin to html to stop page shift in FF*/
html{
	min-height:100%;
	margin-bottom:1px;
}

#outer{
    
	width:80%;
	min-width:700px;
	margin:0 auto;
	border:5px solid #F2F2F2;
	height:100%;
	min-height:500px;
	
}


* html #outer{
    width:750px;
	height:350px;
}


/*This makes macIE enclose floats*/
* html>body #outer{
  display:inline-table;
}

#logo{
	width:277px;
	float:left;
	margin-left:20px;
	margin-top:10px;

}

* html #logo{
	margin-left:10px;
	margin-top:5px;
}

#glasses{
  width:165px;
  float:right;
  margin-right:20px;
  margin-top:5px;
  }

 
#main_block{
   
    clear:both;
	width:100%;
    height:100%;

}

#main_block:after {

	content:"&nbsp;";
	clear:both;
	display:block;
	visibility:hidden;
	height:0px;
}

* html #main_block{
	height:1%;
}

#sub_menu{
   
    float:left;
	width:25%;
	margin-left:20px;
	border-right:2px solid #f2f2f2;
	
}  

* html #sub_menu{
	margin-left:10px;
}

#ad_menu{
	float:left;
	width:25%;
	margin-left:20px;
	border:2px solid #f2f2f2;
}

* html #ad_menu{
	margin-left:10px;

}

#ad_menu p{
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#808080;
	background-color:#ffffff;
	
}



#percent{
	margin-left:10px;
	margin-right:auto;
	margin-top:30px;
}

  
#ad_TL{
	position:relative;
	float:left;
	margin-left:-5px;
	margin-top:-5px;
}  

#ad_TR{
	position:relative;
	float:right;
	margin-right:-5px;
	margin-top:-5px;
}

#ad_BL{
	position:relative;
	float:left;
	margin-left:-5px;
	margin-top:-4px;
	margin-bottom:-4px;
}

#ad_BR{
	position:relative;
	float:right;
	margin-right:-5px;
	margin-top:-4px;
	margin-bottom:-4px;
}
  
* html #submenu{
 	width:10%;
	margin-left:0px;
} 
  
#menu_head{
  width:100%;
  height:26px;
  background-image: url(/images/sub_head.jpg);
  background-repeat:no-repeat;
  background-position:right top;
  border:1px solid #C3C5C1;
  border-right:none;
  
}

#menu_head h1{
 
  font-size:1em;
  font-family:Arial, Helvetica, sans-serif;
  margin-left:10px;
  margin-top:6px;
  margin-bottom:0px;
  margin-right:0px;
}

#menu_list{
  margin-top:10px;
  padding-bottom:50px;  
}


#menu_list ul{
   	margin-left:0px;
	width:100%;
	padding-left:0px;
	list-style:none;
}
	
#menu_list li{
	margin-left:0px;
    border-bottom:1px solid #C3C5C1;
	text-align:center;
	line-height:2em;
}

#menu_list li a{

	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	background-image: url(/images/bullet_blue.gif);
	background-position:left -3px;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	text-decoration:none;
	padding-left:30px;
	padding-bottom:3px;
}

#menu_list li a:hover{
	background-image: url(/images/bullet_orange.gif);
	}


#content{
	width:65%;
	margin-right:20px;
	margin-bottom:20px;
	float:right;
	
}

* html #content{
  margin-right:10px;
  margin-left:10px;
  }
  

#nav{
	width:100%;
	height:25px;
	background-image: url(/images/nav_back.gif);
	background-repeat:no-repeat;
	background-position:right top;
	border:1px solid #C3C5C1;
	float:right;
	
}

* html #nav{
	margin-bottom:-5px;
}

#nav ul{
  width:86%;
  display:inline;
  float:right;
  list-style:none;
  margin-left:0px;
  margin-top:5px;
  margin-bottom:-7px;
  position:relative;
	
}

* html #nav ul{
	
}

#nav li{
  display:inline;
  margin-left:-0.3em;
  margin-right:-0.3em;
  color:#000000;
  background-color:#FFFFFF;
 
}

#nav li a{
    padding-top:0.6em;
	padding-left:6px;
	padding-right:5px;
	border-top:1px solid #000000;
	font-family: arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-decoration:none;
	color:#000000;
	background-color:#FFFFFF;
}

* html #nav li a{
	padding-top:0.55em;
}

#nav li a:hover{
	color:#FF9D0A;
	background-color:#FFFFFF;
}

#nav li a.active{
  font-weight:bold;
  text-decoration:underline;
  }

#nav li.tab{
  padding:0px;
  margin:0px;
  border-top:none;
  background-color:transparent;

}

#nav li.tab img{
	height:1.4em;
}
 
 #back_TL{
	position:relative;
	float:left;
	width:13px;	 
	margin-left:-10px;
	margin-top:-9px;
 }
 
 #back_TR{
 	position:relative;
	float:right;
	width:13px;
	margin-right:-10px;
	margin-top:-9px;
 }
 
  #back_BL{
  	position:relative;
	float:left;
	width:13px;	 
	margin-left:-9px;
	margin-bottom:-9px;
	
 }
 
 #back_BR{
 	position:relative;
	float:right;
	width:13px;
	margin-right:-9px;
	margin-bottom:-9px;
	
 }
 
 * html #back_BL, *html #back_TL{
 	margin-left:-5px;
	}
	
* html #back_BR, *html #back_TR{
	margin-right:-5px;
	}
 
 #text_box{
	margin-top:50px;
	
	border:1px solid #E9E9E9;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:10px;
 }
 
/* Hide from IE5-mac. Only IE-win sees this. \*/ 
 
* html #text_box{
	margin-top:20px;
}

/* end Hide from IE5-mac.  */
 
.text_item{
	 
	margin:5px 5px 5px 5px;
	border:5px solid #F3F3F3;

}



.text_item p{
	margin-left:20px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

.text_item h2{
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#808080;
	background-color:#ffffff;
}

.text_item h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#FFCC66;
	background-color:#FFFFFF;
	margin-left:20px;
}

 #topbox_TL{
 	position:relative;
	float:left;	 
	margin-left:-6px;
	margin-top:-6px;
	width:23px;
 }
 
 .topbox_header{
 	width:100%;
 	height:25px;
	background-color:#F3F3F3;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#808080;
 }
 
 #topbox_TR{
 	position:relative;
	float:right;
	width:23px;
	margin-right:-6px;
	margin-top:-6px;
 }
  
 
#bottombox_BL{
	position:relative;
 	float:left;
	width:14px;
	margin-left:-6px;
	margin-top:-8px;
}

#bottombox_BR{
	position:relative;
 	float:right;
	margin-right:-6px;
	margin-top:-8px;
	width:14px;
}


* html #bottombox_BL{
	margin-left:-3px;
}

* html #bottombox_BR{
	margin-right:-3px;
}
 
 
 #footer{
 	width:100%;
	
}

#footer ul{
	text-align:center;
	list-style:none;
	width:48%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding:0;
}

#footer li{
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
}

#footer li a{
	text-decoration:none;
	color:#000000;
	background-color:#FFFFFF;
}
 
.floatleft{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.floatright{
	float:right;
	margin-left:5px;
	margin-bottom:10px;
}

#process{
	display:block;
	margin:auto;
}

* html #process{
	position:relative;
	margin-left:-10px;
}