/*  IMPORT FONTS   */
@import url('https://fonts.googleapis.com/css2?family=PT+Sans&family=Sorts+Mill+Goudy:ital@0;1&display=swap');
/*--------------------------------------------------------------------------*/
@font-face {
    font-family: 'Cabin';
    src: url('fonts/Cabin-Regular.woff2') format('woff2'),
        url('fonts/Cabin-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gothic-Book';
    src: url('fonts/FranklinGothic-Book.woff2') format('woff2'),
        url('fonts/FranklinGothic-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'marion';
    src: url('fonts/marion-regular-webfont.woff2') format('woff2'),
         url('fonts/marion-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'marion';
    src: url('fonts/marion-bold-webfont.woff2') format('woff2'),
         url('fonts/marion-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'marion';
    src: url('fonts/marion-italic-webfont.woff2') format('woff2'),
         url('fonts/marion-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}


/*--------------------------------------------------------------------------*/


.wrapper {
	width:  100%;
	margin:  0;
}

a {color: #0a3977;}
.res_table_def caption, .res_table_def tbody tr td.cat1spacer {background: #0a3977;}
.res_table_def td, .res_table_def th, .res_table td, .res_table th {
    border: 1px solid #999;
}

.modtaxinquiryEDM_itemDetail .tab {background: #0a3977;}
.modtaxinquiryEDM_itemDetail .inactiveTab {
    background: #eeeeee;
    color: black;
}

.visually-hidden {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	background: none !important !important;
}


html{
	scroll-padding-top: 100px;

}
body {
	background-color: #cccccc;
	/*background: #cccccc url("../Images/new/background-reflected.png") no-repeat top;*/
	/*background-size:100%;*/

}

.background-top {
	background: #cccccc url("../Images/new/background-top.png") no-repeat top;
	width: 100%;
	max-height: 798px;
	height:40%;
	position:absolute;
	top:0;
	background-size: 100%;
}
.background-bottom {
	background: #cccccc url("../Images/new/background-bottom.png") no-repeat bottom;
	width: 100%;
	max-height: 798px;
	height:40%;
	position:absolute;
	bottom:0;
	background-size:100%;
}

.emergency-message-holder span {
	font-size: 1.5em;
}

.overflow-wrap {
	/*margin-top: 0.3em;*/
/*	position:  sticky;*/
/*	top:  44px;*/
	z-index: 4;
	background: white;
}

.overflow-wrap .emergency-message-holder {
	margin-top:  .3em;
}

.wrapper {
/*	width: 95%;
	max-width: 1400px;*/
}

.header-top {
	text-align: right;
	padding: 1em 0;
}

.headerText {
	display: none;
}

#dropdown-menu {
	/*position: absolute;*/
	/*left: 0;*/
	display:none;
	text-align: left;
	z-index: 6;
}

#dropdown-menu-icon{
	margin: 0 5px;
	position: absolute;
	left: 0px;
	z-index:10;
	display:none;
}

.header-social-media img {
	margin: 0 5px;
}

.header-top {
	display: flex;
	justify-content: space-between;
}
.header-top-right div {
	display: inline-block;
}

.search-bar-1 {display: none;}

.search-bar {
	background-color: #fff;
	color:  black;
	padding: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin:  auto;
}

.search-bar input {
	border: none;
	outline: none;
	background-color: #fff;
	vertical-align: middle;
	font-size: 1.2em;
}

.search-bar .livesearchfield {
	width:  89%;
}

#body-side-menu .search-bar {
	margin-top:  25px;
}

.mainHeader {
	display: flex;
	justify-content: space-between;
	align-items:  center;
}

.mainHeader .headerLeft{
	width:  30%;
	margin:  auto;
}

.mainHeader .headerLeft img {
	width:  100%;
	max-width:  200px;
	margin:  auto;
	padding: 5px 10px;
}

.mainHeader .headerCenter {
	margin:  auto;
}

.mainHeader .headerCenter a {
	color:  black;
	text-decoration:  none;
}

.mainHeader .headerCenter .townNameTop {
	font-family:  'Sorts Mill Goudy', serif;
	font-size:  40px;
	font-style:  italic;
	font-weight:  bold;
	line-height: 1.1em;
}

.mainHeader .headerCenter .townNameTop .townNameTopWelcome {
	display:  none;
}

.mainHeader .headerCenter .townNameBottom {
	font-family:  'PT Sans', sans-serif;
	font-size:  20px;
	text-align:  right;
	font-weight:  bold;
	display:  flex;
	justify-content:  end;
}

.townNameBottom .socialMediaContainer {
	margin-right:  5px;
	white-space: nowrap;
}

.mainHeader .headerRight {
	display:  none;
}

.mainHeader .headerRight img {
	width:  200px;
	max-width:  200px;
	/*padding:  20px;*/
}

.hide {
	display: none;
}

a.nav-skip {
	font-weight: bold;
}

.nav, .mobileNav {
	display: flex;
	background-color:#0a3977;
	width: 100%;
	/*margin: 0 0 1em 0;*/
	margin:  0;
	padding: 0 5px;
	font-size: 1.1rem;
	text-align: center;
	min-height: 2.5em;
	color: white;
	font-family:'Gothic-Book';
	z-index:5;
	
}

.mobileNav > li {
	padding: 7px;
}
.mobileNav {
	display: flex;
	cursor: pointer;
	list-style: none;
	justify-content: flex-end;
}

.nav > li {
	/*flex: 1;*/
	padding: 7px;
	list-style: none;
	vertical-align: middle;
	position: static;
	/*border-right: 1px solid white;*/
}


.nav a:hover {
	/*color: #B3D687;*/
	text-decoration: none;
}

.nav .line-element {
	flex: 0 0 5px;
	color: white;

}

.nav .line-element span {
	vertical-align: middle;
}

.nav li * {
	vertical-align: middle;
	color: white;
}

.nav a {
	color: white;
	height: 100%;
	/*line-height: 2.5em;*/
	/*top: -7px;*/
	/*border-right: 1px solid white;*/
	/*padding: 0 10px;*/
	width: 100%;
}

.nav .last-menu-item {
	border-right: none;
}

.last-menu-item a {
	/*border-right: none;*/
}

.nav > li > ul {
	left: -9999px;
	transform: scaleY(0);
	transform-origin: top;
	vertical-align: top;
	position: absolute;
	list-style: none;
	padding: 0;
	text-align: left;
	padding-left: 20px;
	transition: transform 0.3s;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.nav > li > div.level2 {
	left: -9999px;
	transform: scaleY(0);
	transform-origin: top;
	vertical-align: top;
	position: absolute;
	list-style: none;
	padding: 0;
	text-align: left;
	padding-left: 20px;
	transition: transform 0.3s;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	font-size: 1.2em;
}
.nav > li > div.level2 > div > ul {
	list-style:  none;
}

.level2/*, .level3*/ {
	display: none;
}

.level3 {
	font-size: .9em;
}

.nav a, .mobileNav li {
	display: inline;
	font-weight: 400;
	font-family: marion;
	font-size: 1em;
	margin: 0;
}

.nav h3 {
	font-size: 1.5em;
	background-color:#0a3977;
	padding: 0 10px;
	font-weight: 400;

}

.nav > li > ul > li {
	display: block;
	width: 30%;
	padding-left: 3%;
}

.nav > li > ul > li > ul {
	list-style: disc;
}
.nav > li > div.level2 ul > li > ul {
	list-style: disc;
}

.nav > li > a {
	font-weight: bold;
	font-size: 1.1em;
	font-variant: small-caps;
	font-family: sans-serif;
}
.nav > li:hover {
	background-color: #0a3977;
}

.nav > li.line-element:hover {
	background-color:#0a3977 ;
}

.nav > li.navHover.hover {
	background-color:  #255492;
}

.nav > li.navHover.hover > ul {
	left: 5%;
	height: auto;
	transform: scaleY(1);
	/*max-height: 300px;*/
	padding: 1em 1em 1em 1em;
	background-color:#255492;
	margin-top: 9px;
	z-index: 7;
	width: 90%;
}

.nav > li.hover > ul {
	left: 5%;
	height: auto;
	transform: scaleY(1);
	/*max-height: 300px;*/
	padding: 1em 1em 1em 1em;
	background-color:#0a3977;
	margin-top: 10px;
	z-index: 7;
	width: 90%;
/*	position: static;
	margin: auto;*/
}

.nav > li.navHover.hover > div.level2 {
	left: 5%;
	height: auto;
	transform: scaleY(1);
	/*max-height: 300px;*/
	padding: 1em 1em 1em 1em;
	background-color:#255492;
	margin-top: 9px;
	z-index: 7;
	width: 90%;
}

.nav > li.hover > div.level2 {
	left: 5%;
	height: auto;
	transform: scaleY(1);
	/*max-height: 300px;*/
	padding: 1em 1em 1em 1em;
	background-color:#255492;
	margin-top: 10px;
	z-index: 7;
	width: 90%;
/*	position: static;
	margin: auto;*/
}

.nav > li.hover > div.level2 > div > ul {
	padding-left:  0;
}

.nav > li > ul > li:hover {
	background-color: #0a3977;
}
.nav > li > div.level2 ul > li:hover {
	background-color: #0a3977;
}


.nav > li > ul > li.hasSubs2 > ul {
	/*display: none;*/
	left: -9999px;
	height: 0;
	transform: scaleY(0);
	transform-origin: top;
	transition: transform 0.3s;
}

.nav > li > ul > li.hasSubs2.hover > ul {
	/*display: block;*/
	left: 0;
	height: auto;
	transform: scaleY(1);
	transition: transform 0.3s;

}.nav > li > div.level2 ul > li.hasSubs2 > ul {
	/*display: none;*/
	left: -9999px;
	height: 0;
	transform: scaleY(0);
	transform-origin: top;
	transition: transform 0.3s;
}

.nav > li > div.level2 ul > li.hasSubs2.hover > ul {
	/*display: block;*/
	left: 0;
	height: auto;
	transform: scaleY(1);
	transition: transform 0.3s;
}

.nav > li > ul > li > ul > li:hover > a{
	background-color: #0a3977;
	text-decoration: underline;
}
.nav > li > div.level2 ul > li > ul > li:hover > a{
	background-color: #0a3977;
	text-decoration: underline;
}

.nav > li:hover:first-child > ul {
	left: 0;
}

.nav > li:hover:last-child > ul {
	right: 0;
	left: auto;
}

.nav > li:hover:nth-last-child(3) > ul {
	right: -50%;
	left:auto;
}

.nav > li:hover > ul > * {opacity: 1;}

.nav {
	display: none;
	margin-top: 0;
}

#dropdown-menu  {
	position: relative;
	/*left: 0;*/
	/*top: 28px;*/
	background: #afaeae;
	list-style:0;
	margin: 0;
	padding: 10px;
	list-style: none;
	text-align: center;
	font-size: 1.2rem;
	height: auto;
	transition: height 2s ease;
}
#dropdown-menu-icon {
	display: inline-block;
}
.line-element {
	display: none;
}
.nav > li > ul {
	/*left: -9999px;*/
	display: flex;
	width: 90%;
}

.nav > li.hover > ul {
	/*position: static;*/
	margin: auto;
	width: 90%;
	left: 5%;
}

.nav > li:hover {
	background-color: #255492;
}

.nav > li > ul > li {
	width: 100%;
	padding-bottom: 5px;
}	
.nav > li > ul > li.showMobile {
	display: block;
}

.nav > li.hover > div.level2 {
	/*position: static;*/
	margin: auto;
	width: 100%;
	left: 0;
}

.nav > li:hover {
	background-color: #255492;
}

.nav > li > div.level2 > div {
	width:  90%;
	margin:  0 auto;
}

.nav > li > div.level2 > div > ul > li {
	width: 100%;
	padding-bottom: 5px;
}	
.nav > li > div.level2 > div > ul > li.showMobile {
	display: block;
}

.menuArrow {
	transition: transform 0.3s;
	margin-left: -0.3em;
}

.menuArrowOpen {
	transform: rotate(90deg);
}

.hamburger {
	width: 30px;
	height: 30px;
	padding-top: 3px;
}

.hamburger > span {
	display: block;
	width: 80%;
	margin: auto;
	border-bottom: 2px solid white;
	height: 7px;
}

#home .backgroundImage {
/*	height:  210px;*/
	overflow:  hidden;
	/*background-image:  url('/images/new_2022/headbg.png');*/
	background-size:  cover;
	background-repeat:  no-repeat;
	background-position-y:  bottom;
}

#home .backgroundImage img {
/*	width:  125%;*/
/*	position:  absolute;*/
/*	bottom:  0;*/
}

.backgroundImage .rslides li {
	z-index: 0 !important;
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
  }

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
	/*z-index:  0 !important;*/
  }

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
  }

.rslides .slides {
/*	height:  210px;*/
}

.rslides img {
	/*width: 100%;*/
	border: 0;
  }

.pageslideshow {
	display: flex;
	justify-content: center;
}

.pageslideshow .callbacks_nav {
	opacity: .3;	
}

.pageslideshow .callbacks_nav:hover {
	opacity: .7;
}

.pageslideshow .callbacks_nav.next {
	right: 0;
}

.pageslideshow .rslides img {
	width: 100%;
  }

#home .iconBar, .iconBarInner {
	background-color:  #0a3977;
}

