/* Minification failed. Returning unminified contents.
(3795,1): run-time error CSS1019: Unexpected token, found '}'
(4420,1): run-time error CSS1019: Unexpected token, found '}'
 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:none;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
/*! jQuery UI - v1.10.3 - 2013-06-21
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=8pt&cornerRadius=2px&bgColorHeader=%23000000&bgTextureHeader=highlight_soft&bgImgOpacityHeader=100&borderColorHeader=%23aaaaaa&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23000000&bgTextureContent=flat&bgImgOpacityContent=100&borderColorContent=%23aaaaaa&fcContent=%23ffffff&iconColorContent=%23ffffff&bgColorDefault=%23e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=%23d3d3d3&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%23dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%23212121&iconColorHover=%23454545&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	/*outline: 0;*/
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
}

.ui-front {
	z-index: 100;
}
.ui-state-disabled {
	cursor: default !important;
}
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
.ui-button-icon-only {
	width: 2.2em;
}
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
input.ui-button {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	/*outline: 0;*/
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	/*outline: none;*/
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0;
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("../Content/images/jquery-ui/animated-overlay.gif");
	height: 100%;
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-spinner .ui-icon-triangle-1-s {
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, 
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 8pt;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #000000 url(../Content/images/jquery-ui/ui-bg_flat_100_000000_40x100.png) 50% 50% repeat-x;
	color: #ffffff;
}
.ui-widget-content a {
	color: #ffffff;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #000000 url(../Content/images/jquery-ui/ui-bg_highlight-soft_100_000000_1x100.png) 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #000000;
	background: #000000;
	font-weight: normal;
	color: #FFFFFF;
    text-align:center;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(../Content/images/jquery-ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid #aaaaaa;
        background: #ffffff url(../Content/images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
    }
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #fcefa1;
        background: #fbf9ee url(../Content/images/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
        color: #363636;
    }
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(../Content/images/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	background-image: none;
}

.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(../Content/images/jquery-ui/ui-icons_ffffff_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(../Content/images/jquery-ui/ui-icons_ffffff_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(../Content/images/jquery-ui/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(../Content/images/jquery-ui/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(../Content/images/jquery-ui/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(../Content/images/jquery-ui/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(../Content/images/jquery-ui/ui-icons_cd0a0a_256x240.png);
}

.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 2px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 2px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 2px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 2px;
}

.ui-widget-overlay {
	background: #aaaaaa url(../Content/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(../Content/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	border-radius: 8px;
}
.ui-autocomplete {
    max-height:200px;
    overflow:auto;
}
.admin-panel {
    position: relative;
    right: 10px;
    top: 10px;
    width: 300px;
    padding: 10px;
    overflow: hidden;
    background: #000;
    border: 2px solid #545454;
}

.admin-panel-contents {
    margin-left: 10px;
}

.adminPanel-label {
    margin: 10px 0 0;
}

.admin-panel-open-close, .admin-panel-contents {
    float: left;
}

.admin-panel-title {
    margin-top: 3px;
}

.adminPanel-time {
    height: 25px;
    width: 100px;
}

.admin-panel-textbox {
    width: 180px;
}

.admin-panel-button {
    width: 166px;
    padding: 10px;
    border: 2px solid #545454;
    background-color: #000;
    line-height: 10pt;
    cursor: pointer;
}

.admin-panel .ui-datepicker-today {
    background-color: #cd0a0a;
}

.admin-panel .ui-state-highlight {
    opacity: 0.5;
}

.admin-panel-infoWrapper {
    width: 166px;
    padding: 0 10px 5px;
    border: 2px dashed #545454;
    line-height: 13pt;
    font-size: 10pt;
}

.admin-panel-expandoButton {
    width: 40px;
    padding: 10px;
    margin: 5px 8px 0 0;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    float: right;
    border: 2px solid #545454;
    background-color: black;
}

.admin-panel-wrapper {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999999999;
}

    .admin-panel-wrapper * {
        color: #FFF;
    }

/* HTML5 Resets */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

/* Generic Classes
	Classes reused for a single styling purpose go here
	Not page specific styles */
.DisplayBlock {
    display: block;
}

.DisplayNone {
    display: none;
}

.DisplayInline {
    display: inline !important;
}

.DisplayInlineBlock {
    display: inline-block;
}

.Clear {
    clear: both;
}

.Center {
    text-align: center;
}

.AlignLeft {
    text-align: left;
}

.AlignRight {
    text-align: right;
}

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

.Relative {
    position: relative;
}

.Bold {
    font-weight: bold !important;
}

.Light {
    font-weight: lighter;
}

.Italic {
    font-style: italic;
}

.Uppercase {
    text-transform: uppercase;
}

.Underline {
    text-decoration: underline;
}

.FullWidth {
    width: 100% !important;
}

.MarginLeft {
    margin-left: 30px;
}

.MarginLeft5 {
    margin-left: 5px;
}

.MarginRight {
    margin-right: 30px;
}

.MarginRight5 {
    margin-right: 10px;
}

.MarginTop {
    margin-top: 30px;
}

.MarginTop15 {
    margin-top: 15px;
}

.MarginTop3 {
    margin-top: 3px;
}

.NoMarginTop {
    margin-top: 0 !important;
}

.MarginBottom {
    margin-bottom: 30px;
}

.MarginBottom15 {
    margin-bottom: 15px;
}

.MarginBottom50 {
    margin-bottom: 50px;
}

.NoMarginBottom {
    margin-bottom: 0;
}

.PlainList {
    list-style: none;
    padding-left: 0;
}

.VisibleElement {
    opacity: 1 !important;
}
/* Base Element Styles */

html {
    background-color: #999999;
}

html,
body {
    min-height: 100%;
    margin: 0;
    line-height: 1.5em;
    font-family: 'Cabin', sans-serif;
    font-size: 14px;
    letter-spacing: 0.2px;
    overflow: auto;
    width: 100%;
}

body {
    background-color: #fff;
    z-index: 0;
}

ul {
    margin: 0;
    padding: 0 0 0 25px;
}

ol {
    padding-left: 25px;
}

    ol li {
        margin-top: 10px;
    }



h1 {
    display: block;
    margin: 44px 0 27px 0;
    font-family: 'Cabin', sans-serif;
    font-size: 27px;
    font-weight: bold;
    color: black;
    line-height: 34px;
    letter-spacing: 0.5px;
}

h2 {
    margin: 40px 0 20px 0;
    font-size: 21px;
    color: #000;
    line-height: 1.3em;
}

    h2 + p {
        margin-top: 0;
        font-family: 'Cabin', sans-serif;
    }

h3 {
    margin: 30px 0 10px 0;
    font-size: 18px;
    font-family: 'Cabin', sans-serif;
    color: #7D5B46;
    line-height: 1.333;
    font-weight: 500;
}

    h3 + p {
        margin-top: 0;
    }

p {
    margin-bottom: 25px;
}

a {
    /*outline: 0;*/
    text-decoration: none;
}

    a:hover {
        color: #000;
    }

/*a:focus {
        outline: none;
    }*/

/* Header */
header {
    width: 100%;
    height: 120px;
    line-height: 18px;
    font-size: 10px;
    background-color: #2c435f;
}

    header #headerResources {
        position: relative;
        width: 1024px;
        height: 100%;
        margin: 0 auto;
        clear: both;
        font-size: 10px;
    }

        header #headerResources #menuContainer {
            position: absolute;
            height: 0;
            width: 0;
        }

        header #headerResources .form-group {
            position: absolute;
            top: 25px;
            right: 25px;
            height: 35px;
            width: 200px;
        }

#___gcse_0 {
    position: relative;
    height: 35px;
    overflow: hidden;
}

    #___gcse_0 .cse .gsc-control-cse, #___gcse_0 .gsc-control-cse {
        padding: 0;
    }

    #___gcse_0 .gsc-input-box {
        position: relative;
        height: 25px;
        width: 100%;
        padding: 5px;
        margin: 0;
        border: 0;
    }

    #___gcse_0 form.gsc-search-box {
        line-height: 20px;
    }

    #___gcse_0 .cse .gsc-search-button input.gsc-search-button-v2, #___gcse_0 input.gsc-search-button-v2 {
        width: 20px !important;
        height: 20px !important;
        padding: 5px !important;
        border: 0 !important;
    }

.headerTitle {
    color: #8fa5ca;
    position: absolute;
    top: 31px;
    left: 228.5px;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.6px;
    z-index: 1500;
}

header img {
    position: relative;
    width: 153px;
    top: 10px;
    height: auto;
    z-index: 0;
}

.headerBanner {
    width: 100%;
    height: 100%;
}

@font-face {
    font-family: 'LushootseedSulad';
    src: url('../../fonts/LushootseedSulad.eot') format('embedded-opentype');
    src: local('☺'), url('../../fonts/LushootseedSulad.woff') format('woff'), url('../../fonts/LushootseedSulad.ttf') format('truetype'), url('../../fonts/LushootseedSulad.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.Lushootseed, .lushootseed {
    font-family: 'LushootseedSulad', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 130%;
    letter-spacing: 1px;
}

h1.Lushootseed, h1.lushootseed {
    font-family: 'LushootseedSulad', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 48px;
    letter-spacing: 1px;
}

.Lushootseed-large, .lushootseed-large {
    font-family: 'LushootseedSulad', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 170%;
}

/* Lushootseed Superscript class for letters not in the Lucida Sans Unicode library i.e. the letter "z" */
.LushootseedSC, .lushootseedSC {
    font-family: 'LushootseedSulad', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    position: relative;
    top: -0.85em;
    font-size: 57.5% !important;
}

/*MainNav Menu*/
.Mainnav.Desktop {
    border: none;
    z-index: 10;
}

#mainnav-transparency {
    position: absolute;
    top: 140px;
    width: 85%;
    height: 40px;
    z-index: 5;
    opacity: 0.4;
    background-color: #2c435f;
}

.Mainnav ul li.mainNav-Government a {
    float: left;
    text-align: left;
    width: 150px;
}

.Mainnav ul li.mainNav-VillageInformation a {
    float: left;
    text-align: center;
    width: 238px;
}

.Mainnav ul li.mainNav-DoingBusiness a {
    float: left;
    text-align: center;
    width: 238px;
}

.Mainnav ul li.mainNav-IWantTo a {
    float: right;
    text-align: right;
    width: 150px;
}

