.hidden {
	display: none;
}

*, ::after, ::before {
	box-sizing: border-box;
}

button, input, optgroup, select, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

aside, details, figcaption, figure, footer, header, hgroup, main, nav,
	summary {
	display: block;
}

iframe {
	border: none
}

html {
	color: #222;
	font-family: sans-serif;
	font-size: 1em;
	line-height: 1.15;
	overflow-x: auto;
	opacity: 1;
}

body {
	font: 1.05em Tahoma, Arial, sans-serif;
	text-align: left;
	line-height: 1.5;
	background-color: #f2f2f2;
	background-image: url(//dot.alaska.gov/amhs/img/dot/background.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0 -40px;
	margin: auto;
	color: #002C4D;
}
/* ------------------------------------------------ FONT ELEMENTS AND STYLES ---------- */
@font-face {
	font-family: 'fjallaone';
	src: url(/amhs/fonts/fjallaone-webfont.eot);
	src: url(/amhs/fonts/fjallaone-webfont.eot?#iefix)
		format("embedded-opentype"), url(/amhs/fonts/fjallaone-webfont.woff2)
		format("woff2"), url(/amhs/fonts/fjallaone-webfont.woff)
		format("woff"), url(/amhs/fonts/fjallaone-webfont.ttf)
		format("truetype"), url(/amhs/fonts/fjallaone-webfont.svg#fjallaone)
		format("svg");
	font-weight: 400;
	font-style: normal
}

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

h1, h2, h3, h4, h5 {
	padding: 0 0 5px;
	background: none;
	border: 0;
	line-height: 1.286em;
	margin: 0;
	font-weight: 400
}

h1 {
	font-family: fjallaone, Arial Narrow, sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	margin-bottom: .5em;
	padding: 0;
	color: #5E9CAE;
}

h2 {
	font-family: fjallaone, Arial Narrow, sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	margin-bottom: .5em;
	padding: 0;
	color: #D67800
}

h3 {
	font-family: fjallaone, Arial Narrow, sans-serif;
	font-size: 1.25em;
	font-weight: 400;
	margin-bottom: 1em;
	padding: 0;
	color: #003359
}

h4 {
	font-family: fjallaone, Arial Narrow, sans-serif;
	font-size: 1.15em;
	font-weight: 400;
	margin-bottom: .85em;
	padding: 0;
	color: #003359
}

h5 {
	font-family: fjallaone, Arial Narrow, sans-serif;
	font-size: 1.0em;
	font-weight: 500;
	margin-bottom: .5em;
	padding: 0;
	color: #D67800
}

h6 {
	font-family: fjallaone, Arial Narrow, sans-serif;
	font-size: 1em;
	font-weight: 400;
	margin-bottom: .75em;
	padding: 0;
	margin-top: .5em;
	color: #003359
}

p {
	padding: 0;
	margin: 0 0 1.0em 0;
}

p.main {
	color: #9E3039;
}

p.dayB {
	color: #7AB800;
}

p.shut {
	color: #FDC82F;
}

ul, ol, dl {
	padding: 0 0 0 25px;
	line-height: 1.286em;
	margin-top: .5em;
	font: 1.0em Tahoma, Arial, sans-serif;
}

a, h3.employ {
	color: #003359;
	text-decoration: underline;
}

ul.no_margin li {
	margin: 0;
}

a:hover, a:focus, a:active, a:visited, h3.employ:hover, h3.employ:focus,
	h3.employ:active, h3.employ:visited {
	color: #457C8C;
	text-decoration: underline;
	outline: none;
}

a.noUnderline, a:hover.noUnderline, a:focus.noUnderline, a:active .noUnderline,
	a:visited.noUnderline {
	outline: none;
	text-decoration: none;
}

/* -------------------------------------------------- START SOA TOP NAVIGATION AND HEADER STYLES ------ */
nav.global-nav-menu {
	background: #072f49;
	padding: 5px;
	border-top: 3px solid #edbd03;
	margin-bottom: 1em;
}

nav.global-nav-menu .inline-div {
	margin: 0 auto;
	max-width: 960px
}

nav.global-nav-menu .inline-div>ul {
	display: inline-block;
	font-size: .75em;
	line-height: 1em;
	margin: 0;
	padding: 0;
	text-align: right;
	max-width: 960px;
	width: 100%;
	vertical-align: bottom
}

nav.global-nav-menu a {
	color: #FFF;
	padding: 0 .63em;
	letter-spacing: 1px;
	font-weight: 400;
	text-decoration: none;
}

nav.global-nav-menu a:hover, a:hover {
	text-decoration: underline;
}

nav.global-nav-menu .inline-div>ul>li {
	display: inline-block;
	overflow: hidden;
	padding: 10px 0 7px;
	text-overflow: ellipsis;
	vertical-align: bottom;
	white-space: nowrap
}

nav.global-nav-menu .inline-div>ul>li:first-child {
	display: block;
	margin: 0 0 0 10px;
	padding: 0;
	position: absolute;
	text-align: left;
	width: 13em;
}

nav.global-nav-menu .inline-div>ul>li:last-child {
	display: none;
}

nav.global-nav-menu .inline-div>ul>li:first-child a {
	background-image:
		url(https://webcontent.alaska.gov/style/soa/20170315/images/2016-soa-logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 138px 33px;
	display: inline-block;
	text-indent: -999999px;
	width: inherit;
	padding: 12px 0
}

/*-- MIN 1px MAX 800 Px --*/
@media screen and (min-width :0.063em) and (max-width: 50em) {
	nav.global-nav-menu .inline-div>ul>li:last-child {
		display: inline-block;
	}
	nav.global-nav-menu .inline-div>ul>li {
		display: none;
	}
}

/* ---------- HEADER AND HEADER CONTENT STYLES ---------- */
header {
	background-color: #003359;
	float: left;
	color: #ffffff;
	padding: 15px;
	width: 100%;
	margin-bottom: 7px;
}

header .site-logo {
	float: left;
	width: 12%;
	max-width: 72px;
	margin-right: 5px;
}

header .title {
	text-align: left !important;
	padding-left: 1rem !important;
	padding-right: 0 !important;
	margin-right: 0 !important;
	float: left;
}

header .title h3 {
	margin: 0 !important;
	float: left !important;
	padding-right: .5rem !important;
	padding-top: 0 !important;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.55em;
	font-weight: lighter;
}

header .title a, .title a:hover, header .title h3 {
	color: #ffffff;
	text-decoration: none;
}

/*-- MIN 1px MAX 600px --*/
@media only screen and (min-width :0.063em) and (max-width :37.500em) {
	.title {
		float: none;
	}
	.title h3 {
		float: right !important;
		font-size: 1.05em;
	}
}

/*-- MIN 1px MAX 400px --*/
@media only screen and (min-width :0.063em) and (max-width :25.000em) {
	.site-logo {
		width: 100%;
	}
}

/* ---------- START SEARCH BOX ---------- */
#search-form {
	vertical-align: top;
	margin: 10px auto;
	padding: 0;
	float: right;
	width: 30%;
}

.widget_search {
	width: 234px;
	vertical-align: top;
	margin: 0 auto;
	padding: 0;
}

#search-form [type="search"] {
	height: 1.38em;
	width: 10em;
	border: 0;
	padding: 5px;
}

#search-button {
	cursor: pointer;
	border: none;
	width: auto;
	background-color: #cccccc;
	color: #222;
	margin: 0 0 5px 0;
	font-size: .875em;
	vertical-align: top;
}

/* By default, if javascript is on, hide the search area.  
If they click the magnifying glass, the js_search_icon_was_clicked
class gets added, and overrides the "hide" action (position absolute; left: -999em;), 
so it shows up again (by doing position: static;) */
.site-header.js_search_enabled #search-form {
	display: none;
}