#home .iconContainer, .iconBarInner .iconContainer {
	width:  80%;
	margin:  auto;
	display:  flex;
	flex-wrap:  wrap;
	/*justify-content: space-between;*/
	justify-content: space-around;
	padding-bottom:  1em;
}

#home .iconContainer .menuItem, .iconBarInner .iconContainer .menuItem {
	color:  white;
	display:  flex;
	flex-direction:  column;
	text-align:  center;
	/*margin-top:  -2em;*/
	margin-top: 1em;
	width:  100px;
}

#home .iconContainer .menuItem img, .iconBarInner .iconContainer .menuItem img {
	margin-bottom:  1em;
	height: 100px;
}

.contentBody .paymentContainer {
	background-color:  #0a3977;
	width:  80%;
	color:  white;
	margin:  1em auto;
	padding:  1em;
	display:  flex;
	flex-direction:  column;
	justify-content: space-around;
	font-size:  20px;
}

.contentBody .paymentContainer a {
	color:  white;
	margin: auto;
}

.MoreText::after {
	content: 'Learn More!';
}

.contentBody .bodyContainer {
	display:  flex;
	flex-direction:  column-reverse;
	justify-content: space-between;
	width:  95%;
	margin:  auto;
	margin-bottom:  1em;
}

.bodyContainer .sideMenu {
	width:  100%;
}

