/* CSS Document */

body {
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #FFF;
	font-family: Verdana, Arial, Helvetical, sans-serif;
}
a:link { color: #039; text-decoration: underline; }
a:visited { color: #039; text-decoration: underline; }
a:hover { color: #C00; text-decoration: none; }
a:active { color: #C00; text-decoration: none; }

img {
	margin: 0;
	padding: 0;
	border: 0;
}
form {
	margin: 0;
	padding: 0;
}
input, select, textarea {
	font-size: 11px;
}
#PrintHeader, #PrintFooter {
	display: none;
}

:focus { outline: none; }

/* --- HEADER --- */
#HeaderLinks {
	background: #AFD5FF;
}
.HeaderLinks, .Date {
	font-size: 10px;
	color: #039;
	font-weight: bold;
}
.HeaderLinks {
	padding-left: 5px;
}
.HeaderLinks a:link { color: #039; text-decoration: none; }
.HeaderLinks a:visited { color: #039; text-decoration: none; }
.HeaderLinks a:hover { color: #C00; text-decoration: underline; }
.HeaderLinks a:active { color: #C00; text-decoration: underline; }
.Date {
	text-align: right;
}
#HeaderTitle {
	background: #039 url(../images/header_bg.gif) repeat-x left top;
}
.HeaderSearch {
	width: 325px;
	padding-right: 10px;
	background: url(../images/header_03.gif) no-repeat right top;
	text-align: right;
	vertical-align: bottom;
}
.HeaderSearchInput {
	height: 14px;
	margin-bottom: 3px;
	padding: 2px;
	border: 1px solid #039;
}
.ImageWrapper {
	margin: -15px -17px 10px -10px;
	border-bottom: 1px solid #0F3F9F;
}
.SubPageImage {
	width: 100%;
	height: 112px;
}

/* --- MENU --- */
#MenuArea {
	width: 150px;
	background: #6393D6 url(../images/menu_bg.jpg) repeat-x left top;
	border-right: 1px solid #AFD6FF;
	text-align: left;
	vertical-align: top;
}
.MenuItems {
	width: 150px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.MenuItems li {
	margin: 0;
	padding-top: 6px;
	padding-left: 13px;
	padding-bottom: 6px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #FFF;
	border-bottom: 1px solid #0F3F9F;
	background: url(../images/menu_bullet.gif) no-repeat 4px 11px;
}
.MenuItems li a:link { color: #FFF; text-decoration: none; }
.MenuItems li a:visited { color: #FFF; text-decoration: none; }
.MenuItems li a:hover { color: #FC3; text-decoration: none; }
.MenuItems li a:active { color: #FC3; text-decoration: none; }
.MenuItems a {
	display: block;
	width: 100%;
	height: 100%;
}
.MenuCrest {
	width: 150px;
	text-align: center;
}

/* --- Drop Down Menus --- */
.DropDownMenu {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #AFD5FF;
	border: 1px solid #4D7DC8;
	border-bottom: none;
}
#ddCloseAll {
	position: absolute;
	top: 100px;
	left: 150px;
	width: 480px;
	height: 300px;
	visibility: hidden;
	z-index: 6;
}
#ddCloseAll img {
	width: 480px;
	height: 300px;
	visibility: hidden;
}
.SubMenu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.SubMenu li {
	padding: 6px 6px 6px 13px;
	color: #039;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	border-bottom: 1px solid #4D7DC8;
	background: url(../images/menu-sub_bullet.gif) no-repeat 4px 11px;
}
.SubMenu li a:link { color: #039; text-decoration: none; }
.SubMenu li a:visited { color: #039; text-decoration: none; }
.SubMenu li a:hover { color: #C00; text-decoration: none; }
.SubMenu li a:active { color: #C00; text-decoration: none; }
.SubMenu a {
	display: block;
	width: 100%;
	height: 100%;
}
#ddCouncil, #ddLiving, #ddMunicipal {
	position: absolute;
	left: 150px;
	width: 195px;
	visibility: hidden;
	z-index: 7;
}
	#ddCouncil {
		top: 127px;
	}
	#ddLiving {
		top: 154px;
	}
	#ddMunicipal {
		top: 181px;
	}
#ddMeetings, #ddCommittees, #ddProperty, #ddDepartments {
	position: absolute;
	left: 301px;
	width: 150px;
	visibility: hidden;
	z-index: 7;
}
	#ddMeetings {
		top: 181px;
	}
	#ddCommittees {
		top: 249px;
	}
	#ddProperty {
		top: 195px;
	}
	#ddDepartments {
		width: 160px;
		top: 181px;
	}
#ddStrategic, #ddEconomic, #ddHeritage, #ddEnvironmental, #ddTrail, #ddHighway, #ddElection {
	position: absolute;
	left: 452px;
	width: 150px;
	visibility: hidden;
	z-index: 7;
}
	#ddStrategic {
		top: 249px;
	}
	#ddEconomic {
		top: 276px;
	}
	#ddHeritage {
		top: 276px;
	}
	
	#ddEnvironmental {
		top: 303px;
	}
	
	#ddTrail {
		top: 344px;
	}
	
	#ddHighway{
		top: 371px;
	}
	
	#ddElection {
		top: 440px;
	}

