/* Minification failed. Returning unminified contents.
(1234,1): run-time error CSS1019: Unexpected token, found '@import'
(1234,9): run-time error CSS1019: Unexpected token, found ''_extensions.css''
 */
/*! 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("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(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(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(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(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(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(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(Images/jquery-ui/ui-icons_ffffff_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(Images/jquery-ui/ui-icons_ffffff_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(Images/jquery-ui/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(Images/jquery-ui/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(Images/jquery-ui/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(Images/jquery-ui/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(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(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(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 {
    display: none;
    position: relative;
    right: 10px;
    top: 10px;
    width: 300px;
    padding: 10px;
    overflow: hidden;
    background: #000;
    border: 2px solid #545454;
}

    .admin-panel input, .admin-panel button {
        background-color: black;
    }

.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;
    background-color: black;
}

.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 {
    /*display: none;*/
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999999999;
}

    .admin-panel-wrapper h1 {
        font-size: 15pt;
        font-weight: 500;
        text-transform: uppercase;
    }

    .admin-panel-wrapper * {
        color: white;
    }

.adminPanel-login-controls {
    display: none;
}

@media only screen and (max-width: 767px) {
    .admin-panel-expandoButton {
        color: white;
        position: fixed;
        bottom: 0;
        right: 0;
        margin: 10px;
    }
}

.dialog-datepicker {
    position: absolute;
    top: -100px;
    width: 0;
}

.scrollbar-div {
    display: block;
    position: absolute;
    width: 200px;
    height: 200px;
    overflow: hidden;
}

@import '_extensions.css';

/* BASE CSS */

/*
	( SITE SPECIFICATIONS ) 
	COLORS:
	Navy Blue / #002E46 / RGB = 0,46,70 / CMYK = 100, 34, 0, 73
	Light Blue / #83A4C9 RGB = 131, 164, 201 / CMYK = 35, 18, 0, 21
	Red / #8B221D RGB = 139, 34, 29 / CMYK = 0, 76, 79, 45
	Light Gray / #B0B0AE RGB = 176, 176, 174 / CMYK = 0, 0, 1, 31
	Dark Gray / #646464 RGB = 100, 100, 100 / CMYK = 0, 0, 0, 61
	Black / #000000 RGB = 0, 0, 0 / CMYK = 0, 0, 0, 100

	FONTS:
	Source Sans Pro
	H1 - Source Sans Pro Bold 36pt(2em), Black, 40px padding below
	H2 - Source Sans Pro 31pt(1.71em), Black, 30px padding below
	H3 - Source Sans Pro Bold 23pt(1.29em), Black, 25px padding below
	30px between paragraph breaks.
	Body Text: Source Sans Pro 18pt (1em), Regular, Black, line spacing 26, tracking .02
	Footer Text: Source Sans Pro 12pt(.666em), Regular, Black
	Captions: Source Sans Pro 12pt(.666em), Italic, Black
*/

/* HTML5 Resets */
article, aside, label, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
ul, ol, h1, h2, h3, div {
    display: block;
}

html, body {
    height: auto;
    max-height: 100%;
    line-height: 26pt;
    margin: 0;
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18pt;
    letter-spacing: .03em;
    -ms-touch-action: none;
}

/* GENERIC CLASSES */

@-ms-viewport {
    width: device-width;
}

.desktop {
    display: block;
}

.tablet {
    display: none !important;
}

.mobile {
    display: none !important;
}

h1, h2, h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    margin: 0;
}

h1 {
    padding-bottom: 40px;
    font-size: 2em;
    line-height: 2em;
}

.h1Header {
    margin: 0;
    padding: 0;
    line-height: 0;
    text-align: center;
}

    .h1Header h1 {
        margin: 20px 0 10px 0;
        padding-bottom: 0;
    }

/*.Page.Page-Gallery, .h1Header {
	margin-left: 0;
	margin-bottom: 0;
}*/

.Page.Page-Gallery .h1Header h1 {
    padding-bottom: 0;
}

h2 {
    padding-bottom: 21px;
    padding-top: 20px;
    font-size: 1.71em;
    line-height: 1.20em;
}

h3 {
    padding-bottom: 20px;
    padding-top: 20px;
    font-size: 1.0em;
    line-height: 23pt;
}

    h1:first-of-type, h2:first-of-type, h3:first-of-type {
        margin-top: 0;
        padding-top: 0;
    }

p {
    margin: 0;
    padding: 0 0 30px 0;
}

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

ul,
ol {
    margin-top: 0;
}

.Clear {
    clear: both;
}

.Italic {
    font-style: italic;
}

.BlockText .noSpH2 {
    margin-top: -25px;
}

.BlockText .noSpace {
    margin: -20px 0 20px 0;
}

.pIndent {
    text-indent: 50px;
}

.blockIndent {
    margin-left: 50px;
}

.VisibleElement {
    opacity: 1 !important;
}

.OpaqueElement {
    opacity: 0.4 !important;
}

.breadCrumbs {
    position: relative;
    width: 508px;
    top: 30px;
    left: 30px;
    line-height: 12px;
    z-index: 1;
    font-size: 12px;
}

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

/* HEADER CONTENT */
header #headerResources {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    clear: both;
}

    header #headerResources img {
        width: 100%;
        height: 100%;
        display: block;
    }

#tribalArtStrip {
    position: relative;
    width: 100%;
    height: 36px;
    background-color: #8B221D;
    background-image: url('images/BackgroundHeader/Canoe.png') !important;
    background-size: 282px 40px;
    background-repeat: repeat-x;
    padding: 3px 0;
    z-index: 100;
}

.backdropBlue img {
    position: absolute;
    width: 100%;
    margin: 0 auto 0 auto;
    background-repeat: no-repeat;
    z-index: 0;
}
/* End Header */


/* MAIN NAV CONTENT */
.Mainnav {
    position: relative;
    border: none;
    z-index: 10;
}

ul.menu {
    width: 55%;
    height: 108px;
    border: none;
    font-size: 18pt;
    font-weight: 500;
    text-align: center;
    color: #000;
    margin: 0 auto;
    padding: 0;
    letter-spacing: 0.5px;
    clear: both;
}

    ul.menu > li {
        width: 32%;
        display: inline-block;
        line-height: 108px;
        list-style: none;
        text-transform: uppercase;
        text-align: center;
    }

        ul.menu > li a {
            padding: 15px 60px;
            color: #000;
            text-decoration: none;
            border: none;
        }

            ul.menu > li a:hover {
                background: url('images/StarIndicator.png') no-repeat 16px 6px;
                z-index: 10;
            }

        ul.menu > li.selected a {
            background: url('images/StarIndicator.png') no-repeat 15px 6px;
            z-index: 10;
        }

/* End Main Nav */


/* MAIN CONTENT */

.Page.Page-Home {
    margin-top: 70px;
}

    .Page.Page-Home.Index .h1Header {
        position: absolute;
        visibility: hidden;
    }

    .Page.Page-Home .rightColumn h2:first-of-type {
        line-height: 1.50em;
        margin: -15px 0 10px 0;
    }

.contentMain {
    width: calc(70% - 35px);
    float: left;
    padding-right: 35px;
}

div.columnRight {
    height: auto;
}

.columnRight .rightColumn {
    float: left;
    padding-left: 35px;
}

div.sectionContainer {
    position: relative;
    width: 100%;
    min-height: 100%;
    margin-bottom: 50px;
    overflow: hidden;
    clear: both;
}

hr {
    border-top: 1px solid #8fa5ca;
    width: 100%;
    margin: 10px 0 20px 0;
}

.columnLogo {
    position: relative;
    width: calc(46.5% - 35px);
    min-height: 700px;
    padding-bottom: 40px;
    padding-right: 35px;
    float: left;
    overflow: hidden;
}

.MediaResource.columnLogo {
    max-height: 100%;
    padding-bottom: 300px;
}

    .MediaResource.columnLogo img {
        max-width: 100%;
        height: auto;
        overflow: hidden;
    }