.Mainnav .SubMainnav {
    position: absolute;
    height: 0;
    width: 0;
    top: 39px;
    overflow: hidden;
    z-index: 5;
    background-color: transparent;
    transition: top .6s ease-in;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    pointer-events: none;
}

    .Mainnav li a:hover + .SubMainnav,
    .Mainnav .SubMainnav:hover,
    .Mainnav li a:focus + .SubMainnav,
    .Mainnav .SubMainnav:focus,
    .Selected + .SubMainnav {
        left: auto;
        background-color: #8FA5CA;
        pointer-events: all;
    }


    .Mainnav .SubMainnav .Column {
        width: 50%;
        float: left;
    }

        .Mainnav .SubMainnav .Column ul {
            padding-left: 15px;
        }

li.mainNav-Government .SubMainnav {
    margin-left: 0;
    padding-left: 0;
}

li.mainNav-VillageInformation ul.SubMainnav {
    margin-left: 31px;
}

li.mainNav-DoingBusiness ul.SubMainnav {
    margin-left: 40px;
}

li.mainNav-IWantTo ul.SubMainnav {
    margin-left: 0;
}

header ul.menu .SubMainnav li.dropdown-header a {
    float: left;
    font-size: 15px;
    list-style: none;
    font-weight: 600;
    color: #2C435F;
}

header ul.menu .SubMainnav li a {
    font-size: 13px;
    letter-spacing: 0.5px;
    text-align: left;
    float: left;
    margin: 5px 0;
    height: auto;
    width: 155px;
}

.Mainnav ul li.mainNav-Government a:hover + .SubMainnav,
.Mainnav ul li.mainNav-Government .SubMainnav:hover,
.Mainnav ul li.mainNav-Government a:focus + .SubMainnav,
.Mainnav ul li.mainNav-Government .SubMainnav:focus,
.Mainnav ul li.mainNav-Government .Selected + .SubMainnav {
    height: 412px;
    width: 346px;
    margin-top: 0;
    padding: 10px 0 10px;
}

.Mainnav ul li.mainNav-Government .SubMainnav > li > ul {
    float: left;
    width: 146px;
    margin-right: 25px;
    padding: 0;
}

.Mainnav ul li.mainNav-VillageInformation a:hover + .SubMainnav,
.Mainnav ul li.mainNav-VillageInformation .SubMainnav:hover,
.Mainnav ul li.mainNav-VillageInformation .Selected + .SubMainnav {
    height: auto;
    width: 165px;
    padding: 10px 0 10px 15px;
}

.Mainnav ul li.mainNav-DoingBusiness a:hover + .SubMainnav,
.Mainnav ul li.mainNav-DoingBusiness .SubMainnav:hover,
.Mainnav ul li.mainNav-DoingBusiness .Selected + .SubMainnav {
    height: auto;
    width: 160px;
    padding: 10px 0 10px 15px;
}

.Mainnav ul li.mainNav-Doing .SubMainnav > li > ul {
    float: left;
    height: auto;
    width: 148px;
    padding: 0;
}

.Mainnav ul li.mainNav-IWantTo a:hover + .SubMainnav,
.Mainnav ul li.mainNav-IWantTo .SubMainnav:hover,
.Mainnav ul li.mainNav-IWantTo .Selected + .SubMainnav {
    height: 399px;
    width: 779px;
    padding: 10px 0 23px 16px;
    left: 0;
}

.Mainnav ul li.mainNav-IWantTo {
    right: 0;
}

    .Mainnav ul li.mainNav-IWantTo ul.SubMainnav li {
        right: 0;
        padding-bottom: 1.8px;
    }

    .Mainnav ul li.mainNav-IWantTo .SubMainnav li:not(.dropdown-header) a {
        float: none;
        margin-right: 0;
        height: auto;
        width: 135px;
        margin: 3.4px 0;
    }

    .Mainnav ul li.mainNav-IWantTo .SubMainnav > li > ul {
        float: left;
        height: auto;
        width: 137px;
        margin-right: 16px;
        padding: 0;
    }


    .Mainnav ul li.mainNav-IWantTo .SubMainnav:last-of-type > li > ul {
        float: left;
        height: auto;
        width: 135px;
        margin-right: 19px;
        padding: 0;
    }

header ul#departmentsNav.Desktop {
    padding-bottom: 0;
}

header ul#departmentsNav li {
    border-right: rgba(92, 119, 149, .4) solid .5px;
    padding-right: 4px;
}

    header ul#departmentsNav li.childNav a {
        display: none;
    }

header ul.IWantToNav-right {
    height: 400px;
    border-right: rgba(92, 119, 149, .4) solid .5px;
}

    header ul.IWantToNav-right li {
        padding-right: 15px;
    }

header ul.IWantToNav-left {
    height: 400px;
    border-left: rgba(92, 119, 149, .4) solid .5px;
}

    header ul.IWantToNav-left li {
        padding-left: 15px;
    }

header ul.menu {
    position: absolute;
    left: 229px;
    top: 75px;
    width: 777px;
    border: none;
    font-size: 15pt;
    font-weight: 500;
    margin: 6px 0 0 0;
    padding: 0;
    letter-spacing: 0.5px;
    clear: both;
    z-index: 100;
}

    header ul.menu > li {
        float: left;
        list-style: none;
        height: 40px;
    }

        header ul.menu > li a {
            color: #fff;
            text-decoration: none;
            padding-bottom: 1px;
            border: none;
            height: 40px;
            display: block;
        }

            header ul.menu > li a.Selected,
            header ul.menu > li a.Hovered {
                background: url('images/UpArrow.png')no-repeat center bottom;
            }

    header ul.menu ul {
        color: #fff;
        background-color: #8FA5CA;
        z-index: 15;
    }

        header ul.menu ul li {
            float: left;
            list-style: none;
            clear: both;
        }

.Page-Home.Index .leftContentWrapper.VisibleElement {
    max-width: 455px;
    width: 100%;
    margin-right: 25px;
}

/* Main Overlay Wrapper*/
.mainOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 1024px;
    height: 432px;
    margin: auto;
    background: rgba(209, 215, 219, 0.8);
}

.mainGalleryContainer {
    position: relative;
    width: 770px;
    height: 380px;
    margin: 25px;
    float: right;
    z-index: 16;
}

    .mainGalleryContainer img {
        width: 767px;
        height: 380px;
        opacity: 1.0;
        z-index: 16;
    }

.iconNavContainer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    margin: auto;
    width: 166px;
    height: 268px;
    overflow: hidden;
}

.iconNavContent:last-child span {
    margin: 0 0 0 58px;
}

.iconNavContainer.VisibleElement {
    opacity: 1;
}

.iconNavContent {
    position: relative;
    width: 200px;
    height: 50px;
    margin-bottom: 22px;
    float: left;
}

    .iconNavContent a {
        display: block;
        height: 100%;
        color: #000;
    }

    .iconNavContent img {
        display: inline-block;
        width: 167px;
        height: auto;
        float: left;
        vertical-align: middle;
        text-align: center;
        margin-right: 15px;
    }

    .iconNavContent span {
        display: inline-block;
        line-height: 18px;
        font-size: 15px;
        padding-top: 5px;
        letter-spacing: 0.2px;
        position: relative;
        top: -94%;
        margin: 0 0 0 67px;
        color: #657995;
        text-align: center;
    }


/* Main Gallery JSS0R styling */

/* jssor slider bullet navigator skin 05 css */
/*
		.jssorb05 div           (normal)
		.jssorb05 div:hover     (normal mouseover)
		.jssorb05 .av           (active)
		.jssorb05 .av:hover     (active mouseover)
		.jssorb05 .dn           (mousedown)
		*/
.jssorb05 {
    position: absolute;
}

    .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
        position: absolute;
        /* size of bullet elment */
        width: 14px;
        height: 14px;
        background: url('../../Content/images/b05.png') no-repeat;
        overflow: hidden;
        cursor: pointer;
    }

    .jssorb05 div {
        background-position: -65px -8px;
    }

        .jssorb05 div:hover, .jssorb05 .av:hover {
            background-position: -65px -8px;
        }

    .jssorb05 .av {
        background-position: -87px -8px;
    }

    .jssorb05 .dn, .jssorb05 .dn:hover {
        background-position: -115px -8px;
    }

/* jssor slider arrow navigator skin 22 css */
/*
		.jssora22l                  (normal)
		.jssora22r                  (normal)
		.jssora22l:hover            (normal mouseover)
		.jssora22r:hover            (normal mouseover)
		.jssora22l.jssora22ldn      (mousedown)
		.jssora22r.jssora22rdn      (mousedown)
		*/
.jssora22l, .jssora22r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url('../Content/images/a22.png') center center no-repeat;
    overflow: hidden;
}

.jssora22l {
    background-position: -10px -31px;
}

.jssora22r {
    background-position: -70px -31px;
}

.jssora22l:hover {
    background-position: -130px -31px;
}

.jssora22r:hover {
    background-position: -190px -31px;
}

.jssora22l.jssora22ldn {
    background-position: -250px -31px;
}

.jssora22r.jssora22rdn {
    background-position: -310px -31px;
}

/* End Main Overlay Wrapper */

.LiveVideo {
    position: relative;
    top: 30px;
    left: 0;
    width: 455px;
    clear: both;
}

.RegularStream {
    display: block;
}

    .RegularStream img {
        width: 100%;
    }

.NonIE11 {
    display: block;
}


/* Weather Forecast*/

#weather {
    position: relative;
    left: 0;
    width: 450px;
    padding: 4px 0;
    margin-top: 50px;
    overflow: hidden;
}

    #weather p {
        width: 20%;
        float: left;
        font-size: 10pt;
    }

        #weather p.today {
            width: 40%;
        }

.weatherCitation {
    width: 400px;
    position: relative;
    font-family: 'Cabin', sans-serif;
    font-style: italic;
    font-size: 10pt;
    color: #000;
    text-align: center;
}

/* Main Content */
#pageheaderResources {
    position: relative;
    left: 50%;
    margin-bottom: 30px;
    top: 0;
    opacity: 0;
    background-position: center;
    transition: opacity 1s ease-in;
}

    #pageheaderResources.LandingPage {
        width: 2560px;
        height: 455px;
        margin-left: -1280px;
        background-image: url('images/BackgroundHeader/Home3-081016.jpg');
    }

    #pageheaderResources.InteriorPage {
        width: 2560px;
        height: 28px;
        margin-bottom: 0;
        margin-left: -1280px;
        background-image: url('images/BackgroundHeader/TribalStrip.jpg');
        background-repeat: repeat;
    }

