* {
	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;
	}
div, p, a, li, td { -webkit-text-size-adjust:100%; }	

html body {
	font-family: 'Yantramanav', sans-serif; 
        font-weight: 300;
	color:#4d4d4d;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#176777+0,197a80+100 */
background: #176777; /* Old browsers */
background: -moz-linear-gradient(top,  #176777 0%, #197a80 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #176777 0%,#197a80 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #176777 0%,#197a80 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#176777', endColorstr='#197a80',GradientType=0 ); /* IE6-9 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#15656a+0,0f4d51+100 */
background: #15656a; /* Old browsers */
background: -moz-linear-gradient(top,  #15656a 0%, #0f4d51 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #15656a 0%,#0f4d51 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #15656a 0%,#0f4d51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15656a', endColorstr='#0f4d51',GradientType=0 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#11304f+1,11304f+48,144272+100 */
background: #11304f; /* Old browsers */
background: -moz-linear-gradient(top,  #11304f 1%, #11304f 48%, #144272 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #11304f 1%,#11304f 48%,#144272 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #11304f 1%,#11304f 48%,#144272 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11304f', endColorstr='#144272',GradientType=0 ); /* IE6-9 */




	background-attachment:fixed;
	background-size:cover;
	}	

h1,h2, h3, h4 {line-height:130%;}
h1 {font-size:28px;margin:0px;padding:20px;line-height:100%;color:#ecebd9;background-color:#e38807;margin:0px;border-bottom: 1px solid rgba(70, 70, 70, 0.3);}
h1 span.subtitle {font-size:18px;opacity:0.85;}
h2 {font-size:20px;margin:25px 15px 25px;padding-bottom:10px;color:#333333;border-bottom:1px solid rgba(70, 70, 70, 0.3);font-weight:500;}
h3 {font-size:18px;margin:25px 20px 7px;color:#333333;font-weight:500;}
h4 {font-size:15px;margin:15px 20px 3px;color:#333333;font-weight:400;}
button {cursor:pointer;}
/*input {font-family:arial}*/
b, strong {font-weight:500;}
p b {font-size:15px;}
i,em {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:#e38807;text-decoration:none;transition: color .5s ease;}
a:hover {text-decoration:underline;color:#333333;}

.green a {color:#97bb57;}
.green a:hover {color:#333333;}
.red a {color:#d7161f;}
.red a:hover {color:#333333;}
.orange a {color:#e38807;}
.orange a:hover {color:#333333;}
.teal a {color:#197a80;}
.teal a:hover {color:#333333;}


.clear {clear:both;}
.content-pic {
	padding:6px;
	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.4);
	}
.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:300px;}
.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;}

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

.header-container {
    background-color: #fafafa;
    color: #197a80;
    width:100%;
    min-height:100px;
}


.top_header_bar .bar_inset,
.bottom_header_bar .bar_inset {width:1024px;position:relative;margin:0px auto;}
.top_header_bar {background:#123f66;color:#ffffff;text-align:right;font-size:18px;padding:8px 15px;}
.bottom_header_bar {background:#e38807;border-top:3px solid #123f66;color:#197a80;text-align:center;font-size:16px;padding:0px;}

.top_header_bar a,
.bottom_header_bar a {text-decoration:none;margin:0px 5px;position:relative;z-index:100;}
.top_header_bar a {color:#bebebe;}
.top_header_bar a.mobile_link {display:none;}
.bottom_header_bar a {color:#ffffff;padding:8px 10px 7px;margin:0px;display:inline-block;}
.top_header_bar a:hover,
.bottom_header_bar a:hover {color:#ffffff;transition: background .25s ease;}
.bottom_header_bar a:hover {background:#123f66;}
.header {height:130px;width:1024px;position:relative;margin:0px auto;}
.header img {width:450px;position:absolute;bottom:10px;z-index: 20;left:30px;}
.header img.small {display:none;}
.biz-address {text-align:right;position:absolute;right:10px;bottom:10px;color:#85b7ba;color:#858585;font-weight:300;font-size:17px;}

.bottom_header_bar .bar_inset select.department-select {display:none;}

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

.covid_bar {
	background: #d7161f; color:#ffffff !important; font-size: 24px;margin: 30px -10px 0px; font-family: inherit; text-align:center;font-size: 24px;
}
.covid_bar a {
	display:block;padding: 10px 5px;text-decoration:none;color:#ffffff !important;transition: padding .5s ease, font-size .5s ease;font-size: 24px;
}
.covid_bar a:hover {padding:20px 5px;font-size: 28px;}
/*  Index Page Styles */

.index_module,
#banner-container {background: #fafafa;}
.index_module {height:400px;}
.index_module h2 {padding:20px;font-size:24px; font-weight:300;color:#ecebd9;margin:0px;}
.right_module {float:right;}
.left_module {float:left;}
.find_it_module {width:347px; height:402px;color: #333333;float:left;}
h1.teal,
.teal h1,
.find_it_module h2 {background:#197a80;}
.content .teal p a,
.content .teal ul a {color:#197a80;}
h1.red,
div.red h1,
.calendar_module h2,
.calendar_module a.module_footer {background:#d7161f;}
.content .red p a,
.content .red ul a {color:#d7161f;}
h1.green,
.green h1,
.news_module h2,
.news_module a.module_footer {background:#97bb57;}
.content .green p a,
.content .green ul a {color:#97bb57;}
.news_module {width:724px; color: #333333;margin-top:30px;}
.calendar_module {width:347px; color: #333333;}
.content .find_it_module ul {list-style:none; padding:15px;font-weight:400;font-size:15px;margin: 0px 10px 10px 10px;}
.find_it_module ul li {margin:7px 0;}
.find_it_module ul li a {color:#333333;text-decoration:none;}
.find_it_module ul li a:hover {color:#197a80;}

.news_module,
.calendar_module {height:auto;}

#banner-container {
	width:1024px;
	margin:30px 0px 0px;
	position:relative;
	overflow:hidden;
	height:512px;
	}
        
ul.fader img {width:1024px;}
.content ul.fader {list-style:none;margin:0px;}

.news_module .scroll-container,
.calendar_module .scroll-container {height:280px;overflow:auto;}
.news_module .item,
.news_list .item,
.calendar_module .event {padding:10px;}
.news_module .item:nth-child(odd),
.news_list .item:nth-child(odd) {background:#ebebeb;}
.calendar_module .event:nth-child(even) {background:#ebebeb;}
.news_module .item .headline,
.news_list .item .headline {font-size:18px;line-height:140%;display:block;font-weight:300;margin: 5px 15px;font-family: 'Lato', sans-serif;}
.news_module .item .headline a,
.news_list .item .headline a {text-decoration:none;color:#4d4d4d;}
.news_module .item .headline a:hover,
.news_list .item .headline a:hover {color:#7dae26;}


.calendar_module .event .title {font-size:15px;display:block;font-weight:300;font-family: 'Lato', sans-serif;line-height:140%;}
.calendar_module .event .title a {text-decoration:none;color:#4d4d4d;}
.calendar_module .event .title a:hover {color:#d7161f;}
.news_module .item p,
.news_list .item p {font-size:14px; text-align:justify;margin: 5px 20px 10px;}
.news_module .item p img,
.news_list .item p img {float:right;margin:10px 0 20px 20px;width:150px;background:#f1f1f1;padding:3px;border:1px solid #cfcfcf;}
.news_module .item p a,
.news_list .item p a {text-decoration:none;color:#7dae26;}
.news_module .item p a:hover,
.news_list .item p a:hover {color:#333333;}



.news_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;}
.news_article .pub_date {float:right;margin-top:10px;}
.news_article .breadcrumb,
.breadcrumb {float:left;font-size:13px;font-style:italic;margin: 10px 20px 0px;opacity:0.8;color:#4d4d4d;}
.news_article .breadcrumb a {color:#4d4d4d;text-decoration:none;}
.calendar_module .event .date {font-size:13px;}
.iCal {float:right;font-size:13px;margin: 10px 20px 0px;}

.red .news_list .item:nth-child(odd) {background:#ebebeb;}
.red .news_list .item .headline a:hover,
.red .news_article .breadcrumb a:hover {color:#d7161f;}
.red .news_list .item p a {color:#d7161f;}
.red .news_list .item p a:hover {color:#333333;}

.orange .news_list .item:nth-child(odd) {background:#ebebeb;}
.orange .news_list .item .headline a:hover,
.orange .news_article .breadcrumb a:hover {color:#e38807;}
.orange .news_list .item p a {color:#e38807;}
.orange .news_list .item p a:hover {color:#333333;}

.teal .news_list .item:nth-child(odd) {background:#ebebeb;}
.teal .news_list .item .headline a:hover,
.teal .news_article .breadcrumb a:hover {color:#197a80;}
.teal .news_list .item p a {color:#197a80;}
.teal .news_list .item p a:hover {color:#333333;}

.green .news_list .item:nth-child(odd) {background:#ebebeb;}
.green .news_list .item .headline a:hover,
.green .news_article .breadcrumb a:hover {color:#97bb57;}
.green .news_list .item p a {color:#97bb57;}
.green .news_list .item p a:hover {color:#333333;}

.index_module a.module_footer {display:block;padding:15px 0;width:100%;text-align:center;color: #ecebd9;font-size:20px;line-height:100%;text-decoration:none;}
.index_module a.module_footer:hover {color:#ffffff;}

.content-container {overflow:hidden;position:relative;width:1024px;margin:0 auto; padding-bottom:30px;}
.home_content .side_menu {min-height:783px;}
.side_menu {width:270px;float:left;overflow:hidden;background-color: #fafafa;margin-top:30px;padding-bottom:50px;}
.side_menu h2 {padding:19px 20px;font-size:24px; font-weight:300;color:#ffffff;margin:0px 0px 10px;background:#e38807;}
.side_menu.red h2,
.side_menu.red h3 {background:#d7161f;}
.side_menu.orange h2,
.side_menu.orange h3 {background:#e38807;}
.side_menu.teal h2,
.side_menu.teal h3 {background:#197a80;}
.side_menu.green h2,
.side_menu.green h3 {background:#97bb57;}
.side_menu h3 {
    padding: 14px 20px;
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
    margin: 20px 0px 10px;
    background: #e38807;
}

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

.side_menu ul {list-style:none;}
.side_menu ul li {position:relative;color: #333333;font-size:15px;font-weight:400;}
.side_menu ul li ul li {font-size:14px;}
.side_menu ul li {padding:3px 20px 3px 15px;}
.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:#656565;
	display:block;
	text-decoration:none;
	position:relative;
	}
.side_menu ul li a:hover,
.side_menu ul li.active a {color:#333333;}
.side_menu ul li.indented a {color:#606060;}
/*.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;}
.side_menu ul.submenu {display:none;padding-bottom:10px;}
.side_menu li.active {background:#ebebeb;}
.side_menu li.active ul.submenu {display:block;}
/*.side_menu li.active li:nth-last-child(1) {padding-bottom:20px;}*/

.side_menu.red a:hover {color:#d7161f;}
.side_menu.orange a:hover {color:#e38807;}
.side_menu.teal a:hover {color:#197a80;}
.side_menu.green a:hover {color:#97bb57;}




.bottom_menu {display:none;}
.content {
	width:724px;float:right;
        position:relative;
	background:#fafafa;
        min-height:500px;
        margin-top:30px;
	padding:0px 0px 40px;
        }
.home_content .content {background:none;}
.content p {text-align:justify;margin:20px 20px;font-size:15px;line-height:160%;color: #4d4d4d;}
.content p.address {margin:20px 40px;}
.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 30px 20px 50px;}
.content ul li ul,
.content ol li ol {margin-left:20px;}
.content ul li,
.content ol li {margin-bottom:10px;}
.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_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 .sitemap .sub_menu_toggle {display:none;}
.content .sitemap ul li {font-size:16px;}
.content .sitemap ul li ul.submenu {margin: 7px 30px 30px 20px;}
.content .sitemap ul li  ul.submenu li {font-size:14px;}
.content .sitemap ul li ul.submenu li.indented {margin-left:15px;}
.footer_banners {text-align:center;max-width: 1024px;width:100%;margin:0px auto;}
.banner_area {width: 497px; margin: 0px auto 0; display:inline-block;;}
.banner_area img {width:100%;}
.menu_area {width:100%;background:#696764;padding: 30px 0; margin-top:30px; color:#ecebd9;border-top:3px solid #e38807;}
.menu_area .inset {width:1024px;position:relative;margin:0px auto;}
.subfooter {
	position:relative;
	margin:0px auto;
	line-height:130%;
	padding:15px 0 15px;
	color:#f8f4e7;
	font-size:12px;
	background:#e38807;
	}
.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;
    }
.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.5);}
.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 #022d4c;
	color: #a03d36;
	font-size:15px;
	background-color:#fff;
	font-weight:bold;
	position:relative;
	width:100%;
	margin:30px auto 0px;
	overflow:hidden;
	text-align:center;
	font-family:arial;
	}
#warning.emergency {border:2px solid #000000;}
#warning .warning_bar {display:none;} 
#warning.emergency .warning_bar {display:block;width:100%;height:42px;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;
	color:#ffffff;
	background:#d7161f;
	margin:0px -10px 10px;
	font-family:inherit;
	padding:10px 5px;
	border-bottom: 1px solid rgba(70, 70, 70, 0.3);
	}
#warning.emergency h2 {border-bottom:2px solid #000000;color:#ffe600;background:#4e4e4e;}
#warning .warning_text {color: #3b3b3b;font-size:16px;padding:10px 40px;min-height:70px;line-height:150%;font-weight:normal;}
#warning .warning_text p a {color:#d7161f;}
#warning .warning_text p b,
#warning .warning_text p strong,
#warning .warning_text p em {font-weight:bold;}
#warning.emergency .warning_text p a {font-weight:bold;color:#000000;}
#warning .warning_time {color:#939393;font-size:11px;font-style:italic;padding:10px 40px 10px;}
/* End Warning/Message Box Styles */


/* Filter Styles */
div.filterForm {margin-top:-10px;padding:0px 20px 30px;font-size:15px;text-align:right;}
div.filterForm select {width:auto;font-size:10px;margin: 5px 4px 5px;padding-right:15px;}
div.filterForm button.front_end {margin: 5px 4px 5px;position:relative;top:-1px;font-size:13px;padding: 7px 8px;}
div.calendarListContainer button.front_end,
div.news_list button.front_end {font-size:15px;padding:12px;margin:20px auto;width:60%;display:block;}
.red div.filterForm button.front_end,
.red div.calendarListContainer button.front_end,
.red div.news_list button.front_end {background:#d7161f;}
.green button.front_end,
.green div.filterForm button.front_end,
.green div.calendarListContainer button.front_end,
.green div.news_list button.front_end {background:#97bb57;}
.orange button.front_end,
.orange div.filterForm button.front_end,
.orange div.calendarListContainer button.front_end,
.orange div.news_list button.front_end {background:#e38807;}

button.front_end:hover,
div.filterForm button.front_end:hover,
div.calendarListContainer button.front_end:hover,
div.news_list button.front_end:hover {background:#4d4d4d;}

div.content .eventBlock {
        margin-top:20px;position:relative;
	display:block;
	padding:0px 0px 30px;	
        background: #ffffff;
	overflow:hidden;
	position:relative;
        border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
        margin:-5px 0px 0px;
	}
div.content .eventBlock a {color:#d7161f;text-decoration:underline;} 
div.content .eventBlock a:hover  {color:#333333;}     
div.content .eventBlock:nth-child(even) {background: #ebebeb;}
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:10px;}
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:16px;
	padding:35px 5px 8px;
	color:#4d4d4d;
	margin:0px 20px 10px;
	border-bottom: 1px solid #c5c6c5;
	font-family: 'Lato', sans-serif;
        line-height: 130%;
	}
div.content .red .eventTitle a {color:#4d4d4d;text-decoration:none;}
div.content .red .eventTitle a:hover {color:#d7161f;}
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-image: linear-gradient(to bottom, transparent 0%, #ffffff 45%);}   
div.content .eventBlock:nth-child(even) .eventDesc .more {background-image: 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;}


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 .search_page {margin:30px;}
div.content .search_page #addsearch-results-bottom {background-color: transparent;}
div.content input.search_page_input {margin:0px 0px 20px;font-size: 17px;padding: 12px 10px;}
/* 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:100%;
	height:300px;
	overflow:hidden;
	margin: 0 auto;
	 border-bottom: 1px solid rgba(70, 70, 70, 0.3);
	}
.map_div {width:100%;height:300px;}
.red_text {color:#a4021d;font-style:italic;font-size:13px;}
#commentForm {
	margin:5px auto 0px;
	padding:10px 20px 20px;
	position:relative;
	display:none;
	}
#commentForm h3.thankyou {margin-left:0px;margin-top:20px;}
#commentForm button {margin:25px 10px 20px;}
#commentForm label {font-size:16px;position:relative;color:#333333;}
input,
select,
textarea {
    padding:6px 5px 4px;
    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-color:#ffffff;);
    }
input,
select,
textarea {width:96%;}
textarea  {min-width:96%;max-width:96%;height:200px;min-height:200px;max-height:200px;resize:none;vertical-align: baseline;}
input.checkbox,
input.radio {width:30px;margin: 5px 0px 15px 10px;box-shadow:none;}

input.error,
textarea.error,
select.error {background: #F9E5E6;border: 1px solid #E8AAAD;color: #B50007;}


#commentForm #math {margin-left:12px;color:#8D5841;}
#commentForm .highlighted-text {color:#5A2B17;}
#commentContainer p {font-size:14px;padding:10px 0px;margin:0px;}
.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*/
#commentForm label.error {display:none !important;}

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


.department-contact {float:right;width:240px;margin:0px 0px 20px 30px;padding:0px 20px 10px;border:1px solid #b7816a;border-radius:6px;background:#fef4de;overflow:hidden;}
.department-contact label {font-size:14px;color: #5a2b17;border-bottom:1px solid;padding-bottom:1px;padding-top:7px;display:inline-block;}
.department-contact span, p.hours span {display:inline-block;width:50px;}
.department-contact a {font-size:90%;}
.department-contact img {width:280px;margin:0 -20px;border-bottom:1px solid #b7816a;}

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;}



.orange table.services tr:hover,
.orange table.services tr:hover td,
.orange table.wic tr:hover,
.orange table.wic tr:hover td {background:#fcd8a5;}
.teal table.services tr:hover,
.teal table.services tr:hover td {background:#b5dde0;}
.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;}
.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:#843101;}
.answer {font-size:15px;padding-top:5px;padding-bottom:0px;position:relative;color: #8d5841;}
.answer span {font-size:20px;position:absolute;left:0px;top:13px;}
.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;}
.answer a:link, .answer a:visited {text-decoration:underline;color:#583f31;}
.answer a:hover {color:#843101;}

.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:680px; height:850px;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 iframe {width:640px; height:805px;}
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:46%;padding:10px;}
.left_column {float:left;}
.right_column {float:right;}

.growers {text-align:left;clear:both;}
.growers div {padding:10px 15px;margin:10px 0px 10px 20px;width:40%;font-size:14px;display:inline-block;height:170px;text-align:left;line-height:22px;vertical-align:top;border: 1px solid #cbcbcb;}
.growers div.loyalty {background:#e8f4d3;}
.growers div b {font-weight:400;font-size:14px;font-family: 'Lato', sans-serif;}
.growers div img {vertical-align: middle;margin:-1px 3px 0px;} 


/*Validation Styles*/
.eventForm label.error,
label.error {
    color: #fff;
    text-align:left;
	font-size:11px;
	margin-left:5px;
	margin-right:10px;
	padding:7px 10px 7px 20px;
	letter-spacing:1px;
	text-shadow:1px 1px 5px #000;
	background: url("images/arrow_error.png") left center no-repeat;
	border-right:1px solid #6c0202;
	vertical-align: baseline;
	position:relative;
	top:-2px;
	display:none !important;
	}
label.posErrorLabel {display:none}



.content .mrc_error,
.content .temp_event_error {
    display:none;
    width:90%;
    margin:20px auto;
    background: #F9E5E6;
    border: 1px solid #E8AAAD;
    color: #B50007;
    padding:0px 15px;
}

.content .mrc_response h3,
.content .mrc_error h3,
.content .temp_event_response h3,
.content .temp_even_errort h3 {font-size: 20px;margin: 20px 20px 5px;text-decoration:none !important;}
.content .mrc_response h3 {color:#d7161f;},
.content .temp_event_response h3 {color:#197a80;}
.content .mrc_response p,
.content .mrc_error p,
.content .temp_event_response p,
.content .temp_event_error p {font-size:15px;margin:5px 20px 20px;font-family: 'Karla', sans-serif;}
.content .mrc_response p a,
.content .mrc_response p a:hover,
.content .mrc_error p a,
.content .mrc_error p a:hover,
.content .temp_event_response p a,
.content .temp_event_response p a:hover,
.content .temp_event_error p a,
.content .temp_event_error p a:hover {text-decoration:none;font-weight:600;line-height:140%;}
.content .mrc_error h3,
.content .mrc_error p,
.content .mrc_error p a,
.content .mrc_error p a:hover,
.content .temp_event_error h3,
.content .temp_event_error p,
.content .temp_event_error p a,
.content .temp_event_error p a:hover {color: #B50007 !important;}
.content .mrc_response p a,
.content .mrc_response p span,
.content .temp_event_response p a,
.content .temp_event_response p span {white-space:nowrap;}
.content .mrc_response p a {color:#d7161f !important;}
.content .temp_event_response p a {color:#197a80 !important;}
.content .mrc_error p a,
.content .mrc_error p a:hover,
.content .temp_event_error p a,
.content .temp_event_error p a:hover {color: #B50007 !important;}


.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: 20px 20px 10px;font-size:13px;padding:5px;}
.content select.quick_jump.document {width:325px;min-width:325px;max-width:325px;}
/* 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: #ffffff;
        background-clip: padding-box;
	overflow:hidden;
}
.button:hover {
	text-decoration: none;
}


button.front_end {
	color: #fafafa;
	background: #197a80; /* Old browsers */
	}

button.front_end:hover {
	background: #4d4d4d; /* Old browsers */
}

button.front_end:active {background: #4d4d4d;}


.red button.front_end {
	color: #fafafa;
	background: #d7161f; /* Old browsers */
	}
	
.red button.front_end:hover {
	background: #4d4d4d; /* Old browsers */
}

.red button.front_end:active {background: #4d4d4d;}


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




/* red */
.red_button {
border:1px solid #6e3733;
background: rgb(233,99,94); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(233,99,94,1) 5%, rgba(203,74,68,1) 27%, rgba(190,69,64,1) 40%, rgba(177,62,56,1) 59%, rgba(160,61,54,1) 81%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(233,99,94,1)), color-stop(27%,rgba(203,74,68,1)), color-stop(40%,rgba(190,69,64,1)), color-stop(59%,rgba(177,62,56,1)), color-stop(81%,rgba(160,61,54,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(233,99,94,1) 5%,rgba(203,74,68,1) 27%,rgba(190,69,64,1) 40%,rgba(177,62,56,1) 59%,rgba(160,61,54,1) 81%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(233,99,94,1) 5%,rgba(203,74,68,1) 27%,rgba(190,69,64,1) 40%,rgba(177,62,56,1) 59%,rgba(160,61,54,1) 81%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(233,99,94,1) 5%,rgba(203,74,68,1) 27%,rgba(190,69,64,1) 40%,rgba(177,62,56,1) 59%,rgba(160,61,54,1) 81%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(233,99,94,1) 5%,rgba(203,74,68,1) 27%,rgba(190,69,64,1) 40%,rgba(177,62,56,1) 59%,rgba(160,61,54,1) 81%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9635e', endColorstr='#a03d36',GradientType=0 ); /* IE6-9 */
}
#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;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    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;}
@media (max-width: 1024px)
{
   .page_wrapper {width:100%;overflow:hidden;min-width:100%;}
   .header {width:100%;text-align:center;height:auto;padding-top:10px; padding-bottom:10px;}
   .header img {width:95%;height:auto;position:static;}
   .biz-address {position:relative;top:0;left:0;text-align:center;font-size:17px;padding:20px;}
   .top_header_bar, .bottom_header_bar {text-align:center;}
   .side_menu,
   .home_content .side_menu {float:none;min-height:10px;height:auto;width:100%;text-align:center;padding-top:0px;padding-bottom:10px;background:none;}
    .bottom_header_bar {padding-top:30px;padding-bottom:30px;}
   .side_menu select.mobile_menu,
   .bottom_menu select.mobile_menu,
   .bottom_header_bar select.mobile_menu {display:block;width:95%;margin: 0px auto;font-size:17px;padding:8px;}
   .side_menu .menu_container,
   .side_menu h2 {display:none;}
   .content-container {width:100%;}
   .banner_area {width:100%;float:none;text-align:center;}
   .banner_area img {max-width:500px;}
   .fb_area {margin-top:27px;}
   .content {float:none;width:100%;margin-top:20px;}
   .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:96%;min-width:96%;max-width:96%;height:auto;font-size:14px;padding-left:2%;padding-right:2%;border-top:none;}
   .subfooter .copy,.subfooter .geeks {position:static;text-align:center;font-size:14px;opacity:0.7;}
    #commentForm p {margin-left:0px;margin-right:0px;}
    #commentForm input,
    #commentForm 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;} 
    .top_header_bar .bar_inset, .bottom_header_bar .bar_inset {width:100%;}
    .bottom_header_bar .bar_inset .department-menu {display:none;}
    .bottom_header_bar .bar_inset select.department-select {display:block;}
    /*.menu_area {display:none;}*/
    .menu_area .inset {width:100%;}
    .index_module {width:100%;height:auto;}
    .right_module, .left_module {float:none;}
    .news_module .scroll-container,
    .calendar_module .scroll-container {height:100%;}
    .news_module .item p {font-size:15px;}
    .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;}
	.top_header_bar a.mobile_link {display:inline-block;}
	.header input.addsearch {display:none;}
}
@media (max-width: 700px)
{
    .contact-container {width:95%;padding:0 2.5%;}
    .column {width:98%;float:none;padding:10px 1%;}
    #map-container {width:96%;margin-left:auto;margin-right:auto;}
    #map_div {width:100%;}
    #map-container.content-pic {max-width:96%;}
    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;}
    .content select.quick_jump,
    .content select.quick_jump.document {width:100%;min-width:100%;max-width:100%;float:none;font-size:14px;margin: 20px 0px 10px;}

    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 .column_list h4 {font-size:16px;}
	.content .column_list_left, .content .column_list_right {float:none;width:96%;margin:0 1.5% 30px;}
}

@media (max-width: 600px)
{
   .header img.small {display:inline;max-width:350px;}
   .header img.large {display:none;}
   .header .biz-address {display:none;}
   .content {padding-left:0px;padding-right:0px;}
   .right,.left {float:none; margin-left:auto;margin-right:auto;display:block;}
   .content-pic {max-width:95%;}
   .content h1 {text-align:center;line-height:130%;margin:0px;font-size:24px;}
   .content h2 {text-align:center;}

   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;margin: 0 5px;}
    .news_module .item p img,
    .news_list .item p img {float:none;width:95%;margin:20px auto;display:block;}
    .news_article .breadcrumb, .breadcrumb {float:none;display:block;}
    .news_article .pub_date {float:none;text-align:left;display:block;}
    .index_module h2 {text-align:center; padding: 20px 5px;font-size:21px;}
    .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 ul, .content ol {margin: 20px 10px 20px 30px;}
    .content ul.board li {width:45%;}
    .content ul.board li span {font-size:15px;}
}

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