.columnLogo img {
    position: relative;
    display: block;
    height: 100%;
    margin: 0 auto;
}

.columnLogo .militaryLogoWrapper span {
    position: relative;
    max-height: 100%;
    display: block;
}

.columnContent {
    width: calc(53.5% - 35px);
    margin-left: 35px;
    float: left;
}

    .columnContent h2 {
        width: 100%;
        margin: 0;
    }

.Page {
    position: relative;
    width: 75%;
    height: auto;
    min-height: 100%;
    margin: 0 auto 70px auto;
    overflow: hidden;
}

    .Page .TextResource,
    .Page .LinkResource,
    .Page .MediaResource,
    .Page .PageDescriptionContent {
        overflow: hidden;
    }

.CalendarWrapper {
    position: relative;
    margin-top: -15px;
}

.BlockText.Calendar h2 {
    padding-top: 20px;
}

.CalendarWrapper .BlockText {
    margin-top: 40px;
}

.BlockText .eventText p {
    padding-bottom: 5px;
}

.blueBox {
    background-color: #8fa5ca;
    color: white;
    float: left;
    font-size: .90em;
    line-height: 1.2em;
    font-weight: bold;
    height: 100%;
    width: 115px;
    margin: 0 25px 25px 0;
    padding: 5px 10px 8px 10px;
    text-align: center;
    letter-spacing: 1.5px;
    border: 1px solid #8B221D;
}

.eventText {
    position: relative;
    top: -5px;
    line-height: 22pt;
}

.leftColumn {
    width: calc(30% - 35px);
    padding: 0 35px 0 0;
    float: left;
    transition: opacity 0.8s ease-in;
    overflow: hidden;
    z-index: 20;
}

.rightColumn {
    width: calc(30% - 35px);
    padding: 0 0 0 35px;
    float: left;
    transition: opacity 0.8s ease-in;
    overflow: hidden;
    z-index: 20;
}

.middleColumn {
    width: calc(40% - 70px);
    padding: 0 35px;
    float: left;
    transition: opacity 0.8s ease-in;
    overflow: hidden;
}

.leftColumn .MediaResource {
    position: relative;
    top: 10px;
}

    .leftColumn .MediaResource img {
        width: 100%;
        height: auto;
    }

.rightColumn .MediaResource img {
    margin: 0;
}

.BlockText p {
    width: 100%;
    text-align: left;
}

.mainBlockText {
    width: 100%;
    padding: 0;
    margin: 0;
}

.TextResource,
.LinkResource,
.MediaResource {
    position: relative;
}

.Page.Page-Home.About.Us {
    margin-top: 0;
    margin-bottom: 70px;
}

    .Page.Page-Home.About.Us h3:first-of-type {
        margin-top: 0;
    }

.Page.Page-Contact {
    margin-bottom: 170px;
}

.Page.Page-Home.SiteMap {
    position: relative;
    top: -50px;
    width: 30%;
    float: none;
    min-height: 350px;
    text-align: center;
}

    .Page.Page-Home.SiteMap a {
        text-decoration: none;
    }

.Page.Page.Page-Home.AboutUs {
    margin-top: 0;
}

.Page.Page.Page-Home.Links {
    margin-top: 0;
}
/* End Main Content */


/* IMAGE GALLERIES */
/* Simple jquery image carousel */
#slideshow {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 40px;
}

.militaryLogoWrapper #slideshow > div {
    position: absolute;
    margin-left: calc((100% - 365px) / 2);
    width: 365px;
    height: auto;
    transition: all 0.4s ease-in;
}

    .militaryLogoWrapper #slideshow > div img {
        display: block;
        width: 100%;
        height: auto;
    }

.Page-Home .militaryLogoWrapper {
    position: relative;
    height: 365px;
    padding-bottom: 0;
    transition: all 0.4s ease-in;
}

.Page.Page-Home .homePageWrapper {
    width: 670px;
    top: 10px;
    margin: 0 0 50px 0;
    background-color: transparent;
    overflow: hidden;
}

.homePageWrapper .gallerySlider {
    height: 446px;
}

    .homePageWrapper .gallerySlider ul {
        height: 446px;
    }

        .homePageWrapper .gallerySlider ul li {
            position: relative;
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            width: 670px;
            height: 100%;
            overflow: hidden;
        }

/*.homePageWrapper .gallerySlider ul > li img {
			display: block;
			width: 100%;
			overflow: hidden;
			height: auto;
		}*/

.Page.Page-Gallery {
    width: 728px;
    margin: 0 auto;
}

.Page-Gallery .middleColumn {
    width: 728px;
    margin: 25px auto 100px auto;
    float: none;
    padding: 0;
}

.gallerySlider {
    position: relative;
    height: 680px;
    margin: 0 auto;
    overflow: hidden;
}

    .gallerySlider ul {
        position: relative;
        height: 680px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .gallerySlider ul li {
            position: relative;
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            width: 728px;
            height: 100%;
            overflow: hidden;
            text-align: center;
        }

        .gallerySlider ul > li img {
            display: block;
            width: 100%;
            overflow: hidden;
            height: auto;
        }

.homePageWrapper a.control_prev {
    opacity: 0;
}

.homePageWrapper a.control_next {
    opacity: 0;
}

a.control_prev, a.control_next {
    position: absolute;
    top: 47%;
    width: 0;
    height: 0;
    opacity: .9;
    cursor: pointer;
    z-index: 10;
}

a.control_prev {
    left: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-right: 30px solid #fff;
    background-color: #783535;
}

a.control_next {
    position: absolute;
    right: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 30px solid #fff;
    background-color: #783535;
}

.gallerySlider ul > li div.bkgdShade {
    position: absolute;
    top: 90%;
    width: 100%;
    height: auto;
    margin: 0 auto;
    font-size: 1.0em;
    line-height: 1.5em;
    vertical-align: middle;
    color: #000;
    background-color: #fff;
    z-index: 100;
}

.gallerySlider ul > li .bkgdShade .noCaption {
    display: none;
}

/* CONTACT CLASSES */
.Page-Contact .leftColumn h2:first-of-type {
    margin-top: 40px;
    line-height: .40em;
}

/* IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #contactForm {
        width: 100%;
    }

        #contactForm label,
        #contactForm span {
            display: block;
            padding: 0;
            width: 95%;
            float: left;
        }

        #contactForm p:first-of-type label {
            margin-top: 0;
        }

        #contactForm span {
            margin-bottom: 25px;
        }

    .requiredLines {
        font-size: 14pt;
        line-height: 15pt;
    }
}


/* IE 11 max 899px */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 899px) {
    #contactForm p:first-of-type label {
        margin-top: 20px;
    }
}

form {
    display: block;
    overflow: hidden;
}

fieldset {
    border: none;
    margin: 2px;
}

#contactForm {
    width: calc(100% - 19px);
    padding: 0;
}


    #contactForm label {
        margin-right: 10px;
    }

    #contactForm textarea:not(#message) {
        height: 30px;
        width: 100%;
        font-size: .95em;
        letter-spacing: .03em;
        font-family: 'Source Sans Pro', sans-serif;
        padding: 6px 0 2px 10px;
        overflow: hidden;
    }

    #contactForm p:first-of-type label {
        margin-top: 0;
    }

    #contactForm select {
        height: 35px;
        width: 300px;
        font-size: .85em;
        letter-spacing: .02em;
        padding-left: 5px;
        opacity: 1;
    }

#Recipient.valid > option {
    font-size: 24px;
}

#contactForm #submitButtonContainer {
    width: 140px;
    margin: 0;
    float: none;
    overflow: hidden;
}

    #contactForm #submitButtonContainer .SubmitButton {
        height: 50px;
        width: 140px;
        font-size: 18pt;
        color: #2C435F;
        font-weight: bold;
        background-color: #acd1f3;
    }

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

#contactForm #required {
    margin: 50px 0 10px 0;
    text-align: left;
}

.FormMessages {
    border: 1px solid #8fa5ca;
    margin: 0 0 20px 15px;
    padding: 3px 5px;
}

