body,figure{
	margin:0
}
/* laborr do styles */
.pre-div{font-family: monospace;
  font-size:1.1rem;
  line-height:1.2rem}
p.pre{margin-bottom:0;}

button, span.site-title,select{
	text-transform:none
}
.footer-block a,dfn{
	font-style:italic
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
	display:block
}
audio,canvas,video{
	display:inline-block
}
audio:not([controls]){
	display:none;
	height:0
}
[hidden]{
	display:none
}
.hidden{
	display:none
}
#last-revised{
	clear:both;
	font-style: oblique;
}
#last-revised::before{
 content: "Page ";
}
body{
	background-color:#f2f2f2;
	background-image:url(/assets/soa-style/2016-background.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:0 -40px
}
a:focus{
	outline:dotted thin
}
a:active,a:hover{
	outline:0
}
h1{
	margin:.67em 0
}
abbr[title]{
	border-bottom:1px dotted
}
.b, .strong{
	font-weight:700
}
hr{
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	height:0
}
mark{
	background:#ff0;
	color:#000
}
code,kbd,pre,samp{
	font-family:monospace,serif;
	font-size:1em
}
pre{
	white-space:pre-wrap
}
q{
	quotes:"\201C" "\201D" "\2018" "\2019"
}
small{
	font-size:80%
}
.right{text-align: right;padding-right: 1rem;}
larger{font-size:larger;}
smaller{font-size:smaller;}
ul.ul-list-style-none{list-style-type: none;}
sub,sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup{
	top:-.5em
}
sub{
	bottom:-.25em
}
svg:not(:root){
	overflow:hidden
}
pre{line-height: 1rem;}
fieldset{
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
}
legend{
	border:0;
	padding:0
}
button,input,select,textarea{
	font-family:inherit;
	font-size:100%;
	margin:0
}
header.site-header .title-area,html{
	font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif
}
button,input{
	line-height:normal
}
button,html input[type=button],input[type=reset],input[type=submit]{
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled],html input[disabled]{
	cursor:default
}
input[type=checkbox],input[type=radio]{
	box-sizing:border-box;
	padding:0
}
input[type=search]{
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
	-webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
	border:0;
	padding:0
}
textarea{
	overflow:auto;
	vertical-align:top
}
table{
	border-collapse:collapse;
	border-spacing:0
}
html{
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	color:#222;
	font-size:1em;
	line-height:1.6;
	overflow-x:auto;
	opacity:1
}
img{
	max-width:100%;
	height:auto;
	border:0
}
.site-container{
	max-width:60em;
	width:100%;
	margin:0 auto
}
a{
	color:#1d4289;
	text-decoration:underline
}
.global-nav-menu a:hover,a:hover{
	text-decoration:underline
}
img.alignleft{
	float:left;
	margin:0 16px 5px 0
}
.clear{
	clear:both
}
.agency-navigation:after,.agency-navigation:before,.block:after,.block:before,.clearfix:after,.clearfix:before,.entry-content:after,.entry-content:before,.entry:after,.entry:before,.footer-block:after,.footer-block:before,.nav-secondary:after,.nav-secondary:before,.pagination:after,.pagination:before,.site-container:after,.site-container:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before,.site-inner:after,.site-inner:before,.wrap:after,.wrap:before{
	clear:both;
	content:" ";
	display:table
}
a.back-to-top{
	display:none;
	width:60px;
	height:60px;
	text-indent:-9999px;
	position:fixed;
	z-index:999;
	right:20px;
	bottom:20px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM1JREFUeNrs12ELgyAQBuDcPx9OxIlrErGfeysQBs4r7zwJohfuo/dEqFcKAIYjchsOygVTcl9Ks1evm4tRGn55cHpwUAP/Mb1hC3hsL9jBfpw07KE+XgoOQE9ohV/Az7iUosIqLWzNG8MxNIJcYgkvoVNlw0+qmkw5nsNzZaM5NVLENSjMeXrKW2LDEdkstfuCBW8ej8qTQIZHwtUapODAmGC+FfbAm9drPbmwa0CxibYLWwG0NMM3YSOI5l8tKKw7oMXe6vqTOD38FWAAl8JSohyMtPcAAAAASUVORK5CYII=) center 43% no-repeat #3f78a7;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px
}
.global-nav-menu{
	background:#072f49;
	padding:5px;
	border-top:3px solid #edbd03
}
.inline-div{
	margin:0 auto;
	max-width:960px
}
.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
}
.global-nav-menu a{
	color:#FFF;
	padding:0 .63em;
	letter-spacing:1px;
	font-weight:400
}
.global-nav-menu .inline-div>ul>li{
	display:none;
	overflow:hidden;
	padding:10px 0 7px;
	text-overflow:ellipsis;
	vertical-align:bottom;
	white-space:nowrap
}
.global-nav-menu .inline-div>ul>li:last-child{
	display:inline-block
}
.global-nav-menu .inline-div>ul>li:first-child{
	display:block;
	margin:0 0 0 10px;
	padding:0;
	position:absolute;
	text-align:left;
	width:12em
}
.global-nav-menu .inline-div>ul>li:first-child a{
	background-image:url(/assets/soa-style/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
}
header.site-header{
	background-color:#194a6b;
	float:left;
	color:#fff;
	padding:8px;
	margin:0;
	width:100%
}
header.site-header .wrap{
	max-width:960px;
	margin:0 auto
}
header.site-header .title-area{
	font-weight:400;
	line-height:1;
	overflow:hidden;
	padding:0;
	width:85%
}
.title-area a:hover,header.site-header .title-area a,header.site-header .title-area h1{
	color:#fff;
	text-decoration:none
}
.site-logo{
	float:left;
	width:12%;
	max-width:72px;
	margin-right:5px
}
.site-logo img{
	margin:0;
	padding:0;
	width:auto
}
span.site-description,span.site-title{
	float:left;
	text-align:center;
	width:100%;
}
span.site-title{
	font-size:1em;
	line-height:normal;
	margin-top:0;
	margin-bottom:.2rem;
	padding:0 20px;
	vertical-align:middle;
	color:#fff;
}
footer .copyright,span.site-description{
	text-transform:uppercase
}
span.site-description{
	font-size:1.5em;
	font-weight:300;
	margin:0 0 8px;
	padding:0
}
.site-header.js_search_enabled #search-form{
	display:none
}
.site-header.js_search_enabled #search_icon_placeholder,.site-header.js_search_icon_was_clicked #search-form{
	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:#EEE;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:66%;
	border:1px solid grey;
	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
}
#search-form{
	width:240px;
	vertical-align:top;
	margin:0 auto;
	padding:0
}
.search-soa [type=search]{
	height:29px;
	width:10em;
	border:0
}
#search-button{
	cursor:pointer;
	border:none;
	width:auto;
	padding:5px 15px;
	background-color:#ccc;
	color:#222;
	margin:0;
	font-size:.875em;
	vertical-align:top
}
.search-form-expanded{
	text-align:right;
	margin:.5em 0 0;
	font-size:80%;
	font-weight:700
}
#search-form fieldset{
	background:0 0;
	padding:0;
	margin:0
}
.footer-block,.footer-block .wrap{
	max-width:960px;
	margin:0 auto;
	width:100%
}
#search-form legend{
	text-indent:-99999px;
	position:absolute
}
label#search-label-site{
	padding:0 15px 0 0
}
.site-inner{
	background:#fff;
}
article aside{margin-left:.5rem;}
.foot-wave {
	margin-bottom:-1rem;
}
.footer a{
	text-decoration:underline
}
.footer a:hover{
	text-decoration:none
}
.footer-block{
	background-color:#194a6b;
	color:#fff;
	font-size:.875em;
	padding:16px 20px 0
}
.footer-block a,.footer-block h1,.footer-block h2,.footer-block h3,.footer-block h4,.footer-block h5,.footer-block h6{
	color:#fff
}
.footer-block a{
	font-weight:700
}
.footer-block .wrap{
	padding:0
}
.footer-block .block-content-area{
	width:100%;
	float:left;
	text-align:center
}
.footer-block .footer-block-1,.footer-block .footer-block-2{
	margin:0 2% 0 0
}
.footer-block .footer-block-3{
	margin:0
}
.socialmedia-icons ul{
	vertical-align:middle;
	display:inline-block
}
.socialmedia-icons ul li a{
	color:#555;
	background-color:#f5f5f5;
	padding:10px;
	border-radius:50%;
	font-size:160%
}
.socialmedia-icons ul li a:hover{
	color:#fff;
	background-color:#999
}
.global-footer a{
	color:#222
}
.global-footer{
	color:#222;
	padding:.5em 0
}
#SOAfooterlinks ul{
	padding:0;
	margin:0 16px 16px
}
#SOAfooterlinks ul li{
	display:inline;
	font-size:80%;
	text-align:center;
	margin:0 8px 0 0
}
footer p{
	text-align:center;
	margin:0 auto
}
footer .copyright,footer .copyright a{
	margin:8px 0;
	font-size:.875em
}

