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

a	{

	color: #225CAE;
	text-decoration: none;

}

a:hover	{

	color: #225CAE;
	text-decoration: underline;

}


body {
	margin: 0px;
	background-color: #000066;
	background-image:url(../images/bkgrd.jpg);
	background-repeat: repeat-x;
}

#footerL {
	
	float: left;
	width: 500px;
	height: 30px;
	padding: 10px 10px 10px 1px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;

}

#footerL a	{

	color: #fff;
	text-decoration: none;
	
}

#footerL a:hover	{

	color: #fff;
	text-decoration: underline;
	
}

#footerR {
	
	float: left;
	width: 270px;
	height: 30px;
	padding: 10px 10px 10px 1px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;

}

h1	{

	color: #225CAE;
	width: 100%;
	border-bottom: 1px solid #225CAE;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0px;
	line-height: 1.3em;
	font-family: 'Georgia','Palatino Linotype','Times New Roman',serif;

}

h3	{

	color: #225CAE;
	font-size: 14px;
	line-height: 0.3em;
	padding-top: 10px;
	font-family: 'Georgia','Palatino Linotype','Times New Roman',serif;

}

.highlightRedev {

	font-weight: bold;
	color: #4e2400;
	background-color: #FFF5D7;
	padding: 1px;
}

#nav	{
	margin: 0;
	font-family: Arial, sans;
	font-size: 11px;
	color: #d5ebc0;
	float: right;
	width: 165px;
	border: 0px solid red;
	list-style-type: none;
	padding-left: 5px;

}

#nav .title	{
	font-family: Georgia, Verdana, sans;
	font-size: 13px;
	font-weight: 600;
	width: 148px;
	line-height: 29px;
	padding-left: 9px;
	padding-right: 8px;
	border-bottom: 1px solid #3b599f;
	border-left: 1px solid #3b599f;
}

#nav ul	{
	list-style-type: none;
	padding: 10px 0 0 9px;
	margin: 0;
}

#nav li	{
	list-style-image: url(../images/bullet_box.gif);
	padding: 0 0 3px 0;
	margin: 0 0 6px 0;
	border-bottom: 1px solid #3b599f;
	list-style-position: inside;
}

#nav a {

	color: #ced8f4;
	text-decoration: none;
	
}

#nav a:hover {

	color: #ced8f4;
	text-decoration: underline;
	
}

#main	{
	
	width: 780px;
	min-height: 520px;
	padding: 15px 5px 20px 5px;
	background-color: #fff;
	overflow: auto;
	border: 2px solid #3399ff;

}

#text_box	{

	float: left;
	width: 180px;
	height: 200px;
	clear: none;
	border: 1px solid #c5c5c5;
	border-top: none;
	padding: 20px 5px 20px 5px;
	margin-left: 15px;
	text-align: left;
	background-color: white;
	font-family: 'Verdana', 'Arial', sans;
	font-size: 10px;
}


#text	{

	clear: right;
	position: relative;
	float: right;
	background-color: #fff;
	/*left: 235px;*/
	padding: 10px 10px 0px 0px;
	width: 530px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;

}

#text ul.long li{margin-bottom:5px;}

#wrap	{

	width: 960px;
	margin: 0 auto;
	
}
/* 	CityHead CSS.  This header is to be used
	on all official city websites.  The code 
	below may be modified to accomodate the 
	various widths to allow the header to be 
	included in different sites.  
	- Created by R. Drake, 2007 */

#cityhead {
	width: 770px;
	height: 96px;
	background-image: url(../images/city_header.gif);
	background-repeat: no-repeat;
	padding: 0;
	position: relative;
	left: -40px;
	margin-top: 0px;
	margin-right: 145px;
	margin-bottom: 0px;
	margin-left: auto;
	}
#cityhead span{
	display: none;	
	}


#cityhead li {
    margin: 0; padding: 0; list-style: none; position: absolute;
	
	}
	
#cityhead a {
    
	display: block;
	
	}
	
.orderedlist li {
	margin-bottom: 20px;
}

#panel1b {left: 0px; top: 0px; width: 250px; height: 96px;}
#panel2b {left: 410px; top: 63px; width: 68px; height: 20px;}
#panel3b {left: 496px; top: 63px; width: 100px; height: 20px;}
#panel4b {left: 612px; top: 63px; width: 80px; height: 20px;}
#panel5b {left: 714px; top: 63px; width: 58px; height: 20px;}

#panel1b a {height: 96px;}
#panel2b a {height: 20px;}
#panel3b a {height: 20px;}
#panel4b a {height: 20px;}
#panel5b a {height: 20px;}