.site-header.js_search_icon_was_clicked  #search-form {
	display: block;
}

/* By default, if javascript is on, show the mangifying glass.  
If they click the magnifying glass, the js_search_icon_was_clicked 
class gets added, and overrides the "show" action (display: block;), 
so it gets hidden again with the display: none; */
.site-header.js_search_enabled #search_icon_placeholder {
	display: block;
}

.site-header.js_search_icon_was_clicked #search_icon_placeholder {
	display: none;
}

#search_icon_placeholder {
	background-image:
		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABSZJREFUeNqsVmss3WcYf85x3DklrnEb0mmZS8dU3K+tpojVQlyGRLKURGOybypaCTEfZPuwjMSi8WGhQtshMxuhJkHoiHtsiFtH1f12aLHf80//J86xLf3gSV5/7/X3Ps/ze37vkayvr9Pbt29pcnKSrK2taWpqirS0tDxbWlrMhoaG7gYEBNypra3dhlFsbKz84OBgbGFhoaC6unoL/faMjAwKCgoiuVxORkZG9ObNG1I3mfjPyckJXbp0yQCt5P79+/HT09MW8/Pz1NbWxtNy/lNeXs6fj7Cm4d69ewTAL8zNzX/Q0NCg/7W1tTVaXl6m2dlZSX19/XMTE5NTDL93KywsXJybm3PjC21ubtLr16/PNWHi9PRU8/Hjx79pa2srN0ul0lPc8CA8PHyjpKRkq7S0dCs1NXXTwMBgVx0oJydnDWdcgWe0sbFxrtHOzg5NTEw8srOzU9kYFRX1R1xcXHRKSgrhpvKlpSV5WVkZ+fn5fVBUVPQX8qayvqGhYQJA9OrVK1pZWVFpMqC7FhcXJ7O7bJqamoQ4f4tvLjwTPH358uU2x51dxyFzmZmZIbdu3fr95s2b9kwctoKCgqvOzs5ZWF/OYCqJR5g+RHK1xIHIyMguCwuLXACxh6S+gQkC0EUvLy+/ioqKjoSEhCs8zmurqqo+htHe3p4qCCiXzYlnQ7wpKSmpDCCkr69Pvb29TGdhTiKR0PHxsdDYu8PDw799fHyCXVxcXoyPj1sz+MzMTGJeXt7XiMqMCsjIyIiX2AkNDT1aXV0d4FrhQz09PUlXV5epSjo6OsTgMTEx1NnZSV1dXYRwrgQHB88zCO+Hh4bNzc2OCKsqCCaUnWvXrgmHoNiEMIleKBQK2t/fp+vXr3PihT7f3NjYmEAYsX5oa2uLxsbGhO+/FuNFGHsvNhUQKysrZQcyQk1NTQK3eSHTm8MVFhYmfHt6erhomX3CPIcQeVDu5zw6OjoKBa4C4ubm9gLfMO50dHRoJSYmfuLq6trIG5BEIWSoGZLJZALnGxsbCVpGzCIQxgJzduJh0L6d6OjoGQ63Cgjq4TtLS8swZtju7i7V1NR8hQQ38m2hUXR0dCQs5BxxrTAo1xK8MOrv7+8Uk86GHNVCmmbOURiU/XN4ePiosrJSyHJra2sQAL7x9vbO5RCpq6qDgwNBgSk7OzsGTLwqjoPO9PDhw14uTrG2IE0CCWRgyai/v39EXV1dJwakfCgk5EswLRiLCiDfzcibnMNlamq6zSoMihb19fWFnk2woaHh3CPYWWZxZDjUku7ubiFhSPovWVlZkUxP8RY4RBESEqKIiIiQcn90dPT06dOnMoRDX10J2C5fvtyGkN1guvMFWIby8/NJwoXFA7a2ttLBwcH29PT0EL7B+xjniOtFBOQ+5OZnPBcxuMgJKwO/O9J3N+YQnYB+oYGBgX729vad8G5fne+iMXVRlDt4EX9EKJV8ZckZGBi4DQp36OnpSZS5OXsrThrY1IM8hDo5OQXEx8c3I5kEfdo2MzPbTk5OprS0tDEbG5vPHjx4cAcHfQ663+Vn+6yAAigIQL/iopoMJFWvWB7kNx81Mejr6xuPujHGobZ4w23x3htB4n0gjk8g+e1Mb7QG1Nrts0X9DigC7HsOr2X/KSvMJsRUAW1TMBkYmJWAv2IYRWUGUIuHh8enCP2zxcVFZV3hd4Iv9jyTXoRmMTC8+wmhu3E2dLB9zH0vuyhhZI8A1Obu7h6DcDWhXvbhTSRy3f2PAAMAVXfzurX4bzgAAAAASUVORK5CYII=');
	background-color: #EEEEEE;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 66%;
	border: 1px solid #808080;
	border-radius: 5px;
	display: none;
	float: right;
	height: 29px;
	right: 10px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 10%;
	max-width: 44px;
}

