/* Minification failed. Returning unminified contents.
(1449,17): run-time error CSS1036: Expected expression, found ';'
 */
/**import less variables**/
/*** lesscss variables defined here*****/
/***mobile variables***/
/*color of background on mobile view*/
/*color of the solid border around news/events/navigation lists on mobile view*/
/*color of the dashed border in between items in the mobile lists*/
/*color of text in mobile_header (default) headers*/
/*color of text in mobile navigation header*/
/*color of links in mobile lists*/
/*color of bg of mobile lists*/
/*bg color of mobile lists on hover over*/
/*bg color of mobile nav on hover over (usually same as previous but not always)*/
/*color of background of more links on homepage*/
/*color of more links on homepage.*/
/*color of footer text*/
/**start of default (desktop) variables*/
/*background color of body (non mobile)*/
/*default color for all text*/
/*default color for all links*/
/**color of page titles**/
/*default color for all borders*/
/** background color for tableBox, tableData, listtable, downloadmessage etc.*/
/**color of subtitle that goes in page title area**/
/**size of subtitle that goes in page title area**/
/**color of subtitle in content area (usually same as above but not always)**/
/**size of subtitle in content area (usually same as above but not always)**/
/**background image/color of listtable and tableData tables, also used for buttons.**/
/**color of listtable and tableData tables, also used for buttons.**/
/**table row hover over background color**/
/****************************************************
DO NOT USE ANYTHING BELOW HERE IN DEFAULTCONTENT STYLES!!!
*****************************************************/
/***important alert background*/
/***important alert text*/
/***alert border next to show/hide button color**/
/**dropdownmenu bg color**/
/**dropdownmenu text color**/
/**dropdownmenu bg color on hover**/
/**dropdownmenu text color**/
/**dropdownmenu border color in between items**/
/*dropdownmenu border color around dropdown**/
/**dropdownmenu bg color**/
/**dropdownmenu text color for larger text**/
/**dropdownmenu text color**/
/**dropdownmenu border color in between items**/
/*dropdownmenu border color around dropdown**/
/*dropdownmenu border color at top (if needed)**/
/***color of breadcrumb text and links**/
/***size of breadcrumb text and links**/
/**color of the share & bookmark, print, rss, feedback, and font size links**/
/**size of the share & bookmark, print, rss, feedback, and font size links**/
/**color of title text (news, events, FAQ, Businesses etc) in the small boxes**/
/**size of title text (news, events, FAQ, Businesses etc) in the small boxes**/
/**weight of title text (news, events, FAQ, Businesses etc) in the small boxes**/
/**color of main text (news titles, events titles etc) in the small boxes**/
/**color of sub text (news intros, events dates etc) in the small boxes**/
/***Sunday Monday etc background*/
/***Sunday Monday etc color*/
/***February,March, April etc color*/
/***previous and next links color*/
/***previous and next links text-decoration*/
/***previous and next links text-decoration on hover*/
/***default day background color*/
/***other month day background color*/
/***default day text color*/
/***other month day text color*/
/***border color between days*/
/***today background color*/
/***today text color*/
/****************
mixins
***************/
/*mixin for multiple backgrounds on one wrapper*/
.multiple_bg {
  position: absolute;
  content: "";
  z-index: -1;
}
.has_multiple_bg {
  position: relative;
  z-index: 1;
}
/* mixin for multiple bgs with variables*/
/*mixin for hiding text*/
.hide_text {
  text-indent: -4000px;
  overflow: hidden;
  text-align: left;
  display: block;
}
/*mixin for removing list styles*/
.unstyled_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* for all your border radius needs */
/***styles outside of @media query style mobile view as well as all other views. Only put styles here if they should affect the mobile view.*/
/** background color **/
#cse .gsc-control-cse,
#cse .gsc-control-cse * {
  background: #ffffff !important;
}
#cse input.gsc-search-button[type="image"] {
  background: blue !important;
  border: 2px solid blue;
}
#goog-gt-tt + div object {
  width: auto !important;
}
/** hover over color**/
.form_button:hover,
.column input[type=button]:hover,
.column input[type=submit]:hover,
.column input[type=reset]:hover,
#cse input.gsc-search-button:hover,
.column .command:hover {
  color: #3c3c3c !important;
  background: #f2eee3 !important;
  border: 2px solid #98cbf6 !important;
}
/***important alert****/
.alert_container .important_alert_wrapper {
  background: #4271a3;
}
#alert_controls.show,
#alert_controls.hide {
  background-image: url(_gfx/cmn/alert_controls.png);
}
.alert_right {
  background: none;
}
.alert_container .important_alert,
.alert_container .important_alert h2,
.alert_container .important_alert a {
  color: #ffffff;
}
.alert_container:before {
  content: "";
  top: 4px;
  left: auto;
  position: absolute;
  right: 27px;
  bottom: 9px;
  z-index: -1;
  width: 1px;
  height: auto;
  border-right: 1px solid #4271a3;
  z-index: 5;
}
#siteheader {
  background: url(_gfx/cmn/mobile/mobile_header_strip.gif) 0 bottom repeat-x;
  margin-bottom: 100px;
}
#siteheader > a {
  background: url(_gfx/cmn/mobile/home.gif) 0 0 repeat-x;
}
#siteheader a#sitemap_link {
  background: url(_gfx/cmn/mobile/sitemap.gif) 0 0 repeat-x;
}
#siteheader a#contact_link {
  background: url(_gfx/cmn/mobile/contact.gif) 0 0 repeat-x;
}
#headercolumn {
  background: url(_gfx/cmn/mobile/mobile_header.gif) center bottom no-repeat;
  z-index: auto !important;
  position: static;
  margin-bottom: 130px;
}
#google_translate_element {
  position: relative;
  top: 60px;
  float: none;
  margin: 0 auto;
  width: 160px;
}
#searchbox {
  float: none;
  clear: both;
  margin: 0 auto;
  width: 190px;
}
#searchbox input#search_text {
  margin: 0;
  width: 120px;
}
#searchbox a {
  /*background: url(_gfx/cmn/mobile/Search.png) 0 0 no-repeat;*/
  background: #16508f;
  color: #ffffff !important;
  width: 60px;
  height: 24px;
  text-align: center;
  text-decoration: none;
  line-height: 25px;
}
#top_nav {
  display: block;
  position: relative;
}
#top_nav a {
  display: none;
}
#top_nav a:first-child {
  color: #ffffff;
  background: url(_gfx/cmn/service_outage_bg.gif) no-repeat 0 0;
  width: 124px;
  height: 35px;
  display: inline-block;
  margin-left: -62px;
  text-align: center;
  line-height: 33px;
  font-weight: bold;
  position: absolute;
  top: 100px;
  left: 50%;
  border: 1px solid #844311;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #e9e9e9;
  box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.35);
  background-image: linear-gradient(bottom, #7b3500 0%, #8d5123 100%);
}
#top_nav a:first-child:hover {
  text-decoration: none;
}
.mobile_header {
  background: url(_gfx/cmn/mobile/mob_header.gif) 0 0 repeat-x;
}
#mobile_nav .mobile_header {
  background: url(_gfx/cmn/mobile/mob_header_nav.gif) 0 0 repeat-x;
}
.mobile_list ul li a,
.mobile_list .box_bottomlink,
#mobile_nav ul li a,
.mobile_box .box_bottomlink {
  background: #ffffff url(_gfx/cmn/mobile/mob_arrow.gif) 97% 50% no-repeat;
}
.mobile_list ul li a:hover {
  background: #e9e5d5 url(_gfx/cmn/mobile/mob_arrow_over.gif) 97% 50% no-repeat;
}
.mobile_list .box_bottomlink,
.mobile_box .box_bottomlink {
  background: #e9c363;
  color: #f8f4ea;
  font-style: normal;
  font-weight: normal;
}
#mobile_nav ul li a {
  background: #fcfbfb url("_gfx/cmn/mobile/mob_arrow.gif") 97% 50% no-repeat;
}
#mobile_nav ul li a:hover {
  background: #e9e5d5 url("_gfx/cmn/mobile/mob_arrow_over.gif") 97% 50% no-repeat;
}
#view-options a:after {
  content: url(_gfx/cmn/mobile/fullsite_arrow.png);
  margin: 0px 0 -2px 5px;
  vertical-align: bottom;
  display: inline-block;
}
#page_footer {
  min-height: 150px;
  padding: 0;
  text-align: left;
  width: 100%;
}
#page_footer #footercolumn .footer_nav {
  display: block;
  width: 90%;
  padding-top: 30px;
  margin: 0 auto;
}
#page_footer #footercolumn .footer_nav ul {
  list-style: none;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 50%;
  display: block;
  min-width: 150px;
}
#page_footer #footercolumn .footer_nav ul li {
  line-height: 25px;
}
#page_footer #footercolumn .footer_nav ul li a {
  font-family: 'Montserrat-Regular', sans-serif;
  font-size: 12px;
}
#page_footer #footercolumn .footer_nav ul:first-child {
  min-width: 100px;
  width: 25%;
}
#page_footer #footercolumn .footer_nav ul:last-child {
  min-width: 100px;
  width: 25%;
}
#page_footer #footercolumn ul#social_icons {
  list-style: none;
  position: static;
  clear: both;
  bottom: 0px;
  float: left;
  left: 0;
  margin: 15px 0 0 20px;
  padding: 0;
  height: 30px;
}
#page_footer #footercolumn ul#social_icons li {
  position: relative;
  float: left;
  list-style: none;
  margin-left: 0px;
}
#page_footer #footercolumn ul#social_icons li a {
  width: 38px;
  height: 32px;
  display: block;
  text-indent: -10000px;
}
#page_footer #footercolumn ul#social_icons li .facebook {
  background: url(_gfx/cmn/facebook.png) no-repeat 0 0;
}
#page_footer #footercolumn ul#social_icons li .twitter {
  background: url(_gfx/cmn/twitter.png) no-repeat 0 0;
}
#page_footer #footercolumn ul#social_icons li .youtube {
  background: url(_gfx/cmn/youtube.png) no-repeat 0 0;
}
#page_footer #footercolumn p.footer_copyright {
  font-weight: 600;
  float: left;
  position: static;
  margin: 15px 0 0 20px;
  clear: right;
}
/*******************************
homepage mobile styles
********************************/
.home_login {
  width: 40%;
  position: relative;
  height: 100%;
  background: #fff;
  margin: 15px auto;
  overflow: hidden;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.8);
  min-width: 240px;
}
.home_login .header {
  height: 60px;
  border-bottom: 1px solid #cccccc;
  width: 100%;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
}
.home_login .header img {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  left: 7%;
}
.home_login .header h1 {
  font-size: 16px;
  line-height: 50px;
  color: #16508f;
  padding-left: 45px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 15px 30px;
}
.home_login .header h1:before {
  background: url("_gfx/home/login_icon.png") no-repeat scroll 0 0 transparent;
  content: "";
  top: 17px;
  left: 30px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 44px;
  height: 44px;
  z-index: 0;
}
.home_login #login_container {
  width: 100%;
  float: left;
}
.home_login #login_container a {
  width: 50%;
  text-align: center;
  clear: both;
  border-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.35);
  color: #fff;
  font-size: 16px;
  text-shadow: 0 1px 0 #7b6500;
  text-shadow: 0 0 5px #8d7b23;
  text-decoration: none;
  padding: 10px 15px;
  margin: 15px auto 0;
}
.home_login #login_container a.commercial {
  border: 1px solid #847011;
  background: #998963;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #7b6500), color-stop(1, #8d7b23));
  background: -ms-linear-gradient(bottom, #7b6500, #8d7b23);
  background: -moz-linear-gradient(center bottom, #7b6500 0%, #8d7b23 100%);
  background: -o-linear-gradient(#8d7b23, #7b6500);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d7b23', endColorstr='#7b6500', GradientType=0);
}
.home_login #login_container a.residential {
  border: 1px solid #844311;
  background: #998963;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #7b3500), color-stop(1, #8d5123));
  background: -ms-linear-gradient(bottom, #7b3500, #8d5123);
  background: -moz-linear-gradient(center bottom, #7b3500 0%, #8d5123 100%);
  background: -o-linear-gradient(#8d5123, #7b3500);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d5123', endColorstr='#7b3500', GradientType=0);
}
.home_login #login_container a:hover {
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
.home_login #verisign {
  float: left;
  margin: 16px 0 18px;
  width: 100% !important;
  display: block;
  background: url(_gfx/home/verisign.jpg) no-repeat center center;
  height: 56px;
}
.home_login .forgot_password {
  display: block;
  background: #16508f;
  color: #f9fbfd;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
  line-height: 41px;
  float: left;
  width: 100%;
}
.home_events li:first-child .date_box {
  margin-top: 1px;
}
.home_events li a {
  min-height: 20px;
}
.home_buttons_left,
.buttons_right {
  clear: both;
}
.home_buttons_left ul,
.buttons_right ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 90%;
  max-width: 265px;
}
.home_buttons_left ul li,
.buttons_right ul li {
  width: 48%;
  margin: 1%;
  float: left;
}
.home_buttons_left ul li a img,
.buttons_right ul li a img {
  display: block;
}
.tabs.clearfix {
  display: none;
}
.home_left section,
.home_middle section {
  clear: both;
  display: block !important;
}
.home_community_events ul li .desc,
.home_meetings ul li .desc {
  display: none;
}
.home_community_events ul li .datebox,
.home_meetings ul li .datebox {
  clear: left;
  color: #000000;
  float: left;
  font-size: 80%;
  height: 100%;
  line-height: 11px;
  margin: 2px 10px 0 0;
  text-align: center;
  width: 46px;
}
/*******************************
interior mobile styles
********************************/
.breadcrumb a,
.breadcrumb {
  color: #535353 !important;
}
.printer_friendly,
.sharelink,
.rss,
.thickbox,
.font_size {
  color: #0d473b !important;
  text-decoration: none !important;
}
.title_right > a:hover {
  text-decoration: underline !important;
}
.font_larger,
.font_smaller {
  background: url(_gfx/int/title_icons.png) 0 -45px no-repeat;
}
.font_larger {
  background-position: 0 -60px;
}
.font_size a {
  color: #0d473b !important;
  text-decoration: none !important;
}
.title_widget h2 {
  font-size: 140%;
}
/*****************************************
Calendar month view
*****************************************/
/*calendar mini grid - start*/
.calendar_mini_grid.calendar td.calendar_day_with_items.calendar_today > a {
  color: #ffffff;
}
.calendar_mini_grid .calendar_dayheader,
.calendar_grid .calendar_dayheader {
  background: #305a82;
  color: #ffffff;
  font-size: 90%;
}
.calendar_grid .calendar_dayheader {
  color: #305a82;
  text-align: left;
  text-indent: 18px;
}
.calendar_grid .calendar_dayheader:first-letter {
  color: #ffffff;
}
.calendar_mini_grid .calendar_title td,
.calendar_grid .calendar_title {
  color: #4271a3;
  font-size: 125%;
  background: transparent;
}
.calendar_grid .calendar_title td.calendar_title_content {
  color: #4271a3;
  padding: 0;
  font-size: 125%;
  font-weight: bold;
}
.calendar_mini_grid .calendar_title td a {
  color: #4271a3;
}
.calendar_mini_grid .calendar_title td.calendar_nextprev a,
.calendar_grid td.calendar_nextprev a {
  background: url(_gfx/int/mini_calendar_controls.png) 0 -10px no-repeat;
  width: 11px;
  height: 10px;
}
.calendar_mini_grid .calendar_title td.calendar_nextprev:first-child a,
.calendar_grid td.calendar_nextprev:first-child a {
  background-position: 0 0;
}
.calendar_mini_grid td.calendar_day,
.calendar_grid td.calendar_day,
.calendar_mini_grid td.calendar_today,
.calendar_grid td.calendar_today,
.calendar_mini_grid td.calendar_weekendday,
.calendar_grid td.calendar_weekendday,
.calendar_mini_grid td.calendar_othermonthday,
.calendar_grid td.calendar_othermonthday {
  background: transparent none;
  border: 0px;
}
.minicalendar_widget .calendar_mini_grid td.calendar_today,
.calendar_grid td.calendar_today {
  background: #6b5906;
  color: #ccdada;
}
.calendar_today > a {
  color: #ccdada !important;
}
.calendar_mini_grid td.calendar_day,
.calendar_mini_grid td.calendar_weekendday,
.calendar_mini_grid td.calendar_day > a,
.calendar_mini_grid td.calendar_weekendday > a,
.calendar_grid td.calendar_day,
.calendar_grid td.calendar_weekendday,
.calendar_grid td.calendar_day > a,
.calendar_grid td.calendar_weekendday > a {
  color: #536c81 !important;
}
.calendar_grid .calendar_othermonthday,
.calendar_grid .calendar_othermonthday > a,
.calendar_mini_grid .calendar_othermonthday,
.calendar_mini_grid .calendar_othermonthday > a {
  color: #86a3bf !important;
}
.list-pager a.pg-button.pg-normal,
td.calendar_day_with_items.calendar_today .calendar_items a {
  color: #ccdada !important;
}
.calendar_items {
  box-shadow: none !important;
}
.calendar_eventtime {
  color: #ccdada !important;
}
#view-full,
#view-responsive {
  background: url(_gfx/cmn/mobile/view_options.gif) 0 0 repeat-x !important;
}
.desktop_only {
  display: none;
}
.mobile_only {
  display: block;
}
/*************************
default list table
************************/
.sitewrapper .listtable th {
  background: #305a82 !important;
}
/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */
@font-face {
  font-family: 'Montserrat-Regular';
  src: url('Fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.fontpro,
.fontpro-35811 {
  font-family: 'Fonts/Montserrat-Regular', sans-serif;
}

/**import less variables**/
/*** lesscss variables defined here*****/
/***mobile variables***/
/*color of background on mobile view*/
/*color of the solid border around news/events/navigation lists on mobile view*/
/*color of the dashed border in between items in the mobile lists*/
/*color of text in mobile_header (default) headers*/
/*color of text in mobile navigation header*/
/*color of links in mobile lists*/
/*color of bg of mobile lists*/
/*bg color of mobile lists on hover over*/
/*bg color of mobile nav on hover over (usually same as previous but not always)*/
/*color of background of more links on homepage*/
/*color of more links on homepage.*/
/*color of footer text*/
/**start of default (desktop) variables*/
/*background color of body (non mobile)*/
/*default color for all text*/
/*default color for all links*/
/**color of page titles**/
/*default color for all borders*/
/** background color for tableBox, tableData, listtable, downloadmessage etc.*/
/**color of subtitle that goes in page title area**/
/**size of subtitle that goes in page title area**/
/**color of subtitle in content area (usually same as above but not always)**/
/**size of subtitle in content area (usually same as above but not always)**/
/**background image/color of listtable and tableData tables, also used for buttons.**/
/**color of listtable and tableData tables, also used for buttons.**/
/**table row hover over background color**/
/****************************************************
DO NOT USE ANYTHING BELOW HERE IN DEFAULTCONTENT STYLES!!!
*****************************************************/
/***important alert background*/
/***important alert text*/
/***alert border next to show/hide button color**/
/**dropdownmenu bg color**/
/**dropdownmenu text color**/
/**dropdownmenu bg color on hover**/
/**dropdownmenu text color**/
/**dropdownmenu border color in between items**/
/*dropdownmenu border color around dropdown**/
/**dropdownmenu bg color**/
/**dropdownmenu text color for larger text**/
/**dropdownmenu text color**/
/**dropdownmenu border color in between items**/
/*dropdownmenu border color around dropdown**/
/*dropdownmenu border color at top (if needed)**/
/***color of breadcrumb text and links**/
/***size of breadcrumb text and links**/
/**color of the share & bookmark, print, rss, feedback, and font size links**/
/**size of the share & bookmark, print, rss, feedback, and font size links**/
/**color of title text (news, events, FAQ, Businesses etc) in the small boxes**/
/**size of title text (news, events, FAQ, Businesses etc) in the small boxes**/
/**weight of title text (news, events, FAQ, Businesses etc) in the small boxes**/
/**color of main text (news titles, events titles etc) in the small boxes**/
/**color of sub text (news intros, events dates etc) in the small boxes**/
/***Sunday Monday etc background*/
/***Sunday Monday etc color*/
/***February,March, April etc color*/
/***previous and next links color*/
/***previous and next links text-decoration*/
/***previous and next links text-decoration on hover*/
/***default day background color*/
/***other month day background color*/
/***default day text color*/
/***other month day text color*/
/***border color between days*/
/***today background color*/
/***today text color*/
/****************
mixins
***************/
/*mixin for multiple backgrounds on one wrapper*/
.multiple_bg {
  position: absolute;
  content: "";
  z-index: -1;
}
.has_multiple_bg {
  position: relative;
  z-index: 1;
}
/* mixin for multiple bgs with variables*/
/*mixin for hiding text*/
.hide_text {
  text-indent: -4000px;
  overflow: hidden;
  text-align: left;
  display: block;
}
/*mixin for removing list styles*/
.unstyled_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* for all your border radius needs */
/*******************************************
Put desktop view styles inside this media query
********************************************/
/***40.5em = 648px***/
@media screen and (min-width: 40.5em) {
  body.front_end_body,
  .config_widget_template {
    background: #f2f4f7;
  }
  .home_login,
  .home_collage,
  .home_buttons_left,
  .buttons_right,
  .home_left,
  .home_middle,
  #searchbox,
  .footer_nav,
  .tabs.clearfix {
    display: inherit;
  }
  .desktop_only {
    display: block;
  }
  .mobile_only {
    display: none;
  }
  /**reset mobile styles**/
  .mobile_header {
    background-image: none;
  }
  .mobile_list ul li a,
  .mobile_list .box_bottomlink,
  .mobile_box .box_bottomlink,
  .mobile_list ul li a:hover {
    background: transparent none;
  }
  /**these items were hidden for mobile view, need to be shown**/
  .twitter_feed img,
  .facebook_feed img,
  .home_links .tabs,
  .home_news img,
  .facebook_feed .facebook_feed_photo,
  .twitter_feed ul li > a,
  .facebook_feed ul li > a {
    display: block;
  }
  /* Containing frame for the site */
  .mainSpan_wrapper,
  .mainSpan_wrapper_review,
  .mainSpan_wrapper_home {
    background: #c9d1e2 url(_gfx/cmn/body_bg.jpg) top center no-repeat;
  }
  #siteheader,
  #sitebody {
    width: 98%;
    margin: 0 auto;
    max-width: 960px;
    background: rgba(251, 251, 251, 0.8);
  }
  .alert_container .important_alert {
    max-width: 960px;
  }
  /******************
header
******************/
  #siteheader {
    height: 129px;
    background: none;
  }
  #siteheader #headercolumn {
    margin-bottom: 0;
  }
  a#home_link {
    width: 184px;
    top: 10px !important;
    left: 28px;
    height: 111px;
    background: url(_gfx/cmn/logo.png) no-repeat 0 0 !important;
  }
  #google_translate_element {
    float: right;
    width: 155px;
    margin: 6px 30px 0 0;
    position: static;
  }
  #top_nav {
    color: #16508f;
    float: right;
    padding: 10px 10px 0 0;
    position: relative;
  }
  #top_nav a {
    color: #16508f;
    font-size: 10px;
    display: inline-block;
  }
  #top_nav a:after {
    content: "|";
    margin-left: 5px;
    display: inline-block;
  }
  #top_nav a:first-child {
    color: #ffffff;
    background: url(_gfx/cmn/service_outage_bg.gif) no-repeat 0 0;
    width: 124px;
    height: 35px;
    display: inline-block;
    margin-right: 15px;
    text-align: center;
    line-height: 33px;
    font-weight: bold;
    position: absolute;
    top: 63px;
    right: 95px;
    left: auto;
    margin-left: auto;
  }
  #top_nav a:first-child:first-child:hover {
    text-decoration: none;
  }
  #top_nav a:last-child:after,
  #top_nav a:first-child:after {
    content: "";
  }
  #searchbox {
    float: right;
    position: absolute;
    right: 30px;
    bottom: 0px;
    width: 250px;
    height: 28px;
    padding: 0;
    clear: right;
    border: 1px solid #ccc;
  }
  #searchbox input#search_text {
    padding: 0 0 0 22px !important;
    height: 28px;
    width: 142px;
    margin: 0;
    border: 0px solid #d6d7d7 !important;
    font-size: 13px !important;
    line-height: 28px !important;
    background: url(_gfx/cmn/search_mfr.gif) no-repeat 7px 9px transparent;
    color: #333;
    clear: both;
    text-indent: 0 !important;
  }
  #searchbox a {
    width: 80px;
    float: right;
    height: 100%;
    line-height: 29px;
  }
  #weather {
    float: right;
    clear: right;
    display: inline-block;
    color: #7b6500;
    margin-right: 30px;
    font-size: 11px;
    line-height: 22px;
    margin-top: 7px;
  }
  #weather img {
    float: right;
    margin-left: 5px;
    height: 23px;
    width: 23px;
  }
  /********************
content area
********************/
  #sitebody {
    min-height: 550px;
    padding-bottom: 70px;
  }
  #sitebody.splash_page {
    margin-top: -8px;
  }
  /******************************
footer
******************************/
  #page_footer {
    min-height: 200px;
    padding: 0;
    color: #fff;
    text-align: left;
    background: #16508f;
    width: 100%;
  }
  #page_footer a {
    color: #ffffff;
    margin: 0;
  }
  #page_footer a:hover {
    text-decoration: underline;
  }
  #page_footer #footercolumn {
    margin: 0 auto;
    display: block;
    max-width: 960px;
    width: 98%;
  }
  #page_footer #footercolumn a {
    display: inline-block;
  }
  #page_footer #footercolumn .footer_nav {
    float: left;
    display: block;
    width: 73%;
    padding-top: 30px;
  }
  #page_footer #footercolumn .footer_nav ul {
    list-style: none;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 33%;
  }
  #page_footer #footercolumn .footer_nav ul li {
    line-height: 25px;
  }
  #page_footer #footercolumn .footer_nav ul li a {
    font-family: 'Montserrat-Regular', sans-serif;
    font-size: 12px;
  }
  #page_footer #footercolumn ul#social_icons {
    width: 27%;
    position: relative;
    top: 15px;
    margin: 0;
    clear: right;
  }
  #page_footer #footercolumn ul#social_icons li {
    margin-left: 5px;
  }
  #page_footer #footercolumn p.footer_copyright {
    width: 27%;
    position: relative;
    top: 30px;
    margin: 0;
  }
  /********************************
Homepage
********************************/
  #sitebody.homepagelayout {
    position: relative;
    padding-bottom: 30px;
  }
  .home_collage {
    position: relative;
    z-index: 1;
    width: 80%;
    float: left;
    background-size: 100%;
    margin: 0;
    left: 10%;
    margin: 15px 0 0 0;
    height: 100%;
    background-color: #336aa5;
    box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.8);
  }
  /* FlexSlider  Styles
*********************************/
  .flexslider a:active,
  .flexslider a:focus {
    outline: none;
  }
  .slides,
  .flex-control-nav,
  .flex-direction-nav,
  .flexslider ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .flexslider .slides > li {
    display: none;
    position: relative;
  }
  /* Hide the slides before the JS is loaded. Avoids image jumping */
  .flexslider .slides img {
    max-width: 100%;
    display: block;
  }
  /* Direction Nav */
  .home_collage .flex-direction-nav li a {
    width: 10%;
    height: 25%;
    display: block;
    position: absolute;
    bottom: 0px;
    cursor: pointer;
    z-index: 3;
    text-indent: -999em;
  }
  .home_collage .flex-direction-nav li .flex-prev {
    right: 10%;
    position: absolute;
    background: #336aa5 url(_gfx/home/arrow_prev.png) center center no-repeat;
  }
  .home_collage .flex-direction-nav li .flex-next {
    position: absolute;
    background: #336aa5 url(_gfx/home/arrow_next.png) center center no-repeat;
    right: 0px;
  }
  /* Control Nav */
  .flex-control-nav {
    display: none;
  }
  .collage_subtitle {
    font-family: 'Montserrat-Regular', sans-serif !important;
    width: 100%;
    height: 25%;
    background: rgba(22, 80, 143, 0.7);
    bottom: 0px;
    position: absolute;
    color: #fff;
    z-index: 3;
    overflow: hidden;
  }
  .collage_subtitle h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    max-width: 75%;
    margin: 0;
    padding: 0;
    margin-top: 5px;
    margin-left: 15px;
  }
  .collage_subtitle p {
    max-width: 75% !important;
    line-height: 16px;
    margin: 0;
    padding: 0;
    margin-top: 3px;
    margin-left: 15px;
    overflow: hidden;
    color: #d8cfc6;
  }
  /** middle buttons **/
  .home_buttons_left {
    position: relative;
    float: left;
    height: 100%;
    width: 94.4%;
    max-width: 645px;
    margin: 15px 0 0 0;
    overflow: hidden;
    left: 2.8%;
  }
  .home_buttons_left .button_container {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    max-width: 645px;
  }
  .home_buttons_left .button_container li {
    position: relative;
    float: left;
    width: 20%;
    height: 100%;
    overflow: hidden;
    margin: 0;
  }
  /** login **/
  .home_login {
    width: 40%;
    position: relative;
    float: right;
    clear: right;
    height: 100%;
    background: #fff;
    margin: 15px 0 15px 0;
    right: 30%;
    overflow: hidden;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.8);
  }
  .home_login .header {
    height: 60px;
    border-bottom: 1px solid #cccccc;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
  }
  .home_login .header img {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    left: 7%;
  }
  .home_login .header h1 {
    font-size: 16px;
    line-height: 50px;
    color: #16508f;
    padding-left: 45px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 15px 30px;
  }
  .home_login .header h1:before {
    background: url("_gfx/home/login_icon.png") no-repeat scroll 0 0 transparent;
    content: "";
    top: 17px;
    left: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 44px;
    height: 44px;
    z-index: 0;
  }
  .home_login #login_container {
    width: 100%;
    float: left;
  }
  .home_login #login_container a {
    width: 50%;
    text-align: center;
    clear: both;
    display: block;
    border-radius: 4px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.35);
    color: #fff;
    font-size: 16px;
    text-shadow: 0 1px 0 #7b6500;
    text-shadow: 0 0 5px #8d7b23;
    text-decoration: none;
    padding: 10px 15px;
    margin: 15px auto 0;
  }
  .home_login #login_container a.commercial {
    border: 1px solid #847011;
    background: #998963;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #7b6500), color-stop(1, #8d7b23));
    background: -ms-linear-gradient(bottom, #7b6500, #8d7b23);
    background: -moz-linear-gradient(center bottom, #7b6500 0%, #8d7b23 100%);
    background: -o-linear-gradient(#8d7b23, #7b6500);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d7b23', endColorstr='#7b6500', GradientType=0);
  }
  .home_login #login_container a.residential {
    border: 1px solid #844311;
    background: #998963;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #7b3500), color-stop(1, #8d5123));
    background: -ms-linear-gradient(bottom, #7b3500, #8d5123);
    background: -moz-linear-gradient(center bottom, #7b3500 0%, #8d5123 100%);
    background: -o-linear-gradient(#8d5123, #7b3500);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d5123', endColorstr='#7b3500', GradientType=0);
  }
  .home_login #login_container a:hover {
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90);
  }
  .home_login #verisign {
    float: left;
    margin: 16px 0 18px;
    width: 100% !important;
    display: block;
    background: url(_gfx/home/verisign.jpg) no-repeat center center;
    height: 56px;
  }
  .home_login .forgot_password {
    display: block;
    background: #16508f;
    color: #f9fbfd;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    line-height: 41px;
    float: left;
    width: 100%;
  }
  /** end login **/
  /** right buttons **/
  .buttons_right {
    width: 94.4%;
    max-width: 645px;
    position: relative;
    float: left;
    height: 100%;
    left: 2.8%;
  }
  .buttons_right ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100% !important;
    max-width: 645px;
  }
  .buttons_right ul li {
    margin: 5px 1px 0 0;
    position: relative;
    float: left;
    width: 16.5%;
    margin: 0;
  }
  /** end right buttons **/
  /** tabbed sections **/
  #tabs_section1 > section,
  #tabs_section2 > section {
    display: none;
  }
  #tabs_section1 > section.active_tab,
  #tabs_section2 > section.active_tab {
    display: block !important;
  }
  .home_left {
    float: left;
    width: 45%;
    position: relative;
    clear: left;
    margin: 30px 0 0 0;
    left: 2.8%;
  }
  .home_middle {
    float: left;
    width: 45%;
    position: relative;
    margin: 30px 0 0 10px;
    left: 2.8%;
  }
  .home_left section,
  .home_middle section {
    display: none !important;
  }
  .tabs {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .tabs li {
    float: left;
    width: 50%;
    text-align: center;
  }
  .tabs li a {
    height: 60px;
    width: 100%;
    position: relative;
    z-index: 2;
    color: #16508f;
    text-decoration: none;
    font-weight: bold;
    display: block;
    line-height: 50px;
  }
  .tabs li a:hover,
  .tabs li a.active_tab {
    background: url(_gfx/home/tabs_hover.png) no-repeat center 0;
    text-decoration: none;
  }
  .home_community_events ul,
  .home_meetings ul {
    float: left;
    margin: 20px 0 10px 0;
    width: 100%;
  }
  .home_community_events ul li,
  .home_meetings ul li {
    width: 93%;
    float: left;
    border-bottom: 1px solid #c7c0b8;
    padding-bottom: 12px;
  }
  .home_community_events ul li .datebox,
  .home_meetings ul li .datebox {
    color: #8d5223;
    font-size: 26px;
    text-transform: uppercase;
    float: left;
    display: block;
    width: 22%;
    margin-right: 15px;
    text-align: center;
    line-height: 24px;
  }
  .home_community_events ul li .datebox span,
  .home_meetings ul li .datebox span {
    color: #3e6ea6;
    font-size: 14px;
    text-align: center;
    margin: 0 auto;
    white-space: nowrap;
  }
  .home_community_events ul li a,
  .home_meetings ul li a {
    text-transform: uppercase;
    color: #8d7b23;
    display: block;
  }
  .home_community_events ul li a:hover,
  .home_meetings ul li a:hover {
    text-decoration: underline;
    display: block;
  }
  .home_community_events ul li span.desc,
  .home_meetings ul li span.desc {
    color: #425968;
    font-size: 12px;
    display: block;
  }
  .home_community_events a.box_bottomlink,
  .home_meetings a.box_bottomlink {
    color: #8d7b23;
    clear: both;
    float: left;
  }
  .home_news ul {
    float: left;
    margin: 8px 0 10px 0;
    width: 100%;
  }
  .home_news ul li {
    width: 93%;
    float: left;
    border-bottom: 1px solid #c7c0b8;
    padding-bottom: 12px;
    padding-top: 12px;
  }
  .home_news ul li a {
    text-transform: uppercase;
    color: #8d7b23;
    display: block;
  }
  .home_news ul li a:hover {
    text-decoration: underline;
    display: block;
  }
  .home_news ul li a img {
    width: 82px;
    height: 65px;
    float: left;
    margin-right: 15px;
  }
  .home_news ul li p.box_item_desc {
    color: #425968;
    font-size: 12px;
    display: block;
    margin: 0;
  }
  .home_news a.box_bottomlink {
    color: #8d7b23;
    clear: both;
    float: left;
  }
  /*************************************
sidenav
***************************************/
  .sidenav {
    width: 100%;
    min-height: 100px;
    margin-bottom: 23px;
    padding: 15px 0 40px;
    position: relative;
    z-index: 1;
    font-family: 'Montserrat-Regular', sans-serif;
    font-size: 13px;
  }
  .sidenav ul li a {
    color: #375f88;
    font-size: 100%;
    padding: 7px 7px 7px 23px;
    border-bottom: 1px solid #b8bdb7;
  }
  .sidenav ul li a:hover {
    border-bottom: 1px solid #b8bdb7;
    background: ;
  }
  .sidenav ul li.sidenav_current > a:before,
  .sidenav ul li.sidenav_haschildren > a:before {
    background-image: url(_gfx/nav/leftnav_arrows.gif);
  }
  .sidenav ul li.sidenav_expanded > a {
    margin-bottom: 1px;
    background: #6b5906;
    color: #fff;
  }
  .sidenav ul li li > a {
    margin-top: -1px !important;
  }
  .sidenav ul li a:hover {
    background: #345a80;
    color: #fff;
  }
  /******************************
Page templates
**********************************/
  /*****pages with left nav****/
  #sitebody.standardlayout,
  #sitebody.standardthreecolumnlayout {
    position: relative;
    z-index: 1;
  }
  .standardlayout:before,
  .standardthreecolumnlayout:before {
    position: absolute;
    content: "";
    top: 13px;
    bottom: 27px;
    left: 0;
    width: 24%;
    z-index: -1;
    opacity: .63;
  }
  #sitebody.standardthreecolumnlayout {
    background: rgba(255, 255, 255, 0.7);
  }
  #sitebody.standardlayout .left_col:before,
  #sitebody.standardthreecolumnlayout .left_col:before {
    position: absolute;
    content: "";
    top: 13px;
    bottom: 27px;
    left: 0;
    width: 24%;
    z-index: -1;
  }
  #sitebody.standardlayout .left_col:before,
  #sitebody.standardthreecolumnlayout .left_col:before {
    bottom: 27px;
    content: "";
    left: 0;
    position: absolute;
    top: 13px;
    width: 24%;
    z-index: -1;
  }
  .standardlayout .column.left_col,
  .standardthreecolumnlayout .column.left_col {
    margin-left: 0;
    width: 24%;
  }
  .standardlayout .column.right_col,
  .standardthreecolumnlayout .column.right_col {
    width: 74%;
    float: left;
  }
  .standardlayout .column.right_col:before,
  .standardthreecolumnlayout .column.right_col:before {
    background: #fff;
    border-right: 1px solid #B8B5AF;
    border-left: 1px solid #B8B5AF;
    box-shadow: 4px 0 4px -4px rgba(0, 0, 0, 0.5);
    content: "";
    top: 58px;
    left: auto;
    position: absolute;
    right: 2%;
    bottom: 0;
    z-index: -1;
    width: 74%;
    height: auto;
    max-width: 708px;
  }
  .onecolumnlayout#sitebody {
    position: relative;
    z-index: 2;
  }
  .onecolumnlayout .top_col:before {
    background: #fff;
    content: "";
    top: 58px;
    left: 1.5%;
    position: absolute;
    right: 1.5%;
    bottom: 0;
    z-index: -1;
    width: 97%;
    height: auto;
  }
  /***title_widget******/
  .title_widget {
    padding: 15px 22px 0px 22px;
    font-family: 'Montserrat-Regular', sans-serif;
  }
  .onecolumnlayout .title_widget,
  .twocolumnreverselayout .top_col .title_widget,
  .twocolumnreverselayout .has_small_col .title_widget {
    padding: 15px 27px 0px 27px;
    font-family: 'Montserrat-Regular', sans-serif;
  }
  .banner_col .image_widget,
  .standardlayout .right_col > .image_widget:first-child,
  .standardlayout .right_col > .widget_wrapper:first-child .image_widget {
    padding: 0;
    margin: 20px auto;
    background-size: 100% 100%;
  }
  .banner_col .image_widget + .title_widget,
  .standardlayout .right_col .image_widget:first-child + .title_widget {
    padding-top: 0px;
  }
  .breadcrumb {
    padding-left: 2px;
    font-size: 80%;
  }
  .breadcrumb a {
    text-decoration: underline !important;
  }
  .breadcrumb a:hover {
    text-decoration: none !important;
  }
  .title_widget h1 {
    margin: 25px 0 0px 0px;
    padding: 0 0 10px 0px;
    line-height: 26px !important;
    font-size: 23px !important;
    text-transform: uppercase;
    border-bottom: 1px solid #999;
    font-weight: bold;
    color: #6e5b06;
  }
  .title_right {
    padding: 4px 0px 0px 0px;
    float: right;
  }
  .title_right > a,
  .title_right > div {
    float: right;
  }
  .title_right > a:first-child {
    margin-left: 18px;
  }
  .printer_friendly,
  .sharelink,
  .rss,
  .thickbox,
  .font_size a {
    background-image: url(_gfx/int/title_icons.png);
    background-repeat: no-repeat;
    font-size: 80% !important;
    text-decoration: none !important;
  }
  .title_right > a:hover {
    text-decoration: underline !important;
  }
  .font_size .text_size {
    background-image: none;
    text-decoration: none !important;
  }
  .font_size a {
    font-size: 100% !important;
  }
  .title_widget h2 {
    padding: 16px 0 0 2px;
    color: #38618a;
    font-weight: normal;
  }
  /***image widget****/
  .standardthreecolumnlayout .small_col .image_widget {
    width: 46%;
    display: inline-block;
    margin-right: 2%;
    vertical-align: top;
  }
  /*********************
content area
*********************/
  .content_area,
  #sitebody .gsc-control-cse {
    padding: 20px 22px 0px 23px;
    font-size: 13px;
    font-family: 'Montserrat-Regular', sans-serif;
  }
  .onecolumnlayout .content_area,
  .twocolumnreverselayout .top_col .content_area,
  .twocolumnreverselayout .has_small_col .content_area {
    padding: 20px 27px 0px 28px;
    font-family: 'Montserrat-Regular', sans-serif;
    font-size: 13px;
  }
  .small_col .content_area,
  .standardlayout .left_col .content_area,
  .standardthreecolumnlayout .left_col .content_area {
    margin: 0 0px 14px 0px;
    clear: both;
    padding: 13px 7% 5px;
    border: 0 !important;
    font-family: 'Montserrat-Regular', sans-serif;
    background: #fff;
  }
  .standardthreecolumnlayout .small_col .content_area {
    margin: 0 3% 14px 0px;
  }
  /*******************************
department Boxes
************************************/
  .small_box {
    background: #fff;
    font-family: 'Montserrat-Regular', sans-serif;
  }
  .standardthreecolumnlayout .left_col .small_box,
  .standardlayout .left_col .small_box,
  .standardthreecolumnlayout .left_col .content_area,
  .standardlayout .left_col .content_area {
    margin: 0 5% 14px 5%;
    width: 90%;
  }
  .standardthreecolumnlayout .left_col .content_area,
  .standardlayout .left_col .content_area {
    width: 76%;
  }
  .small_box:before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: auto;
    height: auto;
    background: url(_gfx/int/smallbox_highlight.png) center 0 no-repeat;
    background-size: 100%;
  }
  .small_box .box_title {
    background: #6f5c06;
    font-variant: small-caps;
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    min-height: 24px;
    padding: 6px 13px 0 13px;
    font-size: 21px !important;
  }
  .small_box .box_content {
    padding: 0px 8px 5px 14px;
  }
  .small_box .box_content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 140%;
    font-size: 13px;
  }
  .small_box .box_content ul li {
    padding: 0 0 10px 0px;
    position: relative;
  }
  .small_box .box_content ul img {
    margin-right: 3px;
    vertical-align: bottom;
  }
  .small_box .box_content ul a,
  .service_box .box_content li > span,
  .faq_box ul .listfaq_q {
    color: #2d2404;
    text-decoration: none;
  }
  .small_box .box_content ul a:hover {
    text-decoration: underline;
    color: #2d2404;
  }
  .small_box .box_content .item_smalltext,
  .small_box .box_content ul.item-list li {
    margin: 0;
    color: #2d2404;
    font-size: 90%;
    padding: 0;
    border: 0;
  }
  .small_box .box_content ul.item-list li {
    font-size: 100%;
  }
  .small_box .box_content ul.item-list li a,
  .service_box .box_content ul.service_list li a {
    color: #2d2404;
  }
  .small_box .item_new,
  .listtable span.item_new {
    color: #fff0bc;
  }
  .small_box .box_bottomlink {
    display: block;
    float: right;
    overflow: hidden;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    z-index: 1;
    color: #251901;
    padding: 0 15px 7px 0;
  }
  .small_box .box_bottomlink:before {
    z-index: -1;
    position: absolute;
    background: none;
    right: 0px;
    top: 3px;
    width: 8px;
    height: 13px;
    content: "";
  }
  .small_box .empty_box {
    padding-left: 0;
  }
  /*****************************************
Calendar month view
*****************************************/
  table.calendar_grid {
    background: transparent;
  }
  .calendar_grid .calendar_dayheader {
    line-height: 33px;
    color: #ffffff;
    padding: 2px 2px 0 2px;
    font-weight: normal;
    background: #305a82;
    font-size: 1em;
    text-indent: 0;
    text-align: center;
    text-transform: uppercase;
  }
  .calendar_grid .calendar_dayheader:first-letter {
    color: #ffffff;
  }
  .calendar_grid .calendar_title,
  .calendar_grid td.calendar_nextprev a {
    background-image: none;
  }
  .calendar_grid .calendar_title td.calendar_title_content {
    font-weight: bold;
    color: #4271a3;
    font-size: 170%;
  }
  .calendar_grid td.calendar_nextprev a {
    text-decoration: underline;
    color: #8d4208;
  }
  .calendar_grid td.calendar_nextprev a:hover {
    text-decoration: none;
  }
  .calendar_grid td.calendar_day,
  .calendar_grid td.calendar_today,
  .calendar_grid td.calendar_weekendday,
  .calendar_grid td.calendar_othermonthday {
    font-size: 150%;
    font-weight: bold;
    border: 1px solid #8abdd3;
  }
  .calendar.calendar_grid td.calendar_day,
  .calendar.calendar_grid td.calendar_weekendday,
  .calendar.calendar_grid td.calendar_day > a,
  .calendar.calendar_grid td.calendar_weekendday > a,
  .calendar.calendar_grid td.calendar_day .calendar_eventtime,
  .calendar.calendar_grid td.calendar_weekendday .calendar_eventtime {
    color: #536c81 !important;
    background: #f4f5f6;
  }
  .calendar_grid td.calendar_othermonthday,
  .calendar_grid .calendar_othermonthday > a,
  .calendar.calendar_grid td.calendar_othermonthday .calendar_eventtime {
    color: #86a3bf !important;
    background: #d4dee9;
  }
  .calendar_grid td.calendar_today {
    background: #6b5906;
    color: #ccdada;
  }
  .calendar_grid td.calendar_today > a {
    color: #ccdada !important;
  }
  .calendar_eventtime {
    font-size: 60%;
    color: #0d473b;
  }
  .calendar_eventlink {
    font-size: 60%;
    text-decoration: underline !important;
  }
  .calendar_eventlink:hover {
    text-decoration: none !important;
  }
  /***********************************
Backend Styles
************************************/
  /**Locations of header widgets in the site template, modified for each project**/
  /**Header widgets End**/
}

