@charset "UTF-8";
body  {
	font: 13px Arial, Helvetica, sans-serif;
	background: #290945 url(../images/bg_tile.jpg) repeat;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #1c082b;
}
#container {
	width: 856px;  
	background: #FFFFFF url(../images/bg_content.jpg) top repeat-y;
	margin: 0 auto;
	border: 0;
	text-align: left; 
}
 
#header { 
	padding: 0; height: 152px; margin: 0;
} 

#navigation {
	background: url(../images/nav_Chesapeake_City_Council.jpg) top left no-repeat;	
	width: 856px;
	height: 38px;
	padding: 0; margin: 0;
}

#navcontainer {
	padding: 8px 0 0 45px; margin: 0; 
}

#navcontainer ul {padding: 0; margin: 0; }

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

#navlist li a {font: 14px Arial, Helvetica, sans-serif; font-weight:bold; color: #e2a857; text-decoration:none}
#navlist li a:hover {color: #ffffff;}

#content {background:url(../images/bg_rightColumn.jpg) bottom right no-repeat} 

#mainContent {
	width: 350px; /* padding makes this columns 430px */
	padding: 30px 40px 15px 40px; 

}
#sidebar1 { 
    float: right;
	width: 155px;/* padding makes this columns 205px */
	padding: 35px 25px 15px 15px; 
} 
#sidebar2 {
	float: right;
	width: 160px; /*220 wide with padding*/
	padding: 45px 45px 120px 25px; 
	
}

#footer { 
	padding: 0;
	background: url(../images/bg_footer.jpg) top left no-repeat;
	height: 190px;
} 

#footer h3 {font: 24px Georgia, "Times New Roman", Times, serif; color: #e2a857; padding: 30px 0 6px 47px; margin: 0; font-weight:normal;}
#footer p {
	font-size: 12px;
	color: #e1d7e8;
	padding: 0; margin: 0
}

	#footer #leftFooter {float: left; padding: 0 10px 0 47px; width: 150px; border-right: 1px solid #632c95; margin-right: 20px}
	#leftFooter img {padding-top: 8px}
	#footer a {color: #e1d7e8; text-decoration:underline} 
#credits {font-size: 11px; color: #8a729d; text-align: right; width: 856px; margin: 0 auto;}
#credits p {padding: 4px 18px 0 0; margin: 0}
#credits a {font-size: 11px; color: #8a729d; text-decoration: none}
#credits a:hover {color: #fff;}







/* *******************
STYLING
********************** */
h1 {
	color: #b5121b;
	font: 22px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #a090ae;
	font-weight:normal;
}

h2 {
	color: #b5121b;
	font: 18px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0 0 6px 0;
	font-weight:normal;
}

h3 {
	color: #e3a856;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0 0 -10px 0;
	padding: 0 0 3px 0;
}

#mainContent p, #sidebar1 p, #sidebar2 p {
	line-height: 145%;
	
	
}

a {color: #b5121b;}
a: hover {color: e3a856}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}