#bodyResources {
    width: 1024px;
    margin: 0 auto;
}

    #bodyResources .TextResource:first-of-type {
        width: 100%;
    }

    #bodyResources .TextResource.LinkButtons {
        height: 40px;
        line-height: 40px;
        width: 440px;
        margin: 40px auto;
        clear: both;
    }

        #bodyResources .TextResource.LinkButtons a {
            display: inline-block;
            width: 190px;
            box-shadow: 5px 5px 15px -6px #2E3945;
            text-align: center;
            text-decoration: none;
        }

            #bodyResources .TextResource.LinkButtons a:first-of-type {
                margin-right: 40px;
            }

.leftContentWrapper {
    display: inline-block;
    width: 593px;
    margin-left: 30px;
    opacity: 0;
    transition: opacity 0.8s ease-in;
}

.mainBlockText {
    width: 510px;
}

    .mainBlockText p {
        margin-bottom: 12px;
        margin-top: 0;
    }

.Page-Home.Index .rightColumn.VisibleElement {
    width: 455px;
    margin: 30px 25px;
}

.Page-Home.Index .leftContentWrapper .mainBlockText {
    width: 455px;
}

.Page-Home.Index .leftContentWrapper .mainBlockText h1 {
    margin-top: 70px;
}

.rightColumn {
    width: 300px;
    float: right;
    opacity: 0;
    transition: opacity 0.8s ease-in;
}

    .rightColumn p {
        margin-bottom: 25px;
    }

    .rightColumn .MediaResource img {
        margin: 0;
    }

.FullWidthContentWrapper {
    width: calc(100% - 30px);
    margin-left: 30px;
}

.CouncilMemberMedia {
    clear: both;
}

div.Page.Page-Home.Index .rightColumn .MediaResource {
    float: right;
}

    div.Page.Page-Home.Index .rightColumn .MediaResource:first-of-type img {
        position: relative;
        width: 255px;
        margin: 50px 0 0 0;
    }

    div.Page.Page-Home.Index .rightColumn .MediaResource img {
        position: relative;
        width: 255px;
        margin: 5px 0 0 0;
    }


/* Sub Page Layout */

/* Sub Nav */
div.subNavContainer {
    width: 200px;
    height: auto;
    background-color: #ccccc2;
    float: left;
    padding-bottom: 10px;
    overflow: hidden;
    opacity: 0;
    transition: all 0.8s ease-in;
}

    div.subNavContainer .iconNavContainer {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 0 15px;
        bottom: 0;
        width: 200px;
        height: auto;
    }

    div.subNavContainer ul {
        padding: 0;
        margin: 0 0 15px 0;
        overflow: hidden;
        font-size: 12px;
        background-color: #CCCCC2;
    }

        div.subNavContainer ul li {
            position: relative;
            list-style: none;
        }

            div.subNavContainer ul li.dropdown-header {
                margin: 0;
            }

                div.subNavContainer ul li.dropdown-header a {
                    font-size: 16px;
                    color: #5c7795;
                    margin: 25px 0 25px 0;
                    border: none;
                    font-weight: 900;
                }

            div.subNavContainer ul li a {
                display: block;
                width: 152px;
                color: #000;
                line-height: 18px;
                text-decoration: none;
                border-bottom: solid .3px #b0b0b0;
                padding: 5px 24px;
                margin: 0;
            }

                div.subNavContainer ul li a:hover,
                div.subNavContainer ul li a:focus,
                div.subNavContainer ul li a.Selected {
                    background-color: #fff;
                }

    div.subNavContainer.VisibleElement {
        opacity: 1;
    }

.childNav a {
    text-indent: 18px;
}

.subNavContainer ul li.childNav a:hover, .subNavContainer ul li.childNav a.Selected, .subNavContainer ul li.childNav a:focus {
    background-color: #fff;
}

.Government div.subNavContainer {
    min-height: 812px;
}

ul#subNav-Government li ul,
ul#subNav-IWantTo li ul {
    padding: 0;
    list-style: none;
}

ul#subNav-IWantTo li,
ul#subNav-IWantTo li a {
    height: 0;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    width: auto;
}

    ul#subNav-IWantTo li.dropdown-header {
        height: 30px;
        overflow: hidden;
    }

        ul#subNav-IWantTo li.dropdown-header a {
            height: 30px;
            font-size: 16px;
            color: #5c7795;
            margin: 0 0 0 -20px;
            border: none;
            font-weight: 900;
        }

ul#subNav-IWantTo .ExpandableContent button {
    top: -20px;
    left: 5px;
}

ul#subNav-IWantTo .Expanded button {
    top: -8px;
    left: 5px;
}

ul#subNav-IWantTo li.Expanded,
ul#subNav-IWantTo li.Expanded a {
    height: auto;
}

    ul#subNav-IWantTo li.Expanded > ul {
        max-height: 1000px;
        transition: max-height 0.4s ease-out;
    }

    /* subnav transitions */
    ul#subNav-IWantTo li,
    ul#subNav-IWantTo li.Expanded,
    ul#subNav-IWantTo li.Expanded a {
        transition: all 0.4s ease-out;
    }

/* Sub Page Body*/
div.subBlockh1 {
    position: relative;
    height: 131px;
    overflow: hidden;
}

    div.subBlockh1 h1 {
        position: relative;
        top: 20px;
        left: 30px;
        overflow: hidden;
    }

div.subBlockText:first-of-type h3 {
    margin-top: 0;
}

div.subBlockText {
    margin: 0;
    padding: 0;
}

.LeftContentSection:first-of-type div.subBlockText:first-of-type h2 {
    margin-top: 0;
}

div.PageDescriptionContent .MediaResource h3:first-of-type {
    margin: 0 0 10px 0;
    padding: 0;
}

div.subBlockText h1 {
    display: block;
    margin: 34px 0 28px 0;
    font-size: 28px;
    font-weight: bold;
    color: black;
}


.subBlockText h3 {
    margin: 22px 0 10px 0;
}

div.subBlockText p {
    margin: 0 0 10px 0;
}

h3.first {
    margin-top: -30px;
}

.Page.Index:not(.SecondTier) .subBodyContent {
    top: -370px;
}

/*.Page.SiteMap .subBodyContent {
    top: -250px;
}*/

.subBodyContent {
    position: relative;
    min-height: 370px;
    overflow: hidden;
    background-color: #fff;
}

    .subBodyContent .outerPageWrapper {
        position: relative;
        width: 824px;
        float: left;
    }

    .subBodyContent .leftContentWrapper {
        width: 420px;
        margin: 0 0 0 30px;
        overflow: hidden;
        opacity: 0;
        transition: opacity 0.8s ease-in;
    }

.Finance .SecondTier .Departments .leftContentSection .MediaResource {
    margin-top: 100px;
}

.subBodyContent .leftContentWrapper img {
    max-width: 420px;
    height: auto;
}

.subBodyContent .rightColumn {
    position: relative;
    height: auto;
    right: 17px;
}

.Contact .rightColumn h3 {
    margin-top: 0;
}

#contactForm {
    margin-top: -15px;
    margin-bottom: 20px;
}

    #contactForm p {
        text-align: right;
        margin-right: 5px;
    }

.subBodyContent .rightBlockText {
    margin: 0;
}

.subBodyContent .rightBlockText {
    margin: 0;
}

    .subBodyContent .rightBlockText h3 {
        margin: 29px 0 16px 0;
    }

        .subBodyContent .rightBlockText h3.first {
            margin: 0 0 10px 0;
        }

    .subBodyContent .rightBlockText p {
        margin: 0 0 10px 0;
    }

.subBodyContent .rightColumn a {
    display: block;
}

    .subBodyContent .rightColumn a.MediaResource {
        margin-top: 10px;
        text-indent: -15px;
        padding-left: 15px;
    }

.breadCrumbs {
    position: relative;
    width: 460px;
    top: 30px;
    left: 30px;
    margin-bottom: 10px;
    line-height: 14px;
    z-index: 1;
    font-size: 11px;
}

    .breadCrumbs a {
        text-decoration: none;
        line-height: 12px;
        color: #666666;
    }

/* Footer */
footer {
    position: relative;
    top: 0;
    width: 100%;
    height: 140px;
    line-height: 15px;
    margin-top: 50px;
    overflow: hidden;
    font-size: 10px;
    background-color: #CABBA4;
    transition: all 0.4s ease-in;
}

    footer.VisibleElement {
        opacity: 1;
    }

    footer #footerResources {
        position: relative;
        width: 1024px;
        height: 100%;
        overflow: hidden;
        margin: 0 auto;
        clear: both;
        font-size: 10px;
        letter-spacing: 0.5px;
    }

    footer ul#footernav {
        width: 400px;
        margin: 0 auto;
        padding-top: 2px;
        overflow: hidden;
        list-style-type: none;
    }

#footernav li.nopipe {
    border-right: none;
}

footer ul#footernav li {
    display: inline-block;
    float: left;
    line-height: 10px;
    padding: 0 5px;
    border-right: 1px solid #646363;
}

    footer ul#footernav li a {
        color: #646363;
        text-decoration: none;
    }

footer .copyright {
    color: #666666;
    margin: 8px auto 0 auto;
    text-align: center;
}

footer .MediaResource {
    float: left;
    height: 58px;
    margin-top: 16px;
}

    footer .MediaResource a {
        display: block;
    }

        footer .MediaResource a img {
            position: relative;
            margin-left: 40px;
            width: auto;
            height: 50px;
        }

    footer .MediaResource:first-of-type a img {
        margin-left: 80px;
    }

.ftEnvironment {
    text-align: center;
    font-size: 10px;
    letter-spacing: 0.5px;
    color: #B9AC97;
    margin: 10px auto 0 auto;
}

/* PDF / text lists */
a.PDF {
    display: block;
}

.PDF {
    overflow: hidden;
}

    .PDF a.PdfWithText {
        width: 130px;
        float: left;
        height: 24px;
        text-decoration: none;
        text-align: left;
    }

.DisplayInlineBlock p {
    margin-bottom: 10px !important;
}

.PDF.MediaResource.hashTag.PDF a.PdfWithText {
    width: 90px;
    float: left;
    height: 24px;
    text-decoration: none;
    text-align: left;
}

.PDF.MediaResource.PdfWithText.PDF.Clear a {
    width: 85px !important;
    float: left;
    height: 24px;
    text-decoration: none;
    text-align: left;
}