#search_icon_placeholder:hover {
	cursor: pointer;
	border: 1px solid #000;
	background-color: #fff;
}

@media only screen and (min-width :43.750em) and (max-width :50.000em) {
	#search-form {
		width: 35%;
	}
}

@media only screen and (min-width :0.063em) and (max-width :43.750em) {
	#search-form {
		/*margin: 15px 40px;*/
		width: 100%;
	}
	#search-form .gsc-input-box {
		padding: 2.5px;
	}
}

/* ---------- END SEARCH BOX ---------- */

/* -------------------------------------------------- END SOA TOP NAVIGATION AND HEADER STYLES ------ */
#container {
	width: 100%;
	margin: 0 auto;
	max-width: 960px;
}




#breadcrumbs {
	width: 55em;
	border-bottom: none;
	color: #293042;
	font-size: .7em;
	padding: 0 0 0 1em;
	margin: 0 0 5px 0;
}

#breadcrumbs a {
	color: #293042;
	text-decoration: none;
	padding: 0 5px 0 0;
}

#breadcrumbs a:hover, #breadcrumbs a:focus {
	text-decoration: underline
}

@media only screen and (min-width :0.063em) and (max-width :43.750em) {
	#breadcrumbs {
		/*display: none;*/
		width: 100%;
	}
}

