/* 
  -----------------------------------
  dark blue - #004D85
  dark red - #660000
  -----------------------------------
*/

html {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	min-width: 980px;
	background: #B5C9D4 url(../images/bkgnd.jpg) no-repeat fixed center top;
	font: 100.01% Arial, Verdana, Helvetica, sans-serif;
}

/* Force a scroll bar on all pages */
html, body {
	height: 100%;
	margin-bottom: 1px;
}

#links a {font-size: .95em}
a:link, a:visited {color: #004D85; text-decoration: none;}
a:hover, a:active, a:focus {color: #004D85; text-decoration: underline;}

h1 {
	color: #333;
	font-size: 1.3em;
}
h2 {
	color: #FFF;
	font-size: .95em;
	margin: 0 40px 0 0;
	padding: 3px 5px 2px 5px;
	background-color: #CC9966;
}
h3 {
	color: #006699;
	font-size: .85em;
	margin: 10px 0 0 0;
	padding: .5em 0 0 0;
}
p, p.date {
	color: #333;
	font-size: .75em;
	margin: 0;
	padding: .1em 60px 0 0;
}
p.date {
	color: #333;
	font-weight: bold;
}

#btm_collage {
	background: url(../images/bot_collage.png) no-repeat scroll center bottom;
	width: 100%;
	float: left;
}
#container {
	position: relative;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#topdiv {
	width: 960px;
	height: 360px;
	background: url(../images/bkgnd_top_index.jpg) no-repeat center top;
}
#navtop {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 40px;
	z-index: 90;
}
#navtop ul {
	list-style-type: none;
	margin: 0;
	padding: 5px 0 6px 40px;
}
#navtop li {
	float: left;
	padding: 4px 0 0 0;
	margin: 0;	
}
#navtop a {
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	display: inline;
	text-decoration: none;
	padding: 2px;
}

#navtop a.first {padding-left: 0px;}
#navtop a:link, #navtop a:visited {color: #660000;}
#navtop a:hover, #navtop a:active, #navtop a:focus {
	color: #999999;
}
#navtop p {
	color: #660000;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 6px 40px;
}
#navbar {
	position: absolute;
	top: 30px;
	left: 0px;
	width: 960px;
	height: 40px;
	background: url(../images/navbar_bkg.png) repeat-x top left;
	z-index: 99;
}
#navbar ul {
	margin: 17px 0 0 30px;
	padding: 0;
}
#navbar li {
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#navbar a {
	font-size: 13px;
	font-weight: normal;
	display: inline;
	text-decoration: none;
	padding: 0px 10px 7px 10px;
}
#navbar a:link, #navbar a:visited {color: #CCC;}
#navbar a:hover, #navbar a:active {color: #FFF;}

#midnav {
	position: absolute;
	top: 269px;
	left: 277px;
	width: 657px;
	height: 124px;
	background: url(../images/midnav_bkg.jpg) no-repeat top left;
}
#midnav ul {
	list-style-type: none;
	margin: 0;
	padding: 101px 0 6px 0;
}
#midnav li {
	float: left;
	padding: 0;
	margin: 0;	
}
#midnav a {
	color: #FFF;
	display: block;
	width: 153px;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	padding: 0 10px 0 0;
}

#midnav a.first {padding-left: 1px;}
#midnav a:link, #midnav a:visited {color: #FFF;}
#midnav a:hover, #midnav a:active, #midnav a:focus {color: #000;}

#sidenav {
	position: absolute;
	top: 360px;
	left: 26px;
	width: 228px;
	background: url(../images/sidenav_bkg.jpg) repeat-y top left;
	text-align: right;
}
#sidenavhead {
	width: 222px;
	margin: 0;
	padding: 0;
	background: url(../images/sidenavhead_bkg.jpg) repeat-x top left;
}
#sidenavhead h5 {
	color: #FFF;
	font-size: 13px;
	margin: 0;
	padding: 10px 15px 10px 0;
	text-align: right;
}
#sidenav ul {
	margin: 0;
	padding: 0;
}
#sidenav li {
	list-style-type: none;
	padding: 0;
	margin: 0 6px 0 0;
	border-bottom: 1px solid #BA7B48;
}
#sidenav a {
	font-size: 13px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: 5px 20px 5px 10px;
}
#sidenav a:link, #sidenav a:visited {color: #CCC;}
#sidenav a:hover, #sidenav a:active {color: #FFF;}

#sidenavbot {
	width: 222px;
	height: 10px;
	background: url(../images/sidenavbot_bkg.jpg) no-repeat bottom left;
}