.PDF.MediaResource.PDF.Clear a {
    width: 100%;
    float: left;
    text-decoration: none;
    text-align: left;
}

.FullWidthContentWrapper .PDF.MediaResource a.PdfWithText {
    width: 100px;
}


.FullWidthContentWrapper .PDF.MediaResource a {
    width: 500px;
}

.PDF span {
    width: calc(100% - 100px);
    float: left;
}

.OrdinanceWidth {
    width: 200px;
}

/* Government pages */
.Page.VillageCouncil .MediaResource {
    width: 794px;
}

    .Page.VillageCouncil .MediaResource img,
    .Page.VillageManager .MediaResource img,
    .Page.Finance .MediaResource img {
        margin: 5px 16px 5px 0;
        float: left;
    }

    .Page.VillageCouncil .MediaResource:first-of-type,
    .Page.VillageManager .MediaResource:first-of-type,
    .Page.Finance .MediaResource:first-of-type {
        margin-top: -30px;
    }

.Page.Resolutions div.subBlockText {
    min-height: 24px;
}

.Page.MunicipalTaxCode .PDF span {
    width: calc(100% - 130px);
}

/* Meeting Minutes */

.Page.MeetingMinutes {
    width: auto;
}

    .Page.MeetingMinutes .PDF {
        display: none;
        width: 240px;
    }

        .Page.MeetingMinutes .PDF.Expanded {
            display: inline-block;
        }

#paginator {
    margin: 30px 0 0 80px;
}

    #paginator ul {
        list-style: none;
    }

        #paginator ul li {
            display: inline-block;
            margin: 0 0.25em;
        }

            #paginator ul li a,
            #paginator ul li span {
                display: inline-block;
                min-height: 2em;
                min-width: 2em;
                line-height: 1.875em;
                color: #b0b0b0;
                font-size: 1.25em;
                text-align: center;
            }

                #paginator ul li span.next,
                #paginator ul li span.prev,
                #paginator ul li a.next,
                #paginator ul li a.prev {
                    color: #2C435F;
                }

                    #paginator ul li span.next span,
                    #paginator ul li span.prev span,
                    #paginator ul li a.next span,
                    #paginator ul li a.prev span {
                        min-height: 0;
                        min-width: 0;
                    }

            #paginator ul li.active span {
                color: #2C435F;
            }

#pageSelector p {
    margin-bottom: 5px;
}

#pageSelector #pages {
    width: 125px;
    font-size: 1.25em;
}

#pageSelector #btn {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    width: 125px;
    margin: 10px 0 0 10px;
    padding-top: 1px;
    background-color: #2C435F;
    color: white;
    text-align: center;
    cursor: pointer;
}

.Year {
    min-height: 0;
    margin-top: 0;
    overflow: hidden;
}

    .Year.VisibleElement {
        min-height: 50px;
        margin-top: 30px;
    }

        .Year.VisibleElement:first-of-type {
            margin-top: 0;
        }

.Minute {
    width: 33.33%;
    height: 0;
    float: left;
    overflow: hidden;
    opacity: 0;
    transition: opacity 1s ease-in;
}

    .Minute:first-of-type {
        width: 100%;
    }

    .Minute.VisibleElement {
        height: 25px;
        opacity: 1;
    }

        .Minute.VisibleElement:first-of-type {
            height: auto;
        }

    .Minute p {
        margin: 0 0 20px 0;
        font-size: 21px;
        line-height: 1.3em;
    }

.element-invisible {
    font-size: 1.2em;
}

.date-year {
    margin: 5px 0 10px;
}

    .date-year.form-select {
        height: 40px;
        width: 100px;
        border: 2px solid #2C435F;
    }

        .date-year.form-select option {
            height: 40px;
            line-height: 40px;
            width: 100px;
            padding-left: 20px;
            background-color: #8FA5CA;
            color: black;
            border: 1px solid #2C435F;
        }

.form-submit {
    height: 30px;
    width: 100px;
    line-height: 30px;
    padding: 0 20px;
    background-color: #8FA5CA;
    border: 0 none;
    border-radius: 5px;
    font-size: 1.2em;
}

/* Construction Management Projects */

.projectItem {
    font-size: 13px;
    line-height: 1.4em;
    padding-top: 20px;
}

/* Site Map */
.Page.SiteMap ul {
    padding-top: 0 !important;
    margin-left: 30px;
}

    .Page.SiteMap ul ul {
        margin-left: 15px;
    }

    .Page.SiteMap ul li {
        padding: 0 !important;
    }


    .Page.SiteMap ul.menu li.mainNav-Government {
        list-style: none;
    }

    .Page.SiteMap ul.menu li.mainNav-VillageInformation {
        list-style: none;
    }

    .Page.SiteMap ul.menu li.mainNav-DoingBusiness {
        list-style: none;
    }

    .Page.SiteMap ul.menu li.mainNav-IWantTo {
        list-style: none;
    }

    .Page.SiteMap ul.menu li.mainNav-Government .SubMainnav {
        list-style: none;
        margin-left: -20px;
    }


.Page.SiteMap li.mainNav-IWantTo .SubMainnav {
    list-style: none;
    margin-left: -48px;
}

.Page.SiteMap li.mainNav-VillageInformation .SubMainnav {
    list-style: square;
    margin-left: -5px;
}


.Page.SiteMap li.mainNav-DoingBusiness .SubMainnav {
    list-style: square;
    margin-left: -5px;
}

.Page.SiteMap ul li .childNav {
    padding-left: 15px !important;
    list-style: none !important;
}

.Page.SiteMap ul.menu {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

.h1pageLinkInnerMobile {
    z-index: 1;
    background-color: #acd1f3;
    text-align: center;
    padding: 5px 8px 5px 8px !important;
    height: 20px;
    margin-bottom: 5px !important;
    width: 245px;
}

    .h1pageLinkInnerMobile a {
        color: #2C435F;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
    }

        .h1pageLinkInnerMobile a:hover {
            text-decoration: none;
            color: #fff;
        }

.h1pageLink {
    float: right;
    margin: -5% 0 0 0;
    position: relative;
    z-index: 1;
    background-color: #acd1f3;
    text-align: center;
    padding: 5px 8px 5px 8px !important;
    width: 245px;
    height: 20px;
}

    .h1pageLink a {
        color: #2C435F;
        font-size: 17px;
        font-weight: bold;
        text-decoration: none;
    }

        .h1pageLink a:hover {
            text-decoration: none;
            color: #fff;
        }

.h1pageLinkProject {
    float: right;
    margin: -5% 0 0 61%;
    position: absolute;
    z-index: 1;
    background-color: #acd1f3;
    text-align: center;
    padding: 5px 8px 5px 8px;
    width: 174px;
    height: 20px;
}

.FullWidthContentWrapper .FloatRight.BidMobile {
    width: 260px;
}

.h1pageLinkProjectDesktop {
    float: right;
    margin: -5% 0 0 61%;
    position: absolute;
    z-index: 1;
    background-color: #acd1f3;
    text-align: center;
    padding: 5px 8px 5px 8px;
    width: 245px;
    height: 20px;
}

    .h1pageLinkProjectDesktop a {
        color: #2C435F;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
    }

        .h1pageLinkProjectDesktop a:hover {
            text-decoration: none;
            color: #fff;
        }

.h1pageLinkProjectMobile {
    z-index: 1;
    background-color: #acd1f3;
    text-align: center;
    padding: 5px 8px 5px 8px !important;
    width: 174px;
    height: 20px;
    margin-bottom: 5px !important;
}

    .h1pageLinkProjectMobile a {
        color: #2C435F;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
    }

        .h1pageLinkProjectMobile a:hover {
            text-decoration: none;
            color: #fff;
        }

.button0 {
    position: absolute;
    top: -67px;
}

.button1 {
    position: absolute;
    top: -33px;
}

.h1pageLinkProject a {
    color: #2C435F;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

    .h1pageLinkProject a:hover {
        text-decoration: none;
        color: #fff;
    }

.h1pageLinkProject.t2 {
    top: 154px;
    left: 0;
}

.Mandatory {
    color: red;
}


/* Job Openings */
.JobOpenings {
    height: auto;
    padding-bottom: 80px;
    clear: both;
}

.JobOpenings .PDF {
        overflow: visible;
    }

.JobOpenings span {
        font-weight: bold;
        margin: 0;
        text-transform: uppercase;
    }

.JobOpenings .PDF.MediaResource.PDF.Clear {
        border-top: 1px solid #ccccc2;
        padding-top: 10px;
    }

.JobOpenings .PDF.MediaResource.PDF.Clear a {
            width: 33.3%;
        }

.JobOpenings .PDF.MediaResource.PDF.Clear a span {
                width: 100%;
            }

.JobOpenings .subBlockText .SmallTxt {
        text-transform: uppercase;
        font-size: 12px;
        float: left;
    }

.JobOpenings .subBlockText {
        width: 25%;
        float: left;
    }

 .JobOpenings .ApplyBtn {
        max-width: 75px;
        width: 25%;
        float: right;
    }

.JobOpenings.Continuous {
        padding-bottom: 50px;
    }

.JobOpeningColumnHeader {
    display: inline-flex;
    width: 100%;
}

.JobOpeningColumnHeader div:nth-child(1) {
        width: 33.3%;
    }

.JobOpeningColumnHeader div:not(:nth-child(1)) {
        width: 25%;
    }


    .TTFCJobOpenings {
        height: auto;
        padding-bottom: 80px;
        clear: both;
    }

    .TTFCJobOpenings .PDF {
            overflow: visible;
        }

    .TTFCJobOpenings span {
            font-weight: bold;
            margin: 0;
            text-transform: uppercase;
        }

    .TTFCJobOpenings .PDF.MediaResource.PDF.Clear {
            border-top: 1px solid #ccccc2;
            padding-top: 10px;
        }

    .TTFCJobOpenings .PDF.MediaResource.PDF.Clear a {
                width: 33.3%;
            }

    .TTFCJobOpenings .PDF.MediaResource.PDF.Clear a span {
                    width: 100%;
                }

    .TTFCJobOpenings .subBlockText .SmallTxt {
            text-transform: uppercase;
            font-size: 12px;
            float: left;
        }

    .TTFCJobOpenings .subBlockText {
            width: 25%;
            float: left;
        }

    .TTFCJobOpenings .ApplyBtn {
            max-width: 75px;
            width: 25%;
            float: right;
        }

    .TTFCJobOpenings.Continuous {
            padding-bottom: 50px;
        }

    .TTFCJobOpeningColumnHeader {
        display: inline-flex;
        width: 100%;
    }

    .TTFCJobOpeningColumnHeader div:nth-child(1) {
            width: 33.3%;
        }

    .TTFCJobOpeningColumnHeader div:not(:nth-child(1)) {
            width: 25%;
        }

        .QCVJobOpenings {
            height: auto;
            padding-bottom: 80px;
            clear: both;
        }  

        .QCVJobOpenings .PDF {
                overflow: visible;
            }

        .QCVJobOpenings span {
                font-weight: bold;
                margin: 0;
                text-transform: uppercase;
            }

        .QCVJobOpenings .PDF.MediaResource.PDF.Clear {
                border-top: 1px solid #ccccc2;
                padding-top: 10px;
            }

        .QCVJobOpenings .PDF.MediaResource.PDF.Clear a {
                    width: 33.3%;
                }

        .QCVJobOpenings .PDF.MediaResource.PDF.Clear a span {
                        width: 100%;
                    }

        .QCVJobOpenings .subBlockText .SmallTxt {
                text-transform: uppercase;
                font-size: 12px;
                float: left;
            }

        .QCVJobOpenings .subBlockText {
                width: 25%;
                float: left;
            }

        .QCVJobOpenings .ApplyBtn {
                max-width: 75px;
                width: 25%;
                float: right;
            }

        .QCVJobOpenings.Continuous {
                padding-bottom: 50px;
            }

        .QCVJobOpeningColumnHeader {
            display: inline-flex;
            width: 100%;
        }

        .QCVJobOpeningColumnHeader div:nth-child(1) {
                width: 33.3%;
            }

        .QCVJobOpeningColumnHeader div:not(:nth-child(1)) {
                width: 25%;
            }

.PDF.MediaResource.PDF.ContactButton a {
    text-align: center;
}

.subBlockText .JPborder {
    width: 100%;
    border-top: 1px solid #ccccc2;
    margin: 0 0 40px 0;
    clear: both;
}

.BidClear.BidBreaker {
    border-top: 1px solid #ccccc2;
    width: 100%;
    clear: both;
    position: relative;
    top: 10px;
    margin: 10px 0;
}

.MarginLvl {
    margin: -13% 0 0 0;
}

/* Content Expand */
.textExpand.Expanded {
    margin: 15px 10px 0 18px;
    cursor: pointer;
}

.textExpand {
    margin: 15px 10px 0 18px;
    cursor: pointer;
}

.ExpandableContent.MediaResource {
    max-height: 0;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.4s ease-out;
}

    .ExpandableContent.MediaResource.Expanded {
        height: auto;
        max-height: 100px;
    }

    .ExpandableContent.MediaResource a {
        margin-left: 30px;
    }

.ExpandableContent.TextResource:not(.NoLink) {
    cursor: pointer;
}

.ExpandableContent.TextResource.NoLink {
    margin-left: 30px;
    margin-top: -3px;
    cursor: default;
}

.ExpandableContent.TextResource p {
    margin-bottom: 0;
    transition: margin-bottom 0.4s ease-out;
}

.ExpandableContent.TextResource.Expanded p {
    margin-bottom: 25px;
}

.ExpandableContent button {
    position: relative;
    width: 20px;
    height: 20px;
    padding-left: 0;
    border: 0;
    font-size: 1.5em;
    background: transparent;
    /*outline: 0;*/
}

    .ExpandableContent button span {
        transition: all .4s ease-in-out;
        position: relative;
    }

        .ExpandableContent button span::before {
            content: "+";
        }

    .ExpandableContent button.active span::before {
        content: "-";
    }

/* Contact Form */
.Contact p {
    margin-bottom: 0;
}

.Contact textarea:not(#message) {
    height: 20px;
    width: 300px;
    overflow: hidden;
}

.Contact select {
    height: 26px;
    width: 307px;
    padding-left: 5px;
    opacity: 1;
}

.Contact #emailAddress {
    text-indent: 5px;
}

.Contact #submitButtonContainer {
    width: 143px;
    margin-left: 90px;
    float: left;
    overflow: hidden;
}

    .Contact #submitButtonContainer .SubmitButton {
        height: 35px;
        width: 143px;
        font-size: 18px;
        color: #2C435F;
        font-weight: bold;
        background-color: #acd1f3;
    }

        .Contact #submitButtonContainer .SubmitButton a:hover {
            text-decoration: none;
            color: #fff;
        }