/* --------------------------------------------- START MAIN NAV STYLES ----------*/
nav.main-menu {
	margin: 0;
	padding: 0;
	max-width: 960px;
	min-height: 30px;
}

nav.main-menu:after {
	content: "";
	display: table;
	clear: both;
}
/*-- Nav Bar --*/
nav.main-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Tahoma, Arial, sans-serif;
	background: #003359;
	width: 100%;
	text-align: center;
	z-index: 99999;
}

nav.main-menu a {
	display: block;
	padding: 10px;
	color: #FFF;
	font-size: 20px;
	text-decoration: none;
}

nav.main-menu a:hover {
	background-color: #8AB6D4;
	text-decoration: none;
	display: block;
	width: 100%;
}

/*-- Sub Nav Bar --*/
nav.main-menu ul li.topNav {
	display: inline-block;
	width: 19%;
	font-size: 1.0em;
	padding: 0;
	margin: 0;
	text-align: center;
}

nav.main-menu ul ul {
	/*opacity: 0;*/
	display: none;
	position: absolute;
	width: 19%;
	position: absolute;
}

nav.main-menu ul li:hover>ul {
	/*opacity: 1;*/
	display: block;
	background: none;
}

nav.main-menu ul li ul a {
	display: list-item;
	padding: 10px;
	color: #003359;
	font-size: 18px;
	text-decoration: none;
}

nav.main-menu ul ul li {
	display: list-item;
	background: #FFF;
	text-align: left;
	position: relative;
	max-width: 11em;
}

nav.main-menu ul ul li a:hover {
	border-left: 4px solid #8AB6D4 !important;
	background-color: #d3ecfd !important;
	-webkit-transition: -webkit-transform 0.075s linear;
}

/* --- MOBILE Elements hidden for desktop view --- */
.toggle, [id^=drop], .carresweb label {
	display: none;
}

li>a:only-child:after {
	content: '';
}

nav.main-menu ul li.mobOnly {
	/* This hides HOME from desktop view*/
	display: none;
}