.requiredLines {
    color: #ff0000;
}

ul#contacts,
ul.Contacts {
    margin: 0;
    padding: 0;
    list-style: none;
}

#map {
    display: block;
}

iframe {
    width: 100%;
    min-height: 400px;
}

/* end contact form classes */


/* FOOTER CLASSES */
footer {
    display: block;
    width: 100%;
    padding: 10px 0 5px 0;
    background-color: #002E46;
    color: white;
}

    footer.VisibleElement {
        opacity: 1;
    }

    footer #footerResources {
        font-size: 0.85em;
        height: 200px;
        overflow: hidden;
    }

        footer #footerResources ul#footernav {
            margin: 10px auto 0 auto;
            padding: 0;
            font-size: 0.85em;
            text-align: center;
            overflow: hidden;
            list-style: none;
        }

        footer #footerResources .TextResource {
            overflow: hidden;
        }

        footer #footerResources .LinkResource {
            display: inline-block;
            overflow: hidden;
        }

        footer #footerResources ul#footernav li.NoPipes {
            border-right: none;
        }

        footer #footerResources ul#footernav li {
            display: inline-block;
            line-height: 14px;
            padding: 0 7px 0 4px;
            border-right: 1px solid white;
        }

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

        footer #footerResources ul#footernav + p {
            width: 100%;
            font-size: 0.75em;
            line-height: 1.5em;
            text-align: center;
            margin: 0 auto;
        }

        footer #footerResources .whale {
            position: relative;
            top: -20px;
            text-align: center;
        }

            footer #footerResources .whale img {
                background-repeat: no-repeat;
                margin: 0 auto;
            }

.ftEnvironment {
    font-size: 0.75em;
    color: #054669;
}

@media all and (max-width: 899px) {
    .ftEnvironment {
        line-height: 10px;
    }
}

/* end footer */
/* MIN 1024px - MAX 1920px */

@media all and (max-width: 2400px) {
    .Page.Page-Home .homePageWrapper {
        width: 630px;
    }

    .homePageWrapper .gallerySlider {
        height: 419px;
    }

        .homePageWrapper .gallerySlider ul {
            height: 419px;
        }

            .homePageWrapper .gallerySlider ul li {
                width: 630px;
            }

    #slideshow {
        padding-top: 6%;
    }

    .Page-Home .militaryLogoWrapper {
        margin-bottom: 104px;
    }
}

@media all and (max-width: 2300px) {
    .Page.Page-Home .homePageWrapper {
        width: 600px;
    }

    .homePageWrapper .gallerySlider {
        height: 399px;
    }

        .homePageWrapper .gallerySlider ul {
            height: 399px;
        }

            .homePageWrapper .gallerySlider ul li {
                width: 600px;
            }

    #slideshow {
        padding-top: 8%;
    }

    .Page-Home .militaryLogoWrapper {
        margin-bottom: 132px;
    }
}

@media all and (max-width: 2100px) {
    .Page.Page-Home .homePageWrapper {
        width: 570px;
    }

    .homePageWrapper .gallerySlider {
        height: 379px;
    }

        .homePageWrapper .gallerySlider ul {
            height: 379px;
        }

            .homePageWrapper .gallerySlider ul li {
                width: 570px;
            }

    #slideshow {
        padding-top: 8%;
    }

    .Page-Home .militaryLogoWrapper {
        margin-bottom: 131px;
    }
}


@media all and (max-width: 2000px) {
    .Page.Page-Home .homePageWrapper {
        width: 549px;
    }

    .homePageWrapper .gallerySlider {
        height: 365px;
    }

        .homePageWrapper .gallerySlider ul {
            height: 365px;
        }

            .homePageWrapper .gallerySlider ul li {
                width: 549px;
            }

    #slideshow {
        padding-top: 0;
    }
}


@media all and (max-width: 1920px) {
    #tribalArtStrip {
        top: 0;
        height: 25px;
        background-size: 205px 29px;
    }

    ul.menu {
        height: 90px;
        width: 70%;
        font-size: .90em;
    }

        ul.menu > li {
            line-height: 90px;
        }

    .Page {
        font-size: .90em;
        line-height: 22pt;
    }

    h2 {
        font-size: 1.40em;
    }

    .rightColumn .BlockText.Calendar h2 {
        line-height: 1.20em;
    }

    .desktop .leftColumn .BlockText h2:first-of-type {
        position: relative;
    }

    .Page.Page-Home .homePageWrapper {
        width: 500px;
        margin: 0 0 40px 0;
    }

    .homePageWrapper .gallerySlider {
        height: 333px;
    }

        .homePageWrapper .gallerySlider ul {
            height: 333px;
        }

            .homePageWrapper .gallerySlider ul li {
                width: 500px;
            }

    #slideshow {
        padding-top: 0;
    }

    .Page-Home .militaryLogoWrapper {
        height: 333px;
        margin-bottom: 40px;
    }

    .militaryLogoWrapper #slideshow > div {
        margin-left: calc((100% - 333px) / 2);
        width: 333px;
    }

    .Page.Page-Home .rightColumn h2:first-of-type {
        line-height: 1.40em;
        margin: -11px 0 11px 0;
    }
}


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

    .Page.Page-Home .homePageWrapper {
        width: 490px;
    }

    .homePageWrapper .gallerySlider {
        height: 326px;
    }

        .homePageWrapper .gallerySlider ul {
            height: 326px;
        }

            .homePageWrapper .gallerySlider ul li {
                width: 490px;
            }

    .Page-Home .militaryLogoWrapper {
        height: 326px;
    }

    .militaryLogoWrapper #slideshow > div {
        margin-left: calc((100% - 326px) / 2);
        width: 326px;
    }
}


@media all and (max-width: 1700px) {
    .Page {
        width: calc(80% - 70px);
        padding: 0 35px;
    }

        .Page.Page-Home .homePageWrapper {
            width: 450px;
        }

    .homePageWrapper .gallerySlider {
        height: 299px;
    }

        .homePageWrapper .gallerySlider ul {
            height: 299px;
        }

            .homePageWrapper .gallerySlider ul li {
                width: 450px;
            }

    .Page-Home .militaryLogoWrapper {
        height: 299px;
    }

    .militaryLogoWrapper #slideshow > div {
        margin-left: calc((100% - 299px) / 2);
        width: 299px;
    }

		a.control_next {
    right: 35px;
}

	a.control_prev {
    left: 35px;
}

	a.control_prev, a.control_next {
    top: 45%;
}
}


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

    .Page.Page-Home .homePageWrapper {
        width: 410px;
    }

    .homePageWrapper .gallerySlider {
        height: 273px;
    }

        .homePageWrapper .gallerySlider ul {
            height: 273px;
        }

            .homePageWrapper .gallerySlider ul li {
                width: 410px;
            }

    .Page-Home .militaryLogoWrapper {
        height: 273px;
    }

    .militaryLogoWrapper #slideshow > div {
        margin-left: calc((100% - 273px) / 2);
        width: 273px;
    }

    .Page.Page-Home .rightColumn h2:first-of-type {
        line-height: 1.50em;
        margin: -12px 0 0 0;
    }
}


