h1, h2, h3, h4, h5, body {
	font-family:Avenir Light, sans-serif !important;
}

h1, h2, h3, h4, h5 {
	color:#0A589A;
}

h1, .ms-rtestate-field h1 {
	font-size: 28pt;
	color:#ac8510;
}

h2, .ms-rtestate-field h2 {
	
	color:var(--MOA-blue);
}

h3,  .ms-rtestate-field h3 {
	color:#343a40;
}

h4,  .ms-rtestate-field h4 {
	color:black;
	font-weight:bold;
	font-size:16px;
}

hr {
	border-top: 2px solid #666666;
}

#imageCover {
	background-image:none;
}

.ms-rteStyle-Emphasis, em  {
	color:#bf1a2f !important;
}

.ms-ref-refinername {
	color:#0A589A !important;
	font-weight:bold;
}

.ms-rteStyle-Normal {
	font-size:16px;
}

.ms-ref-name {
/*	color:white;*/
}

#s4-workspace {
	padding-left:0;
}

#s4-bodyContainer {
	padding-right:0;
	font-family: Avenir Light, sans-serif;
	
}

.oempagegreenblock .ms-webpart-titleText {
	color:white !important;
}

.oempagegreenblock .muni_navlinka,
.oempagegreenblock a:visited,
.oempagegreenblock a:hover
{
	color:white !important;
}

#contentRow {
	padding-top:0;
}

#anc-footer-space {
	background-color:#ededed;
}



.oemPageTitle {
	padding-top:40px;
}			 

.footer-block {
	text-align:center;
	padding-left:10px;
	font-size:16px;
	font-weight:bold
}

.footer-header {
	text-align:center;
	font-weight:bold;
	font-size:20px;
}

.footer-item {
	padding:5px;
	text-align:center;
}

.footer-item a {
	color:white;	
}

.footer-item a:hover {
	color:white;	
}

.footer-icon-image {
	width:38px;
}

#oemfooter {
	background-color:#666;
	color:white;
	padding:10px;
	font-size:large;
	font-family: avenir-lt-w01_35-light1475496, sans-serif;
	padding-top:20px;
	padding-bottom:30px;
}


.muni_navlink {
	background: none;
	
}

.MOA_oem_mainpage {
	
	
	
}

#moatopimgcontainer > div > div > img {
	min-height:300px;	
}

.MOA_oem_Breadcrumb {
	background-color:rgb(0, 87, 157);
	color:white;
	padding:2px;
	font-weight:bold;
	font-size:14px;
}

.MOA_oem_Right_Header_Panel {
	position:absolute;
	top:20px;
	right:10px;
}

.MOA_Header_Icons {
	text-align:right;
}

.MOA_Header_Icon {
	float:left;
	margin-left:10px;
	margin-top:60px;
}

#dept-header-space {

}

#oemHeader {
	width:100%;
	background: linear-gradient(to right,  rgb(0, 87, 157), rgb(204, 232, 255), white);	
	border-bottom: 2px solid #AED3F0;
}

#oemHeader #header-icons {
	position: absolute;
	top:50px;
	right:10px;
	text-transform:uppercase;
}

.oemMenuIcon {
	margin-right:5px;
	height:25px;
	margin-top:-5px;
}

#oemMenu {
	padding-left:70px;
	padding-right:0px;
	background-color:#666;
}

.deptsearchbar {
	background-color:#666;	
	
}

#deptSearchButton {
	background-color:#00A7FF;
}

#oemHeader #header-icons .nav-link {
	padding: 0 0.4rem;
}

#oemHeader #dept-logo {
	margin-left:40px;
}

/***************** Top navigation bar for department menu ********************/ 
#oem-dept-nav {
	font-family: avenir-lt-w01_35-light1475496, sans-serif;
}

#oem-dept-nav .navbar {
	padding:0px;
}

#oem-dept-nav .navbar .navbar-collapse {
	position: absolute;
	top: 2.7rem;
	left: 0;
	background-color: #666;
	color: white;
	padding-top:10px;
	padding-bottom:10px;
}
 
#oem-dept-nav .dropdown-submenu {
  position: relative;
}



#oem-dept-nav .navbar-toggler {
	border:none;
	padding-left:15px;
	padding-right:15px;
	width:100%;
	height:2.5em;
	color:white; !important;
	font-family: avenir-lt-w01_35-light1475496, sans-serif;
	font-size:14px;
	text-align:left;
}

