/**********************************************/
/*  Floating Expandable Page Images           */
/**********************************************/

@media screen and (max-width: 568px) {
	.fx-img-wrp {
		display:block;
		width:100%;
		margin:0 0 20px 0;
	}
}

@media screen and (min-width: 569px) {
	.fx-img-wrp {
		float:left;
		vertical-align:top;
		width:30%;
		margin:0 15px 20px 0;
	}
	
	.fx-l-wrp {float:left;}
	.fx-r-wrp {float:right;}
}

.fx-img-wrp { }

.fx-img-wrp img {
	width:100%;
	max-width:450px;
	height:auto;
	max-height:none !important;
	margin-right:0 !important;
	margin-bottom:0 !important;
}


/**********************************************/
/*  Aquatic Center Schedules                  */
/**********************************************/

/*** Today's schedule on Aquatic Center page ***/
.sch-1day-wrp {
	display:block;
	width:500px;
}

.sch-1day-wrp .sch-60, .sch-1day-wrp .sch-120, .sch-1day-wrp .sch-180, .sch-1day-wrp .sch-240, .sch-1day-wrp .sch-300, .sch-1day-wrp .sch-420, .sch-1day-wrp .sch-540, .sch-1day-wrp .sch-360 { height:auto;line-height:20px;padding-left:5px; }

.sch-1day-wrp .sch-day, .sch-1day-wrp .sch-date {
	display:inline-block !important;
	padding:0 3px;
}
		
.sch-1day-wrp .sch-date-wrp { display:none; }
	
.sch-1day-wrp .sch-date {
	text-align:left;
}
	
.sch-1day-wrp .sch-title-wrp { min-width:300px;display:inline-block;margin-right:10px; }
.sch-1day-wrp .sch-time { display:inline-block !important; vertical-align:top; }
	
.sch-1day-wrp .sch-full { height:28px;text-align:left; }


@media screen and (max-width: 900px) {
	.sch-day, .sch-date {
		display:inline-block;
		padding:0 3px;
	}
	
	.sch-day-wrp {
		display:block;
		width:100%;
	}
	
	.sch-date-wrp { 
		text-align:center;
		line-height:25px;
	}
	
	.sch-date {
		text-align:left;
	}
	
	.sch-title-wrp { min-width:300px;display:inline-block;margin-right:10px; }
	.sch-time { display:inline-block; }
	
	.sch-full { height:70px; }
}

@media screen and (min-width: 901px) {
	.sch-day, .sch-date { 
			display:block; 
			text-align:center; 
	}
	
	.sch-day-wrp {
		display:inline-block;
		width:13%;
	}
	
	.sch-date {
		text-align:center;
	}
}

@media screen and (min-width:901px) and (max-width: 1250px) {
	.sch-60 { height:94px; }
	.sch-120 {height:188px; }
	.sch-180 { height:282px; }
	.sch-240 { height:376px; }
	.sch-300 { height:470px; }
	.sch-360 { height:564px; }
	.sch-420 { height:658px; }
	.sch-480 { height:752px; }
	.sch-540 { height:846px; }
	.sch-full { height:1222px; }
	
	.sch-day-wrp { font-size:12px; }
}

@media screen and (min-width: 1251px) and (max-width: 1500px) {
	.sch-60 { height:60px; }
	.sch-120 {height:120px; }
	.sch-180 { height:180px; }
	.sch-240 { height:240px; }
	.sch-300 { height:300px; }
	.sch-360 { height:360px; }
	.sch-420 { height:420px; }
	.sch-480 { height:480px; }
	.sch-540 { height:540px; }
	.sch-full { height:780px; }
	
	.sch-day-wrp { font-size:12px; }
}

@media screen and (min-width: 1501px) {
	.sch-60 { height:60px; }
	.sch-120 {height:120px; }
	.sch-180 { height:180px; }
	.sch-240 { height:240px; }
	.sch-300 { height:300px; }
	.sch-360 { height:360px; }
	.sch-420 { height:420px; }
	.sch-480 { height:480px; }
	.sch-540 { height:540px; }
	.sch-full { height:780px; }
	
	.sch-day-wrp { font-size:12px; }
}

.sch-day-wrp, .sch-1day-wrp {
	font-weight:600;
	vertical-align:top;	
	margin-right:4px;
	margin-bottom:30px;
}

.sch-full { display:block; text-align:center; }

.sch-date-wrp {
	padding:10px;
	font-weight:bold;
	background-color:#ff5e4d;
	margin-top:10px;
	color:white;
	margin-bottom:5px;
}

.sch-cell { 
	padding:3px 3px 3px 5px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-bottom:6px solid white;
	line-height:16px;
}

.sch-title { display:block; }

.sch-ls {
	background-color:#bddc04;
	color:black;
}

.sch-os {
	background-color:#006db6;
	color:white;
}

.sch-ex {
	background-color:#ffc600;
	color:black;
}

.sch-pc {
	background-color:#e3e3e3;
	color:#273843;
}

.sch-op {
	background-color:#ff6c2c;
	color:white;
}


/**********************************************/
/*  IE 10 & 11 CSS                            */
/**********************************************/

@media all and (min-width:1024px) and (max-width: 1160px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.menu-links-ctn li { margin:0 1% 0 0 !important; }
}

@media all and (min-width:1161px) and (max-width: 1280px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.menu-links-ctn li { margin:0 2% 0 0 !important; }
}

@media all and (min-width:1281px) and (max-width: 1380px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.menu-links-ctn li { margin:0 1% 0 0 !important; }
}

@media all and (min-width:1381px) and (max-width: 1480px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.menu-links-ctn li { margin:0 2% 0 0 !important; }
}

@media all and (min-width:1481px) and (max-width: 1530px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.menu-links-ctn li { margin:0 2% 0 0 !important; }
}

@media all and (min-width:1531px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.menu-links-ctn li { margin:0 3% 0 0 !important; }
}

/**********************************************/
/*  BIDS                                      */
/**********************************************/

.bids-ctn {
	padding:1px 20px;
	background-color:#f3f3f3;
}

.bids-title {
	color:#373737;
	font-size:16px;
	font-weight:800;
	margin:20px 0;
}

.bids-subheader { margin-bottom:15px; }

/**********************************************/
/*  GENERIC CALENDAR DISPLAYS                 */
/**********************************************/

/*** Inline Calendar Field small text (Bids Page) ***/
@media screen and (max-width: 568px) {

}

.cal-icon-sm-txt {
	display:inline-block;
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:-49px -3482px;
	padding-left:32px;
	margin-right:17px;
	margin-bottom:5px;
	color: #373737;
    font-size: 14px;
    font-weight: 700;
	height:33px;
	padding-top:7px;
	background-image:url(../img/v3-page-sprite.png);
}

/**********************************************/
/*  STATUS CIRCLES - NO TEXT ex: Bids         */
/**********************************************/

@media screen and (max-width: 568px) {
	.status-txt {
		width:175px;
	}

	.status-circle {
		vertical-align:middle;
	}
}

@media screen and (min-width: 569px) {

}

.status-wrp {
	margin-right:15px;
	display:inline-block;
	margin-bottom:5px;
}

.status-circle {
	width:23px;
	height:23px;
	line-height:33px;
	-webkit-border-radius: 50%; 
  	-moz-border-radius: 50%;  
  	border-radius: 50%;		
	color:white;
	text-align:center;
	padding:0px;
	display:inline-block;
	margin-right:6px;
	margin-top:4px;
}

