div#main {width: 800px; margin: 0 auto; box-shadow: 0 0 .25em .25em #000000;}

div#container	{background-image:none; padding:0 0 0 0; }

#header {
	background: #000000 url(images/floodmitigationbanner2.jpg) no-repeat;
	padding: 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 138px;
	border-bottom:1px solid #92857C;
}

#navtop2 {background-image:url("images/whitenav.jpg"); background-repeat:repeat-x; width: 800px; height: 36px; background-color: #92857C;}
#navtop2 ul {padding: .80em 0; margin: 0; list-style-type: none; color: #000; width: auto; font: normal 100% Verdana, Arial, Helvetica, sans-serif; text-align: center; font-size:1em;}
#navtop2 li {display: inline;}
#navtop2 li a {text-decoration: none; color: #000; padding: .25em .75em; border: 1px solid #000000; font-weight:bold;}
#navtop2 li a.first {background-color: #8a3b25; color:#FFF;}
#navtop2 li a:hover {background-color: #369; color: #fff;}
#navtop2 ul li.hid {overflow: hidden; list-style-type: none; border: none;}

#search2 {float: right; width: 220px; height: 25px; margin-top: 5px;}
#search2 a, #search2 a:link	{font-size: .80em; display:block; padding-top:0;}

#sidebar1 .box160 ul {list-style:none; padding:8px; width:138px; background:transparent; height:auto; margin: 0 0 1em 0; border:none; background-image:none; }
#sidebar1 .box160 h3 a {text-decoration:none; color:#FFFFFF; font-weight:bold;}
#sidebar1 .box160 h3 a:hover {text-decoration:none; color:#fff200; font-weight:bold;}
#sidebar1	{ background-image:none; width:150px;}
#sidebar1 .box160	{color: #000000; text-decoration: none; font-weight: bold;  text-align:left; background-image:none; 
					 border-radius: .5em;
					background-color:#312D29; margin:0; padding:0; 
					background: -webkit-gradient(linear, left top, left bottom, from(#312D29), to(#92857C));
					background: -moz-linear-gradient(top,  #312D29,  #92857C);
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7C7069', endColorstr='#92857C');
					background-image: linear-gradient(to bottom, #312D29 0%, #92857C 100%);
					background-image: -ms-linear-gradient(top, #312D29 0%, #92857C 100%);}
#sidebar1 .box160 span	{margin: 1em 1em; display:block; min-height:50px;}
#sidebar1 .box160 span img	{position:relative; top:.75em; margin-right:.5em; border:none;}
#sidebar1 .box160 span a, #sidebar1 .box160 span a:link	{text-decoration:none; color:#FFFFFF; border:none;}
#sidebar1 .box160 span a:hover	{color:#fff200;}

#mainContent h1, #mainContent h2, #mainContent h3	{padding-left:0px;}
#mainContent h3	{border:none;}
#map-canvas {width: 31.250em; height: 25.000em; background-color: #ffffff; border-radius:.5em; margin-bottom:5em; margin-left:.75em; float:right; display:block; z-index:1;}



#footer {
	padding: 0 0px 0 100px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#7CA1B3;
	border-right: 2px solid #7CA1B3;
	border-top: 1px solid #4A5231;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 7px 0px 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: .80em;
}