.bodyContainer .sideMenu .sideMenuInner{
	border:  3px solid #0a3977;
	padding:  0 0.7em 1em;
	background-color: #efeeee;
}

.bodyContainer .sideMenu #sideMenuHeader {
	color:  #0a3977;
}

.bodyContainer .sideMenu a {
	color:  black;
	font-size:  20px;
}

.bodyContainer .bodyContent {
	width:  100%;
	margin-bottom: 1em;
}


/*  Tabs CSS */

.bodyContent .header-bar {
	display:  flex;
	flex-direction:  column;
	flex-wrap:  nowrap;
	align-items:  flex-end;
	align-content:  flex-start;
	list-style:  none;
	margin:  0;
	padding:  0;
}

.header-bar .tabTab {
	margin:  0;
	cursor:  pointer;
	margin-right:  10px;
	border-top-left-radius:  5px;
	border-top-right-radius:  5px;
	width:  100%;
	margin:  auto;
}

.bodyContent .header-bar h2 {
	display:  inline-block;
	background-color:  gray;
	color:  white;
	padding:  10px 20px;
	transition:  all .2s;
}

.bodyContent .header-bar h2.active {
	color:  white;
	background-color:  #0a3977;
}

.bodyContent .tabBody {
	display:  none;
	padding:  1em;
}