#oem-dept-nav .navbar-toggler:hover {
	background-color:#00A7FF;
	border:none;
	border-bottom:0px;
}

#oem-dept-nav .navbar:hover{
	background-color:#00A7FF;
}
 
#oem-dept-nav .navbar-div {
	border-radius:0px;
	border-bottom:0px;
	padding-left:15px;
	padding-right:15px;
	padding-top:8px;
	width:100%;
	height:2.5em;
	color:white !important;
	font-family: avenir-lt-w01_35-light1475496, sans-serif;
	font-size:14px;
	text-align:left;
}

#oem-dept-nav .navbar-div:hover {
	background-color:#00A7FF;
	border:none;
	border-bottom:0px;
    text-decoration:none;
	color:black;	
}

#oem-dept-nav .navbar-main-link{
	text-decoration:none;
	color:white;	
	width:100%;
	text-align:left;
    text-decoration:none;
}

#oem-dept-nav .navbar-main-link:hover {
	background-color:#00A7FF;
	border:none;
	border-bottom:0px;
    text-decoration:none;
	color:white;	

}

#oem-dept-nav .navbar-link:hover a{
	text-decoration:none;
	color:black;	
}

#oem-dept-nav .dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  border: none;
  margin-left:10px;
  color:black;
  padding:0px;
}

#oem-dept-nav .oem-subitem .nav-link {
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	white-space:nowrap;
	color:white;
	font-family: avenir-lt-w01_35-light1475496, sans-serif;
	font-size:14px;
}

#oem-dept-nav .oem-subitem .nav-link:hover {
	background-color:#00A7FF;
	color:white;
}

#oem-dept-nav .oem-subitem a:visited {
	color:white;
}

#oem-dept-nav .nav-link {
	padding:0px;
}

#oem-dept-nav .oem-subsubitem .nav-link {
	color:white;
	font-weight:normal;
	padding:0px;
	padding-left:3px;
	padding-right:3px;

}

#oem-dept-nav .oem-subsubitem .nav-item:hover {
	background-color:#D1EAFF;
	
}

#oem-dept-nav .subitemarrow {
	color:#CCCCCC;
}

.mainbuttonarrow {
	position:absolute;
	top:8px;
	left:95px;
}

.nav-button-icon {
	margin-top:10px;
}


.MOA_OEM_picture_slider {
	background: rgb(0, 87, 157);
}

.MOA_OEM_picture_section_left {
	float:left;
	width:60%;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:20px;
}

.MOA_OEM_picture_section_right {
	float:left;
	width:30%;
	padding-top:5px;
}

.MOA_HomeBanner_imageContainer {
	height:350px;
	width:100%;
}

.MOA_Footer_Section {
	width:100%;
	text-align:center;
	background-color:rgb(0, 87, 157);
	color:white;
	clear:both;
	padding-top:20px;
	padding-bottom:20px;
}


/** Menu top section **/

.MOA_OEM_Top_Menu {
	background-color:white;
	width:100%;	
}

.MOA_OEM_Top_Menu_Top_Item {
	float:left;	
	background-color:white;
	padding:0;
	margin:0;
	width:18.75%;
	text-align:center;
	padding:5px;
}

.MOA_OEM_Top_Menu_Top_Item_Icon {
	height:25px;
	margin-top:-5px;
	margin-bottom:-8px;
	margin-right:10px;
}

.MOA_OEM_Top_Menu_Top_Item a {
}

.MOA_OEM_Top_Menu_Top_Item:hover {
	background-color:#B1D5F2;
}

.MOA_OEM_Top_Menu_Top_Item a {
	color:black;
	font-weight:bold;
	text-decoration:none;
}

.MOA_OEM_Top_Menu_Top_Item:hover .MOA_OEM_Top_Menu_Popout {
	display:block;
}

.MOA_OEM_Top_Menu_Popout {
	display:none;
	position:absolute;
	z-index: 1;
	background-color:white;
	text-align:left;
	margin-left:-5px;
	margin-top:5px;
	width:200px;
}

.MOA_OEM_Top_Menu_Item {
	border-bottom:1px solid gray;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	margin:0;
}

.MOA_OEM_Top_Menu_Item:hover {
	background-color:#B1D5F2;
}

.MOA_OEM_Top_Menu_Item a {
	text-decoration:none;
}


.MOA_OEM_Top_Menu_Item:hover .MOA_OEM_Top_Menu_Sub_Popout {
	display:block;
}