.Contact #required {
    margin-top: 20px;
    float: right;
}

.Contact #map {
    width: calc(100% - 2px);
    height: auto;
    margin-bottom: 50px;
    border: 1px solid #5C7795;
    display: block !important;
}

    .Contact #map iframe {
        display: block;
        width: 100%;
        height: auto;
        min-height: 300px;
        border: none;
    }

.ContactButton {
    width: 143px;
    height: 20px;
    background-color: #acd1f3;
    text-align: center;
    padding: 4px 0 6px 0;
    margin-top: 20px;
}

    .ContactButton a {
        color: #2C435F;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
    }

        .ContactButton a:hover {
            text-decoration: none;
            color: #fff;
        }
/*End Contact*/

/* Emergency Alerts */
.alert-green {
    background-color: #393;
}

.alert-red {
    background-color: #F30;
}

    .alert-red a {
        color: white;
        text-decoration: underline;
    }

.alert-yellow {
    background-color: #FFDF00;
}

#weatherAlert {
    border: solid 1px #000;
    color: #FFF;
    padding: 5px 0;
    font-weight: bold;
    text-align: center;
    line-height: 23pt;
    font-size: 22px;
    color: white;
}

    #weatherAlert span {
        font-size: 13pt;
    }

#searchPageSearchBox {
    display: inline-flex;
    position: relative;
    width: 100%;
    margin-left: 30px;
}

#searchPageSearchBoxArea {
    width: 40%;
    margin: 35px 0 20px 10px;
}

#searchPageHr {
    margin-left: 30px;
    background-color: deepskyblue;
    height: 1px;
}

#searchPageSearchBoxArea input[type='text'] {
    height: 30px;
    width: 100%;
    font-size: 13pt;
}

#searchPageSearchBoxArea input[type='button'] {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    right: 0;
    color: transparent;
    background-color: transparent;
    border: none;
}

.rfpProjectLinkName div {
    max-width: 60%;
}
@media all and (max-width: 1075px) {
    .Page-Home.Index #bodyResources {
        width: 991px;
    }
    
    .Page-Home.Index .leftContentWrapper.VisibleElement {
        max-width: 400px;
        margin-right: 30px;
    }

    .Page-Home.Index .LiveVideo {
        width: 400px;
    }

    .Page-Home.Index .rightColumn.VisibleElement {
        width:400px;
        margin-right: 15px;
    }
}

@media all and (max-width: 1024px) {

    html, body {
        width: 100%;
    }


    header #headerResources {
        width: 100%;
    }

        header #headerResources .form-group input {
            width: 120px;
            right: 10px;
        }

    .Mainnav ul li.mainNav-Government a {
        width: 140px;
    }

    .Mainnav ul li.mainNav-VillageInformation a {
        width: 190px;
    }

    .Mainnav ul li.mainNav-DoingBusiness a {
        width: 180px;
    }

    .Mainnav ul li.mainNav-IWantTo a {
        width: 110px;
        margin: 0;
    }

        .Mainnav ul li.mainNav-IWantTo a:hover + .SubMainnav,
        .Mainnav ul li.mainNav-IWantTo .SubMainnav:hover {
            left: auto;
            right: 125px;
        }

    .Mainnav header ul.menu {
        width: calc(100% - 232px);
    }

    #pageheaderResources {
        left: 0;
        margin: 0;
        width: 100%;
    }

        #pageheaderResources .iconNavContainer {
            position: relative;
            top: 20px;
            bottom: auto;
            left: 10px;
            float: left;
        }

        #pageheaderResources .mainGalleryContainer {
            width: calc(100% - 225px);
            height: calc(100% - 25px);
            min-height: 380px;
        }

            #pageheaderResources .mainGalleryContainer img {
                width: 100%;
                height: auto;
            }

        #pageheaderResources .mainOverlay {
            width: 100%;
        }

        #pageheaderResources.LandingPage {
            width: 100%;
            margin: 0;
        }

    #bodyResources {
        width: 960px;
    }

    .subBodyContent .outerPageWrapper {
        width: 760px;
    }

    .Page-Home .leftContentWrapper {
        width: 50%;
    }

        .Page-Home .leftContentWrapper .mainBlockText {
            width: 100%;
        }

    .Page-Home .rightColumn {
        width: 40%;
    }

        .Page-Home .rightColumn #weather {
            width: 100%;
            right: 0;
            padding: 0 0 0 30%;
        }

        .Page-Home .rightColumn .LiveVideo,
        .IEStream,
        .RegularStream, .IE11 {
            width: 100%;
            height: auto;
            left: 0;
        }

            .IEStream img,
            .RegularStream img,
            .IE11 img {
                display: block;
                height: 100%;
                width: 100%;
            }

    .Page.VillageCouncil .MediaResource,
    .Page.VillageCouncil .MediaResource p {
        width: 90%;
    }

    /* Job Openings */
    footer.VisibleElement {
        top: 0 !important;
    }

    .subBodyContent .rightColumn {
        right: 0;
    }
}

@media all and (max-width: 991px) {
    .Page-Home.Index #bodyResources {
        width: 900px;
        margin-top: 40px;
        padding: 0;
    }

    .Page-Home.Index .leftContentWrapper.VisibleElement {
        max-width: 375px;
    }

    .Page-Home.Index .LiveVideo {
        width: 375px;
    }

    .Page-Home.Index #weather {
        width: 375px;
    }

    .Page-Home.Index .rightColumn.VisibleElement {
        max-width: 375px;
        margin-right: 20px;
    }

    .Page-Home.Index .leftContentWrapper .mainBlockText {
        width: 375px;
    }


    /*.Page-Home.Index .rightColumn.VisibleElement {
        max-width: 350px;
        width: 100%;
        position: relative;
        top: 50px;
    }*/
}

@media all and (min-width: 960px) {
    .h1pageLinkProjectMobile {
        display: none;
    }

    .h1pageLinkInnerMobile {
        display: none;
    }
}