@media all and (max-width: 1500px) {
    .Page {
        font-size: .87em;
        line-height: 21pt;
    }

        .Page.Page-Home .homePageWrapper {
            width: 380px;
        }

    .homePageWrapper .gallerySlider {
        height: 253px;
    }

        .homePageWrapper .gallerySlider ul {
            height: 253px;
        }

            .homePageWrapper .gallerySlider ul li {
                width: 380px;
            }

    .eventText {
        clear: both;
    }

        .eventText p {
            clear: both;
            padding-bottom: 15px;
        }

    #contactForm span {
        width: 100%;
    }

    #contactForm select {
        width: 100%;
    }

    #contactForm textarea:not(#message) {
        width: 97.5%;
    }


    .Page-Home .militaryLogoWrapper {
        height: 253px;
    }

    .militaryLogoWrapper #slideshow > div {
        margin-left: calc((100% - 253px) / 2);
        width: 253px;
    }
}

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

    .Page {
        top: 0;
        width: calc(100% - 140px);
        font-size: .80em;
        margin-bottom: 70px;
    }

    #contactForm select {
        width: 99.5%;
    }

    .leftColumn {
        width: calc(30% - 40px);
        padding: 0 20px 0 0;
    }

    .rightColumn {
        width: calc(30% - 20px);
        padding: 0 0 0 20px;
    }

    .Page.Page-Home .rightColumn h2:first-of-type {
        line-height: 1.50em;
        margin: -9px 0 0 0;
    }

    .middleColumn {
        width: calc(40% - 40px);
        padding: 0 20px;
    }

    .Page.Page-Home .homePageWrapper {
        width: 410px;
    }

    .homePageWrapper .gallerySlider {
        height: 273px;
    }

        .homePageWrapper .gallerySlider ul {
            height: 273px;
        }

            .homePageWrapper .gallerySlider ul li {
                width: 410px;
            }

    .Page-Home .militaryLogoWrapper {
        height: 273px;
    }

    .militaryLogoWrapper #slideshow > div {
        margin-left: calc((100% - 273px) / 2);
        width: 273px;
    }
}


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

    .Page {
        font-size: .80em;
        margin-bottom: 70px;
    }

        .Page.Page-Home .homePageWrapper {
            width: 380px;
        }

    .homePageWrapper .gallerySlider {
        height: 253px;
    }

        .homePageWrapper .gallerySlider ul {
            height: 253px;
        }

            .homePageWrapper .gallerySlider ul li {
                width: 380px;
            }


    .Page-Home .militaryLogoWrapper {
        height: 253px;
    }

    .militaryLogoWrapper #slideshow > div {
        margin-left: calc((100% - 253px) / 2);
        width: 253px;
    }
}


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

    .Page.Page-Home .homePageWrapper {
        width: 350px;
    }

    .homePageWrapper .gallerySlider {
        height: 233px;
    }

        .homePageWrapper .gallerySlider ul {
            height: 233px;
        }

            .homePageWrapper .gallerySlider ul li {
                width: 350px;
            }

    .Page-Home .militaryLogoWrapper {
        height: 233px;
    }

    .militaryLogoWrapper #slideshow > div {
        margin-left: calc((100% - 233px) / 2);
        width: 233px;
    }
}

/* MIN 721px - MAX 1023px */

@media all and (min-width: 900px) and (max-width: 1024px) {
    .desktop {
        display: block !important;
    }

    /* HEADER CONTENT */
    #tribalArtStrip {
        height: 17px;
        background-size: 158px 22px;
    }

    .form.gsc-search-box {
        width: 98%;
        z-index: 500;
    }

    .gsc-search-box-tools .gsc-search-box .gsc-input {
        padding-right: 20px;
    }

    #___gcse_0 .cse .gsc-search-button input.gsc-search-button-v2, #___gcse_0 input.gsc-search-button-v2 {
        left: -10px;
    }

    .admin-panel-wrapper {
        top: 30px;
        right: -7px;
    }

    .admin-panel-expandoButton {
        width: 15px;
        height: 15px;
        padding: 0 8px 18px 9px;
    }
    /* end header content */

    /* MAIN NAV CONTENT */
    .Mainnav {
        top: 0;
    }

    ul.menu {
        width: 80%;
    }

        ul.menu > li {
            line-height: 80px;
        }
    /* End Main Nav */

    .Page.Page-Home {
        margin-top: 50px;
    }

    .leftColumn {
        width: calc(30% - 25px);
        padding: 0 25px 0 0;
    }

    .middleColumn {
        width: calc(40% - 50px);
        padding: 0 25px;
    }

    .Page.Page-Home .homePageWrapper {
        top: 0;
    }

    .rightColumn {
        width: calc(30% - 25px);
        padding: 0 0 0 25px;
    }

    .Page.Page-Home .rightColumn .BlockText.Calendar h2:first-of-type {
        line-height: 1.20em;
    }

    .blueBox {
        float: none;
        padding: 10px 5px;
    }

    .BlockText.Calendar h2 {
        padding-top: 5px;
    }


    .BlockText p {
        text-align: left;
    }

    .Page-Services .leftColumn, .middleColumn, .rightColumn {
        margin-top: 0;
    }

    .Page.Page-Home .homePageWrapper {
        width: 300px;
    }

    .homePageWrapper .gallerySlider {
        height: 199px;
    }

        .homePageWrapper .gallerySlider ul {
            height: 199px;
        }

            .homePageWrapper .gallerySlider ul li {
                width: 300px;
            }

    .Page-Home .militaryLogoWrapper {
        height: 199px;
    }

    .militaryLogoWrapper #slideshow > div {
        margin-left: calc((100% - 199px) / 2);
        width: 199px;
    }

    a.control_next {
        right: 35px;
    }

    a.control_prev {
        left: 35px;
    }
}


@media all and (max-width: 899px) {
    .desktop {
        display: none !important;
    }

    .tablet {
        display: block !important;
    }

    /* HEADER CONTENT */
    #tribalArtStrip {
        height: 15px;
        background-size: 135px 19px;
    }
    /* end header content */

    /* MAIN NAV CONTENT */
    ul.menu {
        height: 80px;
        width: 100%;
        font-size: .90em;
    }

        ul.menu > li {
            line-height: 80px;
        }
    /* end main nav content */

    .Page.Page-Home {
        margin-top: 20px;
    }

    .Page {
        width: 100%;
        padding: 0;
        font-size: .85em;
        margin-bottom: 50px;
    }

    h2 {
        font-size: 1.30em;
    }

    .Page.Page-Home .PageDescriptionContent {
        margin-top: 20px;
    }

    .Page.Page-Contact {
        padding-bottom: 20px;
    }

    .Page.Page-Home.About.Us {
        top: 0;
        margin-top: 20px;
    }

        .Page.Page-Home.About.Us .rightColumn {
            margin-top: 20px;
        }

        .Page.Page-Home.About.Us .rightColumn {
            margin-top: 20px;
        }

        .Page.Page-Home.About.Us .middleColumn {
            margin-top: 20px;
        }

    .Page-Contact .rightColumn {
        position: relative;
        top: 40px;
    }

    .leftColumn, .rightColumn, .middleColumn {
        width: calc(100% - 70px);
        padding: 0 35px;
        float: none;
    }

	.contentMain {
		width: 100%;
		padding: 0;
	}

	div.sectionContainer {
		width: calc(100% - 70px);
		margin-bottom: 50px;
		padding: 0 35px;
	}

.MediaResource.columnLogo {
    min-height: 100%;
	margin-top: 40px;
}

	    .columnLogo, .columnContent, .columnRight  {
        width: 100%;
        padding: 0;
        float: none;
    }

	.contentMain .BlockText {
		margin: 0;
		padding: 0;	
	}

	.columnContent {
		margin: 0;
		padding: 0;	
	}

	.columnRight {
		position: relative;
		top: -40px;
	}

        .leftColumn .BlockText {
            margin: 0;
        }

        .leftColumn .MediaResource {
            padding-bottom: 5px;
        }

	.columnLogo {
    min-height: 550px;
	}

	.MediaResource.columnLogo img {
    width: 300px;
	height: 100%;
	}

	.columnLogo .militaryLogoWrapper span {
    position: relative;
    max-height: 100%;
	padding: 0 35px;
    display: block;
}

    .BlockText p {
        text-align: left;
    }

    .BlockText h2 {
        padding-top: 15px;
    }

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

    .subPgTitle {
        margin-top: 50px !important;
    }

    fieldset {
        padding: 0;
    }

    #contactForm {
        width: 99.8%;
    }

        #contactForm textarea:not(#message) {
            width: 98%;
        }

        #contactForm p:first-of-type label {
            margin-top: 20px;
        }

    .Page-Home .leftColumn {
        float: none;
    }

    .Page.Page-Gallery {
        width: 600px;
        padding: 0;
    }

        .Page.Page-Gallery .middleColumn {
            width: 600px;
            margin: 10px auto 50px;
        }

    a.control_next {
        right: 0;
    }

    a.control_prev {
        left: 0;
    }

    .galleryWrapper {
        margin: 0 auto;
    }

    .gallerySlider {
        width: 600px;
    }

        .gallerySlider ul {
            height: 560px;
        }

            .gallerySlider ul li {
                width: 600px;
            }

    div.bkgdShade {
        font-size: .80em;
    }

    .Page.Page-Home .homePageWrapper {
        width: 828px;
        margin: 0 auto 30px auto;
    }

    .homePageWrapper .gallerySlider {
        height: 100%;
        width: 828px;
    }

        .homePageWrapper .gallerySlider ul {
            height: 551px;
        }

            .homePageWrapper .gallerySlider ul li {
                width: 828px;
            }

    .Page-Home .militaryLogoWrapper {
        height: 300px;
        padding-top: 20px;
    }

    .militaryLogoWrapper #slideshow > div {
        margin-left: calc((100% - 300px) / 2);
        width: 300px;
    }

    .Page.Page-Home.SiteMap {
        top: -20px;
        bottom: 20px;
    }

    footer #footerResources {
        height: 150px;
    }
}

