*,*:before,*:after {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	letter-spacing:1px;
	min-height:0;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	}
div, p, a, li, td { -webkit-text-size-adjust:100%; }	

html {background:#f4eadb;}
	
html body {
	font-family: 'Yantramanav', sans-serif; 
    font-weight: 300;
	color:#4d4d4d;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	}


h1,h2, h3, h4 {line-height:130%;letter-spacing:0.5px;}
h1 {font-size:20px;margin:0px 0px 10px;padding:20px 20px;line-height:100%;color:#ecebd9;border-bottom: 1px solid rgba(79, 66, 46, 0.3);}
h1 span.subtitle {font-size:16px;opacity:0.85;}
h2 {font-size:20px;margin:35px 15px 5px;padding-bottom:10px;color:#4f422e;border-bottom:1px solid rgba(79, 66, 46, 0.3);font-weight:500;}
h3 {font-size:18px;margin:25px 25px 7px;color:#4f422e;font-weight:500;}
h4 {font-size:16px;margin:15px 20px 3px;color:#4f422e;font-weight:400;}
button {cursor:pointer;}
input {font-family:arial}
b, strong, .content p a.bold {font-weight:500}
.content p a.bold {font-size:110%;}
p b {font-size:15px;}
i {font-style:italic}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size:.7em;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
a {color:#a83a31;text-decoration:none;transition: color .4s ease;}
a:hover {color:#29435c;text-decoration:underline;}


.clear {clear:both;}
.content-pic {
	padding:4px;
	border:1px solid #cbcbcb;
	background:#fbfbfa url('images/img-loader.gif') no-repeat center center;
	box-shadow:3px 3px 5px rgba(0,0,0,0.15);
	}
.content-pic.no-border {border:none;box-shadow:none;background:none;padding:0;}
.right {float:right;margin:10px 0px 20px 40px;}
.left {float:left;margin:10px 40px 20px 0px;}
.content-pic.right,
.content-pic.left {width:325px;}
.content-pic.bio {width:200px;}
.content-pic.rotated {
	 -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}
.center {margin:10px auto;}
.diagram {width:620px;display:block;}

.toTop {position:fixed;bottom:20px;left:20px;font-size:20px;line-height:20px;padding:12px 10px 8px;border:1px solid #7a0101; color:#ecebd9;background:#a83a31;box-shadow:1px 1px 5px rgba(0,0,0,0.2); border-radius:3px;z-index:1001;}
.toTop:hover {border: 1px solid #192a3d;background:#253d59;cursor:pointer;}

.page_wrapper {
	width:100%;
	min-width:100%;
	height:auto;
	margin:0px auto;
	padding-bottom:0px;
	}

.header-container {
    width:100%;
    min-height:100px;
}
.content .index_module h2.blue_bg,
.content .index_module a.blue_hover_bg:hover,
button.front_end,
div.filterForm button.front_end,
div.calendarListContainer button.front_end,
div.news_list button.front_end,
a.button.front_end.viewStaffPage,
.content h1,
.content .board_info h3,
.blue_bg {
	background-color: #29435c;
}
.content .index_module a.blue_hover_bg:hover {border-top:1px solid #192a3d !important;}

.content .index_module h2.red_bg,
.content .index_module a.red_hover_bg:hover,
.red_bg,
button.front_end:hover,
div.filterForm button.front_end:hover,
div.calendarListContainer button.front_end:hover,
div.news_list button.front_end:hover,
.content a.viewStaffPage:hover,
.content a.button.front_end.viewStaffPage:hover,
#warning h2 {
	background-color: #962825;
	color: #ecebd9;
}
.content .index_module a.red_hover_bg:hover {border-top:1px solid #7a0101 !important;}

.brown_bg {
	border-top:1px solid #938263;
	border-bottom:1px solid #7d6e52;
	background: rgb(219,201,155);
	background: -moz-linear-gradient(top, rgba(219,201,155,1) 0%, rgba(198,181,135,1) 100%);
	background: -webkit-linear-gradient(top, rgba(219,201,155,1) 0%,rgba(198,181,135,1) 100%);
	background: linear-gradient(to bottom, rgba(219,201,155,1) 0%,rgba(198,181,135,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbc99b', endColorstr='#c6b587',GradientType=0 );
	}

.header-container,
.side_menu,
.index_module,
#warning,
#banner-container {}
.header_wrapper {position:relative;}


.top_header_bar {height:auto;font-family: 'Radley', serif;}
.top_header_bar .insert_container img {width:24px;vertical-align:middle;position:relative;top:-2px;margin-right:5px;}
.top_header_bar .insert_container .hasDropDown a.trigger img.category_icon {opacity:0.0;transition: all .5s;}
.top_header_bar .insert_container .hasDropDown:hover a.trigger img.category_icon {opacity:1.0}
.top_header_bar .insert_container {max-width:1200px;width:100%;margin:0px auto;position:relative;text-align:center;}
.top_header_bar a,
.top_header_bar span.trigger,
.top_header_bar div.hasDropDown {text-decoration:none;position:relative;z-index:100;font-size:20px;display:inline-block;}
.top_header_bar span.trigger {cursor:default;}
.top_header_bar div.hasDropDown {cursor:pointer;position:relative;z-index:100;margin:0px 3px;}
.top_header_bar div.hasDropDown.active {z-index:200;}
.top_header_bar div.hasDropDown.active .trigger {color:#ffffff;}
.top_header_bar div.hasDropDown .trigger span {font-size:13px;display:none;}
.top_header_bar div.hasDropDown .trigger span:before {content:"▼";}
.top_header_bar div.hasDropDown.active .trigger span:before {content:"▲";}
.top_header_bar div.hasDropDown:hover {background:#29435c;color:#fdfaf6;}
.top_header_bar div.hasDropDown a.trigger,
.top_header_bar div.hasDropDown span.trigger {padding:15px 12px;color:#29435c;}
.top_header_bar div.hasDropDown:hover,
.top_header_bar div.hasDropDown a.trigger:hover,
.top_header_bar div.hasDropDown span.trigger:hover {color:#fdfaf6;} 



.header {max-width:1300px;width:100%;height:500px;max-height:500px;position:relative;margin:0px auto;background:url(images/redcovered.jpg) center right; background-size:cover;display:block;vertical-align:middle;border:1px solid #7c7f69;border-radius:0px 0px 6px 6px;box-shadow:0px 0px 10px rgba(0,0,0,0.25);}
.header .logo_container {max-width:1300px;width:100%;height:500px;max-height:500px;background:url(images/logo_overlay.png) center center no-repeat;background-size:50%;}
.header img {width:325px;}


.top_header_bar {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1200;
	border-top:5px solid #a83a31;
	width:100%;
	min-width:100%;
	background: -moz-linear-gradient(top,  rgba(252,247,240,0.8) 0%, rgba(252,247,240,0.98) 100%);
	background: -webkit-linear-gradient(top,  rgba(252,247,240,0.8) 0%,rgba(252,247,240,0.98) 100%);
	background: linear-gradient(to bottom,  rgba(252,247,240,0.8) 0%,rgba(252,247,240,0.98) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccfcf7f0', endColorstr='#fafcf7f0',GradientType=0 );
box-shadow:0px 0px 10px rgba(0,0,0,0.35);

}
.top_header_bar div.hasDropDown div.dropdown {
	font-family: 'Yantramanav', sans-serif;
	position:absolute;
	left:-20px;
	top: 56px;
	width:235px;
	background: #77593f;
	z-index:200;
	padding-bottom:10px;
	padding-top:10px;
	display:none;
	border:1px solid #bfb3ab;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	border-radius:4px;
	background:#fcf8f1;
	}
.top_header_bar div.dropdown a {display:block;font-size:14px;padding:6px 15px 4px 10px;text-align:left; height:auto;line-height:20px;color:#4f422e;opacity:0.8;transition-timing-function: ease;transition: opacity .25s ease, border .25s ease;text-shadow:none;border-left:0px solid;letter-spacing:0px;}

.top_header_bar div.dropdown a:hover {color:#4f422e;opacity:1.0;border-left:5px solid #a83a31;background:#f4eadb;}

.top_header_bar div.dropdown a.mobile_only,
.top_header_bar a.mobile,
.top_header_bar div.hasDropDown.mobile,
.top_header_bar .mobileMenuTrigger,
.top_header_bar a.sitemap_link  {display:none;}


.top_header_bar div.dropdown .hasSub {position:relative;}
.top_header_bar div.dropdown .hasSub .submenu_toggle {position:absolute;top:6px;right:7px;z-index:20;color: #4f422e;opacity: 0.8;font-size:12px;cursor:pointer;}
.top_header_bar div.dropdown .hasSub a {position:relative;z-index:19;line-height:17px;}
.top_header_bar div.dropdown .hasSub .hidden {display:none;padding-bottom:15px;}
.top_header_bar div.dropdown .hasSub .hidden div {padding:3px 20px 3px 15px;font-size:13px;color:#4f422e;opacity:0.7;letter-spacing:0px;text-align:left;line-height:16px;text-shadow:none;border-left:0px solid;cursor:default;}
.top_header_bar div.dropdown .hasSub .hidden a {padding:3px 20px 3px 15px;font-size:13px;color:#4f422e;opacity:0.7;}
.top_header_bar div.dropdown .hasSub .hidden a.indented {padding-left:20px;font-size:12px;}

 

/*  Index Page Styles */
.wide_module {width:724px;width:100%;}
.left_module,
.right_module {width:347px;
  	width: calc(50% - 15px); }

.index_module {height:400px;margin-top: 30px;position:relative;}
.index_module.no-border {border:none;}
.index_module:first-child {margin-top:0px;}
.index_module.welcome_module h1 {border-radius:4px;margin-bottom:30px;}
.index_module h2 {padding:20px;font-size:18px; font-weight:300;color:#ecebd9;margin:0px;vertical-align: middle;border: 1px solid #29435c;border-radius:4px 4px 0 0;}
.index_module h2 img {margin-right:12px;vertical-align: middle;display:inline-block;}
.right_module {float:right;}
.left_module {float:left;}
.find_it_module {height:402px;color: #4f422e;float:left;}

.welcome_module {height:auto;padding-bottom:10px;}
.welcome_module h2 {font-size:26px;}
.welcome_module h3 {color:#a83a31;text-align:center;}
.content .welcome_module p {font-size:15px;font-weight:300;}

.index_module.welcome_module .image_overlay {
  background: url('images/welcome_overlay.jpg');
  background-size: cover;
  background-position:center center;
  opacity: 0.08;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
}

.news_module, .announce_module {color: #4f422e;margin-top:30px;}
.calendar_module {color: #4f422e;}
.red_bg h2,
h2.red_bg,
.side_menu h2,
 h3.red_bg {text-shadow: 1px 1px rgba(255,255,255,0.2), -1px -1px rgba(0,0,0,0.3);}
 
 h1,h2.blue_bg,h3.blue_bg {text-shadow: 1px 1px rgba(31,54,76,0.5);}
 
.content ul.payment_options {list-style:none; padding:5px 15px 15px;font-weight:400;font-size:18px;margin: 0px 10px 10px 10px;}
.content ul.payment_options li {margin:0px 0 14px;}
.content ul.payment_options a {color: #4f422e;opacity:0.8;text-decoration:none;}
.content ul.payment_options li a:hover {opacity:1.0;}
.content ul.payment_options a img {vertical-align: middle;display: inline-block;margin-right:10px;width:20px;}


.h1_container {border-radius:4px; overflow:hidden;margin-bottom: 30px;height: 100px;}
.content h1 {margin:0px;font-size:25px;line-height:25px;font-family: 'Radley', serif;font-weight:400;height:100px;max-height:100px;padding:20px 20px;clear:both;}
.content h1 span {font-size:15px;font-family: 'Yantramanav', sans-serif;text-decoration:none;line-height:18px;}
.h1_container h1  {height:auto;padding-top:10px;}
.news_module,
.announce_module,
.calendar_module {height:auto;}

#banner-container {
	width:300px;
	height:230px;
	margin:20px 35px 40px 40px;
	float:right;
	position:relative;
	overflow:hidden;
	padding:4px;
	border: 1px solid #cdcbcb;
	border-radius:3px;
	}
	
#content-banner-container {
	width:844px;
	margin:-10px 0px 20px;
	position:relative;
	overflow:hidden;
	height:auto;
	max-height: 423px;
	border-bottom: 1px solid #bfb3ab;
	}
        
#banner-container ul.fader img {width:300px;}
#content-banner-container ul.fader img {width:844px;}
.content ul.fader {list-style:none;margin:0px;}

#index-fader, #content-fader {overflow:hidden;}

.news_module,
.announce_module,
.weather_module,
.calendar_module {overflow:auto;border: 1px solid #cdcbcb;border-radius:4px;}

.news_module .scroll-container,
.announce_module .scroll-container,
.weather_module .scroll-container,
.calendar_module .scroll-container,
.index_module .scroll-container,
.jobs_list .scroll-container {height:285px;overflow:auto;}
.jobs_list .scroll-container {border-left: 1px solid #cdcbcb;border-right: 1px solid #cdcbcb;border-bottom: 1px solid #cdcbcb;}
.jobs_list {margin-left:3%; margin-right:3%;}
.jobs_list .scroll-container {height:auto;border-radius:0 0 4px 4px;overflow:hidden;margin-right:8px;margin-left:8px;}
.weather_module {height:auto;}
.weather_module .scroll-container {height:auto;border-radius:0 0 4px 4px;overflow:hidden;}
.jobs_list .scroll-container .item:last-child {border:none;}
.announce_module .scroll-container {height:auto; max-height:285px;}

.content .news_module  h2,
.content .weather_module  h2,
.content .calendar_module  h2,
.content .announce_module  h2 {border-radius:0;margin-top:0px;border-top:none;border-left:none;border-right:none;}


.news_module .item,
.announce_module .item,
.announce_list .item,
.news_list .item,
.jobs_list .item,
.calendar_module .event {padding:10px;}


.news_module .item:nth-child(odd),
.announce_module .item:nth-child(odd),
.news_list .item:nth-child(odd),
.jobs_list .item:nth-child(odd),
.calendar_module .event:nth-child(even),
div.content div.eventBlock:nth-child(odd) {
	background:#f2f2f2;
	}
	
.news_module .item,
.announce_module .item,
.news_list .item,
.jobs_list .item,
.calendar_module .event,
div.content div.eventBlock {
	border-bottom:1px solid #cdcbcb;
	}

.news_module .item:nth-last-child(2),
.news_module .item:nth-last-child(1),
.announce_module .item:nth-last-child(2),
.announce_module .item:nth-last-child(1),
.news_list .item:last-of-type,
.jobs_list .item:last-of-type,
.calendar_module .event:nth-last-child(2),
.calendar_module .event:nth-last-child(1) {border-bottom:none;}	

.content .news_list p.note,
.content .calendarListContainer p.note {margin:0px; padding:20px 35px 20px;border-bottom:1px solid #cdcbcb;}
.getNews, .getAnnouncements, .getEvents {border-top: 1px solid #cdcbcb;}

/*.news_list .item:hover,
.jobs_list .item:hover,
.side_menu ul li:hover,
div.content div.eventBlock:hover,*/	
.news_module .item:hover,
.announce_module .item:hover,
.calendar_module .event:hover
 {	
	background: #ffffff;
}



.news_list {margin:0 3%; border:1px solid #cdcbcb; border-radius:4px;overflow:hidden;}

.news_module .item.blue_bg,
.announce_module .item.blue_bg,
.calendar_module .event.blue_bg,
.news_module .item.blue_bg:hover,
.announce_module .item.blue_bg:hover,
.calendar_module .event.blue_bg:hover {background: #29435c;border-top:1px solid #29435c;border-bottom:1px solid #29435c;padding-bottom:5px;}

.news_module .item.link.blue_bg a,
.announce_module .item.link.blue_bg a,
.calendar_module .event.link.blue_bg a,
.news_module .item.link.blue_bg:hover a,
.announce_module .item.link.blue_bg:hover a,
.calendar_module .event.link.blue_bg:hover a {color:#ecebd9;}

.calendar_module div.event:last-child,
.news_module div.item:last-child,
.announce_module div.item:last-child,
.side_menu ul li:last-child {border-bottom:none;}

.calendar_module div.event.link,
.news_module div.item.link,
.announce_module div.item.link,
.side_menu ul li.link {cursor:pointer;}

.calendar_module div.event.link p,
.news_module div.item.link p,
.announce_module div.item.link p,
.side_menu ul li.link p {text-align:center;font-size:13px;}

.calendar_module div.event.link p a,
.news_module div.item.link p a,
.announce_module div.item.link p a,
.side_menu ul li.link p a {text-decoration:none !important;color:#4f422e;}


.calendar_module div.event.link:hover p a,
.news_module div.item.link:hover p a,
.announce_module div.item.link:hover p a,
.side_menu ul li.link:hover p a {color:#a83a31;}

.calendar_module div.event.link p {margin: 5px 5px 10px;}

	
.news_module .item .headline,
.announce_module .item .headline,
.news_list .item .headline,
.jobs_list .item .headline {font-size:18px;line-height:140%;display:block;font-weight:300;margin: 5px 15px;font-family: 'Lato', sans-serif;letter-spacing: 0px;}
.news_module .item .headline a,
.announce_module .item .headline a,
.news_list .item .headline a,
.jobs_list .item .headline a {text-decoration:none;color:#3d3d3d;}
.news_module .item .headline a:hover,
.announce_module .item .headline a:hover,
.news_list .item .headline a:hover,
.jobs_list .item .headline a:hover {color:#a83a31;}


.calendar_module .event .title {font-size:15px;display:block;font-weight:300;font-family: 'Lato', sans-serif;line-height:140%;letter-spacing: 0px;}
.calendar_module .event .title a {text-decoration:none;color:#4f422e;}
.calendar_module .event:hover .title a,
.calendar_module .event .title a:hover {color:#253d59;}
.news_module .item p,
.announce_module .item p,
.news_list .item p,
.jobs_list .item p {font-size:14px; text-align:justify;margin: 5px 20px 10px;}
.news_module .item p img,
.announce_module .item p img,
.news_list .item p img {float:right;margin:10px 0 20px 20px;max-width:150px;max-height:150px;background:#ffffff;padding:4px;border: 1px solid #cdcbcb;border-radius:3px;}
.news_module .item p a,
.news_list .item p a,
.jobs_list .item p a {text-decoration:none;color:#4f422e;}
.news_module .item p a:hover,
.news_list .item p a:hover,
.jobs_list .item p a:hover {color:#a83a31;}



.news_module .item .pub_date,
.announce_module .item .pub_date,
.news_list .item .pub_date,
.news_article .pub_date,
.pub_date {font-size:13px;font-style:italic;margin: 5px 20px 0px;opacity:0.8;text-align:right;color:#555555;font-weight:400;}
.news_article .pub_date,
.announcement .pub_date {float:none;display:block;clear:both;margin-top:10px;text-align:left;margin-left:30px;font-size:12px;}
.news_article p.author,
.announcement p.author {font-weight:500; font-style: italic;margin-bottom:0px;}
.news_article p.pub_date,
.announcement p.pub_date {font-weight:400; font-style: italic;margin:5px 35px 30px;}
.breadcrumb {float:left;font-size:13px;font-style:italic;margin: 10px 20px 20px;opacity:0.8;color:#4d4d4d;text-decoration:none;}
.h1_container .breadcrumb {margin: 10px 20px 5px;color:#a5acb4;}
.breadcrumb a,
.breadcrumb a:hover {text-decoration:none;}
.h1_container .breadcrumb a {color:#a5acb4;}
.h1_container .breadcrumb a:hover {color:#d4d7da;text-decoration:underline;}
.calendar_module .event .date {font-size:13px;}
.iCal {float:right;font-size:13px;margin: 10px 20px 0px;}

.calendar_module .event .date_cube {width:60px; height:60px;/*border:2px solid #a83a31;*/border:2px solid #253d59;display:inline-block;margin-right:20px;vertical-align:top;overflow:hidden;}
.calendar_module.municipal_calendar_module .event .date_cube {border:2px solid #253d59;} 
.calendar_module .event .date_cube .month {display:block; width:100%; /*background:#a83a31;*/background:#253d59;color: #ecebd9; text-align:center; vertical-align:middle; font-weight:500; font-size:14px; line-height:14px;height: 20px;padding:3px;}
.calendar_module.municipal_calendar_module .event .date_cube .month {background:#253d59;}
.calendar_module .event .date_cube .day {display:block; width:100%; background:#fbfbfa; /*color:#a83a31;*/ color:#253d59; text-align:center; vertical-align:middle; font-weight:500; font-size:22px; line-height:22px; height: 36px;padding:9px 3px;}
.calendar_module.municipal_calendar_module .event .date_cube .day {color:#253d59;}
.calendar_module .event .info {display:inline-block;width:calc(100% - 80px);padding-top:8px;}


.calendar_module .event.linkable {cursor:pointer;}


.content .index_module a.module_footer {display:block;padding:15px 0;text-align:center;color: #4f422e;font-size:16px;line-height:100%;text-decoration:none;border-top: 1px solid #bfb3ab;border-bottom:none;transition: color .3s ease;
}
.content .index_module a.module_footer:hover {color:#ecebd9;text-shadow: 1px 1px rgba(0,0,0,0.5);}

.html {
	background:url(images/watertower_bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
.content-container {overflow:hidden;position:relative;z-index:10;width:1200px;margin:0 auto; padding:20px;background: #fbfbfb;border:1px solid #cdcbcb;border-radius:6px;box-shadow:0px 0px 10px rgba(0,0,0,0.25);}

.content-wrapper {margin: -100px auto;}

.side_column {width:290px;float:left;} 
.pay_utility_bill,
.utility_emergency,
.water_meter_replacement_program {width: 290px;height:100px;max-height:100px;color: #ecebd9;text-align:center;padding-right: 20px; padding-left: 70px;font-family:Radley,serif;cursor:pointer;margin-bottom:20px;border-radius:4px;font-size:18px;line-height:18px;display:table;}
.pay_utility_bill {text-shadow:1px 1px #9f8c33;background:#D5B835 url(images/pay_utility_icon.png) 0px center no-repeat;border:1px solid #a9953a;}

.pay_utility_bill span,
.utility_emergency span,
.water_meter_replacement_program span { display:table-cell;vertical-align: middle;line-height: normal;}
.utility_emergency {background:#962825 url(images/utility_emerg_icon.png) 5px center no-repeat;border:1px solid #821e1b;text-shadow:1px 1px #801c1a;}
.water_meter_replacement_program {background:#29435c url(images/water_meter_replacement_program_icon.png) 5px center no-repeat;border:1px solid #152432;text-shadow: 1px 1px rgba(31,54,76,0.5);}
.side_column .pay_ulility_bill:hover,
.utility_emergency:hover,
.water_meter_replacement_program:hover {color:#ffffff;cursor:pointer;}

.content .pay_utility_bill,
.content .utility_emergency,
.content .water_meter_replacement_program,
.content .bcralert,
.content .bike_routes_tile {display: none;}

.home_content .side_menu {min-height:783px;}
.side_menu {width:290px;overflow:hidden;margin-top:0px;padding-bottom:20px;border:1px solid #06723f;background:#058448;border-radius:4px;}
.side_menu h2 {padding:20px 10px;font-size:20px; font-weight:300;color:#ecebd9;margin:0px 0px;line-height:100%;	background:#06723f;border-bottom: 1px solid #066c3c;font-family: 'Radley', serif;text-shadow: 1px 1px #066c3c;}
.side_menu h3 {
	font-family: 'Radley', serif;
    padding: 8px 15px;
    font-size: 18px;
    font-weight: 300;
    color: #ecebd9;
    margin: 5px 0px;
	text-shadow: 1px 1px #066c3c;
	background:#06723f;
	border-top: 1px solid #066c3c;
	border-bottom: 1px solid #066c3c;
}
.side_menu .wood_trim {display:none;}

.side_menu select.mobile_menu,
.bottom_menu select.mobile_menu,
.parallax-window select.mobile_menu {display:none;}

.side_menu select.mobile_menu option,
.bottom_menu select.mobile_menu option,
.parallax-window select.mobile_menu option {padding:3px 15px;line-height:160%;}

.side_menu ul {list-style:none;}
.side_menu ul:last-child {border-bottom:none;}
.side_menu ul li {position:relative;color:#ecebd9;font-size:15px;font-weight:400;padding:3px 20px 3px 15px;background: #058448;border-bottom: 1px solid #058448;border-top: 1px solid #058448;transition: background .4s ease, border .4s ease;}
.side_menu ul li ul.submenu,
.side_menu ul li ul.submenu_nocollapse {border-top:none; border-bottom:none;}
.side_menu ul li ul li {font-size:14px;}
.side_menu ul li.active {background:#06723f;border-bottom: 1px solid #066c3c;border-top: 1px solid #066c3c;}

.side_menu ul li:nth-child(even) ul li,
.side_menu ul li:nth-child(odd) ul li,
.side_menu ul li ul li {border-top:none;border-bottom:none;background:transparent;}
.side_menu ul li ul li {padding:10px 20px 3px 8px;}
.side_menu ul li ul li.indented {padding:2px 20px 5px 15px;font-weight:300;font-size:13px;}
.side_menu ul li a {
	color:#ecebd9;
	display:block;
	text-decoration:none;
	position:relative;
	opacity:0.9;
	letter-spacing: 0.5px;
	}
.side_menu ul li ul.submenu li a,
.side_menu ul li ul.submenu_nocollapse li a {opacity:0.8;}
.side_menu ul li ul.submenu li.indented a,
.side_menu ul li ul.submenu_nocollapse li.indented a{opacity:0.7;}
.side_menu ul li a:hover,
.side_menu ul li ul.submenu li a:hover,
.side_menu ul li ul.submenu li.indented a:hover,
.side_menu ul li ul.submenu.nocollapse li a:hover,
.side_menu ul li ul.submenu.nocollapse li.indented a:hover{opacity:1.0;}

/*.side_menu ul li.active li.indented a {color:#606060;}*/
.side_menu ul li span.sub_menu_toggle {float:right;font-size:12px;position:relative;left:15px;cursor:pointer;top:5px;}
.side_menu ul.submenu,
.side_menu ul.submenu_nocollapse {display:none;padding-bottom:10px;}
.side_menu li.top_active ul.submenu,
.side_menu li.top_active ul.submenu_nocollapse {display:block;}
.side_menu li.top_active {padding-top:10px;/*background: #fbfbfa !important;*/}
/*.side_menu li.active li:nth-last-child(1) {padding-bottom:20px;}*/


.side_menu ul li a.glyph,
.side_menu ul li span.glyph {padding-left:24px;background-repeat: no-repeat;background-position: left 5px;background-size:auto 16px;letter-spacing: 0.5px;cursor:pointer;padding-top: 3px;padding-bottom: 3px;}
.side_menu ul li a.glyph,
.side_menu ul li span.glyph {opacity:0.7;transition:opacity .3s ease;cursor:pointer;}
.side_menu ul li.active a.glyph,
.side_menu ul li a.glyph:hover,
.side_menu ul li a.glyph.active ,
.side_menu ul li span.glyph.active {opacity:1.0;}

.side_menu .sitemapItem {display:none;}
.sitemap ul li a,
.sitemap ul li span {background:none !important;}
.sitemap ul li.sitemapItem {}

.bottom_menu {display:none;}
.content {
	width:724px;
	width:844px;
	float:right;
    position:relative;
    min-height:500px;
    margin-top:0px;
	padding:0px 0px 40px;
	background: #fbfbfb;
}
.home_content .content {background:none;border:none;}
.content p {text-align:justify;margin:10px 35px 20px;font-size:14px;line-height:160%;color: #606060;}
.content .column p {margin:10px 25px 20px;}
.content p.call911 {font-size:130%;font-weight:500;margin-bottom:0px;}
.content h4 {margin:20px 35px 10px;}
.content p.address {margin:20px 40px;}
.content h2 {
margin: 30px 0px 0px;
font-size: 18px;
line-height: 21px;
font-family: 'Radley', serif;
font-weight: 400;
padding: 20px 20px;
color: #ecebd9;
clear: both;
background-color: #29435c;border-radius:4px;}
.content .index_module h2 {padding-top:20px;position:relative;cursor:pointer;margin-bottom:0px;}
.content .index_module h2.red_bg {border-bottom: 1px solid #a83a31;}
.content .index_module h2.blue_bg {border-bottom: 1px solid #29435c;}
.content .index_module h2 a.view_all,
.content .index_module h2 a.view_all:hover {color:inherit;text-decoration:none;font-size:10px;position:absolute;right:8px;bottom:2px;opacity:0.5;}
.content .index_module h2:hover a.view_all {opacity:1.0;} 
.content div.farmers_markets {text-align:center;}
.content div.farmers_markets p.address {margin:15px 40px;}
.content .document_list p {margin:10px 35px;}
.content p a,
.content ul a {font-weight:400;}
.content p a:hover,
.content ul a:hover {color:#333333;}
.content ul,
.content ol {margin:20px 50px 20px 60px;color:#4f422e;}
.content ul li ul,
.content ol li ol {margin-left:20px;}
.content ul li,
.content ol li {margin-bottom:10px;font-size:14px;text-align:justify;}
.content ul.board {margin:20px 30px 20px 30px;text-align:center;}
.content ul.board li {display:inline-block;width:30%;vertical-align: top;margin-right:1.25%;margin-left:1.25%;padding-bottom:20px;font-size: 14px;}
.content ul.board li span {font-size:13px;position:relative; left:2px;opacity:0.8;}
.content ul.board li img {margin-bottom:10px;display:inline-block;}
.content ul li a.learn {display:inline-block; padding:7px;}

.content .column ul,
.content .column ol {margin:20px 20px 20px 30px;}

.content ul.documents {list-style: none;}
.content ul.documents li {background:url(images/AdobeIcon.gif) 0px 2px no-repeat;padding-left:25px;text-align:left;}

.content ul.tiled li {display:inline-block; width:220px;}

.content .column_list h4 {margin: 15px 10px 3px;font-size:14px;}
.content .column_list ul {font-size:13px;margin-left:35px;}
.content .column_list_left, .content .column_list_right {width:46%;margin:0 1.5%;}
.content .column_list_left {float:left;margin:0 .5% 30px 1%;}
.content .column_list_right {float:right;margin:0 1% 30px .5%;}

.content .column.hours p span.day {display:inline-block;width:100px;}

.content .sitemap .sub_menu_toggle {display:none;}
.content .sitemap ul li {font-size:16px;text-align:left;}
.content .sitemap ul li ul.submenu,
.content .sitemap ul li ul.submenu_nocollapse {margin: 7px 30px 30px 20px;}
.content .sitemap ul li  ul.submenu li,
.content .sitemap ul li  ul.submenu_nocollapse li {font-size:14px;}
.content .sitemap ul li ul.submenu li.indented,
.content .sitemap ul li ul.submenu_nocollapse li.indented {margin-left:15px;}

.content .board_info {width: calc(100% - 40px );margin: 30px 20px 40px;background: #f2f2f2;border:1px solid #cdcbcb;border-radius:4px; overflow:hidden;}
.content .board_info h3 {border-bottom:none;color: #ecebd9;margin:0 0 20px 0;padding:25px;font-family: 'Radley', serif;
font-weight: 400;}
.content .board_info p {font-size:14px;margin:5px 30px 15px;}
.content .board_info .column p {margin:5px 20px 15px;}
.content .board_info ul {margin: 10px 20px 20px 50px;}
.content .board_info li {text-align:left;margin:0px 0px 5px 0px;color: #606060;}
.content .board_info li.boardMeeting {margin:0px 15px 0px 40px;}
.content .board_info li.boardMeeting a {padding:4px 0px;font-size:14px;color: #29435c;}
.content .board_info li.boardMeeting a:hover {color: #a83a31;}
.content .board_info p b {font-size:15px;}
.content ul.boards {list-style: none;margin:0px 20px 20px;border: 1px solid #cbcbcb; background: #fdfcfa; box-shadow: 3px 3px 5px rgba(0,0,0,0.1);}

.content ul.boards li {padding:5px 8px;margin:0px;border-bottom: 1px solid rgba(157,138,106,0.1);text-align:left;font-size:14px;}
.content ul.boards li:nth-child(even) {background:#faf7f2;}
.content ul.boards li.title {font-size:15px;padding:10px 10px;text-align:center;font-weight:500;border:none;border-bottom: 1px solid #7a0101;color:#ecebd9;}
.content ul.boards li span {display:inline-block;float:right;}


.content table.utility-rates,
.content table.cemetery-prices,
.content table.stats {width:94%;margin:20px 3%;color:#4d4d4d;border: 1px solid #cbcbcb; border-collapse: collapse;font-size:14px;}
.content table.utility-rates tr th,
.content table.utility-rates tr td,
.content table.cemetery-prices tr th,
.content table.cemetery-prices tr td,
.content table.stats tr th,
.content table.stats tr td {padding:6px;text-align:center;vertical-align:middle;}
.content table.utility-rates tr th,
.content table.cemetery-prices tr th,
.content table.stats tr th {font-weight:500;border:none;border-bottom: 1px solid #cbcbcb;background: #dcdcdc;}
.content table.utility-rates tr.blue_bg th,
.content table.cemetery-prices tr.blue_bg th,
.content table.stats tr.blue_bg th,
.content ul.boards li:nth-child(1) {
	background: #29435c;
	border:1px solid #29435c;
	color:#ecebd9;
}

.content ul.boards li:nth-last-child(1) {border-bottom:none;}

.content table.utility-rates tr,
.content table.cemetery-prices tr,
.content table.stats tr, 
.content ul.boards li {background: #fafafa;border-bottom: 1px solid #cdcbcb;}
.content table.utility-rates tr:last-child,
.content table.cemetery-prices tr:last-child,
.content table.stats tr:last-child {border:none;}
.content table.utility-rates tr:nth-child(even),
.content table.cemetery-prices tr:nth-child(even),
.content table.stats tr:nth-child(even),
.content ul.boards li:nth-child(even) {background:#f2f2f2;}

.content table.stats tr td {vertical-align:top;}
.content table.stats tr td span.value {font-size:40px;display:block;color:#a83a31;font-weight:500;}

.content table.stats  {margin:50px auto 50px;}
.content table.stats tr.blue_bg th {font-size:18px;padding:20px;}
.content table.stats tr td {width:50%;}

.content table.cemetery-prices tr th:first-child,
.content table.cemetery-prices tr td:first-child {text-align:left;padding-left:15px;}
.content table.cemetery-prices tr.blue_bg th:first-child {text-align:center;}

.content .link_list {padding-left:15px;padding-right:15px;}
.content .link_list p {text-align:left;}
.content .link_list p a {padding-left:10px;}
.content .link_list p a.bold {padding-left:0px;}

.content .videoWrapper {clear:both;position:relative;padding-bottom:50%;padding-top:0px;height:0;max-width:750px;border: 1px solid #cdcbcb;border-radius:4px;overflow:hidden;margin:40px auto;box-sizing:content-box;}
.content .videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;padding:4px;}

.banner_area {width: 1024px; margin: 0px auto 0;}
.banner_area img {width:100%;}

.parallax-window {
	height:50px;
    max-height:50px;
	width: 100%;
	background: transparent;
	background-size:cover;
	/*border-top: 3px solid #a83a31;*/
}
.menu_area {
	width:100%;
	padding: 130px 0 30px;
	margin-top:0px;
	color:#ecebd9;
	box-shadow: inset 0px 0px 10px rgba(84,69,52,1);
	border-top:1px solid #493f2d;
	border-bottom:1px solid #3c3323;
	background: rgb(119,104,81);
	background: -moz-radial-gradient(center, ellipse cover, rgba(119,104,81,1) 66%, rgba(99,86,65,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(119,104,81,1) 66%,rgba(99,86,65,1) 100%);
	background: radial-gradient(ellipse at center, rgba(119,104,81,1) 66%,rgba(99,86,65,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#776851', endColorstr='#635641',GradientType=1 );
}
.menu_area .inset {width:1200px;position:relative;margin:0px auto;}
.menu_area .inset .mobile_menu {display:none;}
.menu_area .inset {text-align:center;}
.menu_area .inset .footer_module {width:30%;margin:30px 1.5%;display:inline-block;vertical-align: top;text-align:left;border-bottom: 1px solid rgba(236,235,217,0.35);text-shadow: -1px -1px rgba(0,0,0,0.2);}
.menu_area .inset .footer_module div {padding:0px 5px;min-height:345px;}
.menu_area .inset .footer_module a,
.menu_area .inset .footer_module a:hover {color:#ecebd9;}
.menu_area .inset .footer_module .day {display:inline-block;width:100px;}
.menu_area .inset .footer_module h3 {color:#ecebd9;font-weight:500;font-size: 20px; margin: 5px 0px 12px;padding-left:50px;background-repeat: no-repeat;background-position: 10px top;background-size:auto 25px;text-align:left;border-bottom: 1px solid rgba(236,235,217,0.35);padding-bottom:12px;text-shadow: -1px -1px rgba(0,0,0,0.2);}
.menu_area .inset .footer_module ul {list-style: none;}
.menu_area .inset .footer_module ul li {padding:7px 8px;border-top: 1px solid rgba(236,235,217,0.15);font-size:16px;text-align:left;}
.menu_area .inset div.footer_module.deptphone_module ul li {font-size:14px;padding:5px 6px;}
.menu_area .inset .footer_module ul li:first-child {border:none;}
.menu_area .inset .footer_module ul li a {color:#ecebd9;opacity:0.8;padding-left:26px;display:block;background-repeat: no-repeat;background-position: left center;background-size:auto 16px;text-decoration:none;}
.menu_area .inset .footer_module ul li a:hover {opacity:1.0;color:#ecebd9;}
.menu_area .inset .footer_module ul li a span {display:inline-block;float:right;}
.menu_area .inset .wood_trim {display:none;}
.subfooter,.trim {
	position:relative;
	margin:0px auto 0px;
	line-height:130%;
	padding:15px 0 15px;
	color:#f8f4e7;
	font-size:12px;
	border-top:1px solid #7e6e54;
	background: rgb(84,69,52);
background: -moz-linear-gradient(top, rgba(84,69,52,1) 49%, rgba(73,63,45,1) 100%);
background: -webkit-linear-gradient(top, rgba(84,69,52,1) 49%,rgba(73,63,45,1) 100%);
background: linear-gradient(to bottom, rgba(84,69,52,1) 49%,rgba(73,63,45,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#544534', endColorstr='#493f2d',GradientType=0 );
	}
.subfooter div {line-height:130%;position:relative;}
.subfooter a {color:#f8f4e7;line-height:130%;}
.subfooter a:hover {color:#ffffff}
.subfooter .copy {
    height:auto;
    width:100%;
    margin:0px auto;
    text-align:center;
	opacity:0.3;
	text-shadow: -1px -1px rgba(0,0,0,0.6);
    }
.trim {height:20px;padding:0px;width:100%;border-bottom:1px solid #776851;}
.afterhours {color:#ecebd9;width:100%;margin:0px auto;padding-bottom:30px;font-family: 'Lato', sans-serif;text-align:center;text-shadow:1px 1px rgba(0,0,0,0.3);}
.afterhours h3 {font-size:26px;text-align:center;color:#ecebd9;margin:0px 20px 20px;font-family: 'Lato', sans-serif;font-weight:300;}
.afterhours div {width:32%;display:inline-block;font-size:20px;text-align:center;font-family: 'Yantramanav', sans-serif;font-weight:300;}
.afterhours div span {font-size:24px;font-weight:400;}

/* Warning/Message Box Styles */
#warning {
	border: 1px solid #cdcbcb;
	color: #a03d36;
	font-size:15px;
	font-weight:300;
	position:relative;
	width:100%;
	margin:0px auto 20px;
	overflow:hidden;
	text-align:center;
	border-radius:4px; 
	}
#warning.emergency {border:1px solid #2a2a2a;background:#fff;}
#warning .warning_bar {display:none;} 
#warning.emergency .warning_bar {display:block;width:100%;height:21px;background:url(images/warning_bar.jpg) repeat-x;box-shadow:0px 0px 10px rgba(0,0,0,0.5);position: relative;z-index: 100;}
#warning h2 {
    font-size:24px;
	font-family: 'Radley', serif;
	color: #ecebd9;
	text-shadow: 1px 1px rgba(255,255,255,0.2), -1px -1px rgba(0,0,0,0.3);
	font-weight:300;
	margin:0px -10px 10px;
	padding:30px 5px;
	border-bottom: 1px solid rgba(70, 70, 70, 0.3);
	}
#warning.emergency h2 {border-bottom:2px solid #000000;color:#ffe600;background:#4e4e4e;font-family: 'Yantramanav', sans-serif;
font-weight: 300;text-shadow:1px 1px 2px rgba(255,255,255,0.25), -1px -1px 2px rgba(0,0,0,0.35);}

#warning .warning_text h2,
#warning .warning_text h3,
#warning.emergency .warning_text h2,
#warning.emergency .warning_text h3 {font-family: 'Yantramanav', sans-serif;border-bottom:none;color:#393939;background:none; font-weight:bold;text-shadow:none;padding:5px;margin:10px 5px;}
#warning .warning_text {color: #3b3b3b;font-size:16px;padding:10px 40px 10px;min-height:70px;line-height:150%;font-family: 'Yantramanav', sans-serif;}
#warning .warning_time {color:#939393;font-size:11px;font-style:italic;padding:10px 40px 20px;}
/* End Warning/Message Box Styles */

/* Google Translate Tab */
#google_translate_element {position:fixed;bottom:0px; right:20px;z-index:10000;}

/* Filter Styles */
div.filterForm {margin-top:0px;padding:0px 20px 20px;font-size:15px;float:left;}
div.filterForm.newsFilter {margin-top:0px;}
div.filterForm select {width:auto;font-size:10px;margin: 5px 4px 5px;padding:5px 15px 5px 10px;position:relative;top:-2px;min-width:200px;}
div.filterForm button.front_end {margin: 5px 4px 5px;position:relative;top:-1px;font-size:13px;padding: 7px 8px;text-shadow:1px 1px rgba(0,0,0,0.5);}
div.calendarListContainer button.front_end,
div.news_list button.front_end,
div.youmax button.front_end,
button.front_end.donate,
a.button.front_end.viewStaffPage {font-size:15px;padding:12px;margin:20px auto;width:60%;display:block;text-shadow:1px 1px rgba(255,255,255,0.15), -1px -1px rgba(0,0,0,0.4);}



div.content .eventBlock {
    margin-top:20px;position:relative;
	display:block;
	padding:30px;	
	overflow:hidden;
	position:relative;
    margin:0px 0px 0px;
	clear: both;
	border-bottom:1px solid #cdcbcb;
	}
div.content .eventBlock a {color:#a83a31;text-decoration:underline;} 
div.content .eventBlock a:hover  {color:#4d4d4d;}     
div.content .eventInfo {padding:0px 30px;}
div.content .eventBlock img.ical_logo,
div.content .event img.ical_logo {position:absolute;border:none;top:10px; right:20px;}
div.content .eventStartMon,
div.content .eventStartDay,
div.content .eventStartYear {
	position:absolute;
	text-align:center;
	line-height:100%;
	font-weight:bold;
	width:58px;
	left:37px;
	font-family: 'Lato', sans-serif;
	}
div.content .eventStartMon {
	top:17px;
	color:#f7ebc6;
	text-shadow:-1px -1px #4b8890, 1px 1px 1px #326d75;
	font-size:16px;
	}
div.content .eventStartDay {top:44px;font-size:22px;text-shadow:-1px -1px #fef7df, 1px 1px 1px #fff4ce;}
div.content .eventStartYear {bottom:18px;font-size:15px;}

div.content .eventTitle {
	font-size:20px;
	padding:8px 5px;
	color:#4d4d4d;
	margin:0px 20px 10px;
	border-bottom: 1px solid #cdcbcb;
	font-family: 'Lato', sans-serif;
        line-height: 130%;
	}
div.content .eventBlock .eventTitle {font-size:16px;}
div.content .eventTitle a {color:#4d4d4d;text-decoration:none;}
div.content .eventTitle a:hover {color:#a83a31;}
div.content .eventTime,
div.content .eventDate,
div.content .eventLoc,
div.content .eventLabel,
div.content .eventContacts,
div.content .eventDesc {font-size:14px;line-height:150%;}
div.content .eventContacts {margin:0px 7px 7px;}

div.content .eventDesc {padding-top:5px;overflow:hidden;position:relative;max-height:2000px;transition: max-height 1.0s;}
div.content .eventDesc.long_desc {max-height:100px;}
div.content .eventDesc p {margin:0px 0px 10px;}
div.content .eventDesc p b,
div.content .eventDesc p strong {font-weight:500;}
div.content .eventDescText {margin:0px 7px 7px;font-size:13px;line-height:150%;letter-spacing:1px;}
div.content .eventDesc .more {text-align:center; color:rgba(77, 77, 77, 0.4);font-weight:500;font-size:18px;padding:35px 15px 15px;position:absolute;bottom:0px;width:100%;max-width:100%;min-width:100%;cursor:pointer;transition: color 0.5s;}
div.content .eventDesc .more:hover {color:rgba(90, 90, 90, 1.0);}
div.content .eventBlock .eventDesc .more {background: linear-gradient(to bottom, transparent 0%, #ffffff 45%);}   
div.content .eventBlock:nth-child(even) .eventDesc .more {background: linear-gradient(to bottom, transparent 0%, #ebebeb 45%);}

div.content .eventInfo label {font-weight:500;margin:0px;}
div.content .contactsTitle {font-size:20px;margin-top:20px;}
div.content .eventSpacer {padding-bottom:10px;}
div.content .noEvents {width:800px;margin:40px auto;font-size:18px;text-align:center;}
div.content .noEventsIndex {font-size:13px;text-align:center;padding:30px;margin-left:10px;}
div.content .eventContacts span {display:inline-block;margin-right:30px;}

.calendarListContainer {margin:0 3%; border:1px solid #cdcbcb; border-radius:4px;overflow:hidden;}
div.content .calendarListContainer div.eventBlock:last-of-type {border-bottom:none;}
.calendarListContainer .eventBlock .date_cube {width:60px; height:60px;border:2px solid #29435c;display:inline-block;margin-right:20px;vertical-align:top;margin:10px 20px 30px 0px;overflow:hidden;}
.calendarListContainer .eventBlock .date_cube .month {display:block; width:100%; background:#29435c;color: #ecebd9; text-align:center; vertical-align:middle; font-weight:500; font-size:14px; line-height:14px;height: 20px;padding:3px;text-shadow:1px 1px rgba(0,0,0,0.5);}
.calendarListContainer .eventBlock .date_cube .day {display:block; width:100%; background:#fbfbfa; color:#29435c; text-align:center; vertical-align:middle; font-weight:500; font-size:22px; line-height:22px; height: 36px;padding:9px 3px;}
.calendarListContainer .eventBlock .info {display:inline-block;width:calc(100% - 80px);padding-top:5px;position:relative;}

.calendarListContainer .getEvents {border-top:1px solid #cdcbcb;}

div.content .page_calendar {width:90%;margin:20px auto;border:1px solid #cfcfcf;font-family: 'Lato', sans-serif;line-height:130%;}
div.content .page_calendar .event {padding:30px 20px 0px;background: #ffffff;border-bottom:1px solid #cfcfcf;font-size:14px;position:relative;}
div.content .page_calendar .event .title {font-size:16px;line-height:150%;}
div.content .page_calendar .event:nth-last-child(1) {border:none;}
div.content .page_calendar .event:nth-child(even) {background: #ebebeb;}
div.content .page_calendar a {text-decoration:none;}
div.content .page_calendar .get_details {padding:7px 0px 10px;text-align:right;}
div.content .page_calendar .get_details a {text-align:right;font-size:13px;}
div.content button.getPageEventsSubmit {width:60%;font-size: 15px;padding: 12px;}

div.content div.event_page {position:relative;padding-top:20px;clear:both;}
div.content div.event_page img.ical_logo {position:absolute;right:30px; top:0px;}
div.content div.event_page, 
div.content div.event_page label,
div.content div.event_page a,
div.content div.event_page span,
div.content div.event_page div {font-size:16px !important;text-decoration:none;}
div.content div.event_page div {margin-bottom:10px;}

div.content div.amenity_item {clear:both;border-bottom: 1px solid rgba(79, 66, 46, 0.3);width:94%;margin:0px auto;padding:0px 0px 15px;}
div.content div.amenity_item:first-of-type {border-top: 1px solid rgba(79, 66, 46, 0.3);margin-top:50px;}
div.content div.amenity_item h3 {padding-top:15px;font-size: 20px; }
div.content div.amenity_item img.content-pic {width:300px;}

/*a[target^="_blank"]:after {
  content: url(http://upload.wikimedia.org/wikipedia/commons/6/64/Icon_External_Link.png);
  margin: 0 0 0 5px;
}*/

/* Staff Directories */
div.content div.staff-directory {text-align:center;width:94%;margin:0px 3%;}
div.content div.staff-directory div.staff {display:inline-block; width:46%; margin:2%;vertical-align: top;}
div.content div.staff-directory div.staff div.staff_info {display: inline-block;width:47%;}
div.content div.staff-directory div.staff img.employee_img {width:40%;float:left;margin:0px 15px 20px 0px;}
div.content div.staff-directory div.staff span.employee,
div.content div.staff-directory div.staff span.department,
div.content div.staff-directory div.staff span.role,
div.content div.staff-directory div.staff span.phone,
div.content div.staff-directory div.staff span.social_links {text-align:left; display:block;}
div.content div.staff-directory div.staff span.employee {margin-top:10px;font-size:16px;font-weight:500;}
div.content div.staff-directory div.staff span.department {font-size:13px;font-weight:400;margin-top:4px;}
div.content div.staff-directory div.staff span.role {font-size:13px;font-weight:300;margin-bottom:7px;}
div.content div.staff-directory div.staff span.phone,
div.content div.staff-directory div.staff span.social_links {font-size:12px;font-weight:300;}
div.content div.staff-directory div.staff span.social_links a img {margin:5px 2px;opacity:0.5;}
div.content div.staff-directory div.staff span.social_links a:hover img {opacity:0.7;}
div.content div.staff-directory h2 {text-align:left;margin-top:25px;}
div.content div.staff-directory h2.letter {text-align:center;}
div.content div.letter_menu {text-align:center;font-size:15px;margin:30px 0px; width:100%; }
div.content div.letter_menu span {display:block;}
div.content div.letter_menu a {margin:0px 7px;}

div.content div.mayor_letter div.staff-directory {text-align:right;}
div.content div.mayor_letter div.staff-directory div.staff:nth-child(2) {display:none;}
div.content div.mayor_letter div.valediction {font-size:18px;font-style:italic;text-align:left;margin-bottom:20px;}

div.content div.staff-directory.single-employee {margin:0px 60px;}

div.content select.quick_jump.letter_menu_select {
    width: 96%;
    min-width: 96%;
    max-width: 96%;
    float: none;
    margin: 30px 2%;
    font-size: 14px;
    padding: 5px;
	display:none;
}

/* Contact Form */
.contact-container {margin:20px auto;position:relative;color:#382703;width:95%;}
.contact-container h2 {margin:20px 0px 0px;color:#333333;border-bottom:1px solid rgba(70, 70, 70, 0.3);}
.contact-container label {font-size:18px;color: #333333;border-bottom:1px solid rgba(70, 70, 70, 0.3);padding-bottom:1px;padding-top:20px;display:inline-block;}
.contact-container p {margin:5px;line-height:120%;text-align:left;font-size:17px;}
.contact-container ul.hours, ul.hours li ul {list-style:none;padding-top:5px;color:#333333;}
.map-container {
	width:94%;
	height:350px;
	overflow:hidden;
	margin: 0 auto;
	border: 1px solid #cdcbcb;
	border-radius:4px;
	 background:#fbfbfa url(images/loading.gif);
	 background-position:center center;
	 background-repeat: no-repeat;
	}
.map_div {width:100%;height:350px;}
.red_text {color:#a4021d;font-style:italic;font-size:13px;}
.contactForm {
	margin:5px auto 0px;
	padding:10px 20px 20px;
	position:relative;
	display:none;
	}
.contactForm h3.thankyou {margin-left:0px;margin-top:20px;}
.contactForm button {margin:25px 10px 20px;}
.contactForm label {font-size:16px;font-weight:500;color:#4f422e;width:96%;display:block;margin: 5px 2%;}
.contactForm h3 {margin: 25px 15px 7px;}
.contactForm p {font-size:14px;padding:10px 20px;margin:0px;}
input,
select,
textarea {
    padding:10px 10px 8px;
    font-size:15px;
    margin:5px 10px 15px;
    border-radius:3px;
    border: 1px solid #cacaca;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    background:#ffffff;
    }
input,
select,
textarea {width:96%;margin-left:2%; margin-right:2%;}
textarea  {min-width:96%;max-width:96%;height:150px;min-height:150px;max-height:150px;resize:none;vertical-align: baseline;}
input.checkbox,
input.radio {width:20px;margin-right: 0px; margin-left:30px;border:none; box-shadow: none;}
select[multiple] {height:240px;}
.contactForm #math {margin-left:12px;color:#8D5841;}
.contactForm .highlighted-text {color:#5A2B17;}

.highlighted-text {
    font-size:15px;
    font-family: 'middle_schoolregular';
    letter-spacing:1px;
    }
span.division {display:inline-block; width:225px;font-size:14px;} 
.department-contact h2 {font-size:20px;margin:15px 0px 7px;border-bottom:1px solid #b7816a;color:#333333;}

/*Validation Styles*/
.contactForm label.error {display:block;text-align:right;font-size:13px; color:#a81515; text-decoration:none;border:none;width: 96%;margin-top:-10px;}

.contactForm input:focus,
.contactForm textarea:focus,
.contactForm select.focus {
	border: 1px solid #acacac;
	}
.contactForm input.error,
.contactForm textarea.error,
.contactForm select.error {
	border: 1px solid #a81515;
	background:#fcbfbf;
}


.contactForm #contact_response{display:none;}
.contactForm #contact_error {display:none;width:95%;margin:5px 2.5% 20px;padding:25px;background:#ffffff; border:2px solid #d50032;border-radius:4px;}
.contactForm #contact_error h4{font-size:18px;margin: 3px 20px 3px;}
.contactForm #contact_error, #contact_error h4, #contact_error p{color:#d50032;font-weight:500;}
.contactForm #contact_error p{font-size:14px;}


p.note {font-size:15px;line-height:150%;font-style:italic;text-align:left;}
a.more {text-align:right;font-size:17px;display:block;}
a.more span {display:block;float:right;height:100%;padding:2px 0px 2px 10px;font-size:30px;}

ul.areas {margin:10px 30px 20px 40px;height:auto;}
ul.areas li {font-size:16px;width:125px;display:inline-block;margin:5px 15px;}

ul.members {margin:10px 20px 20px 20px;height:auto;}
ul.members li {font-size:15px;width:190px;display:inline-block;margin:5px 10px;}

.agency {display:inline-block;width:200px;height:170px;font-size:13px;color:#8d5841;line-height:150%;padding-left:5px;margin-left:25px;vertical-align:top;}
.agency .city,
.agency .name {font-size:15px;color:#5a2b17; text-decoration:none;margin-left:-5px;}

.contentSelectContainer {float:right;width:320px;margin-right:0px;margin-left:0px;}
select.contentSelect {width:90%;font-size:13px;margin:10px 0px 15px;padding:2px;}
select.contentSelect option {padding:6px 2px;}

.wic_table_wrapper {width:95%;margin:10px auto 20px;overflow-x:auto;}
table.services,
table.wic {
	margin:10px 60px 20px;
	border:1px solid #cbcbcb;
	padding:0;
	border-collapse:collapse;
	font-size:15px;
}
table.wic {table-layout:auto;width:100%; min-width:400px;margin:0;}
table.services tr:nth-child(even),
table.services tr:nth-child(even) td,
table.wic tr:nth-child(even),
table.wic tr:nth-child(even) td {background: #ebebeb;}
table.services tr td,
table.wic tr td {padding:6px;border-bottom:1px solid #cbcbcb;width:100%;}
table.services tr td:nth-last-child(1) {text-align:right; width:auto;}
table.services tr:nth-last-child(1) td,
table.wic tr:nth-last-child(1) td {border-bottom:none;}
table.wic tr td {font-size:14px;width:auto;vertical-align:middle;text-align:center;}
table.wic tr td:first-child {text-align:left;}
table.wic tr:first-child td:first-child {text-align:center;}
table.wic tr.header_row td {font-size:13px;}



.content_list {
    color: #8d5841;
    font-size: 15px;
    margin:10px 40px 10px 45px;
    }
.content_list li {margin:10px 0px;line-height:140%;padding-left:10px;}
.content_list ol,
.content_list ul {margin-left:35px;}

ol.fee_schedule  {list-style:none;}
ol.fee_schedule li {position:relative;margin-left:20px;margin-bottom:20px;}
ol.fee_schedule li span.item_num {position:absolute;left:-30px;}
ol.fee_schedule li span.fee_type {display:inline-block; width:240px;font-weight:bold;}

ul.questions-list {margin-left:20px;list-style:none;margin-top:40px;}
ul.questions-list li {padding-left:0px;}
/*ul.questions-list li:hover, ul.questions-list li.active-li {background:url("images/list-bullet-hover.png") no-repeat 0 5px;}*/

ul.inline,
ol.inline {margin:10px 35px 20px;color: #8d5841;font-size:15px;}
ul.inline li,
ol.inline li {padding:7px 0px;text-align:justify;}
ul.inline li ul,
ol.inline li ul {margin-left:30px;font-size:14px;}
ul.types {margin-top:-20px;font-size:13px;}
ul.types li {text-align:left;padding:5px 0px;}

.faq {width:auto;padding:5px 10px;margin:5px 20px 5px;line-height:130%;transition: background .75s ease;border-radius:6px;}
.faq.active-container {background: #ebebeb;}
.question {cursor:pointer;font-size:17px;position:relative;color:#696969;font-weight:400;}
.question span {font-size:20px;position:absolute;left:-30px;top:-1px;}
.question h3 {margin:0px 0px 0px;padding:0px 10px 0px;color:#4d4d4d;font-weight:300;}
.faq .active, .faq .question:hover {color:#a83a31;}
.answer {font-size:15px;line-height:140%;padding-top:5px;padding-bottom:0px;position:relative;color:#606060;margin:10px;text-align:justify;}
.answer span {font-size:20px;position:absolute;left:0px;top:13px;}
.answer li {margin:5px 30px;}
.answer ul,
.answer ol {
    color: #8d5841;
    font-size: 14px;
    line-height: 120%;
    margin: 10px 45px;
    text-align: justify;
    }
.answer ul li ul,
.answer ul li ol,
.answer ol li ul,
.answer ol li ol {margin: 10px 15px;}
.answer ul li,
.answer ol li {margin:6px 0px;}
.answer p {
    color: #4d4d4d;
    font-size: 16px;
    line-height: 130%;
    margin: 10px 20px 10px 20px;
    text-align: justify;
    }
.answer p.note {font-size:13px;font-style:italic;}

.content .answer a,
.content .answer li a {font-weight:400;color: #a83a31;}
.content .answer a:hover,
.content .answer li a:hover {color:#333333;text-decoration:underline;}

.no-hide {display:block !important;}

.content .ordinance_links,
.content .form_links {padding-top:10px;}
.content .ordinance_links p,
.content .form_links p {margin-left:40px;text-align:left;}
.fileviewer {width:795px; height:991px;border:none;margin: 0px auto;border-radius:6px;box-shadow:0 0 7px rgba(0, 0, 0, 0.4);overflow:hidden;background-color:#d1d1d1;}
.fileviewer {width:795px; height:991px;}
.fileviewer iframe {width:742px; height:933px;}
div.fileviewerOptions {margin:10px 45px;font-size:12px;text-align:right;float:right;width:615px;}
div.fileviewerOptions a {text-decoration:none;margin:0 5px;}
div.fileviewerOptions a img {position:relative;top:3px;}
div.fileviewerOptions a.filenavlinks {float:left;margin-right:10px;position:relative;top:6px;}
.hide { display:none;}

.content .committee-column {width:45%;display:inline-block;vertical-align:top;}

.member-list {text-align:center;}
.member-list p {display:inline-block;width:45%;vertical-align:top;height:140px;margin:10px 0px 10px 20px;}
.calendars {text-align:center;}
.content p.more {text-align:center;}
.content p.more a {font-size:18px;text-decoration:none;}
.column {width:50%;padding:10px;}
.left_column {float:left;}
.right_column {float:right;}
.content .column img.content-pic.wide {width:100%;}

.content .dept_tiles {text-align:center;margin:40px;}
.content .dept_tiles .dept_tile {width:48%;padding:10px;font-size:18px;display:inline-block;margin-bottom:20px;}
.content .dept_tiles .dept_tile img {width:100%;}
.content .dept_tiles .dept_tile a,
.content .dept_tiles .dept_tile a:hover {text-decoration:none;}
.content .dept_tiles .dept_tile a {color: #a83a31;font-weight:400;}
.content .dept_tiles .dept_tile a:hover,
.content .dept_tiles .dept_tile:hover a {color: #4d4d4d;cursor:pointer;}


/*Validation Styles*/
label.posErrorLabel {display:none}


.content p.breadcrumbs {font-size:13px;font-family: 'Yantramanav', sans-serif;opacity:0.7;float:left;font-weight:300;}
.content select.quick_jump {width:275px;min-width:275px;max-width:275px;float:right;margin: 5px 20px 10px;font-size:13px;padding:5px;}
.content select.quick_jump.document {width:325px;min-width:325px;max-width:325px;}
.content select.quick_jump.boards {width:450px;min-width:450px;max-width:450px;}
.content select.quick_jump option {padding-left:10px;padding-right:10px;}

.content h3.recycle_header {font-size:28px;margin-bottom:40px; }

/* Message Box Styles */

/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	border-radius: .5em;
	color: #ecebd9;
    background-clip: padding-box;
	overflow:hidden;
	text-shadow:1px 1px rgba(255,255,255,0.3), -1px -1px rgba(0,0,0,0.5);
	font-weight:400;
}
.button:hover {
	text-decoration: none;
}


button.front_end {
	color: #ecebd9;
	border:none;
	}


.small {
font-size: 11px;
padding: .3em 1em .3em;
} 




#uploading_image {
     background:url('images/loading.gif') no-repeat center top;
     width:300px;
     height:34px;
     padding-top:40px;
     position:fixed;
     left:50%;
     margin-left:-150px;
     top:150px;
     z-index:200000;
     display:none;
     color:#fff;
     font-weight:bold;
     font-size:14px;
     font-family:arial;
     text-align:center;
}
#uploading_image i {font-style:italic;font-weight:normal;}
/*Modal Message Boxes */
#overlay {
    width:100%;
    height:100%;
    margin:-1000px;
    position:fixed;
    z-index:20000;
    background:#000000;
    opacity: 0.7;
    display:none;
}
.modalbox {display:none;}

p.show_mobile {display:none;}
div.passport_fees {text-align:center;clear:both;padding-top:30px;width:96%;margin-left:auto;margin-right:auto;}
div.passport_fees img {width:100%;max-width:650px;}

div.index_tiles  {text-align:center;}
div.index_tiles img {width:325px;border:1px solid #765b20;box-shadow:3px 3px 5px rgba(0,0,0,0.4);border-radius:6px;overflow:hidden;margin:10px;}

input.addsearch {position:absolute;bottom: 100px;width:300px;right:30px;font-size:13px;padding-left:35px;background:#f7f7f7 url(images/search_bg.png) no-repeat left center;}
#addsearch-logo { display: none !important; }



.content .search_page {margin:30px;}
.content .search_page #addsearch-results-bottom {background-color: transparent;}



@media (max-width: 1210px)
{
	.content-container {width: 1018px;}
	.content {width:704px;}
	.side_menu {width: 250px;}
	.side_column {width:250px;} 
.pay_utility_bill,
.utility_emergency,
.water_meter_replacement_program {width: 250px;font-size:17px;}



	.menu_area .inset {width:1018px;}
	.fileviewer {width:680px; height:850px;}
    .fileviewer iframe {width:640px; height:805px;}
	.top_header_bar .insert_container {width:100%;}
}

@media (min-width: 1025px)
{
.top_header_bar.collapsed .insert_container,
.top_header_bar.expanded .insert_container {display:block !important;}
}
@media (max-width: 1024px)
{
   .header input.addsearch {display:none;}
   #warning {margin: 0px -20px;border:none;border-radius:0px;width:auto;}
   #warning.emergency {border-left:none;border-right:none;}
   .page_wrapper,
   .content-container {width:100%;overflow:hidden;min-width:100%;border-radius:0px; border:none;}
   .content-wrapper {margin-top:0px;margin-bottom:0px;}
   .page_wrapper {padding-top:0px;}
   .header_wrapper {border-top: 1px solid #192a3d;}
   .header {width:100%;text-align:center;height:auto;padding-top:0px; padding-bottom:0px;border-radius:0px;border:none;box-shadow: inset 0px 0px 5px rgba(0,0,0,0.8);}
   .header .logo_container {position:relative;width:100%;padding-left:30px;padding-right:30px;left:0;bottom:0;margin-left:auto;margin-right:auto;background-size: 60%;height: 30%;
max-height: 300px;width:100%;}
    .header .logo_container img {max-height: 300px;}
   .top_header_bar {text-align:center;position:relative;}
   .top_header_bar.collapsed .insert_container {display:none;}
   .top_header_bar .insert_container .hasDropDown a.trigger img.category_icon {opacity:1.0;}
   .side_menu,
   .home_content .side_menu {float:none;height:auto;width:100%;text-align:center;padding-top:0px;padding-bottom:0px;background:none;}
   .side_menu {min-height:0px !important;position:relative;z-index:1001;/*box-shadow: 4px 0px 10px rgba(0,0,0,0.6);*/
  
   box-shadow: inset 0px 0px 10px rgba(84,69,52,1);
    background: rgb(119,104,81);
	background: -moz-radial-gradient(center, ellipse cover, rgba(119,104,81,1) 66%, rgba(99,86,65,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(119,104,81,1) 66%,rgba(99,86,65,1) 100%);
	background: radial-gradient(ellipse at center, rgba(119,104,81,1) 66%,rgba(99,86,65,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#776851', endColorstr='#635641',GradientType=1 );
   }
   .side_column {width: auto;display:block;float:none;margin:0px -25px;}
   .content .pay_utility_bill,
   .content .utility_emergency,
	 .content .water_meter_replacement_program {display: table;}
   .side_column .pay_utility_bill,
   .side_column .utility_emergency,
	 .side_column .water_meter_replacement_program,
   .side_column .bcralert,
   .side_column .bike_routes_tile {display: none;}
   .pay_utility_bill,
   .utility_emergency,
	 .water_meter_replacement_program {font-size:20px;vertical-align:top;width: calc( 97.5% / 2 ); padding-right:5%; padding-left:10%;margin-top:20px;margin-bottom:20px; }
    .pay_utility_bill {float:left;}
	.utility_emergency {float:right;}
   
   .side_menu {margin-top:0px;padding-bottom:0px;border:none; border-radius:0;}
   .side_menu .deptSelectMenu_container {border-top:1px solid #95866f; border-bottom:1px solid #95866f;}
   .side_menu .menu_container ul,
   .side_menu .menu_container h2,
   .side_menu .menu_container h3 {display:none;}
   .side_menu .menu_container select.mobile_menu,
   .parallax-window select.mobile_menu {display:block;margin-top:25px;margin-bottom:25px;}
   .content-container {width:100%;padding-top:0px;;padding-bottom: 0px;}
   .banner_area {width:100%;}
   .content {float:none;width:auto;margin-top:0px;margin-left: -40px;
margin-right: -40px;
padding-left: 40px;
padding-right: 40px;border-top:none;border-left:none;border-right:none;border-top:1px solid #29435c;}

   .content h1 {margin-bottom:0px;margin: 0px -20px 20px;border-radius:0px; }
   .h1_container {border-radius:0px;height:auto; margin:0px -20px 30px;padding-left:10px; padding-right:10px; border-top: 1px solid #5f758f;border-bottom: 1px solid #29435c;}
    .content .h1_container h1 {margin: 0px -10px 0px;padding-left: 35px;padding-right: 35px;border-bottom: 1px solid #5f758f;}
   .index_module.welcome_module h1 {border-radius: 0px;margin-bottom: 30px;}
   .bottom_menu {display:block;padding:25px 0;}
   .fileviewer {width:100%;margin:0px;}
   .fileviewer iframe {width:100%;}
   .pay_link {max-width:100%;}
   .calendars img {width:96%;max-width:600px;}
   .subfooter {width:100%;min-width:100%;max-width:100%;height:auto;font-size:14px;padding-left:2%;padding-right:2%;}
   .subfooter .copy,.subfooter .geeks {position:static;text-align:center;font-size:14px;opacity:0.7;}
    .contactForm p {margin-left:0px;margin-right:0px;}
    .contactForm input,
    .contactForm textarea {margin:5px auto 15px;}
    p.show_mobile {display:block;}
    div.passport_fees img {max-width:722px;}
    div.index_tiles img {width:45%;}
    .content p.breadcrumbs {font-size:14px;}
	

    /*.menu_area {display:none;}*/
	.menu_area {padding: 30px 0;}
    .menu_area .inset {width:100%;}
	.menu_area .inset .footer_module.cityhall_module,
    .menu_area .inset .footer_module.communitylist_module {display:inline-block;width:42%;}
	.menu_area .inset .footer_module.cityhall_module {margin-right:2%;}
    .menu_area .inset .footer_module.communitylist_module {margin-left:2%;}

    .index_module {width:100%;}

    .index_module.calendar_module {width:calc(50% - 20px);}
    .content .index_module h2 {font-size: 16px;}

    .fileviewer {width:96%;margin-left:auto; margin-right:auto;}
    .afterhours div {width:98%;font-size:24px;padding:15px 1%;}
    .afterhours div span {font-size:26px;}
	.menu_area .inset .footer_module {width:90%;margin:30px auto;display:block;}
	.parallax-window {height:auto;padding:40px 0px;max-height:none;}
	.content h2 {/*padding-top:80px;*/}
	

	
	
	/*Mobile Nav Menu Styles*/
	.top_header_bar div.hasDropDown .trigger span {display:inline;}
	div.top_header_bar {height:auto;width:100%;min-width:100%;padding:0px;padding-bottom:0px;border-bottom: 1px solid #5f758f;}
	.top_header_bar .insert_container {width:100%;height:auto; background:none;}
	.top_header_bar a.mobile,
	.top_header_bar div.dropdown a.mobile_only,
    .top_header_bar div.hasDropDown.mobile {display:block;}
	.top_header_bar a.mobile img,
    .top_header_bar div.hasDropDown img {margin-right:10px;width:16px;}
    .top_header_bar a.no-mobile,
	.top_header_bar div.dropdown a.no-mobile {display:none;}	

	.top_header_bar a.mobileMenuTrigger {cursor:pointer;position:relative;z-index:1000;}
	.top_header_bar a.mobileMenuTrigger,
	.top_header_bar a.mobileMenuTrigger:hover {display:block;width:100%;padding:10px;font-size:24px !important;line-height:30px;vertical-align:middle;color:#ecebd9;text-decoration:none;border-top:none;}
	.top_header_bar a.mobileMenuTrigger img {width:24px; height:24px;vertical-align:middle;position:relative;top:-3px;margin-right:7px;}

	.top_header_bar a.mobile,
	.top_header_bar div.hasDropDown {display:block;width:100%; font-size:17px !important; margin:0px !important;}
	.top_header_bar div.hasDropDown a.trigger,
	.top_header_bar div.hasDropDown span.trigger {padding:6px 20px;display:block;font-size:20px !important;}
	.top_header_bar a,
	.top_header_bar div.hasDropDown {height:auto;border-bottom: 1px solid #192a3d;border-top: 1px solid #364d67;background: #253d59; text-align:left;}
	.top_header_bar div.hasDropDown a.trigger,
	.top_header_bar div.hasDropDown span.trigger {border-top:none;border-bottom:none;width:100%;color: #ecebd9;}
	.top_header_bar a.mobileMenuTrigger,
	.top_header_bar a.mobileMenuTrigger:hover {background: #253d59 !important;border-bottom:1px solid #0b1826;}
	.top_header_bar a:hover,
	.top_header_bar div.hasDropDown:hover,
	.top_header_bar div.hasDropDown.active,
	.top_header_bar div.hasDropDown.active a {border-bottom: 1px solid #0b1826;/*border-top: 1px solid #384e67;*/background:#1e3147;color: #ecebd9;}
	.top_header_bar div.hasDropDown.active .trigger {background:#182739;color: #ecebd9;border-bottom: 1px solid #22364d;}
	.top_header_bar div.hasDropDown {padding:0px;}
	.top_header_bar a,
	.top_header_bar div.hasDropDown .trigger {padding:6px 20px;color: #ecebd9;}
	.top_header_bar a:hover,
	.top_header_bar div.hasDropDown .trigger:hover {color: #f9f9f9;}
	.top_header_bar div.hasDropDown div.dropdown {position:relative;top:0 !important;left:0 !important; right:0 !important; bottom:0 !important;padding:0px 0px 20px;background:none;border:none;box-shadow:none;width:auto;}
	.top_header_bar div.hasDropDown.active div.dropdown {border-top: 1px solid #0b1826;}
	.top_header_bar div.hasDropDown div.dropdown a {background:none;color: #ecebd9;padding: 9px 10px 7px 25px;font-size:18px; line-height:140%;border:none;border-left:none;;}
	.top_header_bar div.hasDropDown div.dropdown a:hover {background:#182739;border-left:3px solid #ecebd9;border-left:none;}
	.top_header_bar div.hasDropDown div.dropdown a.indented {padding: 6px 10px 3px 45px;font-size:16px;opacity:0.5;}
	.top_header_bar div.hasDropDown div.dropdown a.indented:hover {opacity:0.9;}
	.top_header_bar div.hasDropDown div.dropdown a br {display:none;}


	
	.top_header_bar div.dropdown .hasSub .submenu_toggle {color: #ecebd9;opacity: 0.8;cursor:default;padding:10px 15px 5px 15px;right:0px;top:0px;font-size:16px;}
	.top_header_bar div.dropdown .hasSub a {position:relative;z-index:19;line-height:140%;}
    .top_header_bar div.dropdown .hasSub .hidden {display:none;padding-bottom:15px;}
    .top_header_bar div.dropdown .hasSub .hidden div {padding:6px 20px 2px 40px;font-size:17px;color: #ecebd9;opacity:0.7;letter-spacing:0px;text-align:left;line-height:130%;text-shadow:none;border-left:0px solid;cursor:default;}
    .top_header_bar div.dropdown .hasSub .hidden a {padding:6px 20px 2px 40px;font-size:17px;color: #ecebd9;opacity:0.7;line-height:130%;}
    .top_header_bar div.dropdown .hasSub .hidden a.indented {padding-left:45px;font-size:16px;}
	
	.contactForm {padding: 10px 10px 20px;}
	.contactForm input, .contactForm select,  .contactForm textarea {width:100%;min-width: 100%;max-width: 100%;}
    .contactForm p {padding: 10px 0px;}
}
@media (max-width: 800px)
{
	
	.index_module {height:auto;margin-bottom:30px;}
	    div.content {border-bottom:none;}
		div.content div.letter_menu {display:none;}
		div.content select.quick_jump.letter_menu_select {display:inline;}
		div.content h2.letter {text-align:center;} 

   .header .logo_container {background-size: 75%; max-height:250px;}
       .header .logo_container img {max-height: 250px;}
	.breadcrumb {float:none;padding:10px 5px;display:block;margin: 10px 5px 0px;}
div.calenderFilter,
div.filterForm,
div.quick_jump_container {font-size:16px;text-align:center;padding: 0px 20px 30px;}
div.quick_jump_container {font-size:16px;text-align:center;padding: 0px 20px 0px;}
div.calenderFilter select,
div.calenderFilter button.front_end,
div.filterForm select,
div.filterForm button.front_end {width:100%;font-size:14px;margin: 5px 0px;}

div.calenderFilter select,
div.filterForm select {padding:8px 15px;}

div.calenderFilter select option,
div.filterForm select option {padding:3px 15px;line-height:160%;}

div.calenderFilter button.front_end,
div.filterForm button.front_end {padding:12px 15px;width:47%;margin-left:1%;margin-right:1%;}

div.filterForm {float:none;}

.content select.quick_jump,
.content select.quick_jump.document,
.content select.quick_jump.boards {width:100%;min-width:100%;max-width:100%;float:none;font-size:14px;margin: 20px 0px 10px;}

div.content .eventBlock {padding:30px 10px;}
div.content .eventBlock .info {width: calc(100% - 80px);}
.content-wrapper {padding-bottom:0px;}

	div.content div.staff-directory {width: 100%;margin:0px;padding: 0px 10px;}
	div.content div.staff-directory div.staff {display:inline-block; width:auto; width:293px;margin:10px 2px;text-align:left;}
	div.content div.staff-directory div.staff img.employee_img {width:110px;display:inline-block;vertical-align:top;margin-right:15px;}
	div.content div.staff-directory h2 {font-size:22px;}
	div.content div.staff-directory h2, 
	div.content div.staff-directory div.staff div.staff_info span {text-align:left;}
	div.content div.staff-directory div.staff div.staff_info {display:inline-block;line-height: 140%;width:165px;}
	div.content div.staff-directory div.staff span.employee {font-size:15px;margin-top: 3px;}
	div.content div.staff-directory div.staff span.department {font-size:13px;}
	div.content div.staff-directory div.staff span.role {font-size:13px;}
	div.content div.staff-directory div.staff span.phone {font-size:13px;}
}

@media (max-width: 700px)
{
	.header .logo_container {background-size: 100%; }
    .contact-container {width:95%;padding:0 2.5%;}
    .column {width:100%;float:none;padding:10px 1%;clear:both;}
	.board_info .column {width:100%;}
    #map-container {width:96%;margin-left:auto;margin-right:auto;}
    #map_div {width:100%;}
    #map-container.content-pic {max-width:96%;}
    
	

    div.fileviewerOptions {font-size:16px;width:auto;margin:10px;float:none;text-align:center;}
    div.fileviewerOptions a {display:block;padding:3px;}
    div.fileviewerOptions a img {position:relative;top:3px;}
    .content p.breadcrumbs {float:none;font-size:14px;margin: 10px 20px 20px;}
    .growers {text-align:center;}
    .growers div {width:93%;height:auto;padding:10px 2%;margin:10px 1%;}
    .content p.address {margin: 20px 30px;text-align:left;}
	
	.content .column_list ul {font-size:15px}
	.content h1 {text-align:center;}
    .content .h1_container h1 {margin: 0px 0px 0px;}
	.content .column_list h4 {font-size:16px;}
	.content .column_list_left, .content .column_list_right {float:none;width:96%;margin:0 1.5% 30px;}
	.content h3.recycle_header {font-size:22px; text-align:center;}
	div.calendarListContainer button.front_end,
	div.news_list button.front_end,
	div.youmax button.front_end,
	button.front_end.donate,
	.content a.button.front_end.viewStaffPage {margin:20px auto;width:90%;display:block;}
	.index_module.calendar_module {width: 100%;}
    .right_module, .left_module {float:none;}
	.announce_module .scroll-container,
    .news_module .scroll-container,
    .calendar_module .scroll-container {height:100%;max-height:none;}
	
	.content-pic.opportunity_maps {display:none;}
	div.content div.staff-directory.single-employee {margin:0px 10px; text-align:center !important;}
}



@media (max-width: 600px)
{
   #warning {margin: 0px;}
   .header .logo_container {width:100%; padding-left:0px;padding-right:0px;height:30%;max-height:200px;}
   .header .logo_container img {max-height: 200px;}
   .header img.large {width:100%;}

   .pay_utility_bill,
   .utility_emergency,
	 .water_meter_replacement_program,
   .content img.bcralert,
   .content img.bike_routes_tile {font-size:18px; width: calc( 100% - 30px ); float:none;margin-left:15px;margin-right:15px;}
   
   /*.header .biz-address {display:none;}*/
   .content {/*padding-left:0px;padding-right:0px;*/}
	 .content h3 {text-align:center}
   .right,.left {float:none; margin-left:auto;margin-right:auto;display:block;}
   .content-pic {max-width:95%;}
   .h1_container {height:auto;border-radius:0px;}
   .content h1,
   .index_module.welcome_module h1 {text-align:center;line-height:130%;margin:0px;font-size:24px;height:auto;max-height:none;width:100%;margin-left:0px;margin-right:0px;border-radius:0px;}
   .index_module.welcome_module h1 {box-shadow: 0px 0px 10px rgba(0,0,0,0.25);position: relative;z-index: 100;}
   .index_module a.view_all {display:none;}
   .index_module h2 img {margin-right: 8px;}
   .content h2 {text-align:center;}
    #banner-container {float:none;margin: 0px auto 40px;width:100%;padding:0px; border:none;text-shadow:none;border-radius:0px;border-bottom: 1px solid #cdcbcb;box-shadow: inset 0px 0px 10px rgba(0,0,0,0.25);}
	#banner-container ul.fader img {width:100%;height:100%;}
   p.update {text-align:center;}
   p.adobe {text-align:center;}
   .calendars .calendarSelectContainer {width:96%;text-align:center;float:none;margin-left:auto;margin-right:auto;display:none;}
   .calendars .calendarSelectContainer:first-of-type {display:block;}
   .calendars .calendarSelect {width:100%;}
   div.content .eventTitle {font-size:18px;}
   div.content .eventContacts span {display:block;margin-right:0px;}
    div.index_tiles img {width:90%;}
     .top_header_bar {padding:15px 5px;}
    .top_header_bar a {font-size:15px;}
	
	.announce_module .item p,
	.news_module .item p {margin: 5px 5px 10px;}
	.announce_module .item p.desc,
	.news_module .item p.desc {display:none;}
    .news_list .item p img,
	.welcome_module p img.content-pic {float:none;width: auto;max-width: 95%;max-height: 250px;margin:20px auto;display:block;}
	.announce_module .item p img,
	.news_module .item p img {width: 120px;margin:0px 0px 10px 5px;}
	

	
    .news_module .item .headline,
	.announce_module .item .headline {font-size:13px;margin:15px 5px 5px;}
    .news_article .breadcrumb, .breadcrumb {float:none;display:block;}
	.news_module .item .pub_date,
	.announce_module .item .pub_date {float:none;text-align:left;margin: 0px 5px 5px;padding-bottom:5px;display:block;}
	
	.calendar_module .event .title {font-size:14px;}
    .news_article .pub_date,
	.announcement .pub_date {float:none;text-align:left;display:block;margin-left:20px;}
	.index_module {margin-top:0px;width: calc( 100% - 30px ) !important; margin-left:15px;margin-right:15px;}
	 .index_module.welcome_module {width:100% !important;margin-left:0px;margin-right:0px;}
    .index_module h2 {text-align:center; padding: 20px 5px;font-size:16px;}
	.index_module.welcome_module h2 {font-size:28px;}
	.index_module.welcome_module h2 span {display:block;font-size:18px;line-height:18px;}
    .faq {padding:5px 5px;margin:0px 10px 5px;}
    .question h3 {margin: 0px 10px 5px;}
    .answer p {margin: 10px 10px;}
    .afterhours h3 {font-size:22px;}
    .afterhours div {font-size:22px;}    
    table.services {margin:10px 15px 20px;}
	.content-container {padding-left:0px; padding-right:0px;}
    .content ul, .content ol {margin: 20px 25px 20px 40px;}
    .content ul.board li {width:45%;}
    .content ul.board li span {font-size:15px;}
	.content p,
	.content .column p {font-size: 14px;margin:10px 15px 20px;}
	.content p.call911 {text-align:center;}
	.content h4 {margin:20px 15px 10px;}
	.content h3 {margin: 20px 15px 10px;}
    .content .document_list p { margin: 10px 22px;font-size:13px;}
	.content table.utility-rates,
	.content table.cemetery-prices {width:96%;margin:20px 2%;font-size:13px;}
	.content table.utility-rates tr th,
	.content table.utility-rates tr td,
	.content table.cemetery-prices tr th,
	.content table.cemetery-prices tr td {padding:6px 3px;}
	div.content .eventBlock {margin:-5px 0px 0px;}
	.calendarListContainer .eventBlock .date_cube {margin: 10px 10px 30px 0px;}
	div.content .eventBlock .eventTitle {margin: 0px 0px 10px;font-size:15px;}
	div.content .eventBlock .eventInfo {padding: 0px 5px;}
	div.content .eventBlock .info {width: calc(100% - 70px);}
	div.content .eventBlock img.ical_logo {display:none;}
	div.content .event_page .eventTitle {margin: 0px 10px 10px;}
	div.content .event_page .eventInfo {padding: 0px 20px;}
	.content .dept_tiles {margin: 40px 20px;}
	.subfooter {padding:80px 2%;}
	.subfooter .copy, .subfooter .geeks {font-size:13px;}
	.content .board_info {width:auto;margin: 30px 10px 40px;}
	.content .board_info h3 {text-align:center;}
	.content .board_info p {margin: 5px 10px 15px;}
	.content .board_info p select {width:100%;margin-left:0px;margin-right:0px;}
	.content ul.boards {margin: 0px 5px 20px;}
	
	.menu_area .inset .footer_module.cityhall_module,
    .menu_area .inset .footer_module.communitylist_module {display:block;width:90%;margin: 30px auto;}
	
	div.content div.mayor_letter div.staff-directory,
	div.content div.mayor_letter div.staff-directory .staff,
	div.content div.mayor_letter div.staff-directory div.staff span.employee,
	div.content div.mayor_letter div.staff-directory div.staff span.department,
	div.content div.mayor_letter div.staff-directory div.staff span.role,
	div.content div.mayor_letter div.staff-directory div.staff span.phone,
	div.content div.mayor_letter div.staff-directory div.staff span.social_links,
	div.content div.mayor_letter div.valediction {text-align:center;font-size:17px;}
	
    div.content div.mayor_letter div.staff-directory .staff img.employee_img {float:none;margin:0px auto 10px;width:160px;}
	

	
.menu_container {padding-left:30px;padding-right:30px;}
	
}




@media (max-width: 500px)
{	
	.content .dept_tiles .dept_tile {width:100%;}
	.biz-address {font-size:13px;padding: 5px 0px 20px;}
    .biz-address span {font-size:13px;}
	.biz-address span.pipe {display:none;}
	.breadcrumb {font-size:12px;}
	
	ul.opportunity_list {margin: 20px 15px 20px 25px;}
	ul.opportunity_list li {text-align:left;}

@media (max-width: 450px)
{
	
	.content .dept_tiles .dept_tile img.content-pic {max-width:100%;}
	.content ul.board li {width:95%;}
}
@media (max-width: 400px) {
   	.content .search_page #addsearch-results .addsearch-result-item-sub,
	.content .search_page #addsearch-results .addsearch-result-item-container {background-image:none !important;}
	.content .search_page #addsearch-results .addsearch-result-item-sub div {padding: 10px;}
}

@media (min-width: 1024px) {
	.top_header_bar .bar_inset {display:block !important;}
	}