/* new accessible alert boxes */

.Alert{background-color:red;}
.Info{background-color:#a8a8a8;}
div.divAlert{
clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
width: 100px; 
float:left;
color:#050709;
text-transform:uppercase;
font-size:1.2rem;
font-weight:700;
margin-right:1rem;
margin-left:-1rem;
text-align:center
}
.dolAlertBox{
margin-bottom: 20px !important;
padding:1rem;
box-shadow: 0 2px 5px 0 #999, inset 0 0 15px 0 #fcc !important;
border: solid 2px #e33 !important;
}
.dolInfoBox {
margin-bottom: 20px !important;
padding:1rem;
box-shadow: 0 2px 5px 0 #999, inset 0 0 15px 0 #e8e8e8 !important;
border: solid 2px #a8a8a8 !important;
}
aside {
border-left:thin solid #f5f5f5;
border-bottom:thin solid #f5f5f5;
}
aside p{margin-left: 1rem;}
/* end accessible alert boxes */


@media screen and (min-width:22.8em){
	.site-title{
	width:100%
	}
	#search_icon_placeholder{
		width:38px;
		height:33px
	}

}
@media only screen and (min-width:36em){
	.global-nav-menu .inline-div>ul>li{
	display:inline-block;
	padding:20px 0 3px
	}
	.global-nav-menu .inline-div>ul>li:last-child{
		display:none
	}

	span.site-title{
		text-align:left;
		padding:0;
		width:auto
	}
	span.site-description{text-align:left;}
	header.site-header .title-area{
		width:87%
	}

}
@media screen and (min-width:48em){
	.title-area{
	margin:0
	}
	.site-header.js_search_enabled #search_icon_placeholder{
		display:none
	}
	.site-header.js_search_enabled #search-form{
		display:block
	}
	#search-form{
		float:right
	}
	.footer-block .block-content-area{
		float:left;
	}
	.footer-block .footer-block-1{
		text-align:left;
		width:32%
	}
	.footer-block .footer-block-2{
		text-align:center;
		width:22%
	}
	.footer-block .footer-block-3{
		text-align:right;
		width:42%
	}
	#SOAfooterlinks ul{
		padding:0;
		margin:0 0 16px;
		text-align:center
	}

}
@media screen and (min-width:60em){
	header.site-header{
	margin:2em 0 0
	}

}
@media print{
	body{
	text-align:left;
	background:#fff;
	color:#000
	}
	blockquote,div,form,h1,h2,h3,h4,h5,h6,img,li,object,ol,p,small,table,tbody,td,tr,ul{
		padding:0
	}
	#SOAfooterlinks,#menu-statewide-navigation,#search-form,.agency-navigation{
		display:none
	}
	#search_icon_placeholder{
		border:none
	}

}
.agency-responsive-menu a:focus,.agency-responsive-menu>.first>a:focus,.agency-responsive-menu>.last>a:focus,.socialmedia-icons ul li a:focus,.title-area h1:focus,a:focus{
	background-color:#ffffe0;
	color:#bf1722
}
.global-nav-menu .inline-div>ul>li:first-child a:focus{
	background-image:url(/assets/soa-style/2016-soa-logo-dark.png)
}
a.visuallyhidden{
	background:0 0;
	border-bottom:1px solid #fff;
	border-bottom-right-radius:8px;
	border-right:1px solid #fff;
	background-color:#ffffff;
	color:#000;
	left:0;
	padding:6px;
	position:absolute;
	top: 0;
  z-index: -1;
	transition:top 1s ease-out 0s,background 1s linear 0s;
}
a.visuallyhidden:active,a.visuallyhidden:focus{
	background:#41b6e6;
	left:0;
	outline:0;
	position:absolute;
	top:0;
	transition:top .1s ease-in 0s,background .5s linear 0s;
  z-index: 500;
}