.MOA_OEM_Top_Menu_Sub_Popout {
	display:none;
	position:absolute;
	z-index: 1;
	background-color:white;
	text-align:left;
	margin-left:190px;
	margin-top:-20px;
	width:200px;
	border:1px solid gray;
}

.MOA_OEM_Top_Menu_Sub_Item {
	border-bottom:1px solid gray;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	margin:0;
}

.MOA_OEM_Top_Menu_Sub_Item a {
	text-decoration:none;
}

.MOA_OEM_Top_Menu_Sub_Item:hover {
	background-color:#B1D5F2;
}

.MOA_OEM_Left {
	float:left;
	width:20%;
	min-width:200px;
}

.MOA_OEM_Middle {
	float:left;
	width:80%;
	
}

.MOA_OEM_Center {
	float:right;
	background-color:white;
	padding-left:20px;
	padding-top:20px;
	width:75%;
}

.MOA_OEM_Right {
	position:absolute;
	right:0;
	background-color:#B1D5F2;
	padding:20px;
}

.MOA_OEM_LeftBarButton {
	padding:10px;
	color:white;
	font-size:14px;
	font-weight:bold;
}

.MOA_OEM_LeftBarButton a{
	color:white;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}



.MOA_OEM_LeftBarButton:hover {
	background-color:#B1D5F2;
	color:black;	
}

.MOA_OEM_LeftBarButton:hover a {
	
	color:black;	
}


.lowermenuline {
	height:3px;
	width:100%;
	background-color:rgb(0, 87, 157);
}


#OEM_HomeBannerPic {
	TEXT-ALIGN: left;
    height:350px;
    margin-top:20px;
}

.MOA_Slideshow_Pic {
  /* Main wrapper for all images */
  padding: 0;
  overflow: hidden;
  position: relative;
  height:350px;
  margin-left:50px;
}



#oemtopimgcontainer {
	max-height:500px;
	overflow:hidden; 
	
}

#oemtopimgcontainer > div > div > img {
	width:100%;
	height:auto;
}

#OEM_TemporaryTopImg {
	width:100%;
	height:auto;
}

#oemtopimgcontainer > div > div > div > span > div > span > span > div > span > img {
	width:100%;
	height:auto;
}

.defaultTopImg {
	width:100%;
	height:auto;
}

.footer-block {
	display: inline-block;
	
}

.oempagegreenblock {
	background-color:#8DB580;
	color:white;
	padding:30px;
	min-height:300px;
	min-width:320px;
}

.moa-right-column {
	background-color:#f0efe9;
}



#dept-nav {
	padding-top:5px;
	padding-bottom:5px;
	float:left;
}

#header-icons {
	width:auto;
	float:right;
	margin-right:100px;
}

.header-icon-container {
	padding-top:8px;
}

.header-icon-item {
	float:left;
}

.header-icon-link {
	padding:0;
}

.header-icon-item :hover {
	background-color:#00A7FF;
}

.icon-menu-style {
	padding:0px;
}


#MOA_OEMSearchForm {

}

/* Slideshow styling */
	.slideshow-container {
	  height:500px;
	  position: relative;
	  margin: auto;
	  margin-bottom:-20px;
	}
	
	#showContainer {
		height:500px;
	}

	.mySlides {
	  display: none;
	  height:500px;
	}

	.prev, .next {
	  cursor: pointer;
	  position: absolute;
	  top: 50%;
	  width: auto;
	  margin-top: -22px;
	  padding: 16px;
	  color: white;
	  font-weight: bold;
	  font-size: 18px;
	  transition: 0.6s ease;
	  border-radius: 0 3px 3px 0;
	  user-select: none;
	}

	.next {
	  right: 0;
	  border-radius: 3px 0 0 3px;
	}

	.prev:hover, .next:hover {
	  background-color: rgba(0,0,0,0.8);
	}

	.text {
	  color: #f2f2f2;
	  font-size: 15px;
	  padding: 8px 12px;
	  position: absolute;
	  bottom: 8px;
	  width: 100%;
	  text-align: center;
	}

	.numbertext {
	  color: #f2f2f2;
	  font-size: 12px;
	  padding: 8px 12px;
	  position: absolute;
	  top: 0;
	}

	.dot {
	  cursor: pointer;
	  height: 15px;
	  width: 15px;
	  margin: 0 2px;
	  background-color: #bbb;
	  border-radius: 50%;
	  display: inline-block;
	  transition: background-color 0.6s ease;
	}
	
	#dotSection {
		position:absolute;
		bottom:20px;
		left:0;
		right:0;
	}
	
	.titleOverlay {
	  position: absolute;
	  bottom: 70px;
	  right:0;
	  background: rgb(0, 0, 0);
	  background: rgba(0, 0, 0, 0.5); /* Black see-through */
	  color: #f1f1f1;
	  width: auto;
	  color: white;
	  font-size: 20px;
	  padding-top:10px;
	  padding-left:20px;
	  padding-right:40px;
	  padding-bottom:10px;
	  text-align: right;
	  text-transform:uppercase;
	}
	
	.moapagetitleoverlay{
	  position: absolute;
	  bottom: 70px;
	  right:0;
	  left:auto;
	  background: rgb(0, 0, 0);
	  background: rgba(0, 0, 0, 0.8); /* Black see-through */
	  color: #f1f1f1;
	  width: auto;
	  color: white;
	  font-size: 24px;
	  padding-top:10px;
	  padding-left:20px;
	  padding-right:40px;
	  padding-bottom:10px;
	  text-align: right;
	  line-height:normal;
}

