/* splash-only elements */




#splash {
	background-image: url(images/splash_bg.gif);

}

#splash .clear {
	clear: both;
}

#splash #padder {
	padding: 18px 0px 50px 6px;
	padding-top: 10px;
	background: url(images/splash_bg_bottom.gif) no-repeat bottom;
	
}

#splash .top-box {
	position: relative;
	background-color: #FBFBF6;
	width: 234px;
	border: 1px solid;
	border-color: #D0D0B9 #FFFFFF #FFFFFF #D0D0B9;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #636363;
	margin: 0px 0px 14px 0px;
	float: left;
}

#splash #mayor-council {
	float: right;
	margin-right: 20px;
}

#splash .top-box h2, #splash .top-box h3 {
	color: #5e6134;
	border-bottom: 2px solid #5e6134;
	font-size: 19px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}
#splash .top-box ul {	
	text-decoration:none;
	margin: 0px 0px 10px 0px;
	padding-left: 15px;
	list-style-position:outside;
	line-height: 14px;
}

#splash .top-box a.more, #splash .top-box a.more {
	display: block;
	text-align: right;
	text-transform: uppercase;
}

.click-box {
	cursor: pointer;
}


#splash #featured {
	width: 480px;
	clear: left;
	border: 1px solid;
	border-color: #D0D0B9 #FFFFFF #FFFFFF #D0D0B9;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #636363;
	margin: 0px 0px 14px 0px;
}

#splash #featured h3 {
	color: #5e6134;
	border-bottom: 2px solid #5e6134;
	font-size: 19px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

#splash #featured ul.col {
	width: 210px;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}

#splash #featured ul.col-1 {
	padding-right: 20px;
	border-right: solid 1px #D0D0B9;
}

#splash #featured ul.col-2 {
	width: 211px;
	margin-left: -1px;
	padding-left: 20px;
	border-left: solid 1px #D0D0B9;
}

#splash #featured li {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	clear: left;
	min-height: 80px;
}
#splash #featured li p.title {
	font-weight: bold;
	margin: 0;
	color: #616FA5;
}

#splash #featured li div.blurb p {
	margin: 0;
}

#splash #featured li .image img {
	width: 55px;
	float: left;
	margin: 3px 10px 2px 0;
}

#splash #links {
	display: none;
}


#splash #links {
	position: relative;
	width: 475px;
}

#splash #links h3 {
	color: #54543d;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4;
	margin: 0 0 7px 0;
	border-bottom: solid 1px #bdbdab;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#splash #links h3.public-safety {
	color: #bc8f0f;
}

#splash #links #col1 {
	position: relative;
	width: 255px;
	float: left;
	margin-top: 5px!important;
	padding: 0px!important;
}

#splash #links #col2 {
	position: relative;
	float: right;
	width: 211px;
	margin-top: 5px!important;
	padding: 0px!important;
	vertical-align: top;
}

#splash #links #left {
	position: relative;
	width: 255px;
	border: 1px solid ;
	border-color: #D0D0B9 #FFFFFF #FFFFFF #D0D0B9;
	margin: 0px 0px 0px 0px;
}

#splash #links #right {
	position: relative;
	width: 211px;
	border: 1px solid;
	border-color: #D0D0B9 #FFFFFF #FFFFFF #D0D0B9;
	margin: 0px 0px 0px 0px!important;
}

#splash #links #more, #splash #welcome #more {
	position: absolute!important;
	bottom: 7px;
	right: 7px;
	border: none;
}

#splash #links a.more, #splash #welcome a.more {
	/*margin-top: 10px;*/
	font-size: 11px;
	display: block;
	text-align: right;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#splash #links ul {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #616FA5;
	text-decoration:none;
	list-style-image:url(../_images/content_arrow.gif);
	margin: 0px 0px 10px 0px;
	padding-left: 15px;
	list-style-position:outside;
	line-height: 14px;
}

#splash .border .block1 {
	height: auto;
	/*min-height: 140px!important;
	height: 140px;*/
}

#splash .border .block2 {
	height: auto;
/*	min-height: 217px;
	height: 217px;*/
}

#splash .border {
	border: 1px solid ;
	border-color: #FFFFFF #D0D0B9 #D0D0B9 #FFFFFF;
	padding: 5px 8px 4px 8px;
	*padding-bottom: 0;
}