.status-blue {	background-color:#006db6; }
.status-red { background-color:#ff534d; }
.status-gray { background-color:#3e3e3e; }
.status-orange { background-color:#ff6c2c; }

.status-txt {
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	font-weight:700;
	color:#373737;
	min-height:27px;
	line-height:33px;
}

/**********************************************/
/*  STATS                                     */
/**********************************************/

@media screen and (max-width: 568px) {
	.stats-wrp {
		width:100%;
		min-width:280px;
		margin:0 0 10px 0;
	}
}

@media screen and (min-width: 569px) {
	.stats-wrp {
		width:280px;
		margin:0 30px 30px 0;
	}	
}

/**********************************************/
/*  LINK BUTTONS                              */
/**********************************************/

@media screen and (max-width: 568px) {
	.backto-link {
	    display:block;
		margin:7px 0;	
		width:100%;
		box-sizing: border-box;
	}
	
	.dept-contact-wrp, .backto-link {
	    width:100%;
		display:block;
	}
	
	.page-banner-wrp {
		margin-bottom:0;
	}
	
	.page-no-banner-wrp {
		padding:30px 40px;
	}
	
	.page-nav-insite-ctn { background-color:#ffdd00; }
	.page-nav-scroll-ctn { 
		background-color:#ff5e4d;
	}
	
	.page-nav-ctn {
		max-height:28px;
		overflow:hidden;		
		padding:0 40px 10px 40px;
		-webkit-transition: max-height 0.6s ease-in-out; 
  		-moz-transition: max-height 0.6s ease-in-out; 
  		-ms-transition: max-height 0.6s ease-in-out; 
  		-o-transition: max-height 0.6s ease-in-out; 
  		transition: max-height 0.6s ease-in-out;
	}
	
	.page-nav-btn {
		display:block;
	}
	
	.page-nav-btn a {
		display:block;
	}
	
	.page-link-wrp a {
		display:inline-block;
		margin:5px 0;
		width:100%;
	}
	
	ul .page-link-wrp a {
		width:auto;
	}
	
	.page-nav-scroll-ctn .page-scroll-wrp {
		background-color:#273843; 
	}
	
	/* Color stays the same when nav button is mixed with insite buttons */
	.page-nav-insite-ctn .page-scroll-wrp {
		background-color:#ff5e4d; 
	}
	
	/* .page-one-scroll-ctn is for scroll menus that only have one button and do not need to expand */	
	.page-one-scroll-ctn .page-scroll-wrp {
		background-color:#ff5e4d;
	}
	
	.page-one-scroll-ctn .page-scroll-link:after {
		float:right;
		content:'';
		background-image:url(../img/v3-sprite.png);
		background-repeat:no-repeat;
		background-position:-49px -3389px;
		width:22px;
		height:24px;	
	}
	
	.page-scroll-wrp { 		
		font-size:13px;		
		line-height:24px;
		padding:6px 12px 4px 12px;
	}
	
	.page-scroll-wrp a { color:white; }
	
	.page-nav-wrp a {
		background-color:#273843;
		color:#ffdd00;	
	}
	
	.page-nav-insite-ctn .open-page-nav:after { 
		/*background-position:-1px 4px;transform: rotateZ(-180deg);*/
		background-position:-53px -2588px !important;
	}
	
	.page-nav-scroll-ctn .open-page-nav:after { 
		/*background-position:-1px 4px;transform: rotateZ(-180deg);*/
		background-position:-53px -2388px !important;
	}
	
	.page-nav-ctn.menu-on-page {
		-webkit-transition: max-height 0.6s ease-in-out; 
  		-moz-transition: max-height 0.6s ease-in-out; 
  		-ms-transition: max-height 0.6s ease-in-out; 
  		-o-transition: max-height 0.6s ease-in-out; 
  		transition: max-height 0.6s ease-in-out;
		max-height:700px;
	}	
}

@media screen and (min-width: 569px) {
	.backto-link {
		display:inline-block;
		margin:7px 6px 7px 0;
	}
	
	.page-banner-wrp {
		margin-bottom:30px;
	}
	
	.page-no-banner-wrp {
		padding:40px 40px 15px 40px;
	}
	
	.page-nav-ctn {
		padding:10px 40px 7px 40px;
	}
	
	.page-scroll-wrp { 
		background-color:#ff5e4d;
		font-size:14px;		
		line-height:24px;
		padding:6px 9px 4px 12px;
	}
	
	.page-scroll-wrp a { color:white; }
	
	.page-scroll-link:after {
		float:right;
		content:'';
		background-image:url(../img/v3-sprite.png);
		background-repeat:no-repeat;
		background-position:-49px -3389px;
		width:22px;
		height:24px;	
	}

	.page-scroll-link:hover::after {
		-moz-animation: bounce 1s;
    	-webkit-animation: bounce 1s;
    	animation: bounce 1s;
	}

	.page-nav-wrp a {
		background-color:#ffdd00;
		color:#273843;	
	}
	
	.page-nav-wrp a:hover {
		background-color:#273843;
		color:#ffdd00;
	}
	
	.page-nav-btn {
		display:none;
	}
	
	.page-link-wrp a {
		display:inline-block;
		margin:0 9px 9px 0;
	}
	
	/* Shorten margin right on document lists with page-link-wrp class */
	.page-link-wrp span a {
		margin-right:6px !important;
	}
}

/****************************************************/
/*  HELP AND WEATHER LINK LOCATIONS                 */
/*  This is for sub pages                           */
/****************************************************/

@media screen and (max-width: 1024px) {
	.help-link-banner-wrp { bottom:70px; }	
	.weather-wrp { bottom:116px; }	
}

@media screen and (min-width: 1025px) {
	.help-link-banner-wrp {	bottom:60px; }	
	.weather-wrp { bottom:120px; }	
}

/****************************************************/
/*  MENU                                            */
/****************************************************/

@media screen and (max-width:568px) {
	.menu-on { /*height:490px !important;*/ }
}

@media screen and (min-width:569px) and (max-width:1024px) {
  .menu-on { /*height:435px !important;*/ }
}

/****************************************************/
/*  SERVICE PAGE BOXES AND SEARCH PROMOS            */
/****************************************************/

@media screen and (max-width:714px) {	
	.serv-page-img { display:none; }
	
	.serv-page-wrp {
		display:block;
		width:100%;
		padding:0 0 30px 0;
	}
}

@media screen and (min-width:715px) and (max-width:1024px) {
	.serv-page-img { display:block; }
	
	.serv-page-ctn {
		display: flex;
  		justify-content:left;
  		flex-wrap: wrap;
		margin-top:15px;
	}
	
	.serv-page-wrp {
		display:flex;
		width:40%;
		max-width:200px;
		min-height:230px;
		padding:0 30px 30px 0;
		text-align:left;
	}
}

@media screen and (min-width:1025px) {
	.serv-page-img { display:block; }
	
	.serv-page-ctn {
		display: flex;
  		justify-content: start;
  		flex-wrap: wrap;
		margin-top:15px;
	}
	
	.serv-page-wrp {
		min-width:245px;
		max-height:260px;
		flex: 0 0 20%;
  		display: flex;
  		justify-content: left;
  		align-items: stretch;
  		padding: 0 30px 30px 0;
  		box-sizing: border-box;
	}
	
	.serv-page-wrp:before {
 		content: '';
  		display: table;
  		padding-top: 100%;
	}
}

.services-ctn, .departments-ctn, .calendar-ctn, .maps-ctn, .news-ctn, .contact-ctn { display:none; }

#banner-ctn {
	position:relative;
}

.page-banner-ctn {}

.page-banner-wrp {
	background-size:cover;
	background-repeat:no-repeat;
	padding:40px;
}

.page-no-banner-wrp { }

.page-banner-1 {background-image:url(../img/v3-banner1.jpg);background-position:bottom right;}
.page-banner-2 {background-image:url(../img/v3-banner2.jpg);background-position:center center;}
.page-banner-3 {background-image:url(../img/v3-banner3.jpg);background-position:center center;}
.page-banner-4 {background-image:url(../img/v3-banner4.jpg);background-position:center center;}
.page-banner-5 {background-image:url(../img/v3-banner5.jpg);background-position:center center;}
.page-banner-6 {background-image:url(../img/v3-banner6.jpg);background-position:center center;}
.page-banner-7 {background-image:url(../img/v3-banner7.jpg);background-position:center center;}
.page-banner-8 {background-image:url(../img/v3-banner8.jpg);background-position:center center;}
.page-banner-9 {background-image:url(../img/v3-banner9.jpg);background-position:center center;}
.page-banner-10 {background-image:url(../img/v3-banner10.jpg);background-position:center center;}
.page-banner-11 {background-image:url(../img/v3-banner11.jpg);background-position:center center;}
.page-banner-12 {background-image:url(../img/v3-banner12.jpg);background-position:center center;}
.page-banner-13 {background-image:url(../img/v3-banner13.jpg);background-position:center center;}
.page-banner-14 {background-image:url(../img/v3-banner14.jpg);background-position:center center;}
.page-banner-15 {background-image:url(../img/v3-banner15.jpg);background-position:center center;}
.page-banner-16 {background-image:url(../img/v3-banner16.jpg);background-position:center center;}
.page-banner-17 {background-image:url(../img/v3-banner17.jpg);background-position:center center;}

/* Page Banner Image stretch 100% */
.banner-img-100 { 
	width:100%; 
	height:auto;
	margin:20px 0 10px 0; 
}

.page-title {}

.page-no-banner-title { 
	color:#212221;
}

@media screen and (max-width: 714px) {
	.page-serv-title { width:100%; }
}

.page-serv-title {
	padding-bottom:7px;
	border-bottom:11px solid #006db6; 
	display:inline-block;
}
html.nontouch .dept-fax-lnk:hover { background-position:-45px -183px; }
.page-banner-title { color:white; }

.page-banner-ctn .dept-contact-wrp { margin-bottom:0; }

.page-nav-ctn {
	display:block;
	margin-bottom:15px;
} 

.page-nav-wrp, .page-scroll-wrp {	
	display:inline-block;
}

.page-nav-wrp a {
	font-size:14px;
	font-weight:700;
	display:inline-block;
	line-height:24px;
	padding:6px 12px 4px 12px;
	margin:0 6px 9px 0;
}

.page-nav-btn {
	font-size:16px;
	font-weight:800;
	line-height:28px;
	padding:6px 0 4px 0;
	margin:0 0 6px 0;
}

.page-nav-insite-ctn .page-nav-btn { color:#ffdd00; }
.page-nav-insite-ctn .page-nav-btn a { color:#273843; }
.page-nav-scroll-ctn .page-nav-btn { color:#ff5e4d; }
.page-nav-scroll-ctn .page-nav-btn a { color:white; }

.page-nav-btn a:after {
	top:0px;
	right:0px;
	float:right;
	content:'';	
	background-repeat:no-repeat;
	width:22px;
	height:24px;
	/*background-position:0px 4px;
	background-size: 22px 18px !important;*/
	background-image:url(../img/v3-page-sprite.png);
}

.page-nav-insite-ctn .page-nav-btn a:after { 
	/*transition: all 0.4s ease;background-image:url(../img/v3-dept-nav2.png);*/
	background-position:-53px -2487px;

}

.page-nav-scroll-ctn .page-nav-btn a:after { 
	/*transition: all 0.4s ease;background-image:url(../img/v3-dept-nav1.png);*/
	background-position:-53px -2287px;
}

.page-scroll-wrp {
	font-weight:700;
	margin:0 6px 9px 0;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-3px);
  }
}

@media screen and (max-width: 1024px) {
	#page-ctn { min-height:650px; }
}

@media screen and (min-width: 1025px) {
	#page-ctn { min-height:550px; }
}

#page-ctn {
	padding:5px 40px 20px 40px;
	position:relative;
	overflow:hidden;
	margin-top:20px;
}

@media screen and (max-width: 768px) {
	#page-ctn h4 {
		display:block;
	}
}

@media screen and (min-width: 769px) {
	#page-ctn h4 {
		display:inline-block;
	}
}

#page-ctn h4 {
	color:#273843;
	font-size:20px;
	line-height:24px;
	font-weight:800;
	margin:45px 0 20px 0;
	border-bottom:7px solid #ff6c2c;
	padding-bottom:7px;
}	

#page-ctn h5{
	color:#373737;
	font-size:16px;
	font-weight:800;
	margin:45px 0 20px 0;
	font-style:normal;
}

.gen-wrp-margin { margin-bottom:70px !important; }

#page-ctn p, #page-ctn ul, #page-ctn ol {
	color:#373737;
	font-size:14px;
	font-weight:600;
	margin-bottom:18px;
}

#page-ctn ul ul, #page-ctn ol ul, #page-ctn ol ol {
	margin-top:10px;
}

@media screen and (max-width: 568px) {

}

@media screen and (min-width: 569px) {

}

/* These styles apply to all ols and uls except ol in comments module */
#page-ctn ul, #page-ctn ol:not(.sfcommentsFieldsList) {
	list-style:outside;
	position:relative;
	padding-left:0 !important;
	left:20px;
}

.form-ctn ul {
	width:80%;
}

#page-ctn ul li {
	margin-bottom:12px;
}

.page-link-wrp {
	margin-bottom:20px;
}

#page-ctn ul .page-link-wrp {
	margin-top:10px;
	margin-bottom:0 !important;
}

.page-link-wrp a {
	font-weight:700;
	font-size:14px;
	padding:7px 12px 6px 12px;
	box-sizing: border-box;
}

/*** App store icon links ***/
.app-link {}

.app-link img {
	width:160px;
	height:61px;
	margin-left:-10px;
	margin-bottom:20px;
}

.page-link-wrp a, .page-link-wrp a:link, .page-link-wrp a:visited, .page-link-wrp a:active {
 	background-color:#e3e3e3;
  	color:#273843;
	text-transform:uppercase;
}
	
html.nontouch .page-link-wrp a:hover {	
	background-color:#273843;
  	color:#e3e3e3;
}

/**** Generic Page Float Images ****/
@media screen and (max-width: 568px) {
	.float-img-left, .float-img-right {
		margin:0 auto 20px auto;
    	width: 96% !important;
    	height: auto !important;
    	display: block;
	}
}

@media screen and (min-width: 569px) {
	.float-img-left {
		float:left;
		margin:0 20px 30px 0;
	}
	
	.float-img-right {
		float:right;
		margin:0  0 30px 20px;
	}
}

.float-img-left, .float-img-right { max-width: 280px; }

/**** Video iFrames ****/
@media screen and (max-width: 568px) {
	.vid-iframe-wrp {
		max-width:320px;
		width:86%;
	}
}