.bodyContent > .tabBody.active {
	display:  block;
	border:  3px solid #0a3977;
}

.tabBody .item .tileImg {
	width:  100%;
	max-width:  100%;
}

/*           */

/*  TILES  */
#recylingslide {
    max-width: 850px;
    margin: auto;
}
#recylingslide .callbacks_nav.next {right:0;}

.bodyContent .tile {
	display:  flex;
	flex-direction:  column-reverse;
}
.bodyContent .tileBodyMore {
	display:  none;
}
.bodyContent .tile .tileTitle {
	background-color:  #0a3977;
	text-align:  center;
	padding:  5px;
}
.bodyContent .tile .tileTitle a {
	color:  white;
	font-weight:  bold;
	font-size: 1.25em;
}
#calendar1Container2313 .fc-calendar-container {
	height: 375px;
}
div#calendar1Container2313 section {
    padding-top: 0;
}

#calendar1Container2313 section .custom-calendar-wrap {
    margin-top: 0;
    margin-bottom: 0;
}

#calendar1Container2313 .custom-inner {box-shadow: none;}
/*  TILES END */

.infoBoxContainer {
	width:  90%;
	margin:  auto;
}

.infoBoxContainer .contentBox {
	padding:  1em;
}
.infoBoxContainer .contentBox img {
	max-width:  100%;
}