#splash #welcome hr {
	border-top: 1px solid #D9D9C5;
	height: 1px;
	border-width: 1px 0px 0px 0px;
	padding: 0px;
	margin: 3px 0px 0px 0px;
}

#splash #whatsnew {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #636363;
	position: relative;
	width: 255px;
	float: right;
	padding: 7px 15px 0px 0px;
}

#splash #whatsnew .arrow {
	margin-left: 4px;
}

#splash #whatsnew h3 {
/*	color: #54543d;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	line-height: 1.4;
	border-bottom: solid 1px #bdbdab;
*/
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #5e6134;
	border-bottom: 2px solid #5e6134;
	font-size: 19px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;

}

#splash #whatsnew h1 {
	color: #616FA5;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 14px 0 0 0;
}

#splash #whatsnew h2 {
	color: #636363;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
}

#splash #whatsnew div.desc {
	margin: 0;
}

#splash #whatsnew div.desc p {
	margin: 0;
}

#splash #whatsnew hr {
	border-top: 1px dashed #B4B4AD;
	height: 1px;
	border-width: 1px 0px 0px 0px;
}

#splash a {
	color: #616FA5;
	text-decoration:none;
}

#splash #whatsnew .more {
	text-align: right;
	padding-right: 8px;
	margin-top: 10px;
}

#splash #whatsnew .more a {
	position: relative;
	/*margin: 10px 0px 0px 145px;*/
	/*color: #54543d;*/
	text-transform: uppercase;
}

#splash #whatsnew a:hover, #splash #whatsnew a:active, #splash #links a:hover {
	text-decoration:underline;
	}

#whatsnew #quicklinks {
	margin-bottom: 14px;
	width: 255px;
	/*height: 18px;*/
	}

/*#whatsnew #quicklinks {
	border: 1px solid ;
	border-color: #D0D0B9 #FFFFFF #FFFFFF #D0D0B9;
	margin-bottom: 14px;
	width: 212px;
	height: 41px;
	}*/
	
#whatsnew #quicklinks .border {
	border: 1px solid ;
	border-color: #FFFFFF #D0D0B9 #D0D0B9 #FFFFFF;
	padding: 11px;
	height: 17px;
}







/* global elements */



html, body {

	margin: 0px auto;
	padding: 0px;
	background-color: #FBFBF6;
/*	background-image: url(images/bg.gif);
	background-position: top center;
	background-repeat:repeat-y;*/
	height: 100%;
}



img {

	border: none;

}



form {

	margin: 0px;

}



fieldset {

	border: 0px;

	margin: 0px;

}

/* translation bar */

#container {
	clear: both;
}

#translation-bar {
	color: #54543d;
	background-color: #dadac8;
	padding: 9px 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 754px;
	margin: 0 auto;
	height: 25px;
	overflow: hidden;
}

#translation-bar #translation-wrapper {
	float: left;
	width: 400px;
}
#translation-bar #translation-wrapper #google_translate_element {
	float: left;
	margin: 1px 0 0 12px;
}

#translation-bar h2 {
	font-size: 12px;
	margin: 5px 0 0 0;
	float: left;
}

#translation-bar a.about-translation {
	color: #616FA5;
	font-size: 11px;
	margin: 5px 0 0 10px;
	display: block;
	float: left;
	text-decoration: underline;
}

#translation-bar #social-follow {
	float: right;
	width: 260px;
}

#social-follow h2 {
}

#social-follow ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	width: 158px;
}

#social-follow ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline; /* ie7 staircase bug */
}

#social-follow ul li a {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	display: block;
	height: 29px;
	width: 29px;
	text-indent: -999999px;
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration: none;
}

#social-follow ul li a:focus, #social-follow ul li a:hover, #social-follow ul li a:active {
}

#social-follow ul li a.facebook {
	background-image: url(images/icon-follow-facebook.png);
}


#social-follow ul li a.twitter {
	background-image: url(images/icon-follow-twitter.png);
}

#social-follow ul li a.youtube {
	width: 69px;
	background-image: url(images/icon-follow-youtube.png);
}

/* positioning elements - global */



#print_logo {

	display: none;

}



.photo {

  	float:right;

  	background: url(images/photo_shadow.gif) no-repeat bottom right;

  	margin: 10px 0 0 10px !important;

  	margin: 10px 0 0 5px;

}