/* --- FOOTER --- */
#FooterTop {
	height: 15px;
	background: #039 url(../images/footer_bg.gif) repeat-x left top;
	text-align: right;
}
#FooterLinks {
	background: #039;
}
.Copyright {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	padding-left: 7px;
	padding-bottom: 3px;
}
.BottomLinks {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-align: right;
	padding-right: 7px;
	padding-bottom: 3px;
}
.BottomLinks a:link { color: #FFF; text-decoration: none; }
.BottomLinks a:visited { color: #FFF; text-decoration: none; }
.BottomLinks a:hover { color: #FC3; text-decoration: underline; }
.BottomLinks a:active { color: #FC3; text-decoration: underline; }

/* --- HOME PAGE --- */
#ContentHome {
	margin: -15px -17px -15px -10px;
	background-image: none;
	background-color: #FFF;
}
#ImageArea {
	background: #E6E6A0 url(../images/image_home_spring.jpg) no-repeat left top;
	width: 100%;
	height: 140px;
}
#WelcomeArea {
	background: url(../images/welcome_bg.jpg) repeat-y right top;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 7px 6px;
}
.WelcomeText {
	font-size: 11px;
	color: #333;
	line-height: 15px;
}
#QuickLinksArea {
	width: 100%;
	background: #FFF;
}
#NewsInfo {
	margin: 0 0 10px 0;
	text-align: left;
	vertical-align: top;
	background: url(../images/home-bg.jpg) repeat-x left top;
}
#NewsArea {
	width: 415px;
	padding: 0;
	padding-left: 10px;
	border-right: 1px solid #CCC;
	vertical-align: top;
}