.moapagetitleoverlayicon {
	float:left;
	max-width:157px;
	max-height:200px;
	margin-right:10px;
}

	.active, .dot:hover {
	  background-color: #717171;
	}

	.fade {
	  -webkit-animation-name: fade;
	  -webkit-animation-duration: 4s;
	  -webkit-animation-iteration-count:2;
	  -webkit-animation-direction: alternate;
	  animation-name: fade;
	  animation-duration: 4s;
	  animation-iteration-count:2;
	  animation-direction: alternate;
	}

	@-webkit-keyframes fade {
	  from {opacity: .6}
	  to {opacity: 1}
	}

	@keyframes fade {
	  from {opacity: .6}
	  to {opacity: 1}
	}
	
	#EmergencyMessageMainSection {
		padding-top:15px;
		padding-bottom:15px;
	
	}
	
	#MOA_EmergencyMessageFilter {
		margin-left:8px;
	}

/********* Main Button Nav ********/
	
	.MainPageBigButtonImage {
		width:250px;
	}
	
	.MainPageBigButtonText {
		text-align:center;
		vertical-align:middle;
		width:250px;
		height:50px;
		font-family: avenir-lt-w01_35-light1475496, sans-serif;
		color:white;
		text-transform:uppercase;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	
	.MainPageBigButtonText:hover {
		
	}
	
	.MainPageBigButtonContainer {
		padding-bottom:15px;
		text-align:center;
		min-width:256px !important;
	}

	
	.MainPageBigButtonContainer a{
		text-decoration:none; !important;
	}
	


	
	.MainPageBigButtonContainer a:hover{
		text-decoration:none; !important;
	}
	
	.MainPageBigButtonButton {
		background-color:#7E8987;
		display:inline-block;
		padding:2px;
	}

	.MainPageBigButtonButton:hover {
		background-color:#00A7FF;
	}
	

	
/******************* I Want To section *************/

	.iwantto-container {
		background-color:#EDEDED;
		height:50px;
		width:100%;
		padding:10px;
	}
	
	.oem-iwantto-label {
		text-align:right;
		text-transform:uppercase;
		font-size:20px;
	}
	
	.oem-iwantto-drop {
		background-color:#D8e0c3;
		width:100%;
		border-radius: 0px;
	}

	.oem-iwantto-dropblock {
		background-color:#D8e0c3;
		z-index:1;
		position:relative;
	}

	.oem-iwantto-droparrow {
		  width: 0; 
		  height: 0; 
		  border-left: 10px solid transparent;
		  border-right: 10px solid transparent;
		  border-top: 20px solid white;
	}
	
	#MOA_IWantTo .navbar .navbar-collapse {
	position: absolute;
	top: 1.0rem;
	left: 0;
	background-color: white;
	border: 1px solid #00579d;
}

#MOA_IWantTo .oem-subitem .nav-link {
	padding-left:25px;
	padding-right:3px;
	color:black;
	text-transform:uppercase;
}

#MOA_IWantTo .oem-subitem .nav-link:hover {
	background-color:#D1EAFF;
	color:black;
}

#MOA_IWantTo .dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  border: none;
  margin-left:10px;
  color:black;
  padding:0px;
}


/*************** Temporary overrides to make the muni header work *********/

#breadcrumb_content {
	display:none;
}

/********************************* Emergency Message styling ******************************/
.OEM_EmergencyMessageTitle h1 {
	color: #b01630 !important;
	font-weight:bold;
}

