/* @group Navigation */
/*------ Navigation ------*/
/*-- 11/5/08 --*/

/* @group Top Nav */

#navigation {
	float: right;
	width: 100%;
	height: 2.3em;
	background: #00440f;
}

#ournav, #ournav ul {
	float: right;
	width: 100%;
	list-style: none;
	line-height: 1.5em;
	background: #00440f;
	font-weight: bold;
	padding: 0;
	margin: 0;
	border-top: thin solid #00440f;
	border-bottom: thin solid #00440f;
}

#ournav a {
	display: block;
	/*width: 10em;
	w\idth: 6em;*/
	text-decoration: none;
	color: white;
	padding: 0.2em .7em;
}

#ournav a:hover, #ournav a:active {
	color: #6b6a4c;
}

#ournav li {
	float: left;
	padding: 0;
	/*width: 10em;*/
}

#ournav li.wide8 {
	width: 8em;
}

#ournav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 12em;
	font-weight: normal;
	margin: 0;
	border: thin solid #00440f;
}

#ournav li ul.iehalf {  /*second-level lists*/
	width: 6em;
}

#ournav li ul.iehalf li {  
	width: 6em;
	padding-right: 0;
}

#ournav li ul.iehalf li ul {  
	margin: -2em 0 0 6em;
	width: 6em;
}

#ournav li li {
	padding-right: .5em;
	width: 11.5em
}

#ournav li ul a {
	width: 10em;
	/*w\idth: 9em;*/
}

#ournav li ul ul {
	margin: -2.1em 0 0 12em;
}

#ournav li:hover ul ul, #ournav li:hover ul ul ul, #ournav li.sfhover ul ul, #ournav li.sfhover ul ul ul {
	left: -999em;
	z-index: 1;
}

#ournav li:hover ul, #ournav li li:hover ul, #ournav li li li:hover ul, #ournav li.sfhover ul, #ournav li li.sfhover ul, #ournav li li li.sfhover ul {
	left: auto;
	z-index: 1;
}

#ournav li:hover, #ournav li.sfhover {
	background: #D7D493;
	color: #6b6a4c;
}

/* Highlighting the current page */

body.home #ournav a#home, body.about #ournav a#about, body.towngov #ournav a#towngov, body.bylaws #ournav a#bylaws, body.permits #ournav a#permits, body.events #ournav a#events, body.history #ournav a#history, body.gallery #ournav a#gallery, body.contact #ournav a#contactc {
	color: #D7D493;
	text-decoration: underline;
}

body.home #ournav a:hover#home,
body.about #ournav a:hover#about, body.bylaws #ournav a:hover#bylaws, body.towngov #ournav a:hover#towngov,
body.permits #ournav a:hover#permits, body.events #ournav a:hover#events, body.history #ournav a:hover#history, body.gallery #ournav a:hover#gallery, body.contact #ournav a:hover#contactc {
	color: #2D356A;
}

/* @end Top Nav */
/***********************/
/* @group Column Nav */
/* column nav links */

.colnav, .colnav ul {
	padding: 0;
	list-style: none;
	float: left;
	width: 95%;
	margin: 0 0 0 .5em;
	z-index: -6;
}

.colnav a {
	color: #666;
	line-height: 150%;
	text-decoration: none;
	display: block;
	z-index: -6;
}

.colnav a:hover, .colnav a:active {
	color: maroon;
}

.colnav li {   
	position: relative;
	float: left;
	line-height: 150%;
	width: 100%; 
	/*z-index: -6;*/
}

.colnav li ul li {  
	margin-left: .5em;
}
/*-- end column nav links --*/
/* @end Column Nav */
/*************************/
/* @group Footer Nav */
/*---- Footer ----*/

#footer {
	clear: both;
	width: 90%;
	margin: 1em auto 0;
	text-align: center;
	font-size: .9em;
	padding: 0;
	border-top: 1px solid #2D356A;
}

#footer p {
	font-size: .9em;
}

#footer a:link, #footer a:visited {
	color: #2D356A;
}

#footer a:hover, #footer a:active {
	background: #2D356A;
	color: #D7D493;
}

/*--- End Footer ---*/
/* @end Footer Nav */
/* @end Navigation */