.photo img {

  	display: block;

  	position: relative;

  	background-color: #fff;

  	border: 1px solid #a9a9a9;

  	margin: -6px 6px 6px -6px;

  	padding: 5px;

}



#container {
	width: 778px;
	position: relative;
	margin: 0 auto;
	background-image: url(images/bg.gif);
	background-position: top center;
	background-repeat:repeat-y;
	_height: 100%;
	min-height: 100%;
	border: solid 1px #dadac8;
	border-width: 0 1px;
	}


/* Edits to add new header images and navigation - Karen - July 25 2008 */
	
#header {

	position: relative;
	height: 197px;
	z-index: 10;
/*	background-image: url(images/header-photo-general.jpg);
	background-repeat: no-repeat;*/
	}

/* Section Specific Headers */
/*
.section-residents #header {
	background-image: url(images/header-photo-residents.jpg);	
}

.section-business #header {
	background-image: url(images/header-photo-business.jpg);	
}

.section-visitors #header {
	background-image: url(images/header-photo-visitors.jpg);	
}

.section-municipal #header {
	background-image: url(images/header-photo-municipal.jpg);	
}

.section-mayor #header {
	background-image: url(images/header-photo-mayor.jpg);	
}
*/

#header #banner {
	display: block;
	margin: 0;
	padding:0;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}

#logo-link {
	position: absolute;
	top: -500px;
	top: 0;
	left: 0;
	width: 180px;
	height: 90px;
	z-index: 200;
}

#logo-link a {
	display: block;
	width: 180px;
	height: 90px;
	text-indent: -99999px;
	background-image: url(images/ie-fix.png);
}

#headernav {
	position: absolute;
	top: 10px;
	right: 190px;
	z-index: 200;
border-bottom: solid 1px #fff;
height: 30px;
}

#headernav, #headernav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#headernav li {
	float: left;
	margin-right: 14px;
}

#headernav, #headernav li a {
	color: #fff;
	text-indent: none;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#tagline {
	/*text-indent: -9999px;*/
	position: absolute;
	top: 24px;
	padding-top: 5px;
	right: 13px;
	color: #fff;
	z-index: 200;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	min-width: 180px;
	text-align: right;
	border-top: solid 1px #fff;
	*top: 40px;
}


#topmenu {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 190px;
	z-index: 20;
}

/*
#topmenu a {
	display: block;
	height: 22px;
	position: absolute;
	text-indent: -9999px;
	z-index: 30;
}
	
#topmenu a#home-nav {
	width: 34px;
	top: 0;
	left: 0;
}
#topmenu a#sitemap-nav {
	width: 50px;
	top: 0;
	left: 39px;
}

#topmenu a#contact-nav {
	width: 66px;
	top: 0;
	left: 96px;
}

#topmenu .menu {

	margin: 6px;

	}
*/
#topmenu form {
	width: 190px;
	height: 13px;
	z-index: 20;
	position: relative;
}

#topmenu .search {

	width: 139px;

	height: 13px;

	position: absolute;

	left: 10px;

	top: 1px;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #606060;

	padding: 1px;

	}



#topmenu .button {

	position: absolute;

	right: 12px;

	top: 1px;

	}



#topmenu hr {

	position: absolute;

	width: 352px;

	height: 1px;

	top: 26px;

	left: 6px;

	margin: 0px;

	border: 0px;

	border-top: 1px solid #595959;

	}



#topmenu .quote {

	position: absolute;

	left: 6px;

	top: 35px;

	}

#main-navigation {
	height: 25px;
	width: 778px;
	position: relative;
	z-index: 100;
	font-size: 11px;
	line-height: 1;
}

#main-navigation h3 {
	position: absolute;
	left: -9999px;
}

#main-navigation ul, #main-navigation ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}

#main-navigation ul#navigation {
/*	position: relative;*/
	width: 778px;
	height: 25px;
}

#main-navigation ul li {
	margin: 0;
	padding: 0;
	list-style: none;
/*	position: absolute;
	top: 0;
	left: 0;
	width: 155px;*/
	height: 23px;
	float: left;
	border-bottom: solid 1px #000;
	border-top: solid 1px #eee;
}

#main-navigation a {
	display: block;
	height: 17px;
	overflow: hidden;
	color: #1e1e1f;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 15px;
	padding: 3px 10px 3px 10px;
	white-space: nowrap;
