@import url("nav.css");

html, body {
	margin: 0;
	padding: 0;
}
body {
	background: #F0EDDB;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1, h2, h3, h4, h5, h6, p, dl, dt {
	margin: 1em 0 1em 0;
	padding: 0;
}
blockquote {
	margin: 1em;
}
dt {
	font-size: 1.1em;
	font-weight: bold;
}
dd {
	margin: .5em 0 0 1.5em;
	padding: 0;
}
h1 {
	color: #854828;
	font-size: 1.33em; 
	padding: 0;
}
h2 {
	color: #854828;
 	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
}
h3 {
	color: #854828;
 	font-size: 14px;
	font-weight: bold;
	padding: 0;
}
h4 {
 	font-size: 13px;
	font-weight: bold;
	padding: 0;
}
hr {
	height: 1px;
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
}
ul {
	margin: 0 0 15px 40px;
	padding: 0;
}

#header, #banner, #content, #footer {
	margin: 0 auto 0 auto;
	width: 780px;
}
#header-wrapper {
	background: url(/assets/images/bgheader-wrapper.jpg) top left repeat-x;
}
#banner-wrapper {
	background: url(/assets/images/bgbanner-wrapper.jpg) top left repeat-x;
}
#footer-wrapper {
	background: #586D70 url(/assets/images/bgfooter-wrapper.jpg) top left repeat-x;
}

#header {
	height: 66px;
}
	#logo {
		position: absolute;
		top: 11px;
		padding: 0 0 0 7px;
	}
	#quicklinks {
		height: 42px;
		text-align: right;
	}
	#quicklinks form {
		margin: 0;
		padding: 7px 0 0 0;
	}
	#quicklinks select {
		background: #DEE2E2;
		font-size: 10px;
	}

#banner {
	height: 134px;
	overflow: hidden;
}
#content {
	background: #FFFFFF url(/assets/images/bgcontent.jpg) top left repeat-y;
}

/* SIDEBAR */
#sidebar {
	float: left;
	width: 190px;
	margin: 1px 0 0 0;
	padding: 15px 0 0 0;
}
	#sidebar h1 {
		font: 12px Georgia, "Times New Roman", Times, serif;
		letter-spacing: 2px;
		margin: 0 0 0 0;
		padding: 0.5em 0;
		text-transform: uppercase;
		text-align: center;
		border-top: 1px solid #B6A385;
		border-bottom: 1px solid #B6A385;
	}

.sectionnav {
	margin: 0 0 10px 0;
	padding: 1px;
}
	#sidebar ul {
		list-style: square;
		margin: 0;
		padding: 0 0.5em 0.5em 0;
	}
	#sidebar li {
		padding: 0.5em 0;
		margin: 0 0 0 1.5em;
	}
	#sidebar li a {
		color: #42433F;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration: none;
	}
	#sidebar li a:hover {
		text-decoration: underline;
	}

/* CONTENT */
#pagebody {
	float: right;
	padding: 0 25px 0 0;
	width: 540px;
}
/*
	#pagebody h1 {
		margin-top: 0.5em;
	}
*/

/* FOOTER */
#footer {
	background: #586D70 url(/assets/images/bgfooter.jpg) top left repeat-x;
	padding: 2em 0;
	text-align: center;
}
	#footer a {
		color: #FFFFFE;
		text-decoration: none;
	}

/* POLICE */
#police #sidebar {
	background: url(/assets/images/bgsidebar-police.jpg) top left no-repeat;
	margin: 0;
	padding-top: 45px;
}
#police .sectionnav {
	background: #F5F6F8;
	border: 1px solid #666666;
}
#police #sidebar h1 {
	color: #48547E;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	margin: 3px 0 0 0;
}
#police .sectionnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#police .sectionnav li {
	background: #CFD0C5;
	margin: 0 0 1px 0;
	padding: 3px 0;
}
#police .sectionnav li a {
	color: #48547E;
	margin: 0 0 0 8px;
	text-transform: uppercase;
	text-decoration: none;
}
#police .sectionnav li a:hover {
	text-decoration: underline;
}
#police #features {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 10px 0 10px 0;
}
#police .feature {
	width: 170px;
	margin: 0 4px;
	float: left;
	text-align: center;
}
#police .feature img {

}