@media all and (max-width: 800px) {
    .militaryLogoWrapper #slideshow > div {
        margin-left: calc((100% - 275px) / 2);
        width: 275px;
    }

    .Page.Page-Home .homePageWrapper {
        width: 730px;
    }

    .homePageWrapper .gallerySlider {
        height: 486px;
        width: 730px;
    }

        .homePageWrapper .gallerySlider ul {
            height: 486px;
        }

            .homePageWrapper .gallerySlider ul li {
                width: 730px;
            }

    .Page-Home .militaryLogoWrapper {
        height: 300px;
        padding-top: 50px;
    }

    .militaryLogoWrapper #slideshow > div {
        margin-left: calc((100% - 300px) / 2);
        width: 300px;
    }
}

/*  MIN 481px to MAX 720px */

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

    .desktop {
        display: none !important;
    }

    .tablet {
        display: block !important;
    }

    /* HEADER CONTENT */

    #tribalArtStrip {
        height: 14px;
        background-size: 126px 18px;
    }
    /* end header content */

    /* MAIN NAV CONTENT */

    ul.menu {
        font-size: .85em;
        height: 80px;
        line-height: 80px;
    }

        ul.menu > li {
            line-height: 80px;
        }

    /* end main nav content */

    Page.Page-Home {
        font-size: .88em;
        margin-top: 20px !important;
    }

    .Page.Page-Home.AboutUs {
        margin-top: 20px;
        margin-bottom: 70px;
    }

    .leftColumn, .rightColumn, .middleColumn {
        width: calc(100% - 70px);
        padding: 0 35px;
        float: none;
        margin: 0;
    }

    .Page.Page-Home.AboutUs .rightColumn {
        padding-top: 30px;
    }

        .Page.Page-Home.AboutUs .rightColumn h2 {
            margin-bottom: 0;
        }

    .h1Header h1 {
        font-size: 1.70em;
    }

    .rightColumn h2:first-of-type {
        margin-top: 0;
    }

	.Page.Page-Home .rightColumn .BlockText.Calendar h2 {
		margin-top: 10px;
	}

    .CalendarWrapper {
        margin-top: 0;
    }

    .BlockText span {
        margin-bottom: 40px;
    }

    fieldset {
        padding: 0;
    }

    #contactForm {
        width: 100%;
    }

        #contactForm select {
            width: 99.5%;
        }

    .Page.Page-Home .homePageWrapper {
        width: 720px;
    }

    .homePageWrapper .gallerySlider {
        height: 480px;
        width: 720px;
    }

        .homePageWrapper .gallerySlider ul {
            height: 480px;
        }

            .homePageWrapper .gallerySlider ul li {
                width: 720px;
            }


    .Page-Home .militaryLogoWrapper {
        height: 275px;
    }

    .militaryLogoWrapper #slideshow > div {
        margin-left: calc((100% - 275px) / 2);
        width: 275px;
    }

	.MediaResource.columnLogo img {
    max-width: 275px;
}
}

@media all and (max-width: 675px) {
    ul.menu {
        font-size: .80em;
    }

    #contactForm textarea:not(#message) {
        width: 96%;
    }

    .Page.Page-Gallery {
        width: 500px;
        padding: 0;
        margin: 0 auto;
    }

    .Page-Gallery .middleColumn {
        width: 500px;
    }

    .galleryWrapper {
        margin: 0 auto;
    }

    .gallerySlider {
        width: 500px;
    }

        .gallerySlider ul {
            height: 467px;
        }

            .gallerySlider ul li {
                width: 500px;
            }

    a.control_prev, a.control_next {
        top: 35%;
    }
}

@media all and (max-width: 600px) {
    .Page.Page-Contact .h1Header h1 {
        width: 60%;
        margin: 0 auto;
        line-height: 1.10em;
        padding: 20px 0 30px 0;
    }

	.MediaResource.columnLogo img {
    max-width: 250px;
}

    .Page-Home .militaryLogoWrapper {
        height: 250px;
        padding-top: 0;
    }

    .militaryLogoWrapper #slideshow > div {
        margin-left: calc((100% - 250px) / 2);
        width: 250px;
    }

    .Page.Page-Home .homePageWrapper {
        position: relative;
        width: 600px;
        top: 0;
        padding-bottom: 5px;
        clear: both;
    }

    .homePageWrapper .gallerySlider {
        width: 100%;
        height: 100%;
    }

        .homePageWrapper .gallerySlider ul {
            height: 399px;
        }

            .homePageWrapper .gallerySlider ul li {
                width: 600px;
            }

    .gallerySlider {
        width: 450px;
    }

        .gallerySlider ul {
            height: 420px;
        }

            .gallerySlider ul li {
                width: 450px;
            }

    a.control_prev, a.control_next {
        top: 32%;
    }
}

/*  MAX 480px */