/*	text-indent: -9999px;*/
}

/* Residents */

#main-navigation ul li#residents-nav {
/*	left: 0;*/
	width: 155px;
	background-color: #ffeba6;
	border-bottom: solid 1px #bfad70;
	border-top: solid 1px #fff6d7;
	/*background-image: url(images/btn_residents.gif);*/ 
}

/* Business */

#main-navigation ul li#business-nav {
/*	left: 155px;*/
	width: 155px;
	background-color: #bbd3e4;
	border-bottom: solid 1px #849aa8;
	border-top: solid 1px #e1ecf4;
	/*background-image: url(images/btn_business.gif);*/ 
}

/* Visitors */

#main-navigation ul li#visitors-nav {
/*	left: 310px;*/
	width: 155px;
	background-color: #d8e9b6;
	border-bottom: solid 1px #9dab7d;
	border-top: solid 1px #eef5de;
	/*background-image: url(images/btn_visitors.gif);*/ 
}

/* Municipal */

#main-navigation ul li#municipal-nav {
/*	left: 465px;*/
	width: 159px;
	background-color: #a6a7a9;
	border-bottom: solid 1px #7c7d7f;
	border-top: solid 1px #d3d3d4;
	/*background-image: url(images/btn_municipal.gif);*/ 
}

/* Mayor */

#main-navigation ul li#mayor-nav {
/*	left: 624px;*/
	width: 154px;
	background-color: #e1e9f4;
	border-bottom: solid 1px #a6acb6;
	border-top: solid 1px #f0f4fa;
	/*background-image: url(images/btn_mayor.gif);*/ 
}

#main-navigation ul li:hover, #main-navigation ul li.sfhover {
	position: static;
}


#main-navigation ul li ul {
	position: absolute;
	left: -999em;
	width: 19em;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000;                                   
	background-color: #dce6e8;
	padding: 0;
	margin-top: 1px;

}

#main-navigation ul li:hover ul, #main-navigation ul li.sfhover ul {
	left: auto;
}


#main-navigation ul li ul li {
	height: auto;
	border: none;
}

#main-navigation ul li ul li a {
	display: block;
	height: auto;
	font-size: 11px;
	text-indent: 0;
	color: #000;
	white-space: normal;
	display: block;
	width: 16em;
	padding: 5px 2em 5px 1em;
	border: none;
	text-decoration: none;
	position: relative;
	line-height: 1;
	position: relative;
}

#main-navigation ul li ul li.parent a {
	background-image: url(images/content_arrow.gif);
	background-position: 17em center;
	background-repeat: no-repeat;
}


#main-navigation ul li ul li.parent ul li a {
	background-image: none;
}

#main-navigation ul li:hover, #main-navigation ul li.sfhover {
	background-color: #b9ccd2;
}


#main-navigation ul li ul li ul { 
	margin: -21px 0 0 18em;
}

#main-navigation ul li ul li.sfhover ul { 

}

#main-navigation ul li#mayor-nav ul ul {
	margin-left: -19em;
}

#main-navigation ul li:hover ul ul, #main-navigation ul li.sfhover ul ul {
	left: -999em;
}

#main-navigation ul li:hover ul, #main-navigation ul li li:hover ul, #main-navigation ul li.sfhover ul, #main-navigation ul li li.sfhover ul { 
	left: auto;
}



#menu {

	height: 25px;

	top: 0px;

	left: 0px;
position: relative;
	}



#dropdown {
	margin-top: -25px;
	height: 25px;
	}

	
	
#menu div {

	position: absolute;

	height: 25px;
	}



#menu .button {

    position: absolute;

    left: 0px;

    top: 0;

    }



#menu .residents {

    background-color: #ffeba6;

    left: 0px;

    width: 155px;

    }



#menu .business {

    background-color: #b8d2e4;

    left: 155px;

    width: 155px;

    }



#menu .visitors {

    background-color: #d4e6ad;

    left: 310px;

    width: 155px;

    }



#menu .municipal {

    background-color: #a6a7a9;

    left: 465px;

    height: 25px;

    width: 159px;

    }



#menu .mayor {

    background-color: #e1e9f4;

    left: 624px;

    width: 154px;

    height: 25px;

    }

/* end edits - Karen - July 7 2008 */
    