/**import less variables**/
/*** lesscss variables defined here*****/
/***mobile variables***/
/*color of background on mobile view*/
/*color of the solid border around news/events/navigation lists on mobile view*/
/*color of the dashed border in between items in the mobile lists*/
/*color of text in mobile_header (default) headers*/
/*color of text in mobile navigation header*/
/*color of links in mobile lists*/
/*color of bg of mobile lists*/
/*bg color of mobile lists on hover over*/
/*bg color of mobile nav on hover over (usually same as previous but not always)*/
/*color of background of more links on homepage*/
/*color of more links on homepage.*/
/*color of footer text*/
/**start of default (desktop) variables*/
/*background color of body (non mobile)*/
/*default color for all text*/
/*default color for all links*/
/**color of page titles**/
/*default color for all borders*/
/** background color for tableBox, tableData, listtable, downloadmessage etc.*/
/**color of subtitle that goes in page title area**/
/**size of subtitle that goes in page title area**/
/**color of subtitle in content area (usually same as above but not always)**/
/**size of subtitle in content area (usually same as above but not always)**/
/**background image/color of listtable and tableData tables, also used for buttons.**/
/**color of listtable and tableData tables, also used for buttons.**/
/**table row hover over background color**/
/****************************************************
DO NOT USE ANYTHING BELOW HERE IN DEFAULTCONTENT STYLES!!!
*****************************************************/
/***important alert background*/
/***important alert text*/
/***alert border next to show/hide button color**/
/**dropdownmenu bg color**/
/**dropdownmenu text color**/
/**dropdownmenu bg color on hover**/
/**dropdownmenu text color**/
/**dropdownmenu border color in between items**/
/*dropdownmenu border color around dropdown**/
/**dropdownmenu bg color**/
/**dropdownmenu text color for larger text**/
/**dropdownmenu text color**/
/**dropdownmenu border color in between items**/
/*dropdownmenu border color around dropdown**/
/*dropdownmenu border color at top (if needed)**/
/***color of breadcrumb text and links**/
/***size of breadcrumb text and links**/
/**color of the share & bookmark, print, rss, feedback, and font size links**/
/**size of the share & bookmark, print, rss, feedback, and font size links**/
/**color of title text (news, events, FAQ, Businesses etc) in the small boxes**/
/**size of title text (news, events, FAQ, Businesses etc) in the small boxes**/
/**weight of title text (news, events, FAQ, Businesses etc) in the small boxes**/
/**color of main text (news titles, events titles etc) in the small boxes**/
/**color of sub text (news intros, events dates etc) in the small boxes**/
/***Sunday Monday etc background*/
/***Sunday Monday etc color*/
/***February,March, April etc color*/
/***previous and next links color*/
/***previous and next links text-decoration*/
/***previous and next links text-decoration on hover*/
/***default day background color*/
/***other month day background color*/
/***default day text color*/
/***other month day text color*/
/***border color between days*/
/***today background color*/
/***today text color*/
/****************
mixins
***************/
/*mixin for multiple backgrounds on one wrapper*/
.multiple_bg {
  position: absolute;
  content: "";
  z-index: -1;
}
.has_multiple_bg {
  position: relative;
  z-index: 1;
}
/* mixin for multiple bgs with variables*/
/*mixin for hiding text*/
.hide_text {
  text-indent: -4000px;
  overflow: hidden;
  text-align: left;
  display: block;
}
/*mixin for removing list styles*/
.unstyled_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* for all your border radius needs */
/***49.9375em = 799px***/
@media only screen and (min-width: 49.9375em) {
  .tabs li a {
    line-height: 50px;
  }
  #top_nav a {
    font-size: 11px;
  }
  .home_collage {
    width: 65%;
    left: 2.8%;
  }
  .home_login {
    width: 30%;
    right: 1%;
  }
  #page_footer #footercolumn .footer_nav {
    width: 77%;
  }
  #page_footer #footercolumn ul#social_icons {
    width: 23%;
  }
  #page_footer #footercolumn p.footer_copyright {
    width: 23%;
  }
}
/***53.125em = 850px***/
@media only screen and (min-width: 53.125em) {
  #top_nav {
    padding-top: 3px;
  }
  #top_nav a:first-child {
    position: static;
  }
  #weather {
    margin-top: 0;
  }
  .home_buttons_left {
    width: 65%;
    left: 2.8%;
  }
  .buttons_right {
    right: 2.8%;
    left: 0;
    width: 30%;
    float: right;
    clear: right;
    top: 10px;
  }
  .buttons_right ul li {
    margin: 5px 5px 0 0;
    width: 45%;
  }
  .home_left,
  .home_middle {
    width: 33%;
  }
}
/***for tablet landscape and larger***/
/***59.9375em = 959px***/
@media only screen and (min-width: 59.9375em) {
  #top_nav a {
    font-size: 12px;
  }
  .home_login .header h1 {
    font-size: 20px;
  }
}
/***for larger desktop screens***/
/***64em = 1024px****/
@media only screen and (min-width: 64em) {
  .home_login .header h1 {
    font-size: 20px;
  }
}
/***100em = 1600px****/
@media only screen and (min-width: 100em) {
  .home_login .header h1 {
    font-size: 20px;
  }
}
/***120em = 1920px****/
@media only screen and (min-width: 120em) {
  .home_login .header h1 {
    font-size: 20px;
  }
}
/***137.5em = 2200px****/
@media only screen and (min-width: 137.5em) {
  .home_login .header h1 {
    font-size: 20px;
  }
}

 
 
 
.multiple_bg {
  position: absolute;
  content: "";
  z-index: -1;
}
.has_multiple_bg {
  position: relative;
  z-index: 1;
}
.hide_text {
  text-indent: -4000px;
  overflow: hidden;
  text-align: left;
  display: block;
}
.unstyled_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
body[radeditorbody],
body.front_end_body,
.sitewrapper,
.sitewrapper select,
.sitewrapper input,
.sitewrapper textarea,
.sitewrapper table,
#broken_links_reporter_form,
body.dialog_body,
body[radeditorbody] table {
  font: 12px/18px 'Montserrat-Regular', Verdana, Geneva, sans-serif !important;
  color: #425968;
}
a,
a:visited,
.column a {
  color: #8d7b23;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}
a[name],
a[name]:hover,
a[name]:focus {
  color: #425968;
  text-decoration: none;
}
a img {
  border: 0;
}
p {
  margin: 0 0 1em 0;
}
.subtitle {
  font-size: 140%;
  color: #425968;
  font-weight: bold;
}
.subtitle p,
.subtitle a {
  color: #425968;
  font-weight: bold;
}
table.tableData {
  width: 85%;
  border: 1px solid #c4bdb7 !important;
  border-collapse: collapse;
  background: white;
  margin-bottom: 14px;
}
.tableData td {
  border: 0;
  border-top: 1px solid #c4bdb7;
  padding: 3px 4px 3px 9px;
}
.tableData td p,
.tableData th p {
  padding: 0;
  margin: 0;
}
.tableData th {
  padding: 6px 4px 5px 9px;
  text-align: left;
  background: #305a82 !important;
  color: white;
  font-weight: bold;
  border: 0px;
  font-size: 90%;
  text-transform: uppercase;
}
.tableData th a,
.tableData th p {
  color: white;
}
.tableData tr:hover {
  background: #f2eee3;
}
.tableBox {
  border: 1px solid #c4bdb7 !important;
  background: white;
  margin-bottom: 14px;
}
.tableBox td {
  padding: 5px;
}
.tableBox th {
  text-align: left;
  padding: 5px;
}
.photo_caption {
  font-size: 75%;
}