.visuallyhidden{
	background-color: white;
	color:black;
}
@media only screen and (min-width:40em){
	label.visuallyhidden,p.visuallyhidden{
	left:0;
	position:absolute;
	top:-400px;
	background-color: white;
	color:black;
	}
}
.intent{margin-left:2rem;}

li#nativeLanguage {
  display: none;
  position: absolute;
  top: 1em;
  bottom: 0;
  width: 37%;
  padding: 0;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  overflow: visible;
  max-width: 400px;
  margin-left: 200px;
  max-height: 40px;
}
li#nativeLanguage a {
  padding: 0;
}
li#nativeLanguage a:focus {
  color: #fff;
  background-color: transparent;
}
#nativeLanguageAudio {
  display: none;
}
#nativeLanguageTerm {
  display: block;
  font: italic 1.4rem/1rem "Adobe Caslon", Baskerville, "Palatino Linotype",
    Palatino, "Century Schoolbook L", "Times New Roman", serif;
}
#nativeLanguageTerm span {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 5px;
  background: no-repeat center/14px
    url(/soa_assets/speaker.png);
}
#nativeLanguageEng,
#nativeLanguageType {
  line-height: 2em;
}
@media all and (min-width: 60em) {
  li#nativeLanguage {
    display: block;
  }
}