@media all and (max-width : 768px) {
	.mobOnly {
		display: inline-block;
	}
	nav.main-menu {
		background-color: #5E9CAE;
	}
	nav.main-menu .toggle+a, .menu {
		display: none;
	}
	.toggle {
		display: inline-block;
		background-color: #5E9CAE;
		padding: 10px;
		color: #FFF;
		font-size: 20px;
		text-decoration: none;
		border: none;
		text-align: left;
		width: 100%;
	}
	.toggle:hover {
		background-color: #8AB6D4;
	}
	[id^=drop]:checked+ul {
		display: block;
	}
	nav.main-menu ul li.topNav, nav.main-menu ul li.mobOnly {
		display: inline-block;
		width: 100%;
		text-align: left;
	}
	nav.main-menu ul ul li {
		position: inherit;
		max-width: inherit;
	}
	nav.main-menu ul:active {
		display: inline-block;
	}
	nav.main-menu ul li a:hover {
		display: block;
		width: 100%;
		text-align: left;
	}
	nav.main-menu ul li ul li .toggle, nav.main-menu ul ul a {
		background-color: #FFF;
	}
	nav.main-menu ul ul {
		float: none;
		position: static;
		color: #ffffff;
		width: 100%;
	}
	nav.main-menu ul ul li:hover>ul {
		display: none;
	}
	nav.main-menu ul ul li {
		display: inline-block;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	nav.main-menu ul ul ul li {
		position: static;
	}
	nav.main-menu>ul>li:first-child {
		display: none;
	}
}

/*-- MIN 1px MAX 700px --*/
@media only screen and (min-width :0.063em) and (max-width :43.750em) {
	nav.main-menu ul li.mobOnly {
		display: inline-block;
	}
}

@media all and (max-width : 330px) {
	nav.main-menu ul li {
		display: block;
		width: 94%;
	}
}
/* ---------------------------------------------- END MAIN NAV STYLES ----------*/

/* ------------------------------------------------ LAYOUT ELEMENTS ------------------------------------------- */
.standardRow {
	margin: 0.5em auto;
	width: 100%;
	display: inline-block;
}

.clearfix {
	clear: both;
}

/* ----------- SECTION ELEMENTS ---------- */
section {
	background: #ffffff;
	box-shadow: 0px 0px 6px -3px;
	padding: 2em;
	display: inline-block;
	width: 100%;
}

section .index ul li {
	font-size: 90%;
	list-style-image:
		url(//dot.alaska.gov/amhs/img/graphics/bullet_triangle.png);
	margin-left: .40em;
	line-height: 1.75em;
}

/* ------------ ARTICLE ELEMENTS ---------- */
article {
	margin: .7em 0;
	width: 100%;
	display: inline-block;
}

article.index {
	width: 60%;
	margin: 0;
}

article .landing ul {
	height: 100%;
	list-style: none;
	font-size: 1.25em;
	
}

article .landing ul li {
	list-style-image: none;
	line-height: 1.286em;
	margin-bottom: .5em;
	/*margin-left: .85em;*/
}

article .landing ul ul li {
	list-style-image:
		url(//dot.alaska.gov/amhs/img/graphics/bullet_triangle.png);
	line-height: 1.286em;
	margin-bottom: .5em;
	margin-left: .85em;
	font-size: 65%;
}

article .landing ul.threeDeep li {
	font-size: 75%;
}

article.routeMap {
	width: 60%;
	margin-bottom: 0;
}

article.routeLines {
	width: 54%;
	margin: 0 1.5em;
}

article.routeLines h3 {
	margin-bottom: 0.5em;
}

article.regionIntro {
	width: 45%;
}

article .reports h3 {
	display: inline-block;
	margin: 2.25em 0.50em;
	padding-left: 2em;
}

article .landing ul.cv19protocol {
	padding-left: 20px;
}

article ul.cv19protocol li, article .landing ul.cv19protocol li li {
	font-size: 80%;
	padding-bottom: 5px;
}

article ul.cv19details li {
	list-style-image:
		url(//dot.alaska.gov/amhs/img/graphics/bullet_triangle.png);
	line-height: 1.286em;
	margin-bottom: .85em;
	margin-left: .85em;
	font-size: 80%;
}

@media only screen and (min-width :0.063em) and (max-width :43.750em) {
	article.index {
		width: 100%;
	}
	article.index img {
		margin: auto;
	}
	article .reports h3 {
		display: block;
		margin: 1.25em auto;
		float: none;
	}
}

/* ------------ ASIDE ELEMENTS ---------- */
aside {
	display: block;
	border-left: 1px solid lightgray;
	padding: 0 1.5em;
	float: right;
	width: 38%;
	height: 100%;
	text-align: center;
}

aside h1 {
	margin: 0;
}

aside a {
	text-decoration: none;
}

aside.qlink a {
	float: right;
	margin-left: 25px;
	box-shadow: 5px 5px 10px #888;
	border: 1px solid #99999973;
	clear: both;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding-bottom: 0.5em;
}

aside.qlink a:hover {
	text-decoration: none;
}

aside.routeText {
	width: 39%;
	padding: 1em;
	border: none;
}

aside.routeText p {
	margin: 1em 0;
	text-align: left;
}

aside.runTimes, aside.regionsReasons {
	list-style-image:
		url(//dot.alaska.gov/amhs/img/graphics/bullet_triangle.png);
	line-height: 1.286em;
	margin-bottom: .5em;
	font-size: 90%;
	text-align: left;
	width: 40%;
	border: none;
}

aside.runTimes ul li, aside.regionsReasons ul li {
	margin-bottom: 0.25em;
	padding-left: 0.5em;
}

aside.regionBk {
	margin: 1.5em 0em;
	border: none;
}

/*-- MIN 1px MAX 995px --*/
@media only screen and (min-width :0.063em) and (max-width :62.188em) {
	aside.routeText, article.routeLines, aside.runTimes, article.routeMap,
		article.regionIntro {
		float: none;
		width: 100%;
	}
	aside.regionBk {
		width: 100%;
	}
}

/*-- MIN 1px MAX 700px --*/
@media only screen and (min-width :0.063em) and (max-width :43.750em) {
	aside.qlink {
		border: none;
		float: none;
		width: 100%;
		margin-top: 15px;
	}
	aside.qlink div {
		display: inline-block;
	}
	aside.regionsReasons {
		width: 100%;
		float: none;
	}

	
}

/* ------------------------------------------------ END LAYOUT ELEMENTS ------------------------------------------- */

/* ------------------------------------------------ START CONTENT ELEMENTS ------------------------------------------- */
/* ------------------------------------------------ Mike Additions ------------------------------------------- */


/*-- MIN 1px MAX 1050px --*/
@media only screen and (max-width :65.625em) {
#container {
    width: 100%;
}
section {
    padding: 1em;
}
.footer-wrap {
    width: 100%;
}

}

/* ---------------- PHOTO and IMAGE STYLES ---------- */
#featured img {
	width: 100%;
	margin-bottom: 10px;
}

.portImg {
	border: 1px solid #999;
	clear: both;
	height: 33.375em;
	width: 22.188em;
	margin-bottom: 25px;
}

.standImg {
	border: 1px solid #999;
	clear: both;
	height: 22.188em;
	width: 33.375em;
	margin-bottom: 1.5em;
	margin-top: 0.5em;
}

.smallImg {
	border: 1px solid #999;
	clear: both;
	width: 31em;
	margin-bottom: 1.5em;
}

.smallestImg {
	width: 50%;
	height: 50%;
	border: 1px solid #999;
	clear: both;
	margin-bottom: 1.5em;
}


.rightImgno {
	float: right;
	margin-left: 25px;
	
}

.centerImg {
	float: none;
	
	box-shadow: 5px 5px 10px #888;
}
.rightImg {
	float: right;
	margin-left: 25px;
	box-shadow: 5px 5px 10px #888;
}

.leftImg {
	float: left;
	margin-right: 25px;
	box-shadow: -5px 5px 10px #888;
}
.leftImgno {
	float: left;
	margin-right: 25px;

}

.index img {
	width: 90%;
	height: 90%;
	float: none;
	margin-top: 1.5em;
}

.qlink img {
	width: 100%;
	height: 100%;
	
}

.rcolImg {
	margin-right: 30px;
	margin-top: 15px;
}

.comMap{
    margin-top: 15px;
    margin-bottom: 15px;
}


img.regionBook {
	float: right;
	width: 400px;
	height: 300px;
	box-shadow: 5px 5px 10px #888;
}

img.reportsPort {
	float: none;
	margin: 0 auto;
	width: 300px;
	height: 400px;
}

img.reportsLand {
	float: none;
	margin: 0 auto;
	width: 400px;
	height: 300px;
}

div.fleet_stat img {
	float: left;
	margin-right: 15px;
}

img.status {
	width: 18.75em;
}

/*-- MIN 1px MAX 995px --*/
@media only screen and (min-width :0.063em) and (max-width :62.188em) {
	img.leftImg, img.rightImg, img.status {
		width: 100%;
		height: 100%;
	}
	.reports img {
		width: 35%;
		height: 35%;
	}
	img.regionBook {
		width: 75%;
		height: 75%;
		margin: auto;
		float: none;
	}
	div.fleet_stat img {
		margin: 2em;
	}
}
/*-- MIN 700px MAX 995px --*/
@media only screen and (min-width :43.750em) and (max-width :62.188em) {
	img.portImg {
		width: 35%;
		height: 35%;
	}
}

/*-- MIN 1px MAX 700px --*/
@media only screen and (min-width :0.063em) and (max-width :43.750em) {
	img.leftImg, img.rightImg, .smallImg, img.status {
		width: 100%;
		height: 100%;
	}
	img.rightImg.portImg, img.reportsLand, img.reportsPort, img.status {
		width: 85%;
		height: 85%;
	}
	img.status {
		float: none;
	}
}

/* -----------  START SLIDESHOW STYLES ---------- */
#slideshow img {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 8;
}

#slideshow {
	position: relative;
	height: 21.500em;
	margin-bottom: 10px;
}

#slides {
	height: 85%;
	margin-bottom: 1em;
}