@media all and (max-width: 960px) {
    #body {
        width: 100%;
    }

    #bodyResources,
    div.Page.Home #bodyResources {
        width: 90%;
        padding: 0 5%;
    }

    header .headerTitle,
    header ul.menu > li a {
        font-size: 16px;
    }

    .Mainnav ul li.mainNav-Government a,
    .Mainnav ul li.mainNav-VillageInformation a,
    .Mainnav ul li.mainNav-DoingBusiness a,
    .Mainnav ul li.mainNav-IWantTo a {
        width: 100px;
    }

        .Mainnav ul li.mainNav-IWantTo a:hover + .SubMainnav,
        .Mainnav ul li.mainNav-IWantTo .SubMainnav:hover {
            right: 175px;
        }

    footer #footerResources {
        width: 90%;
        padding: 30px 5% 0;
    }

        footer #footerResources .MediaResource,
        footer #footerResources .MediaResource img {
            display: none;
        }

        footer #footerResources .TextResource {
            display: block;
            float: none;
            margin: 0 auto;
            text-align: center;
        }

    .subBodyContent .outerPageWrapper {
        width: calc(100% - 225px);
    }

    div:not(.Calendar) .subBodyContent .rightColumn,
    div:not(.Contact) .subBodyContent .rightColumn {
        position: relative;
        top: 0;
        left: 0;
        right: auto;
        padding: 30px 0 30px 30px;
        float: none;
    }

    .SiteMap .rightColumn {
        display: none;
    }

    #pageSelector {
        right: 0;
    }

    #paginator {
        margin: 0;
    }

    footer.VisibleElement {
        top: 0 !important;
    }

    .h1pageLinkProject {
        display: none;
    }

    .h1pageLinkProjectDesktop {
        display: none;
    }

    .subBlockh1 {
        padding: 0 0 5px 0;
    }

    .h1pageLink {
        margin: -11px 0 0 0;
    }
}

@media all and (max-width: 900px) {
    .Page-Home.Index #bodyResources {
        width: 768px;    
    }

    .Page-Home.Index .leftContentWrapper.VisibleElement {
        max-width: 325px;
        margin-left: 0;
        margin-right: 15px;
    }

    .Page-Home.Index .LiveVideo {
        width: 325px;
    }

    .Page-Home.Index #weather {
        width: 325px;
    }

    .Page-Home.Index .rightColumn.VisibleElement {
        max-width: 325px;
        margin-right: 20px;
    }
}

    .Page-Home.Index .leftContentWrapper .mainBlockText {
        width: 325px;
    }


    /*.Page-Home.Index .rightColumn.VisibleElement {
        max-width: 350px;
        width: 100%;
        position: relative;
        top: 50px;
    }*/
}

@media all and (max-width: 800px) {
    .Page-Home.Index #bodyResources {
        width: 700px;
    }

    .Page-Home.Index .leftContentWrapper.VisibleElement {
        max-width: 100%;
        margin: 0 auto;
    }

    .Page-Home.Index .LiveVideo {
        width: 100%;
    }

    .Page-Home.Index #weather {
        width: 100%;
    }

    .Page-Home.Index .rightColumn.VisibleElement {
        max-width: 100%;
        width: 80%;
        margin: 70px auto 70px auto;
        float: none;
    }

    .Page-Home.Index .leftContentWrapper .mainBlockText {
        width: 100%;
        font-size: 16px;
        line-height: 22px;
    }

    .Page-Home.Index #weather p {
        font-size: 14px;
    }
}

@media all and (max-width: 768px) {
    .Page-Home.Index #bodyResources {
        width: 80%;
        max-width: 80%;
        margin: 0 auto;
    }

    .Page-Home.Index .rightColumn.VisibleElement {
        margin-top: 40px;
    }
}

@media all and (max-width: 590) {
    .Page-Home.Index .leftContentWrapper {
        margin: 0;
    }
}

    /* iPad 1 (789) portrait, excluding Galaxy Tab 10.1 (800) */
    @media only screen and (min-device-width : 768px) and (max-device-width : 799px) and (orientation : portrait) {
        #body {
            width: 960px;
        }

        #bodyResources,
        div.Page.Home #bodyResources {
            width: auto;
            padding: 0;
        }

        #footerResources {
            width: 960px;
            padding: 0 0 20px 0;
        }

        footer .MediaResource {
            visibility: hidden;
        }

        #headerResources img {
            width: auto;
            height: auto;
        }
    }

    /* in-between older tablets, galaxy tab portrait, nexus 7 */
    @media all and (max-width: 767px) and (min-width: 641px) {
        .Tablet {
            display: block !important;
        }

        .Desktop,
        .Mobile {
            display: none !important;
        }

        footer .MediaResource {
            visibility: hidden;
        }

        header .headerTitle {
            margin-left: 25%;
            left: auto;
        }

        .Mainnav ul li.mainNav-IWantTo a:hover + .SubMainnav,
        .Mainnav ul li.mainNav-IWantTo .SubMainnav:hover {
            left: -230px;
            right: auto;
            width: 641px;
            height: auto;
        }

        .Contact .rightColumn {
            display: none !important;
        }

        footer.VisibleElement {
            top: 0 !important;
        }

        .BidMobile {
            Float: Left;
        }

        .h1pageLink {
            margin: -5px 0 0 0
        }

        .subBlockh1 {
            padding: 0 0 5px 0;
        }
    }

    /* anything larger than a phone */
    @media all and (min-width: 641px) {
        .Desktop {
            display: block !important;
        }

        .Mobile,
        .Tablet {
            display: none !important;
        }

        ul.Mainnav {
            position: absolute;
            height: 45px;
            width: 910px;
            bottom: 0;
            margin: 0 auto;
            padding: 0;
        }

            ul.Mainnav li {
                width: 180.4px;
                height: 45px;
                float: left;
                border-right: 2px solid rgb(35,31,31);
            }

                ul.Mainnav li a {
                    display: block;
                    width: 100%;
                    line-height: 45px;
                    text-align: center;
                    overflow: auto;
                }

                    ul.Mainnav li a:hover {
                        color: #FFF;
                    }
    }

    /* iPhone 6 */
    @media all and (max-width: 640px) {
        .Desktop,
        .Tablet,
        .weatherCitation {
            display: none !important;
        }

        .Mobile {
            display: block !important;
        }

        #body {
            width: 100%;
            padding: 0;
        }

        .headerTitle {
            visibility: hidden;
        }

        header {
            height: 170px;
        }

            header .Logo {
                display: block;
                position: relative;
                top: 5px;
                width: 153px;
                margin: 0 auto;
                height: auto;
                z-index: 15;
            }

                header .Logo img {
                    width: 153px;
                    left: auto;
                    z-index: auto;
                }

        ul.Mainnav {
            top: 0;
            height: 100%;
        }

        header .content-wrapper {
            height: auto;
            padding: 15px 0;
        }

        footer .MediaResource {
            visibility: hidden;
        }

        header #headerResources .form-group {
            position: absolute;
            top: auto;
            right: auto;
            bottom: 0;
            width: 94%;
            margin: 0 3% 10px;
        }

        header #headerResources #menuContainer {
            position: relative;
            width: 41px;
            height: 29px;
            background: url('images/Hamburger.png') no-repeat;
            top: 25%;
            left: 3%;
            float: left;
            cursor: pointer;
        }

            header #headerResources #menuContainer div {
                position: absolute;
                bottom: -25px;
                left: 0;
                font-size: 14px;
                color: white;
            }

        .menu-trigger span, .menu-trigger span:before, .menu-trigger span:after {
            cursor: pointer;
            height: 8px;
            width: 35px;
            top: 22px;
            left: 7px;
            position: absolute;
            display: block;
            content: '';
        }

            .menu-trigger span:before {
                top: 9px;
                left: -3px;
            }

            .menu-trigger span:after {
                left: -3px;
            }

            .menu-trigger span, .menu-trigger span:before, .menu-trigger span:after {
                transition: all 500ms ease-out;
            }

        ul.Mainnav a {
            text-decoration: none;
        }

        #pageheaderResources {
            height: auto;
        }

            #pageheaderResources.LandingPage {
                margin: 0 0 50% 0;
            }

            #pageheaderResources .mainOverlay {
                width: 100%;
                background: none;
            }

            #pageheaderResources .iconNavContainer {
                position: relative;
                top: 0;
                width: 205px;
                margin: 30px auto;
                padding: 30px;
                float: none;
                border: none;
                background: rgba(209, 215, 219, 0.8);
            }

                #pageheaderResources .iconNavContainer .iconNavContent {
                    margin-left: auto;
                    margin-right: auto;
                }

            #pageheaderResources .mainGalleryContainer {
                width: 90%;
                height: auto;
                min-height: initial;
                margin: 140px auto 0;
                float: none;
            }

            #pageheaderResources.InteriorPage {
                min-height: 0;
            }

                #pageheaderResources.InteriorPage #bodyResources {
                    margin-top: 0;
                }

            #pageheaderResources,
            #pageheaderResources .HeaderImage,
            #pageheaderResources .HeaderImage img {
                height: auto;
                min-height: 310px;
            }

        .jssorb05 {
            display: none;
        }

        div.Page {
            position: relative;
            min-height: 400px;
        }

        #bodyResources {
            position: relative;
            padding: 0;
        }

        .LandingPage #bodyResources {
            margin-top: 200px;
        }

        /*.Page-Home #bodyResources {
        margin-top: 50%;
    }*/

        #bodyResources {
            margin-bottom: 30px;
        }

            #bodyResources .leftContentWrapper {
                width: 90%;
                margin: 0 5% 5%;
            }

            #bodyResources .FullWidthContentWrapper {
                margin-left: 0;
            }

        div.subBlockh1 h1 {
            top: 0;
        }

        div.subBlockh1 h1,
        .breadCrumbs {
            width: 95%;
            left: 0;
            margin-left: 5%;
        }

        .Page-VillageInformation div.subBlockh1 h1 {
            left: 20px;
        }

        .subBodyContent .outerPageWrapper {
            width: 100%;
        }

        section:not(.Calendar) #bodyResources .rightColumn,
        section:not(.Contact) #bodyResources .rightColumn {
            margin: 0;
            float: none;
        }

        /* Contact */
        .Contact #submitButtonContainer {
            width: 150px;
            margin: 50px auto;
            float: none;
        }

            .Contact #submitButtonContainer .SubmitButton {
                width: 150px;
                margin: 0 auto;
            }

        .Contact #required {
            float: none;
        }

        .Contact #map {
            width: 100%;
            height: auto;
            border: 1px solid #5C7795;
            display: block !important;
        }

            .Contact #map iframe {
                display: block;
                width: 100%;
                height: auto;
                min-height: 300px;
                border: none;
            }

        .Contact #contactForm span {
            float: none;
        }

        .Contact select,
        .Contact textarea:not(#message) {
            width: 100%;
        }

        /* Village Council */
        .Page.VillageCouncil .MediaResource {
            width: 100%;
        }

        div.subNavContainer {
            display: none;
        }

        footer {
            margin-top: 0;
        }

            footer #footerResources ul#footernav {
                padding-top: 0;
            }

        .subBodyContent {
            height: 100%;
            overflow: hidden;
        }

        .JobOpenings .subBlockText {
            width: 100%;
        }

        .TTFCJobOpenings .subBlockText {
            width: 100%;
        }

        .QCVJobOpenings .subBlockText {
            width: 100%;
        }

        .iconNavContent img {
            width: 100%;
            height: auto;
            float: left;
            vertical-align: middle;
            text-align: center;
            margin-right: 15px;
        }

        .iconNavContent {
            position: relative;
            width: 200px;
            height: 50px;
            margin-bottom: 22px;
            float: left;
        }

            .iconNavContent:last-child span {
                margin: 0 0 0 73px;
            }

            .iconNavContent span {
                display: inline-block;
                line-height: 18px;
                font-size: 18px;
                padding-top: 0px;
                letter-spacing: 0.2px;
                position: relative;
                top: -97%;
                margin: 0 0 0 85px;
                color: #657995;
            }

        .h1pageLinkProject {
            display: none;
        }

        .h1pageLinkProjectDesktop {
            display: none;
        }
    }

    /* 4" and smaller older phones */
    @media all and (max-width: 425px) {
        header #headerResources #menuContainer {
            z-index: 2;
        }

        header #headerResources .form-group input {
            width: 80px;
        }

        .jssorb05 {
            display: none;
        }

        footer #footerResources ul#footernav {
            width: 100%;
        }

        /* Contact Page */
        .Contact fieldset span {
            float: none;
        }

        .Contact select {
            width: 93%;
            margin: 0 1% 0 5%;
        }

        .Contact textarea:not(#message) {
            width: 90%;
            margin: 0 5%;
        }

        .BidMobile {
            Float: Left;
        }

        /* General Manager */
        .Page.VillageCouncil .MediaResource img, .Page.VillageManager .MediaResource img {
            display: block;
            margin: 0 auto 20px;
            float: none;
        }

        /* Job Openings */
        .JobOpeningColumnHeader {
            display: none;
        }

        .JobOpenings .PDF.MediaResource.PDF.Clear a {
            width: 100%;
        }

        .JobOpenings .subBlockText {
            width: 100%;
        }

        .JobOpenings .ApplyBtn {
            float: left;
        }

        .QCVJobOpeningColumnHeader {
            display: none;
        }

        .JobOpenings .PDF.MediaResource.PDF.Clear a {
            width: 100%;
        }

        .JobOpenings .subBlockText {
            width: 100%;
        }

        .JobOpenings .ApplyBtn {
            float: left;
        }


        .h1pageLinkProject {
            display: none;
        }

        .h1pageLinkProjectDesktop {
            display: none;
        }
    }

    @media all and (-ms-high-contrast:none) {
        /* IE11 */
        *::-ms-backdrop, .IE11 {
            display: block !important;
        }

        *::-ms-backdrop, .NonIE11 {
            display: none !important;
        }

        *::-ms-backdrop, .RegularStream .weatherCitation {
            display: none !important;
        }
    }

    @media all and (max-width: 767px) {
        /* Removed camera feed image to avoid background "Unavailable" image text from showing */
        .IEStream,
        .RegularStream,
        .IE11 {
            display: none;
        }
    }

    *::-ms-backdrop, .RegularStream .weatherCitation {
        display: none !important;
    }
}