#breadcrumb {

		background: url(images/bg_breadcrumb.gif) no-repeat bottom;
		background-position: bottom left;
background-position: bottom center;

		background-color: #E7E7D7;

	}



#breadcrumb p {

	margin: 0px;

	padding: 7px 0px 17px 10px;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #616FA5;

	}



#breadcrumb a {

	color: #54543D;

	text-decoration: none;

	white-space: nowrap;

	}



#breadcrumb a:hover, #content #breadcrumb a:active {

	text-decoration: underline;

	}



#quicklinksbar {

	width: 153px;

	float: right;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #323232;

	}

#quicklinksbar #quicklinkshead {
	margin-bottom: 25px;	
}
	
#quicklinksbar h3 {
	color: #54543d;
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 0px 8px;
}

#quicklinksbar img {

	margin: 0px 0px 2px 8px;

	padding: 0px;

	display: block;

	}



#quicklinksbar ul {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #323232;

	list-style-image:url(images/quicklinksbar_bullet.gif);

	margin: 0px 0px 0px 0px;

	padding-left: 20px;

	list-style-position: outside;

	line-height: 14px;

	}



#quicklinksbar li {

	margin: 0px 0px 10px 0px;

	}



#quicklinksbar hr {

	border-style: solid;

	height: 2px;

	border-width: 1px 0px 1px 0px;

	border-color: #D0D0B9 #EBEBDC #FFFFFF #EBEBDC;

	width: 140px;

	padding: 0px;

	margin: 0px 5px 5px 5px;

	}



#quicklinksbar a {

	text-decoration: none;

	color: #323232;

	}



#quicklinksbar a:hover, #quicklinksbar a:active{

	text-decoration: underline;

	}



a.disclaimer  {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #6B6B5E !important;

	text-decoration: none;

	}



.disclaimer a:hover, .disclaimer a:active {

	text-decoration: underline;

	}



#content {

	margin-right: 160px;

	padding: 0px 17px 17px 17px;

	vertical-align: top;

	}



#content .acrobat {

	width: 550px;

	margin: 10px auto 10px auto;

	padding: 10px;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	border: 1px solid #DDDDDD;

	color: #676767;

}







#content .acrobat img {

	position: relative;

	float: right;

	padding: 10px;

	}


#content #social-share {
	padding: 10px 0;
	margin: 10px 0;
	border-bottom: solid 1px #e1e1d5;
	text-align: right;
}



#content h1 {

	font-size: 17px;

	font-weight: normal;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	margin-top: 9px;

	margin-bottom: -5px;

	}



#content h2 {
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}



#content h3 {

	font-size: 13px;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	}



#content h4 {

	font-size: 12px;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	}



#content h6{

  	float:right;

  	background: url(images/photo_shadow.gif) no-repeat bottom right;

  	margin: 10px 0 0 10px !important;

  	margin: 10px 0 0 5px;

}



#content h6 img {

  	display: block;

  	position: relative;

  	background-color: #fff;

  	border: 1px solid #a9a9a9;

  	margin: -6px 6px 6px -6px;

  	padding: 5px;

}

#content h7 {

	font-size: 14px;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	width: 600px;

	float: left;

	}


#content p, #content ul, #content ol {

	font-size: 13px;

	line-height: 18px;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #212121;

	}

	
#content p.rss-link img {
	display: block;
	float: left;
	margin: 0 5px 0 0;
}



#content #pagelinks {

    background-color: #F8F8F1;

    border-top: 2px solid #EEEEDF;

    padding: 5px 5px 5px 9px;

    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

    font-size: 11px;

    margin-bottom: 7px;

}



#content #pagelinks a {

    color: #616FA5;

}



#content #pagelinks ul {

    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

    font-size: 11px;

    line-height: 14px;

    margin-top: 2px;

    margin-bottom: 2px;

}



#content #pagelinks p.topic {

    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

    font-size: 11px;

    font-weight: bold;

    color: #54543D;

    margin: 0px;

}



#content #submenu ul {

	font-size: 11px;

	line-height: 16px;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #212121;

}



#content #submenu ul a {

	color: #212121;

}



#content #submenu ul li {

	list-style: square url(images/content_arrow.gif);

}





#content a {

	color: #616FA5;

	text-decoration:none;

}



#content a:hover, a:active {

	text-decoration:underline;

	}