@media screen and (min-width: 569px) {
	.vid-iframe-wrp {
		max-width:560px;
		width:100%;
	}
}

.vid-iframe-wrp {
	margin:25px 0;	
	min-width:260px;
}

.vid-iframe-wrp iframe {
	width:100%;
	min-height:315px;
	border:20px solid #f3f3f3; 
	display:block;
}

.iframe-mar { margin-bottom:25px; }

/**********************************************/
/*  LISTS WITH THUMBNAILS                     */
/*  Add .list-th-ctn to content block div     */
/**********************************************/
@media screen and (max-width: 568px) {
	.list-th-ctn img {
		margin:0 auto 30px auto;
		display:block;
		width:100%;
	}
	
	.list-th-ctn h4 {
		width:100%;
	}
}

@media screen and (min-width: 569px) {
	.list-th-ctn img {
		float:left;
		margin:0 20px 20px 0;
	}
	
	.list-th-desc-wrp {
		min-height:140px;
	}
}

.list-th-ctn {
	margin:40px 0 20px 0;	
	min-height:220px;
	background-color:#f3f3f3;
	padding:20px;
	
}

.list-th-ctn h5 {
	margin-top:5px !important;
}

.list-th-ctn h4 {	
	margin-top:5px !important;
	display:inline-block !important;
	text-transform:uppercase;
}

/**** Small List Thumbnail Images ****/
.list-th-ctn img {
	width:200px;
	max-width:200px;
	height:auto;
	max-height:220px;
}

.list-th-ctn .img-lb-ctn {
	padding-left:0 !important;
	padding-top:30px !important;
	padding-bottom:0 !important;
}

/**********************************************************************************/
/*  DOC/LINK LISTS WITH THUMBNAILS, TITLES & DESCRIPTIONS                         */
/*  Add .list-lnk to content block div                                            */
/*  Fire Code FAQ page is example. List of links with thumbnails, titles, and/or  */
/*  decriptions. Similar to page-link-wrp links                                   */
/**********************************************************************************/
@media screen and (max-width: 368px) {
	.list-lnk img {
		margin:0 auto 30px auto;
		display:block;
		width:100%;
	}
}

@media screen and (min-width: 369px) {
	.list-lnk img {
		float:left;
		margin:0 20px 10px 0;
	}
	
	.list-lnk {
		min-height:140px;
	}
}

.list-lnk {
	padding:20px !important;
	display:block !important;
}

.list-lnk .list-lnk-title {
	font-size:16px;
	font-weight:800;
	display:block;
	margin-bottom:6px;
}

.list-lnk .list-lnk-desc {
	font-size:14px;
	font-weight:600;
	display:block;
	text-transform:none !important;
}

.list-lnk img {
	width:100px;
	height:auto;
}

/**********************************************/
/*  INLINE LISTS (ex: Parks)                  */
/*  Looks like Search Promos                  */
/**********************************************/
@media screen and (max-width:714px) {
	.list-inline-title { padding:15px; }
	.list-inline-desc { padding:0 15px 15px 15px; }
	.list-inline-th { display:none; }
	
	.list-inline-wrp {
		width:100%;
		padding:0 0 15px 0;
	}
}