@media all and (max-width: 767px) {
    /* Removed camera feed image to avoid background "Unavailable" image text from showing */
    .IEStream,
    .RegularStream,
    .IE11 {
        display: none;
    }
}

/*!
 * FullCalendar v1.6.1 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 * Modified 2016 Jeremy French
 */

/* Calendar */
.Calendar div.subBlockh1 {
    height: 40px;
    margin: 44px 0 18px;
    overflow: visible;
}

    .Calendar div.subBlockh1 h1 {
        margin: 0;
    }

.side-navigationPanel, .event-calendar {
    min-height: 550px;
}

.calendar-search-box::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

#EventCalendar {
    width: 440px;
    height: auto;
    padding: 0;
    float: left;
}

#SideSearchList {
    width: 302px;
    margin: 45px 0 0 30px;
    float: left;
}

.event-calendar {
    margin-left: 30px;
    float: left;
}

    .event-calendar table {
        display: table;
    }

    .event-calendar tr {
        display: table-row;
    }

    .event-calendar thead {
        display: table-header-group;
    }

    .event-calendar tbody {
        display: table-row-group;
    }

    .event-calendar .event-calendar-display {
        margin: auto;
    }

.fc table {
    border-collapse: collapse;
    border-spacing: 0;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    right: 15px;
    top: 22px;
    left: inherit;
}

.ui-icon {
    background-color: #DDDDDD;
    height: 16px;
    width: 16px;
}

.ui-state-default .ui-icon {
    background-position: -14px -126px;
}

.ui-state-active .ui-icon {
    background-position: -46px -126px;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 12px;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
}

/* Header
------------------------------------------------------------------------*/

.fc-button-next {
    background-image: url('../Content/images/UpArrow.png');
    background-size: 18px 18px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 18px;
    width: 18px;
    margin-right: 10px;
    float: right;
    padding: 0;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.fc-button-prev {
    background-image: url('../Content/images/UpArrow.png');
    background-size: 18px 18px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    height: 18px;
    width: 18px;
    margin-left: 10px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.fc-header-title h2 {
    padding: 0;
    margin: 0;
    font-size: 18px;
}

.fc-header {
    height: 45px;
    line-height: 45px;
}

    .fc-header td {
        vertical-align: middle;
        background: none;
        white-space: nowrap;
    }

.fc-header-left, .fc-header-right, .fc-header-center {
    vertical-align: middle;
}

.fc-header-left {
    width: 25%;
    text-align: left;
}

.fc-header-center {
    text-align: center;
}

.fc-header-right {
    width: 25%;
    text-align: right;
}

.fc .fc-header-space {
    padding-left: 10px;
}

/* Content
------------------------------------------------------------------------*/
.fc-content {
    clear: both;
}

.fc-view {
    width: 100%; /* needed for view switching (when view is absolute) */
    overflow: hidden;
}

/* Cell Styles
------------------------------------------------------------------------*/
.fc-day-header {
    height: 48px;
    line-height: 18px;
    border: 1px solid #5C7795;
}

.fc-day {
    height: 48px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: #5C7795;
    width: auto;
    border: 1px solid #5C7795;
    font-size: 22px;
}

    .fc-day:not(.fc-day-has-events) {
        cursor: default;
        color: #8FA5CA;
    }

.other-month:not(.fc-day-has-events) {
    cursor: default;
    color: #999999;
}

.fc-today {
    height: 45px;
    width: 59px;
    line-height: 45px;
    color: #8B221D;
}

.fc-day-selected {
    background-color: #8FA5CA;
    color: white !important;
}

.fc-day-has-events:not(.fc-today) {
    color: #2c435f;
}

/* Calendar Buttons
------------------------------------------------------------------------*/

.fc-state-default {
    cursor: pointer;
}

.fc-state-disabled {
    cursor: default;
}

/* Search Controls
------------------------------------------------------------------------*/
.search-button {
    border-radius: 3px;
}

.calendar-clear-search-button:hover {
    background-position: -96px -128px;
}

.calendar-search-left {
    background-image: url('../Content/images/search-left-edge.png');
    background-repeat: no-repeat;
    height: 20px;
    width: 3px;
    float: left;
}

.calendar-search-right {
    background-image: url('../Content/images/search-right-edge.png');
    background-repeat: no-repeat;
    height: 20px;
    width: 3px;
    float: left;
}

.search-list-controls {
    position: absolute;
    top: 81px;
    left: 499px;
    width: 215px;
}

    .search-list-controls .searchbox-wrapper {
        position: relative;
        overflow: hidden;
        border: 1px solid #2C435F;
    }

        .search-list-controls .searchbox-wrapper .calendar-search-box {
            position: relative;
            width: 100%;
            height: 100%;
            padding: 2px 1px;
            border: none;
            /*outline: none;*/
            text-indent: 10px;
        }

        .search-list-controls .searchbox-wrapper div {
            position: absolute;
            top: 26px;
            height: 15px;
            width: 15px;
            margin: 0;
            float: none;
            cursor: pointer;
        }

            .search-list-controls .searchbox-wrapper div.search-button-search {
                top: 3px;
                right: 7px;
                background-image: url('images/SearchIcon.png');
                background-repeat: no-repeat;
                background-size: 15px 15px;
                color: #A09E9F;
            }

            .search-list-controls .searchbox-wrapper div.calendar-clear-search-button {
                left: 7%;
                line-height: 18px;
                border-radius: 50%;
                opacity: 0;
                font-size: 20px;
                text-align: center;
                color: #414141;
                background-color: #BBBBBB;
            }

.watermark {
    color: white;
}
/* Event List Results
------------------------------------------------------------------------*/
#search-list-current-day {
    height: 51px;
    width: 295px;
    line-height: 51px;
    padding: 0;
    background-color: #8FA5CA;
    color: white;
    font-size: 14px;
    text-indent: 55px;
}

.search-list-result {
    width: 100%;
    overflow: hidden;
}

.event-clips-found {
    float: left;
    overflow: hidden;
    background-color: #EEE;
    font-size: 14px;
    text-decoration: none;
}

    .event-clips-found:nth-of-type(2n+1) {
        background-color: #DDD;
        color: black;
    }

    .event-clips-found.event-list-empty {
        border: none;
    }

/* Event list styles */
.DayEvtDateTimeContainer {
    height: 39px;
    width: 41px;
    padding: 10px 0 2px 7px;
    float: left;
    text-align: center;
    color: #5C7795;
}

    .DayEvtDateTimeContainer .DayEvtTime {
        height: 16px;
        line-height: 16px;
    }

        .DayEvtDateTimeContainer .DayEvtTime:last-of-type {
            font-size: 12px;
        }

.DayEvtDescriptionContainer {
    height: 39px;
    width: 240px;
    padding: 10px 0 2px 7px;
    float: left;
}

.DayEvtDescriptionContainer .DayEvtTitle {
    height: 38px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
}

    .DayEvtDescriptionContainer .DayEvtDescription {
        line-height: 16px;
        font-size: 12px;
    }

/* Global Event Styles
------------------------------------------------------------------------*/
.calendar-highlights-section {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.calendarManager_loadingPanel {
    background-image: url("../Content/images/LoadingAnimation.gif");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #DDDDDD;
    opacity: 0.5;
}

.ui-widget-header .ui-icon {
    background-image: url('../Content/images/jquery-ui/ui-icons_cd0a0a_256x240.png');
}

@media all and (max-width: 960px) {
    #EventCalendar {
        float: none;
        margin: 0 auto;
    }

    #SideSearchList {
        width: 440px;
        margin: 30px auto;
        float: none;
    }

    .event-clips-found,
    #search-list-current-day {
        width: 436px;
    }

    .calendar-search-box {
        width: 100%;
        float: none;
    }

    .search-list-controls {
        position: relative;
        top: auto;
        left: auto;
        width: 90%;
        margin: 0 auto;
    }
}