#inPg {
	/*height: 374px;*/
	
}

#slideshow img.active {
	z-index: 10;
}

#slideshow img.last-active {
	z-index: 9;
}

#slideBullets {
	height: 22px;
	z-index: 15;
	text-align: center;
	position: relative;
}

#slideBullets .slideBullet {
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 1px solid #CCCCCC;
	border-radius: 8px;
	margin: 3px;
	opacity: .8
}

.slideBullet.active, .slideBullet:hover {
	background-color: #5E9CAE;
	opacity: .8
}

/* Next & previous buttons */
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 30%;
	padding: 5px;
	color: white;
	font-weight: bold;
	font-size: 45px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	text-decoration: none;
	z-index: 15;
}

/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
	background-color: rgba(0, 0, 0, 0.8);
	text-decoration: none;
}

@media only screen and (min-width :0.063em) and (max-width :62.188em) {
	#slideshow {
		display: none;
		/*height: 75%;*/
	}
	#slideBullets {
		display: none;
	}
}

/* ----------- END SLIDESHOW STYLES ---------- */



/* ----------- COLLAPSE CONTENT FUNCTION STYLES ---------- */
/*-- article.collapsible p {
	padding-bottom: 1.5em;
} --*/
.hideawayToggle {
	float: right;
	margin-left: 45em;
}