#content b {

	font-weight: bold;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	padding: 0px 0px 0px 0px;

}



#content .visitors h1 {

	color: #6A9205;

}



#content .visitors a, .visitors h1, .visitors h2, .visitors h3 {

	color: #6A9205;

}



#content .residents a, .residents h1, .residents h2, .residents h3 {

	color: #C79405;

}



#content .municipal a, .municipal h1, .municipal h2, .municipal h3 {

	color: #939393;

}



#content .mayor a, .mayor h1, .mayor h2, .mayor h3 {

	color: #505A82;

}



#content .business a, .business h1, .business h2, .business h3 {

	color: #056F96;

}



.topnav {

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}



.hilite {

    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

    background-color: #EFEFE8;

}



#content .back {

    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

    font-size: 11px;

    text-align: right;

    color: #606060;

}



#content .calendar {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #212121;

	font-size: 12px;

	text-align: left;

	margin: 5px;

	padding: 3px;

	empty-cells:hide;

}



#content .calendar a {

	text-decoration: none;

	color: #616FA5;

}



#content .calendar a:hover, table.calendar a:active {

	text-decoration: underline;

	color: #6E6E6E;

}



#content.generic #whatsnew h1 {

	color: #616FA5;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	margin-bottom: 0px;

	font-weight:bold;

}



#content.generic #whatsnew h2 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style:italic;

	margin-top: 0px;

	font-weight: normal;

	margin-bottom: -8px;

}



#content.generic #whatsnew p {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #212121;

}



#content.generic #whatsnew hr {

	border: none;

	border-top: 1px solid;

	color: #DADAC8;

}



#content.generic #whatsnew a {

	color: #616FA5;

	text-decoration:none;

}



#content.generic #whatsnew a:hover, #content.generic #whatsnew a:active {

	text-decoration:underline;

}



#content.generic #whatsnew .body {

    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

    color: #212121;

    margin: 9px 0px 9px 0px;

}



#content .generic a, .generic h1, .generic h2, .generic h3 {

    color: #54543D;

    font-size: 12px;

}



.contact_us h1, .contact_us h2, .contact_us h3{

    color: #54543d;

}



.numDate {

	font-size: 16px;

	margin-bottom: 4px;

	font-weight: bold;

}



.calendarItem {

	font-size: 12px;

	font-weight: bold;

	padding: 0px;

	line-height: 12px;

	margin-bottom: 6px;

	text-align: left;

}



.calendarItemDesc {

	color: #858585;

	font-weight:normal;

}



.dayheaderstyle {

	padding: 4px;

}



.calendarDropdown {

	height: 20px;

	width: 185px;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

}


table.sortable {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}


table.sortable a.sortheader{

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-size: 12px;

	text-align: left;

}



table.sortable span.sortarrow {

    color: black;

    text-decoration: none;

}



table.sortable th {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 5px;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-right: 0px;

	font-size: 12px;

	border-bottom: 1px solid #EBEBDC;

	border-left: 1px solid #EBEBDC;

	background-color: #F7F7F5;

}



table.sortable td {

	padding: 5px;

	font-size: 12px;

	border-bottom: 1px solid #DCDCCA;

	border-left: 1px solid #DCDCCA;

}



table.vertical {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #212121;

	font-size: 12px;

	text-align: left;

	margin: 5px;

	padding: 3px;

	empty-cells: show;

}



table.vertical th {

	padding: 5px;

	border-bottom: 1px solid #EBEBDC;

	border-left: 1px solid #EBEBDC;

	background-color: #F7F7F5;

}



table.vertical td {

	padding: 5px;

	border-bottom: 1px solid #DCDCCA;

	border-left: 1px solid #DCDCCA;

	vertical-align: top;

}



table.highlights {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #212121;

	font-size: 12px;

	text-align: left;

	margin: 5px;

	padding: 3px;

	empty-cells: show;

	width: 450px;

}



table.highlights th {

	padding: 5px;

	border-bottom: 1px solid #EBEBDC;

	border-left: 1px solid #EBEBDC;

	background-color: #F7F7F5;

}

table.search th {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
    color: #212121;
}

table.search td {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #212121;
}



table.highlights td {

	padding: 5px;

	border-bottom: 1px solid #DCDCCA;

	border-left: 1px solid #DCDCCA;

	vertical-align: top;

}



#print_footer {

	display: none;

}