@media screen and (min-width:715px) {
	.list-inline-th { 
		display:block;
		width:100%;
		height:120px;
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	.list-inline-ctn {
		display: flex;
  		justify-content: start;
  		flex-wrap: wrap;
	}
	
	.list-inline-wrp {		
		flex: 0 0 20%;
  		display: flex;
  		justify-content: center;
  		align-items: stretch;
  		padding: 0 30px 30px 0;
		box-sizing: border-box;
		min-width:245px;
		max-height:300px;
	}
	
	.list-inline-title { padding:9px 9px 6px 9px; }
	.list-inline-desc { padding:5px 9px 9px 9px; }
	
	.list-inline-wrp:before/*, .sfsearchResultTitle:before*/ {
 		content: '';
  		display: table;
  		padding-top: 100%;
	}
}

.list-inline-lnk, .list-inline-lnk:active, .list-inline-lnk:focus, .list-inline-lnk:link, .list-inline-lnk:visited {
	background-color:#e3e3e3;
	color:#273843;	
	width:100%;
	display:block;
}

html.nontouch .list-inline-lnk:hover {
	color:#e3e3e3;
	background-color:#273843;
}

.list-inline-title {
	display:block;
	font-size:17px;
	font-weight:800;
	line-height:18px;
	margin:0;
}

.list-inline-desc {
	display:block;
	font-size:12px; 
	line-height:16px;
	font-weight:600;
}

/*** Park Amenity Icons ***/
.park-icon {
	display:inline-block;
	width:36px;
	height:36px;
	background-image:url(../img/v3-page-sprite.png);
	background-repeat:no-repeat;	
	-webkit-border-radius: 50%; 
  	-moz-border-radius: 50%;  
  	border-radius: 50%;	
	margin:3px 3px 0 0;
}

.i-swim { background-position:-44px -1182px; background-color:#13a7e5; }
.i-baseball { background-position:-43px -1282px; background-color:#423ded; }
.i-basketball { background-position:-43px -1383px; background-color:#e23710; }
.i-bike { background-position:-44px -1481px; background-color:#412d13; }
.i-concession { background-position:-44px -1582px; background-color:#1da095; }
.i-dog { background-position:-44px -1682px; background-color:#debe26; }
.i-playground { background-position:-44px -1780px; background-color:#a72d88; }
.i-ramada { background-position:-44px -1882px; background-color:#387566; }
.i-ramp { background-position:-44px -1982px; background-color:#1d19db; }
.i-restroom { background-position:-44px -2082px; background-color:#0e0e0e; }
.i-skate { background-position:-42px -2183px; background-color:#db1013; }
.i-pickle { background-position:-43px -3382px; background-color:#db942e; }

.i-key-ctn {
	margin:5px 0 20px 0;
}

.i-key-ctn .park-icon {
	margin-top:0px !important;
	margin-right:6px !important;
	width:29px !important;
	height:29px !important;
	background-size:100px 12000px !important;
}

.i-key-ctn .i-swim { background-position:-35px -945px !important; }
.i-key-ctn .i-baseball { background-position:-34px -1025px !important; }
.i-key-ctn .i-basketball { background-position:-34px -1106px !important;}
.i-key-ctn .i-bike { background-position:-35px -1185px !important; }
.i-key-ctn .i-concession { background-position:-35px -1265px !important; }
.i-key-ctn .i-dog { background-position:-35px -1345px !important;}
.i-key-ctn .i-playground { background-position:-35px -1425px !important; }
.i-key-ctn .i-ramada { background-position:-35px -1505px !important; }
.i-key-ctn .i-ramp { background-position:-35px -1585px !important; }
.i-key-ctn .i-restroom { background-position:-35px -1665px !important;}
.i-key-ctn .i-skate { background-position:-33px -1746px !important; }
.i-key-ctn .i-pickle { background-position:-34px -2705px !important; }

.i-key-wrp { 
	display:inline-block;
	width:200px;	
	margin-bottom:5px;
}

.i-key-txt {
	display:inline-block;
	font-weight:700;
	line-height:29px;
	vertical-align:top;
}


/**********************************************/
/*  Data tables with columns, 1 to 2 lines of */
/*  information per record (Intox reports)    */
/*  Re-use (page-ink-wrp) class               */
/**********************************************/
@media screen and (min-width: 569px) {
	ul.page-link-55 li a { height:55px; }
	ul.page-link-85 li a { min-height:85px; }
	ul.page-link-105 li a { min-height:105px; }
}

@media screen and (max-width: 568px) {
	ul.page-link-wrp { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
}

@media screen and (min-width: 569px) and (max-width:768px) {
	ul.page-link-wrp { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
}

@media screen and (min-width: 769px) and (max-width:1024px) {
	ul.page-link-wrp { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
}

@media screen and (min-width: 1025px) {
	ul.page-link-wrp { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; }	
}

ul.page-link-wrp {	
    -moz-column-gap: 20px;    
    -webkit-column-gap: 20px;    
    column-gap: 20px;
	list-style:none !important;
	padding-left:0px !important;
	left:0;
	position:static !important;
}

ul.page-link-wrp li { 
	margin-bottom:0 !important;
}

ul.page-link-wrp li a {	
	width:100%; 
	margin-bottom:20px;
}

/*** Site Map Page ***/
.site-map-ctn a { 
	display:initial !important;
	line-height:26px;
}

.site-map-ctn ul.page-link-wrp li.site-map-level1-li {
	margin-bottom:45px !important; 
}

.site-map-ctn ul.page-link-wrp li.site-map-level3-li, .site-map-ctn ul.page-link-wrp li.site-map-level2-li  {
	margin-bottom:12px !important; 
}

.site-map-ctn .site-map-level2-ul  {
	margin-top:17px !important; 
	margin-bottom:50px !important;
}

.site-map-ctn .site-map-level3-ul {
	margin-top:17px !important; 
}

.site-map-level1-ul {
	column-width:320px;
}

/****************************************************/
/*  SERVICE PAGE BOXES AND STYLES                   */
/****************************************************/

.serv-page-ctn { }
.serv-page-wrp {}

.serv-page-lnk, .serv-page-lnk:active, .serv-page-lnk:focus, .serv-page-lnk:link, .serv-page-lnk:visited {
	background-color:#e3e3e3;
	color:#273843;	
	width:100%;
	display:block;
}

html.nontouch .serv-page-lnk:hover {
	color:#e3e3e3;
	background-color:#273843;
}


/*** Search Promo and Service Page Thumbnails ***/
@media screen and (min-width:715px) {
	/*** Recreation & Activities ***/
	.th-asp { background-image:url(../img/thumbnails/after-school-program.jpg); }
	.th-youth-sports { background-image:url(../img/thumbnails/youth-sports.jpg); }
	.th-camps { background-image:url(../img/thumbnails/camps.jpg); }
	.th-exercise { background-image:url(../img/thumbnails/exercise.jpg); }
	.th-parks-trails { background-image:url(../img/thumbnails/parks-and-trails.jpg); }
	.th-recreation { background-image:url(../img/thumbnails/recreation.jpg); }
	.th-swim { background-image:url(../img/thumbnails/swim-lessons.jpg); }
	.th-special-events { background-image:url(../img/thumbnails/special-events.jpg); }
	.th-community-center { background-image:url(../img/thumbnails/communitycenter.jpg); }
	.th-aquatic-center { background-image:url(../img/thumbnails/aquatic-center.jpg); }
	.th-open-gym { background-image:url(../img/thumbnails/open-gym.jpg); }
	.th-pickleball { background-image:url(../img/thumbnails/pickleball.jpg); }
	.th-ramada { background-image:url(../img/thumbnails/ramada.jpg); }
	/*** Court & Legal ***/ 
	.th-city-attorney { background-image:url(../img/thumbnails/attorney.jpg); }
	.th-prosecutor { background-image:url(../img/thumbnails/prosecutor.jpg); }
	.th-comm-resources { background-image:url(../img/thumbnails/comm-resources.jpg); }
	.th-intox { background-image:url(../img/thumbnails/intox.jpg); }
	.th-court { background-image:url(../img/thumbnails/court.jpg); }
	.th-victims { background-image:url(../img/thumbnails/victim.jpg); }
	.th-dv { background-image:url(../img/thumbnails/dv.jpg); }
	.th-traffic-tickets { background-image:url(../img/thumbnails/traffic-tickets.jpg); }
	.th-court-fines { background-image:url(../img/thumbnails/court-fines.jpg); }
	.th-vet-court { background-image:url(../img/thumbnails/veterans-court.jpg); }
	.th-youth-court { background-image:url(../img/thumbnails/youth-court.jpg); }
	.th-justiceweb { background-image:url(../img/thumbnails/justiceweb.jpg); }
	.th-court-calendar { background-image:url(../img/thumbnails/court-calendar.jpg); }
	/*** City Information ***/ 
	.th-ch4 { background-image:url(../img/thumbnails/ch4.jpg); }
	.th-volunteer { background-image:url(../img/thumbnails/volunteer.jpg); }
	.th-careers { background-image:url(../img/thumbnails/careers.jpg); }
	.th-directory { background-image:url(../img/thumbnails/directory.jpg); }
	.th-elections { background-image:url(../img/thumbnails/elections.jpg); }
	.th-records { background-image:url(../img/thumbnails/records.jpg); }
	.th-statistics { background-image:url(../img/thumbnails/statistics.jpg); }
	.th-visitors { background-image:url(../img/thumbnails/visitors.jpg); }
	.th-partners { background-image:url(../img/thumbnails/partners.jpg); }
	.th-grants { background-image:url(../img/thumbnails/grants.jpg); }
	.th-fees { background-image:url(../img/thumbnails/fees.jpg); }
	.th-auction { background-image:url(../img/thumbnails/auction.jpg); }
	.th-budget { background-image:url(../img/thumbnails/budget.jpg); }
	.th-bench { background-image:url(../img/thumbnails/bench.jpg); }
	.th-documents { background-image:url(../img/thumbnails/documents.jpg); }
	.th-agendas { background-image:url(../img/thumbnails/agendas.jpg); }
	.th-video { background-image:url(../img/thumbnails/video.jpg); }
	.th-map { background-image:url(../img/thumbnails/map.jpg); }
	.th-subscribe { background-image:url(../img/thumbnails/subscribe.jpg); }
	.th-havasunow { background-image:url(../img/thumbnails/havasunow.jpg); }
	.th-hangar { background-image:url(../img/thumbnails/hangar.jpg); }
	.th-wahs { background-image:url(../img/thumbnails/wahs.jpg); }
	.th-meetings { background-image:url(../img/thumbnails/meetings.jpg); }
	.th-facebook { background-image:url(../img/thumbnails/facebook.jpg); }
	.th-youtube { background-image:url(../img/thumbnails/youtube.jpg); }
	.th-faq { background-image:url(../img/thumbnails/faq.jpg); }
	/*** Business Resources ***/
	.th-aztaxes { background-image:url(../img/thumbnails/aztaxes.jpg); }
	.th-taxes { background-image:url(../img/thumbnails/taxes.jpg); }
	.th-bl { background-image:url(../img/thumbnails/bl.jpg); }
	.th-vacation { background-image:url(../img/thumbnails/vacation.jpg); }
	.th-ped { background-image:url(../img/thumbnails/ped.jpg); }
	.th-assessor { background-image:url(../img/thumbnails/assessor.jpg); }
	.th-vision { background-image:url(../img/thumbnails/vision.jpg); }
	.th-citieswork { background-image:url(../img/thumbnails/citieswork.jpg); }
	.th-chamber { background-image:url(../img/thumbnails/chamber.jpg); }
	.th-bids { background-image:url(../img/thumbnails/bids.jpg); }
	.th-lease { background-image:url(../img/thumbnails/lease.jpg); }
	.th-license { background-image:url(../img/thumbnails/license.jpg); }
	/*** Utilities ***/
	.th-trash { background-image:url(../img/thumbnails/trash.jpg); }
	.th-watersewer { background-image:url(../img/thumbnails/watersewer.jpg); }
	.th-payment { background-image:url(../img/thumbnails/payment.jpg); }
	.th-savewater { background-image:url(../img/thumbnails/savewater.jpg); }
	.th-payutility { background-image:url(../img/thumbnails/payutility.jpg); }
	.th-apply { background-image:url(../img/thumbnails/apply.jpg); }
	/*** Environment ***/
	.th-hazard { background-image:url(../img/thumbnails/hazard.jpg); }
	.th-storm { background-image:url(../img/thumbnails/storm.jpg); }
	.th-burning { background-image:url(../img/thumbnails/burning.jpg); }
	.th-weather { background-image:url(../img/thumbnails/weather.jpg); }
	.th-watersavers { background-image:url(../img/thumbnails/watersavers.jpg); }
	.th-adoptstreet { background-image:url(../img/thumbnails/adoptstreet.jpg); }
	.th-waterquality { background-image:url(../img/thumbnails/waterquality.jpg); }
	.th-sewerloan { background-image:url(../img/thumbnails/sewerloan.jpg); }
	.th-sewerpayoff { background-image:url(../img/thumbnails/sewerpayoff.jpg); }
	/*** Planning and Building ***/
	.th-permit { background-image:url(../img/thumbnails/permit.jpg); }
	.th-building { background-image:url(../img/thumbnails/building.jpg); }
	.th-code { background-image:url(../img/thumbnails/code.jpg); }
	.th-projects { background-image:url(../img/thumbnails/projects.jpg); }
	.th-planning { background-image:url(../img/thumbnails/planning.jpg); }
	.th-codeenforcement { background-image:url(../img/thumbnails/codeenforcement.jpg); }
	.th-specs { background-image:url(../img/thumbnails/specs.jpg); }
	.th-comm-invest { background-image:url(../img/thumbnails/comm-invest.jpg); }
	.th-tractmaps { background-image:url(../img/thumbnails/tractmaps.jpg); }
	.th-zoning { background-image:url(../img/thumbnails/zoning.jpg); }
	/*** Police and Fire ***/
	.th-fireworks { background-image:url(../img/thumbnails/fireworks.jpg); }
	.th-fire { background-image:url(../img/thumbnails/fire.jpg); }
	.th-fire-report { background-image:url(../img/thumbnails/fire-report.jpg); }
	.th-bicycle { background-image:url(../img/thumbnails/bicycle.jpg); }
	.th-witness { background-image:url(../img/thumbnails/witness.jpg); }
	.th-crimes-tips { background-image:url(../img/thumbnails/crimes-tips.jpg); }
	.th-police { background-image:url(../img/thumbnails/police.jpg); }
	.th-animals { background-image:url(../img/thumbnails/animals.jpg); }
	.th-so { background-image:url(../img/thumbnails/so.jpg); }
	.th-pd-recruitment { background-image:url(../img/thumbnails/pd-recruitment.jpg); }
	.th-pd-community { background-image:url(../img/thumbnails/pd-community.jpg); }
	.th-lost-found { background-image:url(../img/thumbnails/lost-found.jpg); }
	.th-bee { background-image:url(../img/thumbnails/bee.jpg); }
	.th-crashreport { background-image:url(../img/thumbnails/crashreport.jpg); }
	.th-nwatch { background-image:url(../img/thumbnails/nwatch.jpg); }
	.th-academy { background-image:url(../img/thumbnails/academy.jpg); }
	.th-pet-licensing { background-image:url(../img/thumbnails/pet-license.jpg); }
	.th-patrol { background-image:url(../img/thumbnails/patrol.jpg); }
	.th-vacation-watch { background-image:url(../img/thumbnails/vacation-watch.jpg); }
	.th-traffic-enforce { background-image:url(../img/thumbnails/traffic-enforce.jpg); }
	.th-crime-report { background-image:url(../img/thumbnails/crime-report.jpg); }
	.th-police-report { background-image:url(../img/thumbnails/police-report.jpg); }
	.th-explorers { background-image:url(../img/thumbnails/explorers.jpg); }
	.th-babysitting { background-image:url(../img/thumbnails/babysitting.jpg); }
	.th-flags { background-image:url(../img/thumbnails/flags.jpg); }
	/*** Transportation ***/
	.th-mpo { background-image:url(../img/thumbnails/mpo.jpg); }
	.th-streets { background-image:url(../img/thumbnails/streets.jpg); }
	.th-airport { background-image:url(../img/thumbnails/airport.jpg); }
	.th-mobility { background-image:url(../img/thumbnails/mobility.jpg); }
	.th-transit { background-image:url(../img/thumbnails/transit.jpg); }
	.th-transit-plan { background-image:url(../img/thumbnails/transit-plan.jpg); }
	/*** Parks ***/
	.th-dicksamp { background-image:url(../img/thumbnails/dicksamp.jpg); }
	.th-jackhardie { background-image:url(../img/thumbnails/jackhardie.jpg); }
	.th-lbb { background-image:url(../img/thumbnails/lbb.jpg); }
	.th-mesquite { background-image:url(../img/thumbnails/mesquite.jpg); }
	.th-grandisland { background-image:url(../img/thumbnails/grandisland.jpg); }
	.th-wheeler { background-image:url(../img/thumbnails/wheeler.jpg); }
	.th-asupark { background-image:url(../img/thumbnails/asupark.jpg); }
	.th-indianbend { background-image:url(../img/thumbnails/indianbend.jpg); }
	.th-parrott { background-image:url(../img/thumbnails/parrott.jpg); }
	.th-cypress { background-image:url(../img/thumbnails/cypress.jpg); }
	.th-avalon { background-image:url(../img/thumbnails/avalon.jpg); }
	.th-islandballfields { background-image:url(../img/thumbnails/islandballfields.jpg); }
	.th-realtor { background-image:url(../img/thumbnails/realtor.jpg); }
	.th-rotary { background-image:url(../img/thumbnails/rotary.jpg); }
	.th-site6 { background-image:url(../img/thumbnails/site6.jpg); }
	.th-yonder { background-image:url(../img/thumbnails/yonder.jpg); }
	.th-sara { background-image:url(../img/thumbnails/sara.jpg); }	
	.th-asufields { background-image:url(../img/thumbnails/asufields.jpg); }	
}

.serv-page-img {
	width:100%;
	height:120px;
	background-repeat:no-repeat;
	background-size:cover;
}

.serv-page-title {
	display:block;
	font-size:17px;
	font-weight:800;
	line-height:18px;
	margin:0 0 3px 0;
	padding:9px 9px 3px 9px;
}

.serv-page-txt {
	display:block;
	font-size:12px; 
	line-height:16px;
	font-weight:600;
	padding:0 9px 9px 9px;
}

.backto-wrp {
	padding:0;
	margin-top:15px;
}

.backto-link {
	font-weight:700;
	font-size:14px;
	padding:7px 12px 5px 37px;
	background-position:-44px -13883px;
}

.backto-link, .backto-link:link, .backto-link:visited, .backto-link:active {
 	background-color:#212221;
  	color:white;
}
	
html.nontouch .backto-link:hover {	
	background-color:#e3e3e3;
  	color:#273843;
	background-position:-44px -13983px;
}

/**********************************************/
/*  GENERIC TABLES BLUE HEADER                */
/**********************************************/

@media screen and (max-width: 768px) {
	.gen-tbl-bhead { width:100%; }
	
	.gen-tbl-bhead td .dept-contact-lnk {
		margin:0 6px 6px 0;
	}
	
	.gen-tbl-bhead td .page-link-wrp {
		margin:10px 0 0 0;
	}
}

@media screen and (min-width: 769px) {
	.gen-tbl-bhead { min-width:450px; }
	
	.gen-tbl-bhead td .dept-contact-lnk {
		margin:3px 6px 3px 0;
	}
	
	.gen-tbl-bhead td .page-link-wrp {
		margin:10px 0 0 0;
	}
}

.gen-tbl-bhead {
	font-size:14px;
	font-weight:600;
	margin:24px 0 30px 0;
	clear:both;
}

.gen-tbl-bhead, .gen-tbl-bhead td {
	border:none !important;
}

.gen-tbl-bhead td {
	padding:8px 10px !important;
}

.gen-tbl-bhead td .page-link-wrp a { margin:0; }

.gen-tbl-bhead thead tr {
	background-color:#006db6;
	color:white;
}

.gen-tbl-bhead tbody tr {
	background-color:#eaf5fc;
}

/**********************************************/
/*  GENERIC TABLES                            */
/**********************************************/

@media screen and (max-width: 768px) {
	.gen-tbl { width:100%; }
	.gen-tbl td {
		display:block;
	}
	
	.gen-tbl td .dept-contact-lnk {
		margin:0 6px 6px 0;
	}
	
	.gen-tbl td .page-link-wrp {
		margin:10px 0 0 0;
	}
}

@media screen and (min-width: 769px) {
	.gen-tbl { min-width:450px; }
	
	.gen-tbl td:first-of-type { min-width:200px; }
	.gen-tbl td .dept-contact-lnk {
		margin:3px 6px 3px 0;
	}
	
	.gen-tbl td .page-link-wrp {
		margin:10px 0 0 0;
	}
	
	.contact-tbl td:first-of-type {
		width:60%;
	}
	
	.contact20-tbl td:first-of-type {
		width:30%;
	}
}

.gen-tbl {
	font-size:14px;
	font-weight:600;
	margin:24px 0 30px 0;
	clear:both;
}

.contact-tbl, .contact20-tbl {
	width:100%;
}

.gen-tbl-subtext {
	font-size:11px;
	line-height:15px;
	font-weight:500;
	display:inline-block;
}

.gen-tbl, .gen-tbl td {
	border:none !important;
}

.gen-tbl td, .sch-tbl td {
	padding:8px 10px !important;
}

.gen-tbl td .page-link-wrp a { margin:0; }

.gen-tbl tr, .sch-tbl tr {
	border-right:none;
	border-top:none;
	border-bottom:10px solid white;
	border-left:none;
}

.gen-tbl tr:nth-child(odd) {
	background-color:#006db6;
	color:white;
}

.gen-tbl tr:nth-child(even) {
	background-color:#eaf5fc;
}

/*** Schedule tables, columned by color ***/
@media screen and (max-width: 568px) {
	.sch-tbl { width:100%; }
	.sch-tbl td {
		display:block;
	}
}

.sch-tbl {
	font-size:14px;
	font-weight:600;
}

.sch-tbl td:nth-child(odd) {
	background-color:#006db6;
	color:white;
}

.sch-tbl td:nth-child(even) {
	background-color:#eaf5fc;
}

/**********************************************/
/*  INFO TABLES (Sex Offenders and Projects)  */
/**********************************************/

@media screen and (max-width: 419px) {
	.tbl-info-wrp div { display:block; }	
	.tbl-info-wrp { margin-bottom:10px; }
}

@media screen and (min-width: 420px) and (max-width: 768px) {
	.tbl-info-ctn { display:table; }	
	.tbl-info-wrp { display:inline-flex; }	
	.tbl-info-wrp div { margin-bottom:10px; }
}

@media screen and (min-width: 769px) {
	.tbl-info-ctn { display:table; margin-bottom:10px; }	
	.tbl-info-wrp { display:table-cell; }
}

.tbl-info-ctn {
	clear:both;
	font-size:0;
	margin-bottom:0;
	width:100%;	
}

.tbl-info-wrp {
	font-size:0;
}

.tbl-info-wrp div {
	padding:7px;
	font-weight:600;
	font-size:14px;
}

.tbl-info-label {
	background-color:#006db6;
	color:white;
}

.tbl-info-txt {
	background-color:white;
	min-height:35px;
}

.tbl-info-txt .dept-contact-lnk {
	margin-bottom:0;
}

.tbl-info-txt .page-link-wrp {
	margin-bottom:0;
	padding:0;
}

.tbl-info-txt .page-link-wrp a {
	margin-bottom:0 !important;
}


/**********************************************/
/*  STATS                                     */
/**********************************************/

.stats-wrp {
	display:inline-block;
	vertical-align:top;
	color:#273843;
	padding:8px;	
	min-height:177px;
	box-sizing:border-box;
}

.stats-color1 { background-color:#ff6c2c; }
.stats-color2 { background-color:#bddc04; }
.stats-color3 { background-color:#ffdd00; }
.stats-color4 { background-color:#ff5e4d; }

.stats-icon {
	width:80px;
	height:90px;
	float:left;
	background-repeat:no-repeat;	
	background-image:url(../img/v3-stats-sprite.png);
}

/*Havasu Mobility Riders*/.stats-icon-1 { background-position: 0px 0px; }
/*Havasu Mobility Miles*/.stats-icon-2 { background-position: -300px 0px; }
/*Havasu Mobility Wheelchairs*/.stats-icon-3 { background-position: -200px 0px; }
/*ALS*/.stats-icon-4 { background-position: -300px -200px; }
/*AR1*/.stats-icon-5 { background-position: -300px -200px; }
/*BLS*/.stats-icon-6 { background-position: -300px -200px; }
/*Fire Calls Per Day*/.stats-icon-7 { background-position: -400px -100px; }
/*Building Inspections*/.stats-icon-8 { background-position: -100px -200px; }
/*Commercial Building Permits*/.stats-icon-9 { background-position: -200px -100px; }
/*Fire Code Violations*/.stats-icon-10 { background-position: -400px -300px; }
/*Fire Inspections*/.stats-icon-11 { background-position: -100px -300px; }
/*Gallons of Drinking Water Treated*/.stats-icon-12 { background-position: 0px -300px; }
/*Lake Mead*/.stats-icon-13 {  background-position: 0px -100px; }
/*Lives Improved*/.stats-icon-14 { background-position: -100px -200px; }
/*Miles of Sewer Line*/.stats-icon-15 { background-position: -200px -300px; }
/*Monthly Tax*/.stats-icon-16 { background-position: -400px -200px; }
/*City Parks*/.stats-icon-17 { background-position: -100px -100px; }
/*Plan Reviews*/.stats-icon-18 { background-position: -300px -100px; }
/*Pool Permits*/.stats-icon-19 { background-position: -300px -300px; }
/*Response Time*/.stats-icon-20 { background-position: -100px -0px; }
/*Sewer Pump Stations*/.stats-icon-21 { background-position: -500px -200px; }
/*Single Family Home Permits*/.stats-icon-22 { background-position: 0px -200px; }
/*Grading Permits*/.stats-icon-23 { background-position: -395px -5px; }
/*Taxes Fiscal Year*/.stats-icon-24 { background-position: -400px -200px; }
/*Value of Property Involved*/.stats-icon-25 { background-position: -500px -100px; }
/*Value of Property Saved*/.stats-icon-26 { background-position: -500px -100px; }
/*Wastewater Treatment Plants*/.stats-icon-27 { background-position: -600px 0px; }
/*City Population*/.stats-icon-28 { background-position: -500px 0px; }
/*Retaining walls*/.stats-icon-29 { background-position: -500px -300px; }
/*Electical plumbing mech permit*/.stats-icon-30 { background-position: -600px -100px; }


.stats-number {
	font-weight:800;
	font-size:30px;
	text-align:center;
	overflow:hidden;
	line-height:80px;
}

.stats-title {
	clear:both;
	font-size:16px;
	font-weight:700;
	border-top:5px solid #273843;
	display:block;
	padding:7px;
}

/**********************************************/
/*  VACANCY                                   */
/**********************************************/
@media screen and (max-width: 568px) {
	.vacancy-txt {
		width:175px;
	}

	.vacancy-circle {
		vertical-align:middle;
	}
}

@media screen and (min-width: 569px) {

}

.vacancy-ctn { margin-bottom:15px; }

.vacancy-wrp {
	margin-bottom:20px;
	margin-right:15px;
	display:inline-block;
}

.vacancy-circle {
	width:28px;
	height:26px;
	line-height:27px;
	-webkit-border-radius: 50%; 
  	-moz-border-radius: 50%;  
  	border-radius: 50%;		
	font-size:14px;
	font-weight:800;
	color:white;
	text-align:center;
	padding:5px;
	display:inline-block;
	margin-right:6px;
}

.vacancy-blue {	background-color:#006db6; }
.vacancy-red { background-color:#ff534d; }
.vacancy-gray { background-color:#3e3e3e; }

.vacancy-txt {
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
	font-weight:600;
	color:#373737;
	min-height:27px;
}

/**********************************************/
/*  AGENDAS ON BOARDS PAGE                    */
/**********************************************/
@media screen and (max-width: 568px) {
	.b-agendas-ctn { margin-bottom:20px; }
	.b-agenda-wrp, .b-min-wrp { margin-bottom:0px; }
}

@media screen and (min-width: 569px) {
    .b-agenda-wrp, .b-min-wrp { display:inline-block; }
}

/**********************************************/
/*  GLOBAL FORMS                              */
/**********************************************/

@media screen and (max-width: 568px) {
	.form-m-field, .form-m-field input { width:100%;margin:0; }
	.form-s-field input, .form-total { width:130px; }
	.form-l-field, .form-l-field input { width:100%;margin:0; }
	.form-xs-field input { width:40px; }
	
	.form-ctn textarea { 
		width:100% !important;
	}
	
	.form-title-icon { display:none; }
}

@media screen and (min-width: 569px) {
	.form-m-field input { width:300px; }
	.form-s-field input, .form-total { width:130px; }
	.form-l-field input { width:450px; }
	.form-xs-field input { width:40px; }
	
	.form-ctn textarea { 
		width:40% !important;
		min-width:240px; 
	}
	
	.form-radio-list br { display:none; }
	
	.form-title-icon { display:table-cell; }
}

@media screen and (max-width: 768px) {
	.form-ctn {
		padding:17px;
	}	
	
	.form-title, .form-ctn .sfnewsletterTitle {
		font-size:22px;
		line-height:25px;
	}
}

@media screen and (max-device-width: 768px) {
	
	.form-one-check label:before { left: 0 !important; }
	.form-one-check .sfFieldWrp { margin-top:-30px !important; }
}

@media screen and (min-width: 769px) {
	.form-ctn {
		padding:28px;
	}
	
	.form-title, .form-ctn .sfnewsletterTitle {
		font-size:24px;
		line-height:28px;
	}
	
	.form-one-check .sfTxtLbl { line-height:30px; margin-right:6px; }
	
	/*** This section is for radio buttons to read in a line with label to save space ***/
	.form-radio-inline {
		margin-bottom:35px;
	}

	.form-radio-inline .sfTxtLbl, .form-radio-inline .sfRadioList {
		display:inline-block;
		vertical-align:middle;
	}

	.form-radio-inline .sfTxtLbl { margin-right:25px; }
}

.form-ctn {
	background-color:#ffdd00;
	margin:50px auto 30px auto;
	color:#273843 !important;
}

.form-notop-mar {
	margin-top:0px !important;
}

.form-nobot-mar {
	margin-bottom:0px !important;
	padding-bottom:0px !important;
}

/*** Hide labels on checkboes (this replaces &nbsp because it causes issues in IE) ***/
/*.form-hide-label label {
	color:#ffdd00 !important;
}*/

/*** Main form title ***/
.form-header {
	padding:0;	
	margin:0 0 20px 0;
	display:table;
	text-align:left;
}

.form-title {
	font-weight:800;
	display:table-cell;
	padding:5px 0 0 0;
	vertical-align:top;
}

.form-title-icon {
	width:51px;
	height:41px;
	background-image:url(../img/v3-page-sprite.png);
	background-repeat:no-repeat;
}

.form-gen-icon { background-position:-46px -682px; }
.form-home-icon { background-position:-46px -880px; }
.form-email-icon { background-position:-40px -782px; }

.form-ctn .sfTxtLbl, .form-ctn label {
	font-size:14px;
	font-weight:800;
}

/* Break line for manual forms */
.form-br {
	display:block;
	height:1px;
}

/* Black box for calculated totals */
.form-total {
	background-color:#dcdcdc;
	line-height:19px;
}

.sfExample {
	font-style:italic;
	margin-top:2px;
	font-size:13px;
	font-weight:600;
}

/*** Full width text area (ex: Community Resource Registration) ***/
@media screen and (max-width: 1024px) {
	.form-80-ta textarea {
    	width:100% !important;
	}
}

@media screen and (min-width: 1025px) {
	.form-80-ta textarea {
    	width:80% !important;
	}
}

.form-ctn textarea, .form-ctn .sfFormBox input, .form-total, .form-field-wrp input {
	font-size:14px !important;
	border:2px solid #273843;
	padding:5px !important;
	font-weight:600;
	outline:none;
	-webkit-border-radius:0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-appearance: none;
	color:#273843;
	margin-top:4px;
}

.form-ctn .sfFormBox, .form-field-wrp {
	display:inline-block;
	vertical-align:top;
	margin:0 40px 30px 0;
}

.form-field-wrp label { display:block; }

.form-sect-title {
	display:inline-block;
	font-size:20px;
	font-weight:800;
	padding-bottom:7px;
	border-bottom:7px solid #273843;
	margin:25px 0;
}

.form-subtitle {
	font-size:18px;
	font-weight:800;
	margin:25px 0 15px 0;
	display:block;
}

.form-bold-label {
	font-size:14px;
	font-weight:800;
	display:block;
	margin-top:20px;
}

/*** Radio buttons ***/

.form-radio-list { 
	margin:0 30px 30px 0;
	display:block;
	vertical-align:top;
}

.form-radio-switch {
	margin-bottom:0px !important;
}

.form-radio-list .sfTxtLbl {
	font-size:14px;
	font-weight:800;
}

.form-radio-list label, .form-check-list label {
	font-size:14px;
	font-weight:600;
}

.form-radio-list .sfRadioList {
	min-width:150px;
}

.form-radio-list input {	
   	opacity: 0;
  	cursor: pointer; 	
	width:27px;
	height:27px;
	margin-top:0px;
	margin-bottom:7px;
	z-index:1;
	position:relative;
}

.form-radio-list label {
	position:relative;
	padding-left:0px;
	margin-right:30px;
	padding-top:2px;
	z-index:0;
}

/* Circle */
.form-radio-list label:before {
	content: "";
	display:block;
	position: absolute;
  	top: -2px;
  	left: -29px;
  	height: 20px;
  	width: 20px;
  	background-color: white;
	border:2px solid #273843;
	border-radius: 50%;
	cursor: pointer; 
}

.form-radio-list input:after {
	content: "";
	display:block;
	position: absolute;
  	top: -2px;
  	left: -29px;
  	height: 20px;
  	width: 20px;
  	background-color: white;
	border:2px solid #273843;
	border-radius: 50%;
	cursor: pointer; 
}

/* Dot in circle */
.form-radio-list label:after {
 	content: "";
  	position: absolute;
  	display:none;
  	top: 5px;
  	left: -22px;
  	width: 10px;
  	height: 10px;
  	border-radius: 50%;
  	background: #273843;
}

.form-radio-list input:checked + label:after {
 	display: block;
}

/****************************/

/*** Dropdowns ***/

.form-drop {
	margin:0 30px 30px 0;
	display:inline-block;
	vertical-align:top;
}

.form-drop select {
	font-size:14px !important;
	border:2px solid #273843;
	padding:5px !important;
	font-weight:600;
	outline:none;
	-webkit-border-radius:0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color:#273843;
	margin-top:4px;
}

/****************************/

/*** Attachments ***/
@media screen and (max-width: 440px) {
	.form-attach .ruButton, .form-attach .ruAdd {
		display:block;
		margin-top:7px !important;
		margin-left:0 !important;
	}
	
	.form-attach .ruFileWrap {
		height:75px;
	}
}

@media screen and (min-width: 441px) {
	.form-attach .ruButton, .form-attach .ruAdd {
		display:inline-block;
	}
	
	.form-attach .ruFileWrap {
		height:37px;
	}
}

@media screen and (max-width: 568px) {
	.form-attach {
		width:80%;
	}
}

.form-attach {
	margin:0 30px 30px 0;
	display:inline-block;
	vertical-align:top;
}

.form-attach .RadUpload { width:auto; }

.form-attach ul {
	list-style:none !important;
	padding:0 !important;
	left:0 !important; 
	margin-bottom:5px !important;
}

.form-attach li { margin-bottom:0 !important; }


.form-attach input[type="file"] {
	/*left:0 !important;*/
	cursor:pointer;
}

.form-attach input[type="text"], .form-attach input[type="file"] {
	font-size: 14px !important;
	height:30px;
    border: 2px solid #273843;
    padding: 5px !important;
    font-weight: 600;
    outline: none;
    -webkit-border-radius: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    color: #273843;
    margin-top: 4px;
}

.form-attach .ruButton, .form-attach .ruAdd  {
	font-size:16px !important;
	background-color:#273843;
	padding:6px 15px !important;
	margin:3px 5px 5px 5px;
	color:white !important;
	border:none;
	outline:none;
	font-weight:600;
	font-family: 'Montserrat', sans-serif;
	cursor:pointer;
	-webkit-appearance: none;
	line-height:20px;
	background-image:none;
	-webkit-border-radius: 50px;
    border-radius: 50px;
    -khtml-border-radius: 50px;
	width:100px;
	text-transform:uppercase;
	height:auto;
	z-index:2;
}

.form-attach .ruActions .ruAdd { margin-top:7px !important; }

.form-attach .ruFileInput { height:80px !important; }

.form-attach .ruStyled {};

/*
html.nontouch .form-attach:hover .ruButton {
	color:#ffdd00 !important;
	cursor:pointer !important;
}  

html.nontouch .form-attach .ruButtonHover {
	color:#ffdd00 !important;
	cursor:pointer !important;
}
*/

.RadUpload .ruInputs .ruRemove {
	background-image:url(../img/v3-page-sprite.png) !important;
	background-position:-51px -3288px !important;
	height:25px !important;
}

/****************************/

/*** Check boxes ***/
.form-check-list { 
	margin:0 30px 30px 0;
	display:inline-block;
	vertical-align:top;
}

.form-check-list .sfTxtLbl {
	margin-bottom:10px;
}

.form-check-list input {	
   	opacity: 0;
  	cursor: pointer; 	
	width:27px;
	height:27px;
	margin-top:0px;
	margin-bottom:3px;
	z-index:1;
	position:relative;
}

.form-check-list label {
	position:relative;
	padding-left:0px;
	margin-right:30px;
	padding-top:2px;
	z-index:0;
}

.form-check-list label:before {
	content: "";
	display:block;
	position: absolute;
  	top: -2px;
  	left: -29px;
  	height: 20px;
  	width: 20px;
  	background-color: white;
	border:2px solid #273843;
	cursor: pointer; 
}

.form-check-list input:checked + label:before {
	background-image:url(../img/v3-page-sprite.png);
	background-repeat:no-repeat;
	background-position:-52px -3890px;
}

.form-one-check { 
	display:block;
	margin-bottom:10px;
}

.form-one-check .sfTxtLbl, .form-one-check .sfFieldWrp {
	display:inline-block;
	vertical-align:top;
}

/**** Agreement Checkboxes ****/
.check-agree {
	margin:0 30px 30px 0;
	vertical-align:top;
	position:relative;
}

.check-agree .sfTxtLbl {
	margin-bottom:10px;
}

.check-agree input {	
	opacity: 0;
  	cursor: pointer; 	
	width:27px;
	height:27px;
	margin-top:0px;
	margin-bottom:3px;
	z-index:1;
	position:relative;	
}

.check-agree label {
	position:relative;
	padding-left:0px;
	margin-right:30px;
	padding-top:2px;
	z-index:0;
	width:200px;
	display:inline-block;
	line-height:18px !important;
}

.check-agree label:before {
	content: "";
	display:block;
	position: absolute;
  	top: -2px;
  	left: -29px;
  	height: 20px;
  	width: 20px;
  	background-color: white;
	border:2px solid #273843;
	cursor: pointer; 
}

@media screen and (max-device-width: 568px) and (orientation: portrait) {
	.check-agree label:before { left: 0px !important; }
	.check-agree label { padding-left: 30px !important; }
	.check-agree .sfTxtLbl { margin-bottom:-10px !important; }
}

.check-agree input:checked + label:before {
	background-image:url(../img/v3-page-sprite.png);
	background-repeat:no-repeat;
	background-position:-52px -3890px;
}

.check-agree .sfTxtLbl {
	margin-right:10px;
}

.check-agree .sfTxtLbl, .check-agree .sfFieldWrp {
	display:block;
}

/****************************/

/*** Submit button ***/
.form-btn-ctn {
	width:100%;
	margin-bottom:0 !important;
	margin-top:10px;
}

.form-btn { display:inline-block; }

.form-btn input, .progress-btn, .form-ctn .sfnewsletterSubmitBtn {
	font-size:16px !important;
	display:inline-block;
	background-color:#273843;
	padding:6px 15px !important;
	margin:25px 5px 5px 0;
	border:none;
	outline:none;
	font-weight:600;
	font-family: 'Montserrat', sans-serif;
	cursor:pointer;
	-webkit-appearance: none;
	line-height:20px;
}

.form-btn input, .form-btn input:visited, .form-btn input:active, .form-btn input:focus, 
.progress-btn, .progress-btn:visited, .progress-btn:active, .progress-btn:focus, 
a.progress-btn, a.progress-btn:visited, a.progress-btn:active, a.progress-btn:focus, 
.form-ctn .sfnewsletterSubmitBtn, .form-ctn .sfnewsletterSubmitBtn:visited, .form-ctn .sfnewsletterSubmitBtn:active, .form-ctn .sfnewsletterSubmitBtn:focus {
	color:white;
}

html.nontouch .form-btn input:hover, html.nontouch .progress-btn:hover, html.nontouch .form-ctn .sfnewsletterSubmitBtn:hover {
	color:#ffdd00;
}

/**********************************************/
/*  FORM PROGRESS BARS                        */
/**********************************************/

@media screen and (max-width: 840px) {
	.progress-ctn { height:95px; }
	.progress-bar {
		width:14px;
	}
	
	.progress-txt {
		position:absolute;
		top:40px;
	}
	
	.progress-step-ctn:nth-of-type(1) .progress-txt { left:0px; }
	.progress-step-ctn:nth-of-type(2) .progress-txt { left:-10px; }
	.progress-step-ctn:nth-of-type(3) .progress-txt { left:-10px; }
	.progress-step-ctn:nth-of-type(4) .progress-txt { left:-10px; }
	.progress-step-ctn:nth-of-type(5) .progress-txt { left:-10px; }
	
	.progress-step-ctn:not(.progress-selected) .progress-txt {
		display:none;
	}
}

@media screen and (min-width: 841px) and (max-width: 1279px) {
	.progress-bar {
		width:110px;
	}
	
	.progress-txt {
		width:110px;
	}
}

@media screen and (min-width: 1280px) {
	.progress-bar {
		width:180px;
	}
	
	.progress-txt {
		width:180px;
	}
}

.progress-ctn {
	display:block;
	margin:10px 0 30px 0;
	color:#273843;
}

.progress-step-ctn {	
	display:inline-block;
	vertical-align:top;
    margin:0 0 15px 0;
    padding:0;
    text-align:left;
	position:relative;
}

.progress-step-ctn:not(:nth-of-type(1)) { margin-left:-5px; }

.progress-step-wrp {
	margin:0;
	padding:0;
	display:block;
	min-height:25px;
}

.progress-circle {
	border-radius: 50%;
	background-color:#fdf3b6;
	color:#273843;
    font-size:16px;
	font-weight:800;
    line-height: 32px;
    text-align: center;
    height: 34px;
    width: 34px;	
	display:inline-block;
	z-index:1;
	position:relative;
}

.progress-bar {
	background-color:#fdf3b6;
	height:7px;
	margin-bottom:0px;
	margin-left:-8px;
	display:inline-block;
	z-index:0;
	position:relative;
}

.progress-txt {
	display:block;
	padding-top:10px;
	padding-right:10px;
	line-height:18px;
	font-size:13px;
	font-weight:800;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.progress-submit {
	color:transparent !important;
	background-image:url(../img/v3-page-sprite.png);
	background-repeat:no-repeat;
	background-position:-46px -3084px;
	background-color:#fdf3b6;
}

.progress-selected .progress-submit {
	background-position:-46px -2984px;
	background-color:#273843;
}

.progress-selected .progress-circle {
	color:white;
	background-color:#273843;
}

.progress-complete .progress-circle {
	color:transparent !important;
	background-image:url(../img/v3-page-sprite.png);
	background-repeat:no-repeat;
	background-position:-46px -2683px;
	background-color:#273843;
}

.progress-complete .progress-bar {
	background-color:#273843;
}

.progress-sect-1 { display:block; }
.progress-sect-2 { display:none; }
.progress-sect-3 { display:none; }
.progress-sect-4 { display:none; }
.progress-sect-5 { display:none; }
.progress-sect-6 { display:none; }

/*** Record Request Form ***/

.rpr-all { display:block; }
.rpr-fire, .rpr-police { display:none; }

/*** WQA Calculator ***/
#wqa-error { 
	display:none;
	width:190px;
}

/*** Sewer Charge Calculator ***/
#scc-error { 
	display:none;
	width:190px;
}

/*** Sewer Charge Calculator ***/
#wasa-error { 
	display:none;
	width:190px;
}

/*** Water Service Application ***/
.wst-single { display:block; }
.wst-multiple { display:none; }

/*** Update Water Account Info Application ***/

.upi-wrp { 
	display:none; 
	margin-top:20px;
}

.upi-wrp .sfFormBox { margin-bottom:15px; }

.upi-form .form-check-list {
	margin:0 !important;
}

.upi-form .form-btn { margin-top:30px; }

/*** Code Enforcement Anonymous Radio Buttons ***/
.ce-frm-contact { display:none; }

/**********************************************/
/*  SUBSCRIBE FORMS                           */
/**********************************************/
@media screen and (max-width: 568px) {
	.form-ctn .sfnewsletterTitle:before { display:none; }
	
	.form-ctn .sfnewsletterField label { display:block; }
	.form-ctn .sfnewsletterField input { width:100%; }

	.form-ctn .sfnewsletterField {
		display:block;
	}
}

@media screen and (min-width: 569px) {
	.form-ctn .sfnewsletterTitle:before { display:table-cell; }
	.form-ctn .sfnewsletterField input { width:240px; }
	
	.form-ctn .sfnewsletterField {
		display:inline-block;
		vertical-align:top;
		margin-right:17px;
	}
}

.form-ctn .sfnewsletterTitle {
	font-weight:800;
	margin:0 0 10px 0;
	display:table;
}

.form-ctn .sfnewsletterTitle:before {
	content:"";
	width:54px;
	height:31px;
	background-image:url(../img/v3-page-sprite.png);
	background-repeat:no-repeat;
	background-position:-40px -787px;
}

/* Check to see if sfMessage is used on other forms */
.form-ctn .sfMessage {
	margin-bottom:0;
}

.form-ctn .sfMsgVisible {
	background-color:#ff5e4d !important;
	margin:12px 0 24px 0;
	color:white;	
	font-weight:700;
	font-size:14px;
	padding-left:37px;
	background-repeat:no-repeat;
	background-image:url(../img/v3-page-sprite.png);
}

.form-ctn .sfMsgNegative {
	background-position:-44px -3684px;
}
.form-ctn .sfMsgPositive { 
	background-position:-44px -3785px;
}

/*** .form-ctn .sfError on global css ***/ 

.form-check-list .sfError {
	display:block;
	max-width:300px;
	margin-top:7px !important;
}

.sfErrorSummary { display:none; }

/* Success message and box */
.form-ctn .sfSuccess {
	margin:0 auto !important;
	display:inline-block;
	font-size:14px;
	color:#373737;
	font-weight:600;
	padding-left:30px;
	background-image:url(../img/v3-page-sprite.png);
	background-repeat:no-repeat;
	background-position:-54px -2790px;
}

/*******************************/

.form-ctn .sfnewsletterForm {
	padding:0;
}

.form-ctn .sfnewsletterDescription {
	margin-bottom:10px !important;
	padding-bottom:15px;
}

.form-ctn .sfnewsletterField { margin-bottom:20px; }

.form-ctn .sfnewsletterField label {
	margin-right:7px;
	text-transform: uppercase;
}

.form-ctn .sfnewsletterField input {
	font-size:14px !important;
	border:2px solid #273843;
	padding:5px !important;
	font-weight:600;
	outline:none;
	-webkit-border-radius:0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-appearance: none;
	color:#273843;
} 

/* Generic style is above in main form css */
.form-ctn .sfnewsletterSubmitBtn {
	-webkit-border-radius: 50px;
    border-radius: 50px;
    -khtml-border-radius: 50px;
}

/**** Special Form Items ****/
.form-red-box {
	background-color:#ff5e4d;
	padding:20px 20px 0 20px;
	color:white !important;
	margin-bottom:25px;
	width:100%;
	box-sizing:border-box;
}

.form-red-box li { color:white !important; }

/**** Volunteer Form ****/
@media screen and (max-width: 768px) {
	.v-interest-check {
		width:90%;		
	}
}

@media screen and (min-width: 769px) {
	.v-interest-check {
		width:40%;
	}
	
	.v-interest-check .sfCheckListBox { margin-bottom:3px; }
}

.v-interest-check {
	display:inline-block;
	vertical-align:top;	
	margin-bottom:0 !important;	
}

.v-interest-check .sfTxtLbl {
	display:none;
}

.v-frm-age18 {}

.v-frm-age14 { display:none; }

.v-frm-park {
	margin:20px 0;
	display:none;
}

.v-frm-hide { 
	position:absolute;
	left:-99999px;
}

/**********************************************/
/*  WEATHER   STREAM                          */
/**********************************************/
@media all and (max-width: 800px) {
	.weather-iframe { height:5000px; }	
}

@media all and (min-width:801px) and (max-width: 1280px) {
	.weather-iframe { height:2580px; }	
}

@media all and (min-width:1281px) and (max-width:1440px) {
	.weather-iframe { height:2125px; }	
}

@media all and (min-width:1441px) {	
	.weather-iframe { height:2080px; }
}

.weather-iframe {
	width:100%;
 	border:none;
}

.w-body {
    overflow-x:hidden;
}

.w-page-ctn { margin:20px 0; }

.w-page-wrp {
	display:inline-block;
	vertical-align:top;
	width:340px;
	margin:0 10px 50px 0;
}

.w-page-ctn p { 
	color:#373737;
	font-size:14px;
	font-weight:600;
	margin-bottom:18px;
}

.w-page-ctn h5 { 
	color:#373737;
	font-size:16px;
	font-weight:800;
	margin:2px 0 20px 0;
	font-style:normal;
}

.w-img-wrp, .w-content-wrp {
	display:inline-block;
	vertical-align:top;
}

.w-img-wrp {
	margin-right:10px;
}

.w-content-wrp {}
.w-data-wrp {}

/**********************************************/
/*  Category Buttons                          */
/**********************************************/
@media screen and (max-width: 568px) {
	.cat-ctn { 
		background-color:#006db6;
	}
	
	.cat-title { display:none; }
	
	.cat-ctn a, .cat-ctn a:link, .cat-ctn a:visited, .cat-ctn a:active {
		background-color:#273843;
	}
	
	.cat-ctn .page-nav-btn a {
		background-color:#006db6;
		padding:0 !important;
		display:block;
	}
	
	.cat-ctn .open-page-nav:after { 
		background-position:-53px -2388px !important;
	}
	
	.cat-ctn .page-nav-btn a:after { 
		background-position:-53px -2287px;
	}
}

@media screen and (min-width: 569px) {
	.cat-title { display:block; }
	
	.cat-ctn a, .cat-ctn a:link, .cat-ctn a:visited, .cat-ctn a:active {
		background-color:#006db6;
	}

	html.nontouch .cat-ctn a:hover {
		background-color:#273843;
	}
	
	.cat-ctn ul { left:0 !important;margin-bottom:5px !important; }
}

.cat-ctn li { display:inline-block !important;padding:0 !important; }

.cat-ctn a {
	display:inline-block;
	font-weight:700;
	font-size:14px;
	padding:7px 12px 6px 12px;
	box-sizing: border-box;
	color:white;
	margin:0 6px 9px 0;
}

.cat-title {
	margin-bottom:10px;
	color:#006db6;
	font-weight:800;
}

/**********************************************/
/*  HavasuNOW iframe                          */
/**********************************************/

@media screen and (max-width: 568px) {
	.hnow-iframe {
		min-height:3200px;
	}
}

@media screen and (min-width:569px) and (max-width: 900px) {
	.hnow-iframe {
		min-height:3000px;
	}
}

@media screen and (min-width:901px) {
	.hnow-iframe {
		min-height:1900px;
	}
}

.hnow-iframe { width:100%; }

/**********************************************/
/*  CHANNEL 4 STREAM                          */
/**********************************************/
@media screen and (max-device-width: 440px) {
	.ch4-stream-ctn { 
		width:400px;
		display:block;		
		margin:0 0 20px -65px;
		overflow:hidden;
	}
	
	.ch4-iframe { width:100%; }
}

@media screen and (min-width:441px) and (max-width: 768px) {
	.ch4-stream-ctn { 
		display:block;
		/*min-width:435px;*/
		min-width:515px;
		margin:0 0 20px -15px;
		overflow:hidden;
	}
	
	.ch4-iframe { width:100%; }
}

@media screen and (min-width: 769px) {
	.ch4-stream-ctn { 
		float:left;	
		min-width:515px;
		margin:0 0 20px -15px;
		overflow:hidden;
	}
	
	.ch4-iframe { width:100%; }
}

.ch4-iframe {
	/*height:370px;*/
	height:390px;
}

.ch4-stream-ctn {}
.ch4-program-title {}
.ch4-schedule-ctn { clear:both;margin-top:70px; }

/**** Datepicker ****/
.ui-datepicker {
	padding:5px !important;
	margin:7px 0 0 3px;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	border: 1px solid #c5c5c5 !important;
	font-size:16px !important;
	font-weight:700 !important;
	border-radius:0 !important;
	width:auto !important;
	font-family: 'Montserrat', sans-serif !important;
}

.ui-datepicker-title {
	font-family: 'Montserrat', sans-serif !important;
}

.ui-datepicker-calendar {
	margin:0 !important;
}

.ui-datepicker th {
	font-family: 'Montserrat', sans-serif !important;
}

.ui-state-default {
	width:25px !important;
	font-weight:700 !important;
}

.ui-datepicker-header {
	border-radius:0 !important;
}

.ui-datepicker-prev, .ui-datepicker-next {
	font-size:0px;
	width:28px !important;
	height:28px !important;
	display:inline-block;
	background-image:url(../img/v3-page-sprite.png) !important;
}

.ui-datepicker-prev {
	background-position:-50px -485px;
}

.ui-datepicker-next {
	right:3px !important;
	background-position:-45px -585px;
}

.ui-datepicker-prev.ui-state-hover {
	border:none !important;
	background:transparent url(../img/v3-page-sprite.png) -50px -485px no-repeat !important;
}

.ui-datepicker-next.ui-state-hover {
	border:none !important;
	background:transparent url(../img/v3-page-sprite.png) -45px -585px no-repeat !important;
}

.ui-icon:before {display:none !important}

/**********************************************/
/*  IMAGE LIGHTBOX                            */
/**********************************************/
@media screen and (max-width: 568px) {
	.img-lb-ctn {
		text-align:center;
		display:block;
	}
	
	.img-lb-ctn img {
		margin:0 0 15px 0;	
	    display:block;
	}
}

@media screen and (min-width: 569px) {
	.img-lb-ctn {
		display:inline-block;
	}
	
	.img-lb-ctn img {
		margin:0 15px 15px 0;
		max-height:160px;
	}
}

.img-lb-ctn {
	padding:20px 20px 17px 20px;
	background-color:#f3f3f3;
}

.img-lb-ctn a { font-size:0 !important; }

body.modal-open {
    overflow: hidden;
}

.fancybox-lock {
	overflow:visible !important;
}

.fancybox-title {
	font-family: 'Montserrat', sans-serif;
	/*bottom:65px !important;*/
}

.fancybox-title .child {
	font-weight:600 !important;
	font-size:16px !important;
	text-shadow:none !important;
	line-height:23px;
	background-color:rgba(0, 0, 0, .6) !important;	
}

.fancybox-opened, .fancybox-skin { 
	box-shadow:none !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
}

.fancybox-skin {
	border-radius:0 !important;
	-webkit-border-radius:0 !important; 
    -moz-border-radius:0 !important;
}

.fancybox-close, .fancybox-prev span, .fancybox-next span {	
	background-repeat:no-repeat;
	padding:0;
    font-size:20px;
	-moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -khtml-border-radius: 50% !important;
	margin:0;
	text-align:center;	
	width:32px;
	height:32px;
	line-height:32px;
	background-size:auto auto  !important;
}

.fancybox-prev span, .fancybox-next span { 
	background-color:black !important;	
	background-image:url(../img/v3-sprite.png) !important; 
	visibility:visible !important;
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
 	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}

.fancybox-prev span:hover, .fancybox-next span:hover { 
	opacity:0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
 	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
}

.fancybox-prev span { background-position:-47px -6785px; }
.fancybox-next span { background-position:-45px -6684px; }

.fancybox-close { 
	background-color:black;	
	background-image:url(../img/v3-page-sprite.png) !important; 
	background-position:-47px -984px !important; 
}

/**********************************************/
/*  DOCUMENT CENTER                           */
/**********************************************/

@media screen and (max-width: 714px) {
	.doc-title {
		padding:0 0 15px 0;
	}
	
	.doc-title { padding:9px 0;	}
	
	.doc-desc {
		margin:0 8px;
		padding:0 0 9px 0;
	}
}

@media screen and (min-width: 715px) {
	.doc-center-ctn {
		display: flex;
  		justify-content: start;
  		flex-wrap: wrap;
	}
	
	.doc-wrp {		
		flex: 0 0 20%;
  		display: flex;
  		justify-content: center;
  		align-items: stretch;
  		padding: 0 30px 30px 0;
		box-sizing: border-box;
	}
	
	.doc-wrp {
		min-width:245px;
		min-height:150px;
	}
	
	.doc-title { padding:0;	}
	
	.doc-desc {
		margin:6px 8px;
		padding:6px 0 0 0;
		border-top:2px solid #273843;
	}
	
	html.nontouch .doc-wrp a:hover .doc-desc {
		border-color:#e3e3e3;
		-webkit-transition: border-color 160ms linear; -ms-transition: border-color 160ms linear; transition: border-color 160ms linear
	}
}

.doc-center-ctn { margin-top:20px; }

.doc-wrp a {
	color:#273843;
	background-color:#e3e3e3;
	width:100%;
	text-align:left;
	display:block;
}

html.nontouch .doc-wrp a:hover {
	background-color:#273843;
  	color:#e3e3e3;
}

.doc-wrp { margin-top:0 !important;}

.doc-title {
	font-size:17px;
	font-weight:800;
	line-height:20px;
	display:block;
	margin:8px 8px 0 8px;
}

.doc-title-no-desc { margin-bottom:8px; }

.doc-desc {
	font-size:12px;
	line-height:16px;
	font-weight:600;
	display:block;
}

/**********************************/
/* Page search bars for docs      */
/**********************************/
@media screen and (max-width: 568px) {
	.page-search-wrp { 
		margin:7px 0 30px 0;
	}
	
	.page-search-wrp .sfsearchSubmit {
		background-color:transparent;
		background-image:url(../img/v3-sprite.png);
		background-position:-47px -2985px;
		background-repeat:no-repeat;
  		width:32px;
	  	height:32px;
  	}
	
	.page-search-wrp .sfsearchTxt {
		font-size:16px;
		padding:8px 14px 6px 14px;
	}
}

@media screen and (max-width: 1024px) {	
	.page-search-wrp { background-color:#0a0a0a; }		
}

@media screen and (min-width: 569px) {
	.page-search-wrp {
		background-color:#212221;
		width:35%;
		min-width:500px;
  	}		
}

@media screen and (min-width:569px) and (max-width: 1280px) { 
 	.page-search-wrp { margin:0 0 50px 0; }		
				
	.page-search-wrp .sfsearchTxt { font-size:16px;padding:8px 14px 0px 14px; }
	
	.page-search-wrp .sfsearchSubmit {
		background-color:transparent;
		background-image:url(../img/v3-sprite.png);
		background-position:-47px -2985px;
		background-repeat:no-repeat;
  		width:32px;
	  	height:32px;
  	}
}

@media screen and (min-width: 1281px) and (max-width: 1560px) {
	.page-search-wrp .sfsearchTxt { font-size:18px;padding:12px 14px 11px 19px; }	
	.page-search-wrp { margin:0 0 50px 0; }			
	
	.page-search-wrp .sfsearchSubmit {
		background-color:transparent;
		background-image:url(../img/v3-sprite.png);
		background-position:-45px -2878px;
		background-repeat:no-repeat;
  		width:45px;
	  	height:41px;
  	}
}

@media screen and (min-width: 1561px) {	
	.page-search-wrp .sfsearchTxt { font-size:22px;padding:14px 14px 11px 19px; }	
	.page-search-wrp { margin:0 0 50px 0; }		
		
	.page-search-wrp .sfsearchSubmit {
		background-color:transparent;
		background-image:url(../img/v3-sprite.png);
		background-position:-40px -2873px;
		background-repeat:no-repeat;
  		width:50px;
	  	height:41px;
  	}
}

.page-search-wrp {
	border-radius:60px;
	padding:2px 5px 2px 5px;
}

/**** Search Text Field ****/
.page-search-wrp .sfsearchTxt {
	background-color:transparent;
	color:white;
	outline:none;
	border:none;
	width:78%;
	float:left;
	font-weight:700;
}

.page-search-wrp .sfsearchTxt::-webkit-input-placeholder {
	color:#999;
}

.page-search-wrp .sfsearchTxt::-moz-placeholder {
	color:#999;
}

.page-search-wrp .sfsearchTxt:-ms-input-placeholder {
	color:#999;
}

.page-search-wrp .sfsearchTxt:-moz-placeholder {
  color:#999;
}

/**** Search Button ****/
.page-search-wrp .sfsearchSubmit {
	border:none;
	padding:0;
	color:transparent;
	cursor:pointer;
	float:right;
	outline:none;
}