@media all and (max-width: 480px) {
	.desktop {
		display: none !important;
	}

	.tablet {
		display: none !important;
	}

	.mobile {
		display: block !important;
	}

	/* HEADER CONTENT */
	#tribalArtStrip {
		height: 13px;
		background-size: 120px 17px;
	}
	/* end header content */

	/* MAIN NAV CONTENT */
	ul.menu {
		font-size: .70em;
		height: 75px;
		line-height: 75px;
	}

		ul.menu > li {
			line-height: 75px;
		}

			ul.menu > li a {
				padding: 16px 42px;
			}

				ul.menu > li a:hover {
					background: url('images/StarIndicator.png') no-repeat 7px 6px;
					background-size: 40px;
					z-index: 10;
				}

			ul.menu > li.selected a {
				background: url('images/StarIndicator.png') no-repeat 6px 6px;
				background-size: 40px;
				z-index: 10;
			}
	/* end main nav content */

	/* MAIN CONTENT */
	.Page.Page-Home {
		line-height: 1.5em;
	}

	.h1Header h1 {
		font-size: 1.50em;
	}

	.Page.Page-Contact .h1Header h1 {
		width: 70%;
		margin: 0 auto;
		line-height: 1.10em;
		padding: 20px 0 30px 0;
	}

	h2 {
		font-size: 1.20em;
		line-height: 1.50em;
		padding-bottom: 10px;
		padding-top: 15px;
	}

	.Page.Page-Home .PageDescriptionContent {
		margin-top: 20px;
	}

	.BlockText h2 {
		padding-top: 0;
	}

	.rightColumn .leftColumn {
		margin-top: 20px;
	}

	.rightColumn h2:first-of-type {
		margin-top: 0;
	}

	.BlockText span {
		margin-bottom: 40px;
	}

	#contactForm textarea:not(#message) {
		width: 96.2%;
	}

	/* end main content */

	.Page.Page-Gallery {
		width: 400px;
	}

		.Page.Page-Gallery .middleColumn {
			width: 400px;
			height: 500px;
			margin: 5px auto 0 auto;
		}

	.Page.Page-Home .homePageWrapper {
		width: 480px;
		margin: 0 0 10px 0;
	}

	.homePageWrapper .gallerySlider {
		height: 320px;
		width: 480px;
	}

		.homePageWrapper .gallerySlider ul {
			height: 320px;
		}

			.homePageWrapper .gallerySlider ul li {
				width: 480px;
			}

	.Page-Home .militaryLogoWrapper {
		height: 250px;
		margin-bottom: 40px;
	}

	.militaryLogoWrapper #slideshow > div {
		margin-left: calc((100% - 250px) / 2);
		width: 250px;
	}

	.gallerySlider {
		width: 400px;
	}

		.gallerySlider ul {
			height: 373px;
		}

			.gallerySlider ul li {
				width: 400px;
			}

	a.control_prev, a.control_next {
		top: 41%;
	}


	a.control_prev {
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-right: 25px solid #fff;
	}

	a.control_next {
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-left: 25px solid #fff;
	}

	div.bkgdShade {
		top: 85%;
		font-size: .88em;
		line-height: 1.4em;
	}
}

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

	ul.menu > li a:hover {
		background: url('images/StarIndicator.png') no-repeat 4px 6px;
		background-size: 40px;
	}

	ul.menu > li.selected a {
		background: url('images/StarIndicator.png') no-repeat 3px 6px;
		background-size: 40px;
	}

	.Page.Page-Home .homePageWrapper {
		width: 450px;
	}

	.homePageWrapper .gallerySlider {
		height: 299px;
		width: 450px;
	}

		.homePageWrapper .gallerySlider ul {
			height: 299px;
		}

			.homePageWrapper .gallerySlider ul li {
				width: 450px;
			}

	.MediaResource.columnLogo img {
		min-height: 100%;
	}

	.Page-Home .militaryLogoWrapper {
		height: 230px;
		margin-bottom: 40px;
	}

	.militaryLogoWrapper #slideshow > div {
		margin-left: calc((100% - 230px) / 2);
		width: 230px;
	}
}

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

	.Page.Page-Gallery .middleColumn {
		width: 380px;
		height: 450px;
	}

	.gallerySlider {
		width: 380px;
	}

		.gallerySlider ul {
			height: 354px;
		}

			.gallerySlider ul li {
				width: 380px;
			}

	a.control_next {
		right: 10px;
	}

	a.control_prev {
		left: 10px;
	}

	a.control_prev, a.control_next {
		top: 45%;
	}
}


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

	/* MAIN NAV CONTENT */
	ul.menu {
		width: 100%;
		font-size: .65em;
		height: 70px;
		line-height: 70px;
	}

		ul.menu > li {
			line-height: 70px;
			width: 32.5%;
			text-align: center;
		}

			ul.menu > li a {
				padding: 7px 29px;
			}

				ul.menu > li a:hover {
					background: url('images/StarIndicator.png') no-repeat 0 1px;
					background-size: 30px;
				}

			ul.menu > li.selected a {
				background: url('images/StarIndicator.png') no-repeat 0 1px;
				background-size: 30px;
			}

	#contactForm textarea:not(#message) {
		width: 95.3%;
	}

	/* end main nav content */
	.Page.Page-Gallery {
		width: 100%;
	}

	.Page-Gallery .middleColumn {
		width: 325px;
		margin: 5px auto 0 auto;
	}

	.Page.Page-Home .homePageWrapper {
		width: 375px;
		float: none;
	}

	.homePageWrapper .gallerySlider {
		height: 249px;
		width: 375px;
	}

		.homePageWrapper .gallerySlider ul {
			height: 249px;
		}

			.homePageWrapper .gallerySlider ul li {
				width: 375px;
			}

	.Page-Home .militaryLogoWrapper {
		height: 200px;
		margin-bottom: 25px;
	}

	.Page.Page-Gallery .middleColumn {
		width: 325px;
		height: 425px;
	}

	.militaryLogoWrapper #slideshow > div {
		margin-left: calc((100% - 200px) / 2);
		width: 200px;
	}

	div.bkgdShade {
		top: 85%;
		font-size: .85em;
		line-height: 1.20em;
	}

	.gallerySlider {
		width: 325px;
	}

		.gallerySlider ul {
			height: 303.56px;
		}

			.gallerySlider ul li {
				width: 325px;
			}


	a.control_next {
		right: 24px;
	}

	a.control_prev {
		left: 25px;
	}

	a.control_prev, a.control_next {
		top: 41%;
	}
}

#rosterWrapper {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
    padding-bottom: 70px;
}

    #rosterWrapper h1:first-of-type {
        position: relative;
        height: 50px;
        margin: 5px 0 20px 0;
        text-align: center;
        z-index: 25;
        clear: both;
    }

#roster-navigation {
    position: relative;
    height: 100px;
    width: 100%;
    margin-top: 10px;
    background-color: #002E46;
}

    #roster-navigation #roster-slider {
        position: absolute;
        height: 100%;
        width: 100000px;
        -ms-user-select: none;
        -webkit-user-select: none;
        -moz-user-select: -moz-none;
        user-select: none;
    }

        #roster-navigation #roster-slider a,
        #roster-navigation #roster-slider a img {
            display: block;
            position: relative;
            width: 70px;
            height: 90px;
            margin: 0 2.5px 0;
            padding-bottom: 5px;
            float: left;
            cursor: pointer;
            -ms-user-select: none;
            -webkit-user-select: none;
            -moz-user-select: -moz-none;
            user-select: none;
            transition: all 0.25s ease-in;
        }

            #roster-navigation #roster-slider a.hide,
            #roster-navigation #roster-slider a.hide img {
                display: none;
                width: 0;
            }

        #roster-navigation #roster-slider #roster-inner {
            position: absolute;
            left: 0;
            height: 90px;
            width: calc(100% - 70px);
            padding: 5px 35px;
            -ms-user-select: none;
            -webkit-user-select: none;
            -moz-user-select: -moz-none;
            user-select: none;
        }

    #roster-navigation .roster-spacer {
        position: absolute;
        left: 0;
        right: auto;
        height: 100%;
        width: 35px;
        z-index: 11;
        background-color: #002E46;
    }

.rosterStory > p {
    padding: 0 35px 30px 0;
}

#roster-navigation .roster-spacer:last-of-type {
    left: auto;
    right: 0;
}

#roster-navigation .roster-spacer .arrow {
    top: 28%;
}

.rosterLowerPage {
    position: relative;
    top: 70px;
    width: 100%;
    height: auto;
    min-height: 100%;
    margin: 0 auto 10px auto;
    overflow: hidden;
}

#roster-details {
    position: relative;
    width: 70%;
    float: left;
}

    #roster-details .large {
        position: relative;
        width: calc(60% - 35px);
        margin-right: 35px;
        float: left;
    }

        #roster-details .large img {
            width: 100%;
            height: auto;
            max-height: 680px;
            transition: all 0.4s ease-in;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none;
        }

.roster-text-name {
    font-size: 110%;
    font-weight: 600;
}

#roster-details .roster-text {
    margin-top: -3px;
    width: 40%;
    float: left;
    line-height: 22pt;
}

#roster-details .rosterStory {
    position: relative;
    top: 10px;
    height: 100%;
    width: 100%;
    margin-bottom: 20px;
}

.rosterImageContainer {
    position: absolute;
    top: 155px;
    height: 100%;
    clear: both;
}

#rosterUpperMenu {
    position: relative;
    overflow: hidden;
}