@font-face{
	font-family:socialmedia-icomoon;
	src:url(/assets/soa-style/socialmedia-icomoon.eot?ssi-texv9a);
	src:url(/assets/soa-style/socialmedia-icomoon.eot?#iefixssi-texv9a) format('embedded-opentype'),url(/assets/soa-style/socialmedia-icomoon.woff?ssi-texv9a) format('woff'),url(/assets/soa-style/socialmedia-icomoon.ttf?ssi-texv9a) format('truetype'),url(/assets/soa-style/socialmedia-icomoon.svg?ssi-texv9a#ssi-icomoon) format('svg');
	font-weight:400;
	font-style:normal
}
.socialmedia-icons{
	overflow:hidden
}
.socialmedia-icons ul{
	margin:0;
	padding:0
}
.socialmedia-icons ul li{
	background:0 0!important;
	border:none!important;
	float:left;
	list-style-type:none!important;
	margin:0 6px 12px!important;
	padding:0!important
}
.socialmedia-icons ul li a{
	border:none!important;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	display:inline-block;
	font-family:socialmedia-icomoon;
	font-style:normal!important;
	font-variant:normal!important;
	font-weight:400!important;
	line-height:1em;
	speak:none;
	text-align:center;
	text-decoration:none!important;
	text-transform:none!important;
	width:1em;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.socialmedia-icons ul.aligncenter{
	text-align:center
}
.socialmedia-icons ul.aligncenter li{
	display:inline-block;
	float:none
}

@font-face{
	font-family:'Open Sans';
	font-weight:300;
	font-style:normal;
	src:url(/assets/soa-style/Open-Sans-300/Open-Sans-300.eot);
	src:url(/assets/soa-style/Open-Sans-300/Open-Sans-300.eot?#iefix) format('embedded-opentype'),local('Open Sans Light'),local('Open-Sans-300'),url(/assets/soa-style/Open-Sans-300/Open-Sans-300.woff2) format('woff2'),url(/assets/soa-style/Open-Sans-300/Open-Sans-300.woff) format('woff'),url(/assets/soa-style/Open-Sans-300/Open-Sans-300.ttf) format('truetype'),url(/assets/soa-style/Open-Sans-300/Open-Sans-300.svg#OpenSans) format('svg')
}
@font-face{
	font-family:'Open Sans';
	font-weight:400;
	font-style:normal;
	src:url(/assets/soa-style/Open-Sans-regular/Open-Sans-regular.eot);
	src:url(/assets/soa-style/Open-Sans-regular/Open-Sans-regular.eot?#iefix) format('embedded-opentype'),local('Open Sans'),local('Open-Sans-regular'),url(/assets/soa-style/Open-Sans-regular/Open-Sans-regular.woff2) format('woff2'),url(/assets/soa-style/Open-Sans-regular/Open-Sans-regular.woff) format('woff'),url(/assets/soa-style/Open-Sans-regular/Open-Sans-regular.ttf) format('truetype'),url(/assets/soa-style/Open-Sans-regular/Open-Sans-regular.svg#OpenSans) format('svg')
}
@font-face{
	font-family:'Open Sans';
	font-weight:600;
	font-style:normal;
	src:url(/assets/soa-style/Open-Sans-600/Open-Sans-600.eot);
	src:url(/assets/soa-style/Open-Sans-600/Open-Sans-600.eot?#iefix) format('embedded-opentype'),local('Open Sans Semibold'),local('Open-Sans-600'),url(/assets/soa-style/Open-Sans-600/Open-Sans-600.woff2) format('woff2'),url(/assets/soa-style/Open-Sans-600/Open-Sans-600.woff) format('woff'),url(/assets/soa-style/Open-Sans-600/Open-Sans-600.ttf) format('truetype'),url(/assets/soa-style/Open-Sans-600/Open-Sans-600.svg#OpenSans) format('svg')
}
@font-face{
	font-family:'Open Sans';
	font-weight:400;
	font-style:italic;
	src:url(/assets/soa-style/Open-Sans-italic/Open-Sans-italic.eot);
	src:url(/assets/soa-style/Open-Sans-italic/Open-Sans-italic.eot?#iefix) format('embedded-opentype'),local('Open Sans Italic'),local('Open-Sans-italic'),url(/assets/soa-style/Open-Sans-italic/Open-Sans-italic.woff2) format('woff2'),url(/assets/soa-style/Open-Sans-italic/Open-Sans-italic.woff) format('woff'),url(/assets/soa-style/Open-Sans-italic/Open-Sans-italic.ttf) format('truetype'),url(/assets/soa-style/Open-Sans-italic/Open-Sans-italic.svg#OpenSans) format('svg')
}
@font-face{
	font-family:'Open Sans';
	font-weight:700;
	font-style:italic;
	src:url(/assets/soa-style/Open-Sans-700italic/Open-Sans-700italic.eot);
	src:url(/assets/soa-style/Open-Sans-700italic/Open-Sans-700italic.eot?#iefix) format('embedded-opentype'),local('Open Sans Bold Italic'),local('Open-Sans-700italic'),url(/assets/soa-style/Open-Sans-700italic/Open-Sans-700italic.woff2) format('woff2'),url(/assets/soa-style/Open-Sans-700italic/Open-Sans-700italic.woff) format('woff'),url(/assets/soa-style/Open-Sans-700italic/Open-Sans-700italic.ttf) format('truetype'),url(/assets/soa-style/Open-Sans-700italic/Open-Sans-700italic.svg#OpenSans) format('svg')
}
/*
 * Theme Name: Alaska Governor Genesis Theme
 * Theme URI: http://gov.alaska.gov
 * Description: Alaska Governor is designed for the divisions within the State of Alaska Office of the Governor. 
 * Author: Stephen Mattson
 * Author URI: http://gov.alaska.gov
 * Version: 1.0.5
 * Version Date: 2016	
 *
 *
 * This style sheet is specific to the example template provided. Webmasters are not expected to use this style sheet in their own designs and may delete the link to this style sheet on their templates.

*/

/* Table of Contents

	- HTML5 Reset
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typography
		- Form
		- List Styles
		- Tables
		- Responsive Menu
		- Content Area
	- Media Queries
		- max-width: 8em
		- min-width: 12em
		- min-width: 12.4em
		- min-width: 22.8em
		- min-width: 33.75em
		- min-width: 36em
		- min-width: 48em
		- min-width: 54em
		
*/

/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Box Sizing
--------------------------------------------- */
*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typography 
--------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    color: #014c8b;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    color: #014c8b;
    font-weight: 500;
}
h1 {
    text-transform: capitalize;
    padding-top: .5em;
    font-size: 1.4em;
}
h2 {
    font-size: 1.3em;
    padding: 0;
}
h2.entry-title {
    font-size: 1.125em;
}
h3 {
    font-size: 1.2em;
    margin: 8px 0 5px;
}
h4 {
    font-size: 1.1em;
}
h5 {
    font-size: 1em;
}
h6 {
    font-size: 1em;
}
p {
	margin: 0 0 26px;
}
.block-title {
    font-size: 16px;    
		font-weight: 700;
    text-transform: uppercase;
    border-bottom: 3px solid #ececec;
    background-color: #f5f5f5;
    padding: 16px 16px 8px 10px;
    margin-left: -1px;
		color:#014c8b;
}
.title-text{margin-top:.3rem;}
/* text styles */
.white{color:white}
.black{color:black}
.red{color:#B30000;}
.blue{color:blue}
.center{text-align:center;}
/* padding */
.padding-5{padding:5px;}
.padding-10{padding:10px;}
.padding-15{padding:15px;}
.padding-20{padding:20px;}
/* border styles */
.border-top-thin-solid-black{border-top: thin solid black}
/* Form 
--------------------------------------------- */
fieldset {
    border: 0px solid #000000;
    margin: 0;
    padding: 1em;
    background-color: #ffffff;
}
.form-field {
    margin-bottom: 20px;
    clear: both;
}
.form-field, .form-label, .form-field input, .form-submit input {
	font-size: 14px;
}
.form-label {
    color: #444444;
    font-weight: bold;
    text-align: left;
    margin: 0;
    max-width: 100%;
    padding: 0 0 3px 0;
    width: auto;
    display: block;
}
.form-field input[type=text], .form-field input[type=email], .form-field textarea, .form-field select {
    color: #555555;
    background-color: #ffffff;
    border-color: #7f7f7f;
    border-width: 1px;
    border-style: solid;
    border-radius: 0px;
    width: 100%;
    max-width: 100%;
    padding: 6px 10px;
    box-sizing: border-box;
    outline: none;
    font-weight: normal;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    line-height: 1.3;
}
.form-field input[type=radio], .form-field input[type=checkbox] {
    color: #555555;
	display: inline-block;
}
.form-submit input[type=submit], .form-submit input[type=button] {
    width: auto;
    height: auto;
    line-height: normal;
    text-align: center;
    background: #d1ac2c;
    border-width: 1px;
    border-color: #cccccc;
    border-style: solid;
    color: #ffffff;
    cursor: pointer;
    font-weight: normal;
    border-radius: 4px;
    text-shadow: none;
    padding: 6px 11px;
    box-sizing: border-box;
    box-shadow: 0 1px 1px #eeeeee;
    margin: 10px;
    margin-left: 0;
    margin-right: 0;
    vertical-align: middle;
}
.form-submit input[type=submit]:hover, .form-submit input[type=button]:hover {
    background: #014c8b;
    border-color: #cccccc;
    color: #ffffff;
}
/*
List Styles
--------------------------------------------- */
.content ol, .content ul, .content dl {
  /*  font-size: .875em; */
}
.entry-content dt {
	font-weight: bold;
}
/*
Tables
--------------------------------------------- */
table {
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 2;
    margin-bottom: 40px;
    width: 100%;
}
th {
    font-weight: bold;
    text-transform: uppercase;
}
th, td {
    text-align: left;
}
table tbody tr:nth-child(odd) {
    background: rgba(245,245,245,1);
}
table tbody tr td {
    padding: 10px 0 10px 5px;
    line-height: 1.5em;
}
td {
    padding: 6px 0;
    font-size: .875em;
}
thead th {
	position: sticky;
	top: 0;
	background-color: #f0f0f0; /* Optional: Add a background color to the header */
}
/*
Columns
Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */
.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.0%;
}
.one-half,
.three-sixths,
.two-fourths {
	width: 48%;
}
.one-third,
.two-sixths {
	width: 32%;
}
.four-sixths,
.two-thirds {
	width: 66%;
}
.one-fourth {
	width: 23%;
}
.three-fourths {
	width: 74%;
}
.one-sixth {
	width: 15%;
}
.five-sixths {
	width: 83%;
}
.first {
	clear: both;
	margin-left: 0;
}


/* Responsive Menu */
/* Styles with .responsive-menu target viewports with a min-width if 48em */ 
.responsive-menu-icon {
	background-color: #3f78a7;
	cursor: pointer;
	display: none;
}

.responsive-menu-icon::before {
	content: "Menu";
	display: block;
	font: normal 20px/1 'Open Sans';
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	color: white;
}
.agency-responsive-menu {
    background-color: #3f78a7;
    clear: both;
    line-height: 1.5;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
	font-weight: bold;
}
.agency-responsive-menu .menu-item, .responsive-menu-icon {
    display: block;
}
.agency-responsive-menu li {
	list-style: none;
}
.agency-responsive-menu > li {
    background-color: #8AB6D4;
}
.agency-responsive-menu a, .agency-responsive-menu > .first > a, .agency-responsive-menu > .last > a{
    border: none;
    color: #fff;
    display: block;
    font-weight: bold;
    line-height: 1;
    padding: 16px;
    position: relative;
	text-decoration: none;
}
.agency-responsive-menu .menu-item-has-children > a {
    margin-right: 60px;
}
.agency-responsive-menu > .menu-item-has-children:before {
	color: #fff;
    content: "+";
    float: right;
    font: normal 20px/1;
    height: 20px;
    padding: 12px 20px;
    right: 0;
    text-align: right;
    z-index: 9999;
}
.agency-responsive-menu .menu-open.menu-item-has-children:before {
    content: "-";
}
.agency-responsive-menu > li > .sub-menu, .agency-responsive-menu {
    display: none;
}
.agency-responsive-menu .sub-menu {
    padding: 0;
    background-color: white !important; /* Ensure the submenu has a solid background */
}

.agency-responsive-menu .sub-menu li {
	background-color: inherit; /* Inherits from .sub-menu */
	position: relative; /* Ensures z-index stacking works */
	z-index: 10; /* Moves it above breadcrumbs */
}
.agency-responsive-menu .sub-menu a {
    background-color: #fff;
    color: #333;
    display: block;
    font-size: 88%;
    font-weight: normal;
    padding: 10px 12px;
    position: relative;
    width: auto;
    letter-spacing: .5px;
}
	 /* Ensure submenus are hidden initially */
   .agency-responsive-menu .sub-menu {
    display: none;
  }

  /* Open submenus when the parent has the "menu-open" class */
  .agency-responsive-menu .menu-item-has-children.menu-open > .sub-menu {
    display: block;
  }
  
  /* Ensure better clickability */
  .agency-responsive-menu .menu-item-has-children > a {
    cursor: pointer;
  }

/* Allow submenus to stay open when their parent is focused */
.agency-responsive-menu .menu-item-has-children:focus-within > .sub-menu {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

  
/* Conent Area */
.showcase section {
    margin: 0;
    padding: 0;
    background: #ffffff;
	max-height: 334px;
}
.content .home-top, .content sidebar, .content .sidebar-home, .content .bottom-block, .footer-block{
    padding: 16px 20px 10px;
}
main.content, article.home-main-content article{
    padding: 0 20px 10px;
}
.entry-content .listing-item {
    margin: 5px 16px;
    padding: 5px 0;
    border-bottom: 1px solid #ececec;
}
.breadcrumb {
    font-size: 12px;
    padding: 10px;
}
.home .content {
	background: none;
	border: none;
}
.home .content > article, .content {
    background: #fff;
    max-width: 100%;
    width: auto;
	margin: 0;
}
.home .content > article{
    border-right: 1px solid #e2e2e2;
}
.content .entry-header .entry-meta {
    margin: 0;
    border: none;
    padding: 0;
    font-weight: bold;
}
.entry {
    margin-bottom: 1em;
    border-bottom: 1px solid #ececec;
}
.archive-pagination li {
    display: inline;
	list-style: none;
}
.archive-pagination li a {
    background-color: #014c8b;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 2;
    margin-bottom: 4px;
    padding: 8px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
.archive-pagination li a:hover, .archive-pagination li.active a {
    background-color: #3b7093;
    text-decoration: none;
}
/** Sidebar Navigation **/
.sidebar ul li {
    border-top: 1px solid #ececec;
    font-size: 100%;
	list-style: none;
    text-transform: uppercase;
}
 .sidebar ul {
    margin: 0;
    padding: 0;
}
.sidebar .sidebar_nav_menu ul > li:first-child {
    border-top: none;
}
.sidebar .sidebar_nav_menu ul li a {
    color: #333333;
    display: block;
    padding: 8px 20px;
		text-decoration: none;
}
.sidebar .sidebar_nav_menu ul li a:hover{
	text-decoration: none;
}
.sidebar .sidebar_nav_menu ul li:hover, .sidebar .sidebar_nav_menu ul li:hover {
    border-left: 3px solid rgb(0,102,204);
}
.sidebar .sidebar_nav_menu ul li, .sidebar .sidebar_nav_menu ul li {
  border-left: 3px solid rgb(255, 255, 255);
}
.sidebar {
	max-width: 100%;
    width: 100%;
    padding: 0;
}
.sidebar > section {
    margin-bottom: 2em;
    word-wrap: break-word;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
}
.sidebar section div > div {
    padding: 0;
}
.sidebar .sidebar-block p {
    margin: 1rem;
    padding: 0;
    font-size: 100%;
}
.sidebar h5 {
    margin: 0 1em;
    padding: 0;
    color: #000;
}
.sidebar-block ol {
    padding: 0 20px;
}
.sidebar-block ol > li {
    background-image: none;
    list-style-position: inside;
    list-style-type: decimal;
    padding: 0 0;
    font-size: 90%;
}
/** Home Page Specific **/
.home main.content{
    padding: 0;
}
.home-middle, .home-top {
    background-color: #fff;
    clear: both;
    overflow: hidden;
    padding: 1em 0;
    margin: 0 0 16px;	
}
.home .home-top h2 {
    font-size: 1em;
	text-transform: uppercase;
}
.home-top section article p {
    padding: 0 0 5px;
}
.home article.home-main-content > div > p {
    padding: 0 0 0 20px;
}
.home article.home-main-content .listing-item {
    margin: 0;
}
.home article.home-main-content .article-date {
    margin: 8px 0;
    font-weight: bold;
    font-size: .825em;
}
.home article.home-main-content .article-heading {
    padding: 0;
    font-weight: normal;
    text-transform: initial;
}
.home .content article.home-main-content h2 {
	font-size: 1.875em;
    font-weight: normal;
    border-width: 1px;
	padding: 0;
    border-bottom: 3px solid #ececec;
	text-transform: uppercase;
	margin: 0 20px;
}
.home .content article.home-main-content h3 {
    font-size: 1em;
}

.home .sidebar-home {
	background: #fff;
	max-width: 100%;
    width: auto;
    padding: 0 20px;
    margin: 0 0 32px 0;
}
.home .sidebar-home h2 span.line-one{
    font-weight: 300;
    font-size: 1.25rem;
    letter-spacing: 1px;
    margin: 0;
    background: none;
    border: none;
    padding: 0;
	text-transform: uppercase;
}
.home .sidebar-home h2 span.line-two {
    background: none;
    text-transform: uppercase;
    font-weight: normal;
    border-bottom: 4px double;
    padding: 0;
    font-size: xx-large;
}
.home .bottom-block {
	background-color: #fff;
	width: 100%;
}
.home .home-lower-left {
	clear: both;
}
.home .home-lower-middle, .home .home-lower-left {
	margin: 0 2% 32px 0;
}
.home .home-lower-right {
	margin: 0;
}
.photostream {
	list-style: none;
	margin: 0;
	padding: 0;
}
.photostream li{
	display: block;
	float: left;
	margin: 1%;
    width: 31.3333333333%;
    height: 31.3333333333%;
}
.photostream li img{
	display: block;
    width: 100%;
}
.home h3.block-title {
    font-weight: normal;
    padding: 0 0 8px;
    border-bottom: 1px solid #ececec;
    background: none;
}
.event-date {
    float: left;
    height: 65px;
    width: 65px;
    background: #014c8b;
    color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 50%;
    font-size: .875em;
    margin: 0 10px 0 0;
}
article.event-info {
    clear: both;
    margin: 16px 0;
	padding: 4px 0;
}
article span.event-day-month {
    border-bottom: 1px solid #fff;
    padding: 0 0 2px 0;
    font-size: 1.2em;
}
h4.event-title {
    border-bottom: 1px solid #ececec;
    font-size: .83em;
    padding: 0 0 5px;
}
.event-coverage {
    padding: 0;
    margin: -6px 0 0 0;
    font-size: .875em;
}
.dept-foot{font-weight:600;font-size:1em;margin-bottom:0;}
@media screen and (max-width: 8em) {
}
@media screen and (min-width: 12em) {
}
@media screen and (min-width: 12.4em) {

}
@media screen and (min-width: 17.2em) {

}
@media screen and (min-width: 22.8em) {

}
@media only screen and (min-width: 33.75em) {

}
@media only screen and (min-width: 36em) {
	.responsive-menu-icon {
		display: none;
	}
	.agency-responsive-menu.responsive-menu > li > .sub-menu, .agency-responsive-menu.responsive-menu {
		display: block;
		text-transform: none;
	}
	.agency-responsive-menu.responsive-menu > .menu-item-has-children:before, .agency-responsive-menu.responsive-menu .menu-open.menu-item-has-children:before  {
		content: none;
		padding: 0;
	}
	.agency-responsive-menu .menu-item-has-children > a {
		margin-right: 0;
	}
	.agency-responsive-menu.responsive-menu > li {
		background: #3f78a7;
		display: inline-block;
		text-transform: uppercase;
	}
	.agency-responsive-menu.responsive-menu > li:hover {
		background-color: #8AB6D4;
		position: static;
	}

	.agency-responsive-menu.responsive-menu .sub-menu li {
		min-width: 15em;
	}
	.agency-responsive-menu.responsive-menu .sub-menu a:hover {
		border-left: 4px solid #e4cd6c;
		background-color: #fbf8e9;
		padding-left:4px;
	}
	.agency-responsive-menu.responsive-menu > li a, .agency-responsive-menu.responsive-menu > .first > a, .agency-responsive-menu.responsive-menu > .last > a{
		padding: 12px 16px;
	}
	.agency-responsive-menu.responsive-menu .sub-menu {
		background: none repeat scroll 0 0 #ffffff;
		box-shadow: 0 0 5px #666;
		left: -9999px;
		margin: 0;
		opacity: 0;
		padding: 0;
		position: absolute;
		text-transform: none;
		width: auto; /* Ensure the submenu sizes correctly */

	}
	.agency-responsive-menu.responsive-menu li:hover > .sub-menu {
		left: auto;
		opacity: 1;
	}
	.agency-responsive-menu.responsive-menu .sub-menu a {
		border: 1px solid #f5f5f5;
		border-top: none;
		padding-left:8px;
	}
		/* Ensure the submenu appears when the parent is hovered or focused */
		.agency-responsive-menu .menu-item-has-children:hover > .sub-menu,
		.agency-responsive-menu .menu-item-has-children:focus-within > .sub-menu {
			left: auto;
				display: block !important;
				visibility: visible !important;
				opacity: 1 !important;
				background-color: #f5f5f5;
		}
		
		.agency-responsive-menu .menu-item-has-children:focus-within > .sub-menu a:focus-within{
				border-left: 4px solid #e4cd6c;
				background-color: #fbf8e9;
				padding-left:6px;
		}
	/* Content Area */
	main.content {
		background-color: #ffffff;
	}
	.home-top div.featured-content {
		float: left;
		width: 33%;
		padding: 0 16px;
	}
	.home-top div.featured-content article p {
		border-bottom: none;
	}
}
@media screen and (min-width: 48em) {
.home .content > article {
	float: left;
    max-width: 59%;
}
.home .sidebar-home {
	float: right;
	max-width: 39%;
}
.home .bottom-block {
	float: left;
	width: 32%;
	min-height: 450px;
}
.page .content {
	float: left;
	max-width: 66%;
}
.standard-components .content {
	height: 400px;
}
.sidebar {
	float: right;
	max-width: 32%;
}
.page.right-sidebar .content {
	float: left;
	max-width: 66%;
}
.page.right-sidebar .sidebar {
	float: right;
	max-width: 32%;
}
}
@media screen and (min-width: 54em) {
}

#search-field-big {
    color: black;
}
/* replaces labor2018.css file */

ul .float-dol {
    float: left; 
	list-style-type: none;
	padding: 5px 20px 5px 20px
} 
/** Bread Crumb OL **/
nav.breadcrumb {
  padding: 0.8em 1em;
}

nav.breadcrumb ol {
  margin: 0;
  padding-left: 0;
  list-style: none;
  font-size:.9rem;
}

nav.breadcrumb li {
  display: inline;
}

nav.breadcrumb li + li::before {
  display: inline-block;
  margin: 0 0.25em;
  transform: rotate(15deg);
  border-right: 0.1em solid currentColor;
  height: 0.8em;
  content: '';
}

nav.breadcrumb [aria-current="page"] {
  color: #000;
  font-weight: 700;
  text-decoration: none;
}

/* h2-style to be used with fit text resizable text */
.h2-style{
  color: #014c8b;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
  font-size: 1.3em;
  margin-bottom: 10px;
  padding: 0;
}


/* Table of contents CSS for TOC inserted with Powershell table-of-contents-html.ps1 */
.two-column-toc ul {
  padding-inline-start: 1.5em;
  font-weight: 400;

  ::marker {
    content: ">> ";
    color: #48b;
    font-weight: 600;
  }
} 
.two-column-toc li a{
  color:#1b365d;
}
.two-column-toc{
  margin-bottom:2rem; 
  border:thin solid #8a8a8a;
  background-color:#eeeeee;
  padding:.5rem;
}
@media only screen and (min-width: 700px) {  
  .two-column-toc {  
    column-count: 2;  
    column-gap: 1rem;  
    column-rule-style: solid;  
    column-rule-width: 1px;  
  }  
  .two-column-toc h2 {  
    column-span: all;  
  }  
}  


/* Alert box with red "Alert" Tab */

.deptAlertBox{position:relative;
    padding:18px 10px 0;
    border:solid 2px #e33 !important;
    box-shadow:inset 0 0 15px 0 #fcc !important;
    background-color:#fff6f6 !important;
}
.deptAlertBox::before, .deptAlertBox::after{position:absolute;}
.deptAlertBox::before{content:"ALERT";
    top:-2px;
    left:-2px;
    right:-2px;
    height:20px;
    line-height:20px;
    text-align:center;
    color:#fff;
    font-size:.875rem;
    font-weight:bold;
    letter-spacing:.1em;
    text-shadow: 0 0px 2px #300;
    background-color:#e33;
    background-image:linear-gradient(to right, #e33 0%, #f33 40%, #f33 60%, #e33 100%);
}
.deptAlertBox h1{padding-top:.2em !important;
    margin-bottom:5px !important;
    font-size:1.2rem !important;
    font-weight:700 !important;
    color:#444 !important;text-transform:none;
}
.deptAlertBox a{font-weight:700;}
.deptAlertBox hr{border-color:#fcc;}
main .deptAlertBox{margin-bottom:20px !important;
    box-shadow:0 2px 5px 0 #999, inset 0 0 15px 0 #fcc !important;
}
main .deptAlertBox h1{padding-top:.4em !important;
    margin-bottom:10px !important;
    font-size:1.5rem !important;
}


@media all and (min-width:36em) {
	.deptAlertBox{padding:0 20px;}
	.deptAlertBox::before, .deptAlertBox::after{top:5px;}
	.deptAlertBox::before{left:0;right:auto;width:50px;height:20px;line-height:20px;font-size:.7rem;text-align:right;}
	.deptAlertBox::after{content:"";left:50px;border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e33;}
	.deptAlertBox h1{margin-left:50px !important;}
	.deptAlertBox p{margin-bottom:10px;}
	main .deptAlertBox::before, main .deptAlertBox::after{top:10px;}
	main .deptAlertBox::before{width:60px;height:30px;line-height:30px;font-size:.875rem;}
	main .deptAlertBox::after{left:60px;border-width:15px 0 15px 15px;}
	main .deptAlertBox h1{margin-left:70px !important;}
	main .deptAlertBox p{margin-bottom:20px;}
}

/* indent a block item */
.indent{margin-left:2rem;}

/* Alert and Info box Code
**************************
 
<div class="dolAlertBox">
    <h2 class="center">__headline__</h2>
        <div  role="heading" aria-level="3" class="divAlert Alert">Alert</div>
	<p class="dolAlert">__information_paragraph__</p>
 </div>
                        
<div class="dolInfoBox" >  
	<h2 class="center">__headline__</h2> 
		<div  role="heading" aria-level="3"  class="divAlert Info">Info</div>
	<p class="dolAlert">__information_paragraph__</p>
</div> 

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

/* Water Mark a page as draft */
    .watermark { 
      opacity: 0.3; 
      color: BLACK; 
      position: fixed; 
      top: auto; 
      left: 20%; 
      font-size:7rem; 
      font-weight:900; 
      -webkit-transform: rotate(-45deg); 
      -moz-transform: rotate(-45deg);
  } 

/** push or pull content onto a page by date */
.pushPullDate{display:none;}

/** 
** Required Greeting styles for legacy pages 
** can be removed once all legacy pages are updated 
**/
#required-greeting{
	display:none
}

@media only screen and (min-width:40em){
	#required-greeting{
		font-size:22px;
		width:960px;
		margin:0 auto;
		padding:0;
		color:#fff;
		display:block;
	}
	#required-greeting dl#language-greeting{
		position:absolute;
		top:0;
		margin:6px 0 0;
		padding:0;
		background-color: rgb(7, 47, 73);
	}
	#required-greeting dl#language-greeting dt{
		margin:0;
		padding:0;
		width:500px;
		list-style:none
	}
	#required-greeting dl#language-greeting dt a{
		color:#fff
	}
	#required-greeting .greeting{
		font-size:22px;
		font-family:"Adobe Caslon",Baskerville,"Palatino Linotype",Palatino,"Century Schoolbook L","Times New Roman",serif;
		font-style:italic;
		line-height:20px;
		max-width:340px;
		width:auto;
		float:left;
		text-align:right;
		margin:0
	}
	#required-greeting .greeting:hover{
		text-decoration:underline
	}
	#required-greeting a:focus .greeting{
		background-color:#ffffe0;
		color:#bf1722
	}
	#required-greeting dd.language,#required-greeting dd.translation{
		float:left;
		font-size:55%;
		margin:0;
		max-width:50%;
		text-align:right;
		width:auto;
		background-color: rgb(7, 47, 73);
		color:white;
	}
	#required-greeting dd.language{
		clear:left;
		padding:0 5px 2px 0;
		margin:0 0 0 160px
	}
	#required-greeting dd.translation{
		padding:0 0 0 10px
	}
	#required-greeting dd.speaker{
		float:left;
		font-size:55%;
		margin:0;
		text-align:right
	}
	#required-greeting dd.speaker button{
		background-image:url(/assets/soa-style/speaker.png);
		padding:0 0 0 10px;
		border:none;
		background-color:rgba(0,0,0,0);
		background-size:14px;
		background-repeat:no-repeat;
		background-position:10px 2px;
		text-indent:-40000px;
		width:25px
	}

}
#required-greeting dl#language-greeting dt a:active,
#required-greeting dl#language-greeting dt a:focus{
	color:white;
	background-color: rgb(7, 47, 73);
}
#required-greeting{
	padding-left:30px
}
@media only screen and (max-width :750px){
	#required-greeting{
	display:none
	}

}
/** 
** End of  Required Greeting styles for legacy pages 
**/