@media all and (max-width: 640px) {
    .event-calendar {
        width: 440px;
        margin: 0 auto 50px;
        float: none;
    }

    #SideSearchList {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    #EventCalendar {
        margin: 0 auto 30px;
        float: none;
        border: none;
    }

    .fc-content {
        margin-top: 5px;
    }

    .DayEvtDescriptionContainer {
        width: calc(100% - 80px);
    }

    .search-results {
        height: auto;
    }

    .fc-day {
        width: 14%;
        height: 45px;
    }
}

@media all and (max-width: 500px) {
    .event-calendar,
    #EventCalendar {
        width: 100%;
    }

    .event-clips-found,
    #search-list-current-day {
        width: calc(100% - 4px);
    }
}

@font-face {
    font-family: 'linecons';
    src: url('../fonts/linecons/linecons.eot');
    src: url('../fonts/linecons/linecons.eot?#iefix') format('embedded-opentype'), url('../fonts/linecons/linecons.woff') format('woff'), url('../fonts/linecons/linecons.ttf') format('truetype'), url('../fonts/linecons/linecons.svg#linecons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon:before {
    font-family: 'linecons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    margin-right: 0.6em;
    -webkit-font-smoothing: antialiased;
}

.icon-female:before {
    content: "\f182";
}

.icon-male:before {
    content: "\f183";
}

.icon-arrow-left:before {
    content: "\e032";
}

.icon-arrow-left-2:before {
    content: "\e034";
}

.icon-arrow-left-3:before {
    content: "\e036";
}

.icon-arrow-left-4:before {
    content: "\e038";
}

.icon-arrow-right:after {
    content: "\e035";
}

.icon-arrow-right-2:after {
    content: "\e037";
}

.icon-arrow-right-3:after {
    content: "\e039";
}

.icon-arrow-right-4:after {
    content: "\e033";
}

.icon-phone:before {
    content: "\e000";
}

.icon-news:before {
    content: "\e001";
}

.icon-photo:before {
    content: "\e002";
}

.icon-shop:before {
    content: "\e003";
}

.icon-wallet:before {
    content: "\e004";
}

.icon-t-shirt:before {
    content: "\e005";
}

.icon-heart:before {
    content: "\e006";
}

.icon-cloud:before {
    content: "\e007";
}

.icon-display:before {
    content: "\e008";
}

.icon-diamond:before {
    content: "\e009";
}

.icon-banknote:before {
    content: "\e00a";
}

.icon-data:before {
    content: "\e00b";
}

.icon-music:before {
    content: "\e00c";
}

.icon-location:before {
    content: "\e00d";
}

.icon-star:before {
    content: "\e00e";
}

.icon-tv:before {
    content: "\e00f";
}

.icon-eye:before {
    content: "\e010";
}

.icon-megaphone:before {
    content: "\e011";
}

.icon-study:before {
    content: "\e012";
}

.icon-bubble:before {
    content: "\e013";
}

.icon-sound:before {
    content: "\e014";
}

.icon-video:before {
    content: "\e015";
}

.icon-stack:before {
    content: "\e016";
}

.icon-lab:before {
    content: "\e017";
}

.icon-food:before {
    content: "\e018";
}

.icon-cup:before {
    content: "\e019";
}

.icon-trash:before {
    content: "\e01a";
}

.icon-user:before {
    content: "\e01b";
}

.icon-key:before {
    content: "\e01c";
}

.icon-fire:before {
    content: "\e01d";
}

.icon-clip:before {
    content: "\e01e";
}

.icon-mail:before {
    content: "\e01f";
}

.icon-search:before {
    content: "\e020";
}

.icon-settings:before {
    content: "\e021";
}

.icon-like:before {
    content: "\e022";
}

.icon-calendar:before {
    content: "\e023";
}

.icon-camera:before {
    content: "\e024";
}

.icon-tag:before {
    content: "\e025";
}

.icon-note:before {
    content: "\e026";
}

.icon-clock:before {
    content: "\e027";
}

.icon-lock:before {
    content: "\e028";
}

.icon-vynil:before {
    content: "\e029";
}

.icon-truck:before {
    content: "\e02a";
}

.icon-paperplane:before {
    content: "\e02b";
}

.icon-bulb:before {
    content: "\e02c";
}

.icon-pen:before {
    content: "\e02d";
}

.icon-params:before {
    content: "\e02e";
}

.icon-world:before {
    content: "\e02f";
}

.subNavContainer .Arrow {
    left: auto;
    top: 0;
    right: 5px;
    margin-top: 10px;
}

    .subNavContainer .Arrow.arrow-right {
        border-bottom-width: 4px;
        border-top-width: 4px;
        border-left-width: 8px;
    }

.Arrow {
    position: absolute;
    margin-top: 2.5px;
    left: 25px;
    width: 0;
    height: 0;
    cursor: pointer;
}

    .Arrow.Right {
        left: auto;
        right: 25%;
        margin-top: 25px;
        border-top-color: #22405f;
    }

.arrow-down {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 18px solid white;
}

.arrow-up {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 18px solid white;
}

.arrow-left {
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 18px solid white;
}

.arrow-right {
    position: absolute;
    right: 25px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 18px solid white;
}

.arrow-down-white {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 18px solid white;
}

.arrow-up-white {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 18px solid white;
}

.arrow-left-white {
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 18px solid white;
}

.arrow-right-white {
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 18px solid white;
}

.arrow-down-darkblue {
    margin: 5px 40px 0 0;
    float: right;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 18px solid #22405F;
}

.arrow-up-darkblue {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 18px solid #22405F;
}

.arrow-left-darkblue {
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 18px solid #22405F;
}

.arrow-right-darkblue {
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 18px solid #22405F;
}

.scroller,
.scroller-inner {
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.mp-pusher {
    position: relative;
    left: 0;
    height: 100%;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    overflow: hidden;
    z-index: 0;
}

.mp-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 300px;
    height: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.mp-level {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #8FA5CA;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

    /* overlays for pusher and for level that gets covered */
    .mp-pusher::after,
    .mp-level::after,
    .mp-level::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        opacity: 0;
    }

    .mp-pusher::after,
    .mp-level::after {
        background: rgba(0,0,0,0.3);
        -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
        transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    }

    .mp-level::after {
        z-index: -1;
    }

    .mp-pusher.mp-pushed::after,
    .mp-level.mp-level-overlay::after {
        width: 100%;
        height: 100%;
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    .mp-level.mp-level-overlay {
        cursor: pointer;
    }

        .mp-level.mp-level-overlay.mp-level::before {
            width: 100%;
            height: 100%;
            background: transparent;
            opacity: 1;
        }

.mp-pusher,
.mp-level {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
}

/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* cover */
.mp-cover .mp-level.mp-level-open {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

    .mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

/* content style */
.mp-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mp-menu h2 {
    margin: 0;
    padding: 0.7em 1em 0.7em 1em;
    text-shadow: 0 0 1px rgba(0,0,0,0.1);
    font-weight: 300;
    font-size: 2em;
    background-color: #22405F;
}

.mp-menu a {
    color: white;
}

.mp-menu.mp-overlap h2::before {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 8px;
    font-size: 75%;
    line-height: 1.8;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
    transition: opacity 0.3s, transform 0.1s 0.3s;
}

.mp-menu.mp-cover h2 {
    letter-spacing: 1px;
    font-size: 24px;
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.mp-menu ul li > a,
.mp-menu ul li > h3 {
    display: block;
    margin: 0;
    /*outline: none;*/
    font-size: 18px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    background-color: #8FA5CA;
}

.mp-menu ul li > a {
    padding: 0.7em 1em 0.7em 2.8em;
}

.mp-menu ul li > h3 {
    padding: 0.7em 1em 0.7em 1.4em;
    color: #22405F;
}

.mp-menu ul li::before {
    position: absolute;
    left: 10px;
    z-index: -1;
    color: rgba(0,0,0,0.2);
    line-height: 3.5;
}

.mp-back {
    position: relative;
    display: block;
    padding: 1em 1em 0.5em 2.7em;
    /*outline: none;*/
    background: #22405F;
    color: white;
    font-size: 24px;
    text-decoration: none;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
    background: transparent;
    color: transparent;
}

@media all and (max-width: 768px) {
    /* iOS smooth scroll fix */
    .scroller {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

        .scroller > * {
            -webkit-transform: translateZ(0px);
        }

    .container {
        overflow: hidden;
    }

    .mp-pusher {
        overflow: visible;
    }

    /* Windows 8 phone fix */
    body, html, .scroller {
        -ms-overflow-style: none !important;
    }

    @-ms-viewport {
        width: auto;
    }

    /* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
    /* We'll show the first level only */
    .no-csstransforms3d .mp-pusher,
    .no-js .mp-pusher {
        padding-left: 300px;
    }

    .no-csstransforms3d .mp-menu .mp-level,
    .no-js .mp-menu .mp-level {
        display: none;
    }

    .no-csstransforms3d .mp-menu > .mp-level,
    .no-js .mp-menu > .mp-level {
        display: block;
    }
}