.OEM_EmergencyMessageTitle a:hover {
	text-decoration:underline;
	color:#FF0030;
}


.OEM_EmergencyMessageItem h1 {
	font-size:28px;	
}

.OEM_EmergencyMessageItem h1:hover {
	color:#FF0030 !important;
}


.OEM_EmergencyMessageSubTitle h2 {
	color: #999999 !important;
	font-weight:bold;
}

.OEM_EmergencyMessageSubTitle h2 a {
	color: #999999;
	font-weight:bold;
}

.OEM_EmergencyMessageItem h2 {
	font-size:20px;
}

.OEM_EmergencyMessageItem {
	margin-bottom:20px;
}

.OEM_datetile {
	background-color: #b01630;
	color:white;
	padding:10px;
	margin-left:10px;
}

.OEM_datetile:hover {
	cursor:pointer;
	background-color:#FF0030;
}

.OEM_datetilemonth {
	font-size:24px;
}

.OEM_datetiledate {
	font-size:32px;
	font-weight:bold;
}

.OEM_datetileyear {
	font-size:18px;
}

.OEM_EmergencyMessageText {
  overflow: hidden;
  margin-bottom:10px;
  font-size:1rem;
  line-height:1.5rem;
  height:130px;
}

.OEM_EmergencyMessageTextMore {
	text-align:right;
	margin-bottom:10px;
}

.OEM_EmergencyMessageTextMore a {
	text-align:right;
	background-color:#b01630 !important;
	color:white;
	padding:8px;
	font-weight:bold;
	border-radius:5px;
}

.OEM_EmergencyMessageTextMore a:hover {
	background-color:#FF0030 !important;
}

.OEM_DateFilter {
	font-size:18px;	
}

.OEM_DateFilter:hover {
	cursor: pointer;
	text-decoration:underline;
	
}

.OEM_DateFilterYearHeader {
	font-size:20px;
}

/* hiding old breadcrumbs */
#MOA_BreadCrumb {
	display:none;
}

#dept-nav-section {
	display:none;
}

/* special styles for medium to small screens only to prevent header image wonkiness */
@media (max-width: 870px) {
	#oemtopimgcontainer {
		height:275px;
		width:100%;
		
		overflow:hidden;
	}
	
	#oemtopimgcontainer > div > div > img {
		height:275px;
		width:100%;
		object-fit:cover;
	}
	
	#oemtopimgcontainer > div > div > div > span > div > span > span > div > span > img {
		height:275px;
		width:100%;
		object-fit:cover;
	}
	
	.defaultTopImg {
		height:275px;
		width:100%;
		object-fit:cover;

	}
	
	#OEM_TemporaryTopImg {
		height:275px;
		width:100%;
		object-fit:cover;
	}
	
	#MOA_TemporaryTopImg {
		height:275px;
		width:100%;
		object-fit:cover;
	}

}

/* special styles for sm screens only */
@media (max-width: 767.98px) {
	#oem-dept-nav .navbar .navbar-collapse {
		position: relative;
		top: 0;
		border: 0;
		padding: 0 2rem;
		height:auto;
	}
	
	#oem-dept-nav .navbar-toggler {
		text-align:left;
		border:0;
		padding-left:10px;
	}
	
	#oem-dept-nav .navbar-main-link {
		text-align:left;
		border:0;
		position:relative;
		padding: .25rem 0 .25rem 0;
		padding-left:10px;
	}
	

	#MOA_Slideshow_imageContainer {
		TEXT-ALIGN: left;
		WIDTH: 400px;
	    height:225px;
	}

	#MOA_Slideshow_Pic {
	  /* Main wrapper for all images */
	  padding: 0;
	  overflow: hidden;
	  position: relative;
	  height:500px;
	  margin-left:0px;
	}
	
	#parkmapicon {
		width:200px;
	}
	
	#findparklabel {
		margin-top:10px;
	}

	#footerleft {
		text-align:center;
	}
	
	#dept-footer-maplink {
		text-align:center;
	}
	
	.oempagegreenblock {
		min-height:50px;
	}

	#oemMenu {
		padding-left:0px;
	}
	
	#header-icons {
		margin-right:0px;
	}
	
	.moapagetitleoverlay {
		bottom:20px;
	}

}

/****** end small screen only section ******/

/* special styles for sm screens only */
@media (max-width: 450px) {
	#oem-dept-nav .navbar-div {
		padding-left:0px;
	}

}