/*	NEWS STYLE */

.newsListContainer h3 {
	margin-bottom:  0;
}

#readMore, .readMore {
	display:  block;
}
#seeMore {
	margin-top:  1em;
	font-weight:  bold;
}

#seeMore a {
	background:  #0a3977;
	color:  white;
	padding:  7px;
	border-radius:  5px;
}
/*	NEWS STYLE */


.eventsCalContainer #seeMore {
    display: none;
}


    .eventsCalContainer #seeMore a:after {
        content: 'View Full Calendar...';
    }
.livesearchresults {
	left: auto;
	right: 0;
	width: 100%;
}

.livesearchresults .searchitem {
	color:  black;
	font-size:  16px;
}

.livesearchresults .searchitem a {
	color:  #0a3977;
}

.dept-header{
	background-color: #0a3977;
}
.modforms li.cat-item {
    list-style-type: none;
    /* cursor: pointer; */
    background: #e5e5e5;
    border: 1px solid #444444;
    padding: 3px;
    margin: 10px 0;
}
.jumpselect {
	background-color: #0a3977;
}

.res_table_def .cat1, .res_table .cat1 {
	background-color: #0a3977;
}

.footer {
	width: 100%;
	background-color: #0a3977;
	color: white;
	font-weight:  bold;
	padding:  1em;
}

.footer a {
	color:  white;
	font-weight:  bold;
}

#SiteDesignFoot1 .top {
	width:  80%;
	margin:  auto;
}

#SiteDesignFoot1 .contentBox {
	width:  90%;
	margin:  auto;
}

#SiteDesignFoot1 .bottom .poweredBy {
	width:  200px;
	margin:  auto;
	background-color:  white;
	border-radius:  5px;
	margin-bottom:  5px;
}

#google_translate_element {
	width:  336px;
	background-color: #efefef;
	border-radius: 3px;
	margin: 0 0 0 auto;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
/*  float: left;*/
  width: 100%;
  border: 0;
  }


.callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: transparent;
    top: 50%;
    left: 0;
    opacity: .7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url(themes.gif) no-repeat left top;
    margin-top: -45px
}

.callbacks_nav:active {
    opacity: 1
}

.callbacks_nav:hover {
	box-shadow: 0px 0px 20px 1px rgba(0,0,0,1) inset;
}

.callbacks_nav.next {
	left: auto;
	right: 30%;
    /*left: calc(70% - 38px);*/
    background-position: right top;
}

#slideshowGroup {
	width:  100%;
	padding:  0;
	background:  #0a3977;
}

#slideshowGroup .content-header {
	padding:  1em;
	color:  white;
}

#slideshowGroup .slideshow {
	margin:  auto;
}

#slideshowGroup #itemSlideshow {
	margin:  auto;
}

#slideshowGroup .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

#slideshowGroup .rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width:  70%;
  left:  15%;
  margin:  auto;
  }

#slideshowGroup .rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

 #slideshowGroup .rslides .slides {
  height: auto;
  }

#slideshowGroup .rslides img {
  display: block;
  height: auto;
  /*float: left;*/
  width: 100%;
  border: 0;
  }


#slideshowGroup .callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: transparent;
    top: 200px;
    left: 0;
    opacity: .7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url(themes.gif) no-repeat left top;
    margin-top: -45px
}

#slideshowGroup .callbacks_nav.next {
	left: auto;
	right: 0;
    /*left: calc(70% - 38px);*/
    background-position: right top;
}
#cultSlide .callbacks_nav.next {
	right: 0;
}
#cultSlide{
	 max-width: 900px;
    margin: auto;
}
.headerButtons {
    display: flex;
    font-family: marion;
    color: white;
    font-weight: 400;
    padding: 12px 12px 12px 1em;
    font-size: 20px;
    text-align: center;
    flex-direction: column;
}

.CultButtons {color:white;cursor: pointer;}

#FoodButton_data,#BusButton_data,#SponsorButton_data{display:none;}

.cultExTab hr.contentHR {
    display: none;
}

div#FoodButton {
    flex: 1;
    margin: 15px;
    padding: 40px;
    background-color: #0a3977;
}
div#EventButton {
    flex: 1;
    margin: 15px;
    padding: 40px;
    background-color: #0a3977;
}
div#BusButton {
    flex: 1;
    margin: 15px;
    padding: 40px;
    background-color: #0a3977;
}