#bodyContainer {
	float: left;
	width: 960px;
	background: url(../images/bkg_page.jpg) repeat-y scroll center top;
}
#imageBtm {
	float: left;
	height: 200px;
	background: url(../images/footer_bkg.jpg) no-repeat scroll center bottom;
}
#content, #content_text {
	width: 660px;
	margin: 50px 0 0 277px;
	padding: 0 0 0 20px;
	background: transparent;
}
#content_text p {
	font-size: .85em;
	padding: 3px 160px 3px 10px;
}
#content p.notice {
	margin: 20px 60px 0 0;
	padding: 10px 5px 10px 10px;
	border: 2px solid #006633;
}
#content ol {
	font-size: .85em;
	margin: 5px 0 15px 10px;
	padding: 0 0 0 10px;
}
#content ol li {
	padding: 2px 0 2px 0;
	margin: 0 40px 0 0;
}
div.panel, div.panelr {
	float: left;
	width: 302px;
	margin: 0 0 60px 0;
	padding: 0;
	background: transparent url(../images/panel300_body.jpg) repeat-y;
}
div.panelr {
	float: right;
	margin-right: 30px;
}
div.panelhead {
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(../images/panel300_top.jpg) no-repeat top left;
}
div.panelhead h5 {
	color: #FF9933;
	margin: 0;
	padding: 7px 0 10px 15px;
}
#content .panel h4, #content .panelr h4 {
	font-size: .72em;
	margin: 0;
	padding: 4px 0 2px 15px;
}
#content .panel p, #content .panelr p {
	font-size: .7em;
	line-height: 11px;
	margin: 0;
	padding: 4px 20px 4px 15px;
}
div.panelbot {
	height: 50px;
	background: url(../images/panel300_bot.jpg) no-repeat bottom left;
	margin: 0;
	padding: 0;
}
#content table {
	margin: .25em 0 1em 0;
}
#content table th, td {
	font-size: 0.7em;
	line-height: 13px;
	margin: 0;
	padding: 3px;
	text-align: center;
}
#content table th {
	background-color: #BDCE80;
}
#content table td.blank {
	background-color: #EFEFEF;
}
#content table td.type {
	text-align: left;
}
#content table td.total {
	font-weight: bold;
	background-color: #DBE5F1;
}

/* Styles for the collapsible information */
#FAQ {
	font-size: 1em;
	margin: 0 0 0 20px;
}
#FAQ h3 {color: #006699;}
#FAQ h4 {
	color: #006699;
	font-size: .8em;
	margin: 0;
}
#FAQ p {
	margin: 0;
	padding: .1em 0;
}
#FAQ a {
	font-size: 1em;
}
#FAQ a:link, #FAQ a:visited {color: #006699;}
#FAQ a:hover, #FAQ a:active, #FAQ a:focus {color: #006699; text-decoration: underline;}

.address {
	width: 300px;
	float: left;
	margin: 0;
	border-top: 1px solid #CCC;
}
.mayor {
	float: left;
	margin: -15px 0 0 20px;
}

#elinks h2 {
	color: #004D85;
	margin: 0 40px 0 0;
	padding: 0;
	background-color: #FFF;
}
#elinks h2 a {
	display: block;
	margin: 13px 0 0 0;
	padding: 5px 5px 3px 5px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #E9E9E9;
}
#elinks h2 a:hover, #elinks h2 a:active, #elinks h2 a:focus {
	color: #E9E9E9;
	text-decoration: none;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #666;
}

#elinks ul {
	margin: 5px 0 0 10px;
	padding: 0;
}
#elinks li {
	list-style-type: none;
	padding: 2px 0 0 0;
	margin: 0 40px 0 0;
}
#elinks a {
	font-size: .8em;
}
#elinks a:link, #elinks a:visited {color: #006699;}
#elinks a:hover, #elinks a:active, #elinks a:focus {color: #006699; text-decoration: underline;}

#fimage {margin: 0 0 -50px 330px;}

.showinfo {display: block;}
.hideinfo {display: block;}

/* Classes */

.imageleft, .imgleft {
	float: left;
	margin: 5px 10px 10px 20px;
	padding: 0;
	border: 1px solid #333;
}
.imgleft {
	margin: 3px 15px 10px 0;
}

.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width. */
#p7PMnav li {width: auto;}


/* You are HERE indicators for Top Menu items */
body#homepage #p7PMnav li#home a, 
body#aboutpage #p7PMnav li#about a,
body#contactpage #p7PMnav li#contact a {
	color: #FFF;
}
/* You are HERE indicators for Main Menu items */
body#startbusinesspage #navbar li#start_business a,
body#saleleasepage #navbar li#sale-lease a,
body#loanpage #navbar li#start_business a,
body#salepage #navbar li#sale a,
body#directorypage #navbar li#directory a,
body#servicespage #navbar li#services a,
body#communitypage #navbar li#services a,
body#educationpage #navbar li#services a,
body#healthpage #navbar li#services a,
body#financialpage #navbar li#services a,
body#librariespage #navbar li#services a,
body#postpage #navbar li#services a,
body#socialpage #navbar li#services a,
body#tourismpage #navbar li#tourism a,
body#eventspage #navbar li#tourism a,
body#attractionspage #navbar li#tourism a,
body#agriculturepage #navbar li#agriculture a,
body#forestrypage #navbar li#forestry a,
body#municipalpage #navbar li#municipal a,
body#zoningpage #navbar li#municipal a,
body#linkspage #navbar li#links a {
	color: #FFF;
}

/* You are HERE indicators for Midnav menu items */
body#tourismpage #midnav li#tourism a,
body#agriculturepage #midnav li#agriculture a,
body#forestrypage #midnav li#forestry a,
body#communicationspage #sidenav li#communications a {
	color: #000;
}

/* You are HERE indicators for Sidenav Menu items */
body#loanpage #sidenav li#loan a,
body#saleleasepage #sidenav li#sale a,
body#communitypage #sidenav li#community a,
body#educationpage #sidenav li#education a,
body#healthpage #sidenav li#health a,
body#financialpage #sidenav li#financial a,
body#librariespage #sidenav li#libraries a,
body#postpage #sidenav li#post a,
body#socialpage #sidenav li#social a,
body#eventspage #sidenav li#events a,
body#attractionspage #sidenav li#attractions a,
body#zoningpage #sidenav li#zoning a,
body#municipalitiespage #sidenav li#municipalities a {
	color: #FFF;
}