#footer {

	text-align: center;

	margin: 13px;

	color: #2D2D2D;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	clear: both;

}



#footer .residents {

	font-size: 13px;

	font-weight:bold;

	color: #C79405;

	margin: 10px;

}



#footer .residents a {

	color: #C79405;

}



#footer .business {

	font-size: 13px;

	font-weight:bold;

	color: #0594C8;

	margin: 10px;

}



#footer .business a {

	color: #0594C8;

}



#footer .visitors {

	font-size: 13px;

	font-weight:bold;

	color: #6A9205;

	margin: 10px;

}



#footer .visitors a {

	color: #6A9205;



}



#footer .municipal {

	font-size: 13px;

	font-weight:bold;

	color: #939393;

	margin: 10px;

}



#footer .municipal a {

	color: #939393;

}



#footer .mayor {

	font-size: 13px;

	font-weight:bold;

	color: #4F5982;

	margin: 10px;

}



#footer .mayor a {

	color: #4F5982;

}



#footer a {

	text-decoration: none;

	color: #616FA5

}



#footer a:hover, #footer a:active {

	text-decoration: underline;

}



.disclaimer  {

    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

    font-size: 10px;

    color: #6B6B5E !important;

    text-decoration: none;

}



.disclaimer a:hover, .disclaimer a:active {

    text-decoration: underline;

}





#content .form select {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	height: 20px;

	width: 240px;

	color: #484848;

	font-size: 12px;

}



#content .form .textarea_large {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	height: 100px;

	width: 240px;

	color: #484848;

	font-size: 12px;

}

#content .form .textarea_large_comment {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	height: 200px;

	width: 380px;

	color: #484848;

	font-size: 12px;

}



#content .form .textarea, #search_header .zoom_searchbox  {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	height: 16px;

	width: 240px;

	color: #484848;

	font-size: 12px;

}



#content .form {

	background-color: #F7F7F5;

	width: 540px;

	border-top: 2px solid #E1E1D5;

	border-bottom: 2px solid #E1E1D5;

	padding: 10px;

	margin-top: 15px;
}



#content .button {

	background-color: #E1E1D6;

	width: 130px;

	height: 21px;

	border: 1px solid #FFFFFF;

	border-color: #EAEAE2 #C7C7BD #B8B8AF #E5E5DC;

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	color: #54543D;

	font-size: 12px;

	font-weight:bold;

}



#search_header {

	background-color: #F7F7F5;

	border-top: 2px solid #E1E1D5;

	border-bottom: 2px solid #E1E1D5;

	padding: 10px;

	margin-top: 15px;
}



#search_header .disclaimer {

	font-style:italic;

	margin: 0px 0px 8px 0px;

    font-size: 12px;
}



.results {

	background-color: #F7F7F5;

	border: 1px solid #E1E1D5;

	padding: 4px;

	margin: 10px 0px 5px 0px;

}


p.disclaimer {
    font-size: 11px !important;
    color: #6b6b5e !important;
    text-decoration: none;
}

#cal_events {
}


#cal_events .item {
    border-top: 1px solid #E1E1D5;
    padding: 9px 0px 9px 0px;
    position: relative;
    /*clear: both;*/
    width: 580px;
}


#cal_events .item .date {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #212121;
    font-size: 11px;
    padding: 10px 0px 10px 2px;
    width: 75px;
    width: 140px;
    float: left;
}

#cal_events .item .desc {
	margin-left: 95px;
	margin-left: 160px;
	border-left: 1px solid #E1E1D5;
	padding-left: 10px;
}

#cal_events .item .desc h1 {
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#cal_events .item .desc p {
	font-size: 11px;
	margin: 0px;
}

#cal_events .item .desc .event-add {
}

#content ul.icalendar_list {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}

#content ul.icalendar_list li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 10px;
	float: left;
	margin-right: 14px;
	margin-bottom: 5px;
/*	background-color: #e1e1d6;*/
}
#content ul.icalendar_list li a {
	color: #54543d;
	text-decoration: none;
	border-bottom: dotted 1px #54543d;
	font-weight: bold;
/*	border: none;*/
}

.clearleft {
	clear: left;	
}

.clearboth { 
clear:both; 
}

.galleryholder {
	width: 290px;
  	float: left;
}