div#SponsorButton {
    flex: 1;
    margin: 15px;
    padding: 40px;
    background-color: #0a3977;
}
#SiteDesignHead2 p {
	margin:  0;
}
#SiteDesignHead2 img {
	width: 100%;
}
#SiteDesignHead2 .water-head2 img{
	width: auto;
}
#SiteDesignHead2 .water-head2 {
	text-align: center;
	background-color: rgba(107, 114, 128, 0.73);
	display:flex;
	align-items: center;
	justify-content: space-between;
}
#body-main-image {
	width: 100%;
}

.inner-main-section {
	display:  flex;
	flex-direction:  column-reverse;
	min-height: 600px;
}

.inner-main-section #main-content {
	width: 100%;
	padding:  1em;
	/*width: 100%;*/
	/*margin-left: 25%;*/
}

#body-side-menu {
	width: 100%;
	/*float: left;*/
	list-style: none;
	padding: 0 1em;
	margin: 0;
}

#body-side-menu h2 {font-family: marion; background-color: #0a3977; color: white; font-weight: 400; padding: 12px 12px 12px 1em; font-size: 20px;}
#body-side-menu h2 a {color: white;}


#body-side-menu > li {padding: 0.5em 0;}
#body-side-menu > li > ul {list-style: none;}
#body-side-menu > li > ul > li {border-bottom: 1px solid #FFFFFA;}
#body-side-menu > li > ul > li > a {transition: left 0.5s; left:0px;padding: 10px 5px 5px 1em;display: block;font-weight: bold;}
#body-side-menu > li > ul > li:hover > a {left:10px;}


.mayorinfo, .mayor-bio, .mayor-contactinfo, .mayor-message, .mayor-message-h3 {
    max-width: 900px;
    margin: auto;
}

.cat-head a, .dept-header a {scroll-margin-top: 2.5em;}

/*home page modal popup*/
.hpModalContainer{background: rgba(0,0,0,0.8);}
#hpModal{display:none;}
.hpModalContainer #hpModal{display:block;}

/*==================================
	Color Specific Classes
  ==================================*/
.white {color: white;}


/*
big
 */


 /*  CN Default overrides */
 .tcthumbitem {min-width: 24%;}



@media screen AND (min-width:  480px ) {
	
#home .backgroundImage img {
	width:  100%;
}
}

@media screen AND (min-width:  769px ) {

	.nav > li.hover > div.level2 {
		width: 90%;
		left: 5%;
	}

	.mainHeader .headerLeft{
		width:  17%;
		padding: 0 20px;
	}

	.mainHeader .headerCenter .townNameTop {
		font-size: 44px;
	}

	.mainHeader .headerCenter .townNameBottom {
		font-size: 22px;
	}

	.mainHeader .headerCenter .townNameTop .townNameTopWelcome {
		display:  inline-block;
	}

	.mainHeader .headerRight{
		display:  block;
		width:  17%;
		margin:  auto;
	}

	.mainHeader .headerRight img {
		width:  100%;
	}

	#home .iconContainer, .iconBarInner .iconContainer {
		width:  65%;
	}

	#home .iconContainer .menuItem img, .iconBarInner .iconContainer .menuItem img{
		transition: all .2s ease;
	}

	#home .iconContainer .menuItem.hover img, .iconBarInner .iconContainer .menuItem.hover img{
		margin-top:  -1em;
		transition: all .2s ease;
	}

	#home .backgroundImage {
