/* CSS Document */



/*document*/

body{
	margin:					0px;
	padding:				0px;
	background:				url("images/bg.jpg") repeat-x top left;
	text-align:				center;
	font-family:			arial, verdana, sans-serif;
	}
	
.clear{
	clear:					both;
	}	
	
/*wrap*/	

#w{
	width:					700px;
	margin:					0px auto;
	}
	
	
body #w{
	text-align:				left;
	}	
	
/*heading and logo*/	
	
#h{
	width:					740px;
	height:					81px;
	background:				url("images/logo.gif") no-repeat top left;
	}	
	
	
/*banner random background image*/
	
#b{
	width:					700px;
	height:					160px;
	background-repeat:		no-repeat;
	background-position:	top left;
	}

.ban1{ background-image: url("images/ban1.jpg");}
.ban2{ background-image: url("images/ban2.jpg");}
.ban3{ background-image: url("images/ban3.jpg");}
.ban4{ background-image: url("images/ban4.jpg");}
.ban5{ background-image: url("images/ban5.jpg");}
.ban6{ background-image: url("images/ban6.jpg");}
.ban7{ background-image: url("images/ban7.jpg");}
.ban8{ background-image: url("images/ban8.jpg");}
.ban9{ background-image: url("images/ban9.jpg");}
.ban10{ background-image: url("images/ban10.jpg");}


/*navigation*/	
	
#n{
	width:					720px;
	height:					28px;
	background:				url("images/nav.jpg") repeat-x top left;
	font-size:				12px;	
	}	
	
	
#n ul{
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
	border-right:			1px solid #FFB57E;
	border-left:			1px solid #C75A23;
	}
	
#n ul li{
	margin:					1px 0px 0px 0px;
	padding:				0px;
	list-style-type:		none;
	display:				block;
	float:					left;
	line-height:			28px;
	border-left:			1px solid #FFB57E;
	border-right:			1px solid #C75A23;
	}
	
#n ul li a{
	margin:					0px 6px 0px 6px;
	padding:				0px;
	color:					#FFFFFF;
	text-decoration:		none;
	}
	
#n ul li a:hover{
	color:					#003C5B;
	}		
			
	
/*content*/

#c{
	width:					700px;
	margin-left:			10px;
	}
	
#c #cl{
	float:					left;
	width:					450px;
	margin:					10px 30px 0px 0px;
	padding:				0px;
	}	
	
#c #cr{
	float:					left;
	width:					160px;
	margin:					0px;
	padding:				0px;
	}
	
#c #cr ul{
	margin:					10px 0px 5px 25px;
	padding:				0px;
	}
	
#c #cr .doc li{
	margin:					0px 0px 5px 0px;
	padding:				0px 0px 0px 0px;
	}		
		
#c a{
	color:					#003C5B;		
	text-decoration:		none;
	}
	
#c a:hover{
	color:					#FA702A;		
	text-decoration:		none;
	}	
	
#c h1{

	padding:				0px 0px 5px 0px;
	margin:					15px 0px 0px 0px;
	border-bottom:			1px dotted #003C5B;
	color:					#003C5B;
	font-size:				21px;
	font-style:				italic;
	}
	
#c h2{
	padding:				0px 0px 5px 0px;
	margin:					15px 0px 0px 0px;
	width:					100%;
	border-bottom:			1px dotted #003C5B;
	color:					#003C5B;
	font-size:				18px;
	}
	
#c, #c cl, #c cr #p{
	font-size:				13px;
	color:					#333333;
	}
	
#c p{
	margin:					10px 15px 5px 15px;
	font-size:				12px;
	color:					#333333;
	font-family:			Arial;
	line-height:			120%;
	}
	
 ul{
	margin:					10px 15px 5px 15px;
	font-size:				12px;
	color:					#333333;
	font-family:			Arial;
	line-height:			120%;
	list-style-image:		url("images/arrows.gif");
	}
	
ul li{
	list-style-image:		url("images/arrows.gif");
	}
	
dl{
	padding:				0px;
	margin:					0px;
	}	
	

#c input{
	color:					#003C5B;
	border:					1px solid #333333;
	font-size:				12px;
	margin:					2px 0px 2px 0px;
	}	
			
			
#c .fr{
	float:					right;
	}
	
#c .fr img{
	border:					1px solid #003C5B;
	}				
	
/*footer*/

#f{
	width:					700px;
	margin:					45px 0px 10px 10px;
	border-top:				1px dotted #003C5B;
	}
	
#f p{
	font-size:				10px;
	color:					#333333;
	margin:					5px 0px 0px 0px;	
	}

#f p a{
	color:					#333333;
	text-decoration:		none;
	}	
	
#f p a:hover{
	color:					#003C5B;
	}