.gallery {
	float: left;
	margin-top: 10px;	
	background: url(images/photo_shadow.gif) no-repeat bottom right;
	padding: 0px 5px 5px 0px;
	text-align: center;
}

.galleryphoto {
  	float:left;
	margin: auto;
	padding: 0px 0px 3px 0px;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #212121;
    font-size: 11px;
	border: 1px solid #a9a9a9;
}

.galleryphoto img {
  	display: block;
  	position: relative;
  	background-color: #fff;
  	padding: 5px;
}

#gallerylinks {
	float: left;
	margin-top: 25px;
	margin-bottom: 10px;
	width: 600px;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #212121;
    font-size: 12px;
}

#gallerylinks a{
	font-weight: bold;
	color: #C79405;
	text-decoration: none;
}

#gallerylinks a:hover, #gallerylinks a:active{
	text-decoration: underline;
}

/* print ready elements */



@media print {



body {

	padding: 0px 40px 0px 0px;

	}





#print_logo {

	position: relative;

	display: block;

}



#container {

	width: 100%;

}



#content h1, #content h2, #content h3, #content h4, #content h7, #content p, #content ul, #content ol {

	color: #000000;

}





#menu, #dropdown, #header {

	display: none;

}



#breadcrumb {

		background: none;

		background-color: none;

	}



#submenu {

	display: none;

	}



#footer {

	display: none;

}



#print_footer {

	text-align: center;

	color: #000000;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	clear: both;

	display: block;

	width: 100%;

}



a {

	text-decoration: underline !important;

	color: #000000 !important;

}



#content .acrobat {

	display: none;

}



#quicklinksbar #quicklinkshead {

	display: none;

}



#content {

	width: 100%;

}





#content .back {

	display: none;

}



#quicklinksbar {

	position: absolute;

	top: 0px;

	right: 0px;

	}



}

.red {
	color: #AF160A;
}

#home_body, #home_body #container {
	background-image: none;
	border: none;
}



/* Contact Form - karen @ March 12 2009 */

#contact-form {
	font-size: 13px;
	line-height: 18px;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color: #212121;
	background-color: #F7F7F5;
	width: 540px;
	border-top: 2px solid #E1E1D5;
	border-bottom: 2px solid #E1E1D5;
	padding: 10px;
	margin-top: 15px;
/*	width: 585px;
	float: left;*/
}

#contact-form div.wrapper {
	margin-bottom: 1.5em;
}

#contact-form .clear {
	/*clear: both;*/
}

#contact-form fieldset {
	margin: 0 0 2em 0;
	padding: 0;
	border: none;
}

#contact-form input.text, #contact-form textarea, #contact-form select, #contact-form .text-question, #contact-form .radio {
	text-align: left;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 1em;
	display: block;
	padding: 3px;
}


#contact-form .required {
	display: none;
}

#contact-form .error {
	color: #c24134;
	font-weight: bold;
}

#contact-form .error .text, #contact-form .error textarea, #contact-form .error select {
	border-color: #c24134;
	border-style: solid;
}



#contact-form .error .required {
	display: inline;
	font-size: .8em;
	font-weight: normal;
}


#contact-form label, #contact-form .label {
	width: 220px;
	/*float: left;*/
	font-weight: bold;
	margin-bottom: 3px;
}

#contact-form .small {
	font-weight: normal;
	font-size: 11px;
}


#contact-form .text {
	width: 320px;
	/*float: right;*/
}

#contact-form textarea {
	width: 320px;
	height: 10em;
	/*float: right;*/
}

#contact-form select {
/*	width: 327px;
	width: 331px;
	width: 329px;*/
	/*float: right;*/
}

#contact-form .text-question {
	display: block;
	width: 326px;
	padding: 0;
	/*float: right;*/
	/*font-weight: bold;*/
}

#contact-form .radio {
	padding: 0;
	display: block;
	/*width: 335px;*/
	/*float: right;*/
}

#contact-form .checkbox-div {
	/*padding-left: 250px;*/
	padding: 0;
	font-weight: bold;
}


#contact-form .submit {
	display: block;
	/*margin-left: 255px;
	float: left;*/
	padding: 3px;
	background-color: #E1E1D6;
	border: 1px solid #FFFFFF;
	border-color: #EAEAE2 #C7C7BD #B8B8AF #E5E5DC;
	color: #54543D;
	font-weight:bold;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
}