/* FIRE */
#fire .sectionnav {
	background: #FFFFFF;
	border: 1px solid #666666;
}
#fire #sidebar h1 {
	color: #9C2B1E;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	margin: 3px 0 0 0;
}
#fire .sectionnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#fire .sectionnav li {
	background: #9C2B1E;
	margin: 0 0 1px 0;
	padding: 3px 0;
}
#fire .sectionnav li a {
	color: #FFFFFF;
	margin: 0 0 0 8px;
	text-transform: uppercase;
	text-decoration: none;
}
#fire .sectionnav li a:hover {
	text-decoration: underline;
}
/* AMBULANCE */
#ambulance #sidebar {
	background: url(/ambulance/images/bgsidebar-ambulance.jpg) top left no-repeat;
	margin: 0;
	padding-top: 75px;
}
#ambulance .sectionnav {
	background: #FFFFFF;
	border: 1px solid #666666;
}
#ambulance #sidebar h1 {
	color: #006633;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	margin: 3px 0 0 0;
}
#ambulance .sectionnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#ambulance .sectionnav li {
	background: #006633;
	margin: 0 0 1px 0;
	padding: 3px 0;
}
#ambulance .sectionnav li a {
	color: #FFFFFF;
	margin: 0 0 0 8px;
	text-transform: uppercase;
	text-decoration: none;
}
#ambulance .sectionnav li a:hover {
	text-decoration: underline;
}

/* PHOTO GALLERY PAGES */
#photos #content {
	background: #FFFFFF url(/assets/images/bgcontent-wide.jpg) top left repeat-y;
}
#photos #sidebar {
	width: 0;
}
#photos #pagebody {
	width: 730px;
}
#photos #footer {
	background: url(/assets/images/bgfooter-wide.jpg) top left repeat-x;
}

.announcement {
	background: #FFFFCC;
	border: 1px solid #999999;
	margin: 10px 30px 10px 30px;
	padding: 20px;
	text-align: center;
}
.archives ul {
	list-style: none;
	margin: 0;
	padding: 0 0.5em 0.5em 0;
}
.archives li {
	padding: 0.5em 0;
	margin: 0;
}
.archives li a {
	color: #42433F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
.archives li a:hover {
	text-decoration: underline;
}
.centered {
	text-align: center;
}
.clearit {
	clear: both;
	height: 1px;
}
table.grid {
	border-collapse: collapse;
}
.grid th {
	background: #DDDDDD;
	border: 1px solid #D9D9D9;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
}
.grid td {
	border: 1px solid #D9D9D9;
	padding: 5px 15px 5px 5px;
}
.headshots td {
	padding: 20px;
	text-align: center;
}
.td2 {
	background: #F1F5FA;
}
ul.inline {
	margin: 0 0 0 15px;
	padding: 0;
}
.left {
	text-align: left;
}
	div.left {
		float: left;
	}
table.listing {
	border-collapse: collapse;
}
.listing th {
	background: #D9D9D9;
	border: 1px solid #D9D9D9;
	color: #333333;
	font-size: 12px;
	text-align: left;
	letter-spacing: 1.25px;
	padding: .5em;
	text-transform: uppercase;
}
.listing td {
	border: 1px solid #D9D9D9;
	padding: 5px 15px 5px 5px;
	vertical-align: top;
}
.newssearch {
	padding: 0 0 0 5px;
}
.note {
	font-size: 10px;
	font-style: italic;
}
.padded, .padded td {
	padding: 6px;
}
img.right {
	float: right;
	padding: 0 0 10px 10px;
}
img.left {
	float: left;
	padding: 0 10px 10px 0;
}
.related {
	float: right;
	width: 150px;
	background: #F0EDDB;
	border: 1px solid #cccccc;
	margin: 0 0 10px 10px;
	padding: 0 5px;
}
	.related h1 {
		background: #000033;
		color: #ffffff;
		font-size: 12px;
		margin: 0 -5px;
		padding: 5px 0;
		text-align: center;
		text-transform: uppercase;
	}
	.related ul {
		margin: 5px 0;
	}
	.related ul li {
		list-style: none;
		padding: 0 5px;
	}
.right {
	float: right;
	padding: 0 0 1em 1em;
}
.spaced li {
	margin-bottom: 1em;
}
.spaced li ul li {
	margin-bottom: 0;
}
.survey {
	background: #ECECEC;
}
	.survey h1 {
		background: #CCCCCC;
		color: #333333;
		font-size: 12px;
		padding: 1em;
	}
	table.survey {
		border: 1px solid #CCCCCC;
		width: 100%;
	}
	.survey td {
		padding: 5px;
	}
.upcoming a {
	color: #660000;
	display: block;
	height: 1%;
	text-decoration: none;
	text-transform: uppercase;
}
.upcoming a span {
	color: #333333;
	text-transform: none;
}
.upcoming p {
	border-bottom: 1px solid #D3DCE6;
	padding: 0 0 12px 0;
}
td.vtop {
	padding: 5px;
	vertical-align: top;
}
.committee td {
	vertical-align: top;
	padding: 10px 5px;
	border-bottom: 1px solid #CCCCCC;
}