/*		height:  480px;*/
	}

	.rslides .slides {
/*		height:  480px;*/
	}

	.inner-main-section {
		display:  flex;
		flex-direction:  row;
	}

	.inner-main-section #main-content {
		width: 77%;
		padding:  1em;
	}

	#body-side-menu {
		width: 23%;
	}

	.contentBody .paymentContainer {
		flex-direction:  row;
		box-shadow:  0 0 10px 0 rgba(0,0,0,.25);
	}

	.contentBody .bodyContainer {
		display:  flex;
		flex-direction:  row;
		justify-content: space-between;
		width:  90%;
		margin:  auto;
		margin-bottom:  1em;
	}

	.bodyContainer .sideMenu {
		width:  30%;
		margin-right:  1em;
	}

	.bodyContainer .sideMenu .sideMenuInner{
		box-shadow:  0 0 10px 0 rgba(0,0,0,.25);
	}

	.bodyContainer .sideMenu #sideMenuHeader {
		color:  #0a3977;
	}

	.bodyContainer .sideMenu a {
		color:  black;
		font-size:  20px;
		line-height: 1.1em;
		padding: 3px 0;
		display: block;
		margin-left: 1.2em;
		text-indent: -1.2em;
	}

	.bodyContainer .bodyContent {
		width:  75%;
		margin:  0;
	}


	/*  Tabs CSS */

	.bodyContent .header-bar {
		display:  flex;
		flex-direction:  row;
		flex-wrap:  nowrap;
		align-items:  flex-end;
		align-content:  flex-start;
		list-style:  none;
		margin:  0;
		padding:  0;
	}

	.header-bar .tabTab {
		margin:  0;
		cursor:  pointer;
		margin-right:  10px;
		border-top-left-radius:  5px;
		border-top-right-radius:  5px;
		width:  auto;
		margin:  unset;
		margin-right: 4px;
		align-self: stretch;
	}

	.bodyContent .header-bar h2 {
		font-size:  1.2em;
		display:  inline-block;
		background-color:  #efeeee;
		color:  black;
		padding:  10px 10px;
		transition:  all .2s;
		text-align: center;
	}

	#SiteDesignFoot1 #footerContact {
		border-right:  1px solid white;
	}

	.livesearchresults {
		width: 200%;
	}
	#body-side-menu .livesearchresults {
		left: 0;
	}	
	
}

@media screen AND (min-width:  1024px ) {
	.headerButtons {
    	flex-direction: row;
	}
	.mobileNav { 
		display: none;
	}

	.nav {
		justify-content: space-around;
		position:  sticky;
		top:  0;
	}


	.nav > li > ul > li {
		width: 30%;
		padding-bottom: 5px;
	}

	.nav > li > div.level2 > div {
		width:  30%;
		margin:  0 auto;
	}
	.nav > li > div.level2 > div > ul > li {
		padding-bottom: 5px;
	}

	.overflow-wrap {
		/*margin-top: 0.3em;*/
		position:  sticky;
		top:  44px;
		z-index: 4;
		background: white;
	}


	#home .iconContainer {
		width:  80%;
	}

	#home .iconContainer .menuItem {
		margin-top:  -2em;
	}

	.bodyContainer .sideMenu {
		width:  25%;
	}

}

@media screen AND (min-width:  1280px ) {

	/*.bodyContent .header-bar h2 {
		font-size:  1.5em;
	}*/

	.mainHeader .headerLeft{
		width:  unset;
	}

	.mainHeader .headerRight{
		width:  200px;
	}

	.mainHeader .headerCenter .townNameTop {
		font-size: 70px;
	}

	.mainHeader .headerCenter .townNameBottom {
		font-size: 24px;
	}

	.bodyContainer .sideMenu {
		width:  20%;
	}

	.bodyContainer .bodyContent {
		width:  80%;
	}	
}


@media screen AND (min-width:  1380px ) {

	.bodyContent .header-bar h2 {
		font-size:  1.5em;
	}
}
/*
  _____            _            _   
 |  __ \          (_)          | |  
 | |__) |  _ ___   _    _ __   | |_ 
 |  ___/  | '___| | |  | '_ \  | __|
 | |      | |     | |  | | | | | |_ 
 |_|      |_|     |_|  |_| |_|  \__|
 */

@media print {
	.hideOnPrint {
		display:  none;
	}
	.header-top{
		display: none;
	}

	.nav {
		display: none;
	}

	.rslides {
		display: none;
	}

	.footer {
		display: none;
	}

	.nav, .mobileNav {
		display: none !important;
	}

	#body-side-menu {
		display: none;
	}

	.inner-main-section {
		display: block;
	}
	#main-content {
		width: 100%;
	}
	.inner-main-section #main-content {
		width: 100%;
	}
	#body-main-image {
		display: none;
	}
	.misctop {
		display: none;
	}
	#side-menu {
		width: 50%;
		margin: auto;
	}
	.front-page-content-region {
		display: block;
		width: 50%;
		margin: auto;
	}

	.header {
		display: none;
	}

	.headerText {
		display: block;
		text-align: center;
		font-size: 24px;
	}
}

@media all AND (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.overflow-wrap {
		/*margin-top: 0.3em;*/
		position:  relative;
		top:  0;
		z-index: 4;
		background: white;
	}

	.tile .tileBody {
		flex-shrink:  0;
	}
}