.hideawayToggle a {
	color: #003359;
	background: #cccccc;
	border-radius: 4px;
	font-size: .85em;
	padding: 10px;
	margin-bottom: 1em;
	font-weight: 700;
}

.hideawayToggle a.expandAll:hover {
	background: rgba(253, 200, 47, 0.36)
}

.hideawayMinor, .hideawayMajor, .hideawayToggle {
	cursor: pointer
}

.hideawayMajor h2 {
	border-bottom: 1px solid #003359;
	margin-bottom: 1.5em;
	padding-top: 1.0em;
	color: #D67800;
}

.hideawayMinor {
	margin-bottom: 1em;
}

.hideawayMinor h3 {
	color: #003359;
}

.hideawayMinor h3:visited {
	text-decoration: underline;
	color: #003359
}

.hideawayMinor h3:hover {
	text-decoration: underline;
	color: #5E9CAE
}

.hideawayMinor h3.orangeBullet {
	background-image:
		url(//dot.alaska.gov/amhs/img/graphics/bullet_orange.png);
	padding-left: 23px;
	background-position: left center;
	background-repeat: no-repeat;
}

.hideawayMinor ul {
	padding-left: 15px;
	font: .95em Tahoma, Arial, sans-serif;
	text-align: left;
	line-height: 1.5;
	margin-bottom: 1em;
}

.hideawayMinor .hiding {
	position: absolute;
	left: -999em;
	top: auto;
	height: 1px;
	width: 1px;
	overflow: hidden
}

.hideawayMinor .showing {
	display: block
}

.hideawayMinor .histImg {
	width: 24.3638em;
	height: 16.1888em;
}

.hideawayMinor .trvPFAQ p {
	margin: 0 1.5em;
}

.hideawayMinor .polp {
	margin: 0 2em;
}

.hideawayMinor .nobl li {
	list-style: none;
	padding-bottom: .5em;
}

@media only screen and (max-width: 43.75em) and (min-width: 0.063em) {
	.hideawayMinor .histImg {
		width: 100%;
		height: 100%;
	}
}

/* ---------------- TUSTY REPLACE VESSEL PROJECT STYLES ---------- */
article.trvProject p {
	padding: 5px 0;
	margin: 5px 0;
}

ul.trvList {
	list-style-image:
		url(//dot.alaska.gov/amhs/img/graphics/bullet_triangle.png);
	line-height: 1.2em;
	margin-bottom: .5em;
	margin-left: .85em;
}

table.trvTable {
	width: 100%;
	padding-left: 50px;
}

/* ---------------- FLEET SERVICE STYLES ---------- */
div.fleet_stat h2 {
	padding-top: 45px;
	color: #D67800;
}

/* ---------------- SERVICE NOTICE STYLES ---------- */
article .listContent {
	margin-bottom: 1em
}

article .dateItem {
	text-align: center;
	width: 46px;
	margin: 0px 15px 30px 15px;
	float: left;
	font-size: 1.05em;
	background: none repeat scroll 0 0 #fff;
	height: 55px;
	border: 1px solid lightgray;
	box-shadow: 2px 3px 6px rgba(136, 136, 136, 0.44);
	font-weight: 700
}

article .dateItem>.date {
	font-size: 0.95em
}

article .dateItem .month {
	background: #5E9CAE;
	padding: 2px;
	font-size: .875em;
	font-weight: 700;
	color: #FFF;
	text-transform: uppercase
}

article .day {
	color: #003359;
}

/* ---------------- REPORTS AND PUBLICATION STYLES ---------- */
article.reports {
	float: left;
}

a.reportsLink {
	text-decoration: none;
}

/* ------------------------------------------------ END CONTENT ELEMENTS ------------------------------------------- */

/* ---------- START ACCESSIBILITY STYLES ---------- */
a.site-title:focus, a.site-site-description:focus {
	background: #FFFFCC;
	color: #0073aa !important;
	z-index: 100000;
}

a:focus, .title-area h1:focus, .genesis-nav-menu a:focus, .main>.first>a:focus,
	.main>.last>a:focus, .sm-icons ul li a:focus {
	background: #FFFFCC;
	color: #457C8C!important;
	z-index: 100000;
}

.global-nav-menu.inline-div>ul>li:first-child a:focus {
	background-image:
		url(https://webcontent.alaska.gov/style/soa/20170315/images/2016-soa-logo-dark.png);
}
/* Hide only visually, but have it available for screen readers: */
a.visuallyhidden {
	background: transparent none repeat scroll 0 0;
	border-bottom: 1px solid white;
	border-bottom-right-radius: 8px;
	border-right: 1px solid white;
	color: white;
	left: 0;
	padding: 6px;
	position: absolute;
	top: -40px;
	transition: top .5s ease-out 0s, background .5s linear 0s;
	z-index: 100;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: */
a.visuallyhidden:active, a.visuallyhidden:focus {
	left: 6px;
	top: 7px;
	height: auto;
	width: auto;
	display: block;
	font-size: 14px;
	font-weight: 700;
	padding: 15px 23px 14px;
	background: #f1f1f1;
	color: #0073aa;
	z-index: 100000;
	line-height: normal;
	text-decoration: none;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
}

a.back-to-top:focus {
	background: #FFFFCC;
}

.row {
	display: block;
	/*margin-right: -15px;
	margin-left: -15px;*/
}

/* ---------- END ACCESSIBILITY STYLES ------- */

/* ------------------------------------------------ FOOTER ELEMENTS ------------------------------------------- */

/* ---------- BACK TO TOP BUTTON ---------- */
#topBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 10px; /* Place the button at the bottom of the page */
	right: 15px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: #072f49; /* Set a background color */
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 10px; /* Some padding */
	border-radius: 50px; /* Rounded corners */
	font-size: 175%; /* Increase font size */
	width: 60px;
}

#topBtn:hover {
	background-color: #edbd03; /* Add a dark-yellow background on hover */
}

/* ----------- DOT & AMHS PORTION ---------- */
.footer-wrap {
	max-width: 960px;
	background-color: #003359;
	margin: auto;
}

/*-- MIN 1px MAX 1050px --*/
@media only screen and (max-width :65.625em) {
	.footer-wrap {
		width: 100%
	}
}

.footer-contact {
	display: inline-block;
	text-align: left;
	margin: 40px 30px 10px 10px;
	font-size: 105%;
	float: right;
}

.footer-links {
	display: inline-block;
	margin: 0 auto;
}

.footer-links ul {
	display: flex;
	list-style: none;
}

.footer-links ul li {
	padding-right: 8px;
}

.footer-links a, .footer-contact a, .footer-contact p {
	color: #fff;
	font-size: .775em;
}

.footer-links a {
	text-decoration: none;
}

.footer-links a:hover, .footer-contact a:hover {
	text-decoration: none;
	color: #5E9CAE;
}

.footer-links a img {
	width: 16px;
	height: 16px;
	margin: 0 4px;
}

.staffLinks {
	margin-left: 25px;
}

.footer-smIcons {
	list-style-type: none;
	margin: 18px;
}

.footer-smIcons a img {
	width: 35px;
	height: 35px;
	margin: 0 5px;
}

.footer-smIcons a {
	margin: 15px 5px;
}

/* --------- SOA [GLOBAL] PORTION ---------- */
.global-footer a {
	color: #1d2124 !important;
}

.global-footer {
	color: #1d2124 !important;
	padding: .5em 0;
}

#SOAfooterlinks {
	text-align: center;
}

#SOAfooterlinks ul {
	padding: 0px;
	margin: 5px 15px;
	text-decoration: none;
}