#rosterInnerMenu {
    width: calc(100% - 70px);
    margin: 0 35px;
    overflow: hidden;
}

    #rosterInnerMenu p {
        width: 300px;
        padding-bottom: 0;
        font-size: 18pt;
        float: left;
    }

    #rosterInnerMenu ul {
        height: 30px;
        width: calc(100% - 300px);
        padding: 0;
        margin: 0;
        cursor: pointer;
        overflow: hidden;
        float: right;
    }

        #rosterInnerMenu ul li {
            display: block;
            width: calc(100% / 26);
            line-height: 30pt;
            float: left;
            font-size: 20pt;
            font-weight: 600;
            text-align: right;
        }

            #rosterInnerMenu ul li a {
                color: #B0B0AE;
                padding-right: 35px;
                text-align: right;
            }

                #rosterInnerMenu ul li a.blue {
                    color: #83A4C9;
                }


/* Military log dropdown */
.militaryLogoBox {
    position: relative;
    width: 25%;
    margin: 0 2.5%;
    float: left;
}

    .militaryLogoBox .mLogo-menu {
        position: relative;
        width: 100%;
    }

        .militaryLogoBox .mLogo-menu h2 {
            text-align: center;
            font-size: 120%;
            line-height: 1.2em;
        }

        .militaryLogoBox .mLogo-menu > ul > li > a span {
            display: none;
        }

.mLogo-menu ul {
    width: 90%;
    padding: 0;
    margin: 0 auto;
}

    .mLogo-menu ul li {
        display: block;
        list-style: none;
    }

        .mLogo-menu ul li a {
            display: block;
            color: #000;
            text-decoration: none;
            transition: all linear 0.15s;
        }


/*----- Top Level -----*/
.mLogo-menu > ul > li > a,
.mLogo-menu > ul > li > a img {
    width: 90%;
    height: auto;
    margin: 0 4%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/*----- Bottom Level -----*/
.mLogo-menu ul .mLogo-subMenu {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    transition: all linear 0.15s;
}

#mask {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    background: none;
}

.mLogo-subMenu li {
    float: left;
    width: 43%;
    height: 180px;
    margin: 0;
    padding: 5% 3.5%;
}

    .mLogo-subMenu li a {
        width: 90%;
        margin: 0 auto;
    }

        .mLogo-subMenu li a img {
            width: 100%;
            height: auto;
            margin: 0 auto;
            transition: all 0.4s ease-in;
            user-select: none;
        }

        .mLogo-subMenu li a p {
            text-align: center;
            font-size: 85%;
            line-height: 1.1em;
            color: #000;
            margin: -2px 0 0 0;
            padding: 0;
        }
/* End Roster Military logo dropdown */

/* Arrows */
.arrow {
    position: absolute;
    top: 45%;
    width: 0;
    height: 0;
    opacity: .9;
    cursor: pointer;
    z-index: 10;
}

    .arrow.arrow-left {
        left: 0;
        border-top: 22px solid transparent;
        border-bottom: 22px solid transparent;
        border-right: 27px solid #fff;
        background-color: #783535;
    }

    .arrow.arrow-right {
        position: absolute;
        right: 0;
        border-top: 22px solid transparent;
        border-bottom: 22px solid transparent;
        border-left: 27px solid #fff;
        background-color: #783535;
    }
/* End arrows */

/* Search box */
#search-notifications {
    position: relative;
    left: 35px;
    height: 44px;
    width: calc(100% - 370px);
    float: left;
    font-style: italic;
}

#searchbox-wrapper {
    position: relative;
    left: 35px;
    height: 44px;
    width: 300px;
    float: left;
}

    #searchbox-wrapper .searchbox {
        width: 230px;
        font-size: 20px;
        text-indent: 31px;
    }

    #searchbox-wrapper div.site-search-button {
        position: absolute;
        top: 8px;
        height: 23px;
        width: 23px;
        right: 7%;
        background-image: url('images/SearchIcon.png');
        background-repeat: no-repeat;
        background-size: cover;
        color: #A09E9F;
    }

    #searchbox-wrapper div.site-clear-button {
        position: absolute;
        top: 7px;
        height: 23px;
        width: 23px;
        left: 3%;
        line-height: 18px;
        border-radius: 50%;
        opacity: 0;
        font-size: 20px;
        text-align: center;
        color: #414141;
        background-color: #BBBBBB;
    }

    #searchbox-wrapper .reset-button {
        width: 85px !important;
        border-radius: 0% !important;
        padding: 3px 0 0;
        margin: -33px 0 0 -9px;
        z-index: 100;
        cursor: pointer;
        opacity: 1 !important;
    }

     .disabled-Roster a {
            opacity: 1;
            color: lightgrey !important;
        }

.gdMothers {
    position: relative;
    top: 70px;
    margin: 0 auto 50px 0;
    text-align: center;
    font-size: 1.0em;
}

    .gdMothers.desktop {
        width: 435px;
        left: 5%;
        border-top: 1px #002E46 solid;
    }

    .gdMothers.tablet {
        position: relative;
        bottom: 0;
    }

    .gdMothers img {
        position: relative;
        display: block;
        top: 30px;
        margin: 0 auto 20px auto;
        width: 167.67px;
    }

    .gdMothers h2 {
        font-size: 1.2em;
    }

    .gdMothers p {
        font-size: .90em;
        padding-bottom: 15px;
    }

/* End search box */

@media (min-width: 1921px) {
    #rosterWrapper {
        width: 1920px;
        margin: 0 auto;
    }
}

@media (max-width: 1920px) {
    .mLogo-menu ul .mLogo-subMenu {
        width: 80%;
    }
}

@media (max-width: 1900px) {
    .mLogo-subMenu li {
        height: 160px;
    }

        .mLogo-subMenu li a p {
            font-size: 80%;
        }

    .mLogo-menu ul .mLogo-subMenu {
        top: -20px;
    }
}

@media (max-width: 1805px) {
    .mLogo-subMenu li a p {
        font-size: 65%;
    }

    .mLogo-menu ul .mLogo-subMenu {
        top: -20px;
    }
}

@media (max-width: 1500px) {
    .mLogo-subMenu li {
        height: 140px;
    }

        .mLogo-subMenu li a p {
            font-size: 62%;
        }
}

@media (max-width: 1320px) {
    .militaryLogoBox .mLogo-menu h2 {
        font-size: 80%;
    }

    .mLogo-menu ul .mLogo-subMenu {
        width: 80%;
        padding-bottom: 10px;
    }

    #roster-details .roster-text {
        line-height: 1.3em;
    }

    .arrow.arrow-left {
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 25px solid #fff;
    }

    .arrow.arrow-right {
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 25px solid #fff;
    }
}

@media (max-width: 1280px) {
    #rosterInnerMenu ul {
        width: 100%;
        margin-top: 12px;
        float: none;
    }

    .mLogo-subMenu li {
        height: 130px;
    }

    #roster-details {
        font-size: 80%;
        line-height: 1.4em;
    }
}


@media (max-width: 1024px) {
    .mLogo-subMenu li {
        height: 120px;
    }

    .mLogo-menu ul .mLogo-subMenu {
        top: -10px;
    }
}


@media (max-width: 1500px) {
    .mLogo-subMenu li {
        height: 140px;
    }

        .mLogo-subMenu li a p {
            font-size: 62%;
        }
}