.NewsLinks {
	font-size: 11px;
	line-height: 14px;
	color: #039;
	padding: 6px 4px;
}
.NewsLinks a:link { color: #C00; font-weight: bold; text-decoration: none; }
.NewsLinks a:visited { color: #C00; font-weight: bold; text-decoration: none; }
.NewsLinks a:hover { color: #4D7DC8; font-weight: bold; text-decoration: underline; }
.NewsLinks a:active { color: #4D7DC8; font-weight: bold; text-decoration: underline; }

.NewsAllLink {
	text-align: left;
	padding-right: 10px;
	font-size: 11px;

}
.NewsAllLink a:link { color: #4D7DC8; font-weight: bold; text-decoration: none; }
.NewsAllLink a:visited { color: #4D7DC8; font-weight: bold; text-decoration: none; }
.NewsAllLink a:hover { color: #C00; font-weight: bold; text-decoration: underline; }
.NewsAllLink a:active { color: #4D7DC8; font-weight: bold; text-decoration: underline; }

#InfoArea, #InfoArea2 {
	width: 192;
	padding: 20px 10px 0 10px;
	text-align: left;
	vertical-align: top;
}
#InfoArea {
	border-right: 1px solid #CCC;
}
#Weather, #FindUs, #JoinList, #Election, #CommProfile, #Tourism {
	width: 175px;
	text-align: center;
}
#Weather {
	padding: 5px 0;
}
#FindUs, #CommProfile {
	padding: 5px 0;
	border-top: 1px solid #CCC;
}
#JoinList, #Tourism {
	padding-top: 5px;
	border-top: 1px solid #CCC;
}

/* --- PAGE SUB MENUS ---*/
.SubmenuLinks {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	padding-left: 35px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	font-size: 11px;
	font-weight: bold;
	color: #4D7DC8;
	line-height: 14px;
	list-style-image: url(../images/submenu_bullet.gif);
}
.SubmenuLinks a:link { color: #4D7DC8; text-decoration: none; }
.SubmenuLinks a:visited { color: #4D7DC8; text-decoration: none; }
.SubmenuLinks a:hover { color: #C00; text-decoration: none; }
.SubmenuLinks a:active { color: #C00; text-decoration: none; }

/* --- CONTENT --- */

#ContentArea {
	padding: 15px 17px 15px 10px;
	text-align: left;
	vertical-align: top;
	background: url(../images/content-bg.jpg) repeat-x left top;
}
.BodyText {
	color: #333;
	font-size: 12px;
	line-height: 18px;
}
.Normal { /* used in Admin to "reset" text back to normal */
	color: #333;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	text-transform: none;
	font-style: normal;
	letter-spacing: normal;
	text-decoration: none;
}
.List {
	line-height: 20px;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
}
.List ul {
	border: none;
}

.List ol {
	border: none;
}
.List li {
	font-size: 11px;
	font-weight: bold;
	padding: 3px 0;
	color: #004EB2;
}
.List li ul li {
	color: #666;
}
ul.List {
	list-style: url(../images/bullet_list.gif);
}
.PageTitle {
	font-size: 18px;
	letter-spacing: 1.5px;
	font-weight: bold;
	color: #C00;
	/*border-bottom: 1px solid #F4CBCA;
	font-family: "Times New Roman", Times, serif;*/
}
.SubTitle {
	font-size: 14px;
	font-weight: bold;
	color: #039;
}
.BackLink {
	font-size: 11px;
}
.BackLink a:link { color: #C00; text-decoration: none; }
.BackLink a:visited { color: #C00; text-decoration: none; }
.BackLink a:hover { color: #039; text-decoration: underline; }
.BackLink a:active { color: #039; text-decoration: underline; }
.BackPageLink {
	font-size: 10px;
	float: right;
	margin-top: -35px;
}
.BackPageLink a:link { color: #C00; text-decoration: none; }
.BackPageLink a:visited { color: #C00; text-decoration: none; }
.BackPageLink a:hover { color: #666; text-decoration: none; }
.BackPageLink a:active { color: #666; text-decoration: none; }
.FaqQuestion {
	font-weight: bold;
	color: #4D7DC8;
}
.EmailListSubmit {
	font-size: 12px;
	font-weight: bold;
	color: #039;
	background: #FFF;
	border: thin solid #039;
	border-top-color: #4D7DC8;
	border-left-color: #4D7DC8;
}
.TableStyle {
	font-size: 11px;
}
.TableStyle td {
	padding: 2px 4px;
	border-bottom: 1px solid #DEDEDE;
	vertical-align: top;
}
.TableStyle a:link { text-decoration: none; }
.TableStyle a:visited { text-decoration: none; }
.TableStyle a:hover { text-decoration: underline; }
.TableStyle a:active { text-decoration: underline; }
.TableStyleHeader {
	font-size: 12px;
	font-weight: bold;
	background: #039 url(../images/table_header_bg.jpg) repeat-x;
	color: #FFF;
}
td.TableStyleSubHeader {
	font-size: 12px;
	font-weight: bold;
	background: #EEE url(../images/table_subheader_bg.jpg) repeat-x;
	color: #C00;
}
hr {
	color: #039;
	background: #039;
	height: 1px;
	width: 100%;
	border: 0;
}
.TopLink {
	margin: 0;
	padding: 0;
	font-size: 9px;
	background: url(../images/bullet_toplink.gif) no-repeat left top;
	text-indent: 10px;
}
.TopLink a:link { color: #4D7DC8; text-decoration: none; }
.TopLink a:visited { color: #4D7DC8; text-decoration: none; }
.TopLink a:hover { color: #039; text-decoration: none; }
.TopLink a:active { color: #039; text-decoration: none; }
.ImageBorder {
	border: 1px solid #333;
}
.Note {
	font-size: 11px;
	color: #555;
}
.Note a:link { color: #333; }
.Note a:visited { color: #333; }
.Note a:hover { color: #039; }
.Note a:active { color: #039; }
.CommitteeDocumentsTable {
	font-size: 11px;
}
.CommitteeDocumentsTable td {
	padding: 2px 4px;
	border-bottom: 1px solid #DEDEDE;
	vertical-align: top;
}
.CommitteeDocumentsTable a:link { text-decoration: none; }
.CommitteeDocumentsTable a:visited { text-decoration: none; }
.CommitteeDocumentsTable a:hover { text-decoration: underline; }
.CommitteeDocumentsTable a:active { text-decoration: underline; }
.CommitteeDocumentsTableHeader {
	font-size: 12px;
	font-weight: bold;
	background: #039 url(../images/table_header_bg.jpg) repeat-x;
	color: #FFF;
}
td.CommitteeDocumentsMonthHeader {
	font-size: 12px;
	font-weight: bold;
	background: #EEE url(../images/table_subheader_bg.jpg) repeat-x;
	color: #C00;
}
.CommitteesAddnlDocs {
	list-style: url(../images/committees_docs_bullet.gif) none;
	background: #F9F9F9;
	margin: 3px 0 0 0;
	padding: 0 4px 2px 4px;
	text-align: left;
}
.CommitteesAddnlDocs li {
	margin-left: 12px;
}
.CommitteesAddnlDocs a:link { color: #039; text-decoration: none; }
.CommitteesAddnlDocs a:visited { color: #039; text-decoration: none; }
.CommitteesAddnlDocs a:hover { color: #333; text-decoration: underline; }
.CommitteesAddnlDocs a:hover { color: #333; text-decoration: underline; }
.CommitteesArchives {
	margin: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #039;
}
.CommitteesArchives select {
	font-size: 12px;
}
.AnchorList {
	font-size: 11px;
	font-weight: bold;
	color: #4D7DC8;
	line-height: 14px;
	list-style-image: url(../images/list_bullet.gif);
}
.AnchorList a:link { color: #039; text-decoration: none; }
.AnchorList a:visited { color: #039; text-decoration: none; }
.AnchorList a:hover { color: #C00; text-decoration: none; }
.AnchorList a:active { color: #C00; text-decoration: none; }

/* --- SITEMAP --- */
.Sitemap {
	list-style: none;
	list-style-image: none; 
	margin: 0;
	margin-left: 12px;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}
.Sitemap a:link { color: #039; text-decoration: none; }
.Sitemap a:visited { color: #039; text-decoration: none; }
.Sitemap a:hover { color: #C00; text-decoration: underline; }
.Sitemap a:active { color: #C00; text-decoration: underline; }
.Sitemap li {
	list-style-image: none; 
	background: trasparent url(none) no-repeat;
}
.Sitemap li a {
	background: transparent url(../images/sitemap_doc.gif) no-repeat;
	padding-left: 18px;
}
.Sitemap li ul {
	list-style-image: none;
	list-style-type: none;
}
.Sitemap li a.ParentLink {
	background: transparent url(../images/sitemap_folder.gif) no-repeat;
}
.RkdLink {
	font-size: 9px;
	color: #CCC;
	background: #039;
	padding-left: 7px;
	padding-bottom: 3px;
	width: 996px;
}
.RkdLink a:link { color: #CCC; text-decoration: none; }
.RkdLink a:visited { color: #CCC; text-decoration: none; }
.RkdLink a:hover { color: #CCC; text-decoration: none; }
.RkdLink a:active { color: #CCC; text-decoration: none; }


/* --- EDIT: Gianni 2009
Styles for new grid layout --- */

#grid a {text-decoration:none;}
#grid a:hover {text-decoration:underline;}

#grid table {
	width: 100%;
	margin-bottom: 25px;
}

#grid th {
	background: #ffcc33; 
	color:#666;
	text-transform:uppercase;
	padding: 3px;
	text-align:center;
	font-size: 10px;
	}

#grid tr {}

#grid td{
	padding: 10px;
	font-size: 11px;
	text-align:center;
	}
	
#grid .left {text-align:left;}

#grid .alt {background:#e9e7bb;}

#features {display:none; text-transform:capitalize;}

a.external {
	background:url(../images/external.png) top right no-repeat;
	padding: 0 15px 0 0;}

.closed {font-weight:bold; color:#F00;}
.open {font-weight:bold; color: #093;}

.MFHContent {
	background:url(../images/mardenhouse-bg.png) no-repeat left 10px; 
	margin:0 -17px -15px 10px;
	padding-bottom:50px;
	overflow:hidden;
	}

	
.MainText {
	width:570px;
	float:left;
	margin:20px 27px 0 0;
	}
	
.ReadMore {text-align:right; }
	
.MFHSideBar {
	width:220px;
	float:left;
	margin-top:20px;
	}
	.MFHSideNav {
		margin:0 0 0 11px;
		width:198px;
		height:345px;
		background:#7f847e url(../images/mardenhouse-sidenav-bg.png) no-repeat;
		}
		.MFHSideNav ul.SideNavItems {
			margin:0 0 0 10px;
			padding:5px 0 0 0 ;
			width: 170px;
			list-style: none;
			}		
			.SideNavItems li {
				margin: 0;
				padding-top: 8px;
				padding-left: 13px;
				padding-bottom: 8px;
				font-size: 12px;
				font-weight: bold;
				line-height: 14px;
				background: url(../images/mardenhouse-sidenav-bullet.png) no-repeat 4px 13px;
				}
				
			.SideNavItems li a:link, .SideNavItems li a:visited { 
				color: #e7d0b6; 
				text-decoration: none; 
				}
			
			.SideNavItems li a:hover, .SideNavItems li a:active { 
				color: #fff; 
				text-decoration: none; 
				}
			.SideNavItems a {
				display: block;
				width: 100%;
				height: 100%;
			}	
			
			
			
/*=======================
SLIDESHOW
========================*/

#gallery {position:relative; width:562px; margin:20px 0; padding:0; border:1px solid #3f423f; background:#3f423f}
#images { height:375px; margin-bottom:0}
#image {position:relative; width:562px; height:375px; padding:0; overflow:hidden; background:#FFF url(../../images/loading.gif) center center no-repeat}
#image img {position:absolute; width:562px; top:0; left:0}
#thumbwrapper {margin-top:1px; padding:0; width:561px; height:89px; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:89px; width:562px; }
#thumbs {margin:0; padding:0; position:absolute; list-style:none;  }
#thumbs li {float:left; cursor:pointer; border:1px solid #3f423f; height:68px; width:106px; overflow:hidden;}
#thumbs li img {width:106px;}
#thumbshome {margin:0; padding:0; position:absolute; list-style:none; height:89px; width:10000px; }
#thumbshome li {float:left; cursor:pointer; border:1px solid #3f423f; height:89px;}
#previmg {left:0; background:url(../../images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../../images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}