#SOAfooterlinks ul li {
	display: inline;
	font-size: 80%;
	text-align: center;
	margin: 0 8px 0 0;
	list-style-type: none;
}

#SOAfooterlinks ul li a, footer a {
	text-decoration: none;
	color: #003359;
}

#SOAfooterlinks ul li a:hover, footer a:hover {
	text-decoration: underline;
	color: #5E9CAE;
}

/* -------------------------------------------------- END FOOTER STYLES ---------- */

/*-- MIN 1px MAX 800 Px --*/
@media screen and (min-width :0.063em) and (max-width: 50em) {
	.mob {
		display: inline-block;
	}
	.global-nav-menu .inline-div>ul>li:last-child {
		display: inline-block;
	}
	.global-nav-menu .inline-div>ul>li {
		display: none;
	}
	.footer-links {
		width: 100%;
		text-align: center;
	}
	.hideawayToggle {
		display: none;
	}
	.footer-links ul {
		display: block;
	}
	.footer-contact {
		text-align: center;
		float: none;
		width: 100%;
		margin: auto;
	}
}

/*-- MIN 481px MAX 834px --*/
@media only screen and (min-width :30.063em) and (max-width :52.125em) {
	.wideArt {
		width: 100%;
	}
}
/*-- MIN 1px MAX 600px --*/
@media only screen and (min-width :0.063em) and (max-width :37.500em) {
	#rightCap, #leftCap {
		display: none;
	}
	#navItems {
		width: 100%;
		padding: 5px;
	}
}

/*-- MIN 1px MAX 505px --*/
@media only screen and (min-width :0.063em) and (max-width :31.563em) {
	.dividerRight, .dividerLeft {
		display: none;
	}
}
}