@media (max-width: 899px) {

    .rosterLowerPage {
        top: 50px;
        padding-bottom: 155px;
        margin-bottom: 30px;
    }

    #rosterInnerMenu ul {
        height: 80px;
    }

        #rosterInnerMenu ul li {
            width: calc(100% / 13);
        }

            #rosterInnerMenu ul li a.blue {
                background-color: #83A4C9;
                color: white;
            }


    #rosterWrapper .militaryLogoBox {
        width: calc(100% - 70px);
        margin: 0 auto;
        padding: 0 35px;
        float: none;
        clear: both;
    }

    #rosterInnerMenu {
        margin-top: 20px;
    }


        #rosterInnerMenu ul {
            width: calc(100% - 2px);
            height: 82px;
            border-top: 1px solid black;
            border-left: 1px solid black;
        }

            #rosterInnerMenu ul li a {
                display: block;
                padding-right: 0;
                border-bottom: 1px solid black;
                border-right: 1px solid black;
                text-align: center;
            }

    .mLogo-menu > ul > li > a {
        width: 80%;
        float: none;
        margin: 0 auto;
    }

        .mLogo-menu > ul > li > a img {
            width: 30%;
            float: right;
            margin-right: 35px;
        }

    .militaryLogoBox .mLogo-menu h2 {
        position: relative;
        top: 0;
        font-size: 120%;
        margin: 0;
        padding: 20px 20px 0 20px;
        text-align: center;
        width: 50%;
    }

    .militaryLogoBox .mLogo-menu > ul > li > a span {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 50%;
        text-align: center;
        margin: 0 20px;
        float: left;
    }

    .mLogo-menu ul {
        position: relative;
        width: 100%;
    }

    .mLogo-menu li .mLogo-subMenu.Open {
        opacity: 1;
        height: 1000px;
        z-index: 12;
    }

    #mask.Open {
        display: block;
        z-index: 11;
    }

    .mLogo-menu ul .mLogo-subMenu {
        position: absolute;
        top: 200px;
        width: 100%;
        height: 0;
        overflow: hidden;
        margin: 0 auto 70px auto;
        opacity: 1;
        transition: all linear 0.15s;
        background-color: #fff;
        clear: both;
        z-index: 100;
    }

    .mLogo-subMenu li, .mLogo-subMenu ul li {
        float: left;
        width: 18%;
        height: 145px;
        margin: 0 auto;
        padding: 2.5% 3.5%;
    }

        .mLogo-subMenu ul li a {
            width: 100%;
        }

        .mLogo-subMenu li a img {
            width: 100%;
        }

    #roster-navigation .roster-spacer .arrow {
        top: 29%;
    }

    .arrow.arrow-left {
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        border-right: 23px solid #fff;
    }

    .arrow.arrow-right {
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        border-left: 23px solid #fff;
    }

    #roster-details {
        width: 92%;
        margin: 70px 35px 0 35px;
        font-size: 80%;
        line-height: 1.5em;
        float: left;
    }

        #roster-details .large {
            position: relative;
            width: calc(50% - 35px);
            margin-right: 35px;
            float: left;
        }

            #roster-details .large img {
                display: block;
                width: 100%;
                height: auto;
            }

        #roster-details .roster-text {
            width: calc(100% - 35px);
            float: none;
        }

            #roster-details .roster-text .rosterStory {
                position: relative;
                top: auto !important;
            }

    .rosterStory > p {
        padding: 0 0 30px 0px;
    }
}

@media (max-width: 845px) {
    #searchbox-wrapper {
        float: none;
    }

    #search-notifications {
        width: calc(90% - 25px);
        padding-right: 25px;
        float: none;
        font-size: 90%;
        line-height: 1.20em;
        margin: 0;
    }
}


@media (max-width: 745px) {
    .mLogo-subMenu li, .mLogo-subMenu ul li {
        height: 135px;
    }

        .mLogo-subMenu li a p {
            font-size: 60%;
        }
}

@media (max-width: 720px) {
    .rosterLowerPage {
        padding-bottom: 100px;
    }

    .mLogo-menu ul .mLogo-subMenu {
        top: 160px;
    }

    #rosterInnerMenu ul {
        width: calc(100% - 2px);
        height: 165px;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

        #rosterInnerMenu ul li {
            width: calc(100% / 7);
        }

            #rosterInnerMenu ul li a {
                display: block;
                padding-right: 0;
                border-bottom: 1px solid black;
                border-right: 1px solid black;
                text-align: center;
            }

    .mLogo-subMenu li, .mLogo-subMenu ul li {
        float: left;
        width: 15%;
        margin: 0 auto;
        padding: 2.5% 3.8%;
    }

    .mLogo-subMenu li {
        width: 20%;
        margin: 0 2%;
    }

    #rosterWrapper h1:first-of-type {
        font-size: 1.60em;
        margin: 0;
        text-align: center;
    }
}

@media (max-width: 650px) {

    .militaryLogoBox .mLogo-menu > ul > li > a span {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 50%;
        text-align: center;
        margin: 0 20px;
        float: none;
    }
}


@media (max-width: 600px) {
    .rosterLowerPage {
        padding-bottom: 70px;
        margin-bottom: 0;
    }

    .mLogo-menu ul .mLogo-subMenu {
        top: 165px;
    }

    .mLogo-menu li .mLogo-subMenu.Open {
        opacity: 1;
        height: 500px;
        z-index: 12;
    }

    .militaryLogoBox .mLogo-menu h2 {
        font-size: 80%;
    }

    #roster-details {
        position: relative;
        top: 30px;
        width: 100%;
        margin: 50px auto 0 auto;
        float: none;
    }

        #roster-details .large {
            position: relative;
            width: calc(100% - 70px);
            margin: 0 auto;
            float: none;
            clear: both;
        }

        #roster-details .roster-text {
            width: calc(100% - 70px);
            padding: 0 35px;
            margin: 30px auto 0 auto;
            float: none;
        }

            #roster-details .roster-text p {
                padding-bottom: 20px;
            }

        #roster-details .rosterStory {
            position: relative;
            top: 10px;
            height: 100%;
            width: calc(100% - 70px);
            padding: 0 35px;
            margin-bottom: 20px;
        }
}

@media (max-width: 570px) {
    .mLogo-menu ul .mLogo-subMenu {
        top: 146px;
    }
}


@media (max-width: 500px) {
    #search-notifications {
        width: calc(90% - 25px);
        font-size: 75%;
        line-height: 1.20em;
        margin: 0;
    }

    #rosterInnerMenu {
        margin-top: 10px;
    }

        #rosterInnerMenu p {
            font-size: 16pt;
        }
}

@media (max-width: 480px) {
    .mLogo-menu > ul > li > a {
        width: 100%;
        float: none;
        margin: 0 auto;
    }

        .mLogo-menu > ul > li > a img {
            width: 30%;
            float: right;
            margin-right: 35px;
        }

    .militaryLogoBox .mLogo-menu h2 {
        position: relative;
        top: 0;
        font-size: 75%;
        margin: 0;
        padding: 20px 20px 0 20px;
        text-align: center;
        width: 50%;
    }

    .militaryLogoBox .mLogo-menu > ul > li > a span {
        position: absolute;
        top: 60px;
        left: 0;
        width: 50%;
        text-align: center;
        margin: 0 20px;
        float: left;
    }

    .mLogo-menu ul .mLogo-subMenu {
        top: 125px;
    }

    .mLogo-subMenu li {
        width: 21%;
        margin: 4px 2%;
    }

    #roster-navigation .roster-spacer .arrow {
        top: 30%;
    }

    .rosterLowerPage {
        top: 30px;
    }
}

@media (max-width: 405px) {
    #roster-details {
        top: 20px;
    }
}

@media (max-width: 375px) {
    .militaryLogoBox .mLogo-menu h2 {
        font-size: 70%;
        padding: 5px 20px 0 5px;
    }

    .militaryLogoBox .mLogo-menu > ul > li > a span {
        margin: 0 5px;
    }
}

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

/* 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: 545px;
    height: auto;
    padding: 0;
   
}

#SideSearchList {
    width: 525px;
    margin: 30px 0 0 0;
	padding: 0;
    float: left;
}

.event-calendar {
    margin-left: 0;
	width: 525px;
}

    .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: 24px;
}

.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: 100px;
    width: 100px;
    margin: 0 25px 0 0;
	padding: 9px 0;
    background-color: #8FA5CA;
    color: white;
    font-size: 18px;
	font-weight: bold;
    text-align: center;
	float: left;
}

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

.event-clips-found {
    overflow: hidden;
    font-size: 14px;
    text-decoration: none;
	height: 100px;
	margin: 30px 0 0 0;	
}

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

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

/* Event list styles */
.DayNumber {
	font-size: 26px;
}

.DayEvtDateTimeContainer {
    height: 50px;
    width: 100px;
    margin: 2px auto;
	text-align: center;
    color: #fff;
}

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

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

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

    .DayEvtDescriptionContainer .DayEvtTitle {
        height: 16px;
        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);
    }
}