@charset "utf-8";

/*HTML5 Reset*/

/* Baseline Reset (normalize.css 2.1.2)
	normalize.css v2.1.2 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:1em;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border: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}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/*Defaults*/
html {color: #222; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.6; overflow-x: auto; opacity: 1;}
body {background-color: #f2f2f2; background-image: url(../img/2016-website-bg-option3b.jpg); background-size: 100%; background-repeat: no-repeat; background-position: 0 -40px;}
img {max-width: 100%; height:auto; border: 0;}
.site-container {max-width: 60em; width: 100%; margin:0 auto;}
a { color: rgb(0,102,204); text-decoration: none;}
a:hover {text-decoration: underline;}
img.alignleft {float: left;}
.clear {clear: both;}

/* Float Clearing */
.clearfix:before, .entry-content:before, .entry:before, .footer-block:before, .agency-navigation:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .block:before, .wrap:before {clear: both; content: " "; display: table;}
.clearfix:after, .entry-content:after, .entry:after, .footer-block:after, .agency-navigation:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .block:after, .wrap:after {clear: both; content: " "; display: table;}

/* Standard Components Layout */
/* Back to Top */
a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #3f78a7;
	background-image: url(../img/back-to-top.png);
	background-repeat: no-repeat;
	background-position: center 43%;
}

/* Global Navigation */
.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:#FFFFFF; padding: 0 .63em; letter-spacing: 1px; font-weight: normal;}
.global-nav-menu a:hover {text-decoration: underline;}
.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(../img/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;
}

/* Required Language Greeting */
#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;}
#required-greeting dl#language-greeting dt{margin: 0 0 0 160px; padding: 0; width: auto; list-style: none; text-align:left;}
#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: left; margin: 0;}
#required-greeting .greeting:hover {text-decoration: underline;}
#required-greeting a:focus .greeting {background-color: #ffffe0; color: #bf1722;}
#required-greeting dd.language {float: left; font-size: 55%; text-align: left; width: auto; clear: left; padding: 0 5px 2px 0; margin: 0 0 0 160px;}
#required-greeting dd.speaker {float: left; font-size: 55%; margin: 0; text-align: right;}
#required-greeting dd.speaker button {background-image: url(../img/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:red;}
#required-greeting{padding-left:30px; box-sizing: border-box;}
@media only screen and (max-width :750px){#required-greeting{display:none;}}

/* Agency Header */
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 {float: left; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:lighter; line-height: 1; overflow: hidden; padding: 0; width: 100%;}
header.site-header .title-area a, .title-area a:hover, header.site-header .title-area {color: #ffffff; text-decoration: none;}
.site-logo {float: left; width: 12%; max-width: 72px; margin-right: 5px;}
.site-logo img {margin: 0; padding: 0; width: auto;}
/*
h1 span.site-title {
    float: left;
    font-weight: 300;
    font-size: .563em;
    line-height: normal;
    margin-top: -10px;
    padding: 0 20px;
	text-align: center;
	text-transform:none;
    vertical-align: middle;
	width: 100%;
}
h1 span.site-description {
    font-size: .813em;
    letter-spacing: 1px;
    margin: 0 0 8px 0;
    padding: 0;
    float: left;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-weight: 300;
}*/

#title {margin:.67em 0; color: #ffffff; text-decoration: none;}
#title span.site-title {
    float: left;
    font-weight: 300;
    font-size: 1.05em;
    line-height: normal;
    margin-top: -6px;
    padding: 0 20px;
	text-align: center;
	text-transform:none;
    vertical-align: middle;
	width: 100%;
}
#title span.site-description {
    font-size: 1.53em;
    letter-spacing: 1px;
    margin: 2px 0 8px 0;
    padding: 0;
    float: left;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-weight: 300;
}
/* ADFG Search box */
/* 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, .site-header.js_search_enabled #search-form-op {display:none;}
.site-header.js_search_icon_was_clicked  #search-form, .site-header.js_search_icon_was_clicked  #search-form-op {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, .site-header.js_search_enabled #search_icon_placeholder-op {display: block;}
.site-header.js_search_icon_was_clicked #search_icon_placeholder, .site-header.js_search_icon_was_clicked #search_icon_placeholder-op {display: none;}
#search_icon_placeholder, #search_icon_placeholder-op {
	background-image: url(../img/search-icon.png);
	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, #search_icon_placeholder-op:hover{cursor: pointer; border: 1px solid #000; background-color: #fff;}

/* Search Box */
#search-form, #search-form-op {width: 240px; vertical-align: top; margin: 0 auto; padding: 0;}
.search-soa [type="search"] {height: 29px; width: 10em; border: 0;}
#search-button, #search-button-op {
	cursor: pointer;
	border: none;
	width: auto;
	padding: 5px 15px;
	background-color: #cccccc;
	color: #222;
	margin: 0;
	font-size: .875em;
	vertical-align: top;	
}
.search-form-expanded {
    text-align: right;
    margin: 0.5em 0 0 0;
    font-size: 80%;
    font-weight: bold;
}
#search-form fieldset, #search-form-op fieldset {background:none; padding: 0; margin: 0;}
#search-form legend, #search-form-op legend {text-indent: -99999px; position: absolute;}
label#search-label-site, label#search-label-site-op {padding: 0 15px 0 0;}

/* Content */
.site-inner {background: #ffffff; box-shadow: 0px 0px 6px -3px;}

/* Agency Footer */
.footer a{text-decoration: underline;}
.footer a:hover{text-decoration: none;}
.footer-block {background-color: #194a6b; color: #fff; font-size: .875em; max-width: 960px; margin: 0 auto; padding: 16px 20px 0; width: 100%;}
.footer-block ul {font-size: .875em; padding-left: 10px;}
.footer-block h1, .footer-block h2, .footer-block h3, .footer-block h4, .footer-block h5, .footer-block h6, .footer-block a {color: #fff;}
.footer-block .wrap {max-width: 960px; margin: 0 auto; padding: 0; width: 100%;}
.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: #555555; background-color: #f5f5f5; padding: 10px; border-radius: 50%; font-size: 160%;}
.socialmedia-icons ul li a:hover {color: #ffffff; background-color: #999;}

/* Global Footer */
.global-footer a{color: #222;}
.global-footer {color: #222; padding: .5em 0;}
#SOAfooterlinks ul {padding: 0px; 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 {margin: 8px 0; font-size: .875em; text-transform: uppercase;}
footer .copyright a {margin: 8px 0; font-size: .875em;}

@media screen and (min-width: 22.8em) {
.site-title {width: 100%;}
#search_icon_placeholder, #search_icon_placeholder-op {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; 
/*padding: 21px 0 3px; If search-div is active */}
.global-nav-menu .inline-div > ul > li:last-child {display: none;}
.title-area {max-width: 650px; margin: 0 auto;}
#title span.site-title {text-align: left; padding: 0; width: auto;}
#title span.site-description {text-align: left; width: 87%}
}
@media screen and (min-width: 48em) {
.title-area {margin: 0;}
/* ADFG Search Form CSS */
.site-header.js_search_enabled #search_icon_placeholder, .site-header.js_search_enabled #search_icon_placeholder-op {display: none;}
.site-header.js_search_enabled #search-form, .site-header.js_search_enabled #search-form-op {display: block; }
/* Original Search-Form CSS */
#search-form {float: right;}
.footer-block .block-content-area {float: left; width: 32%;}
.footer-block .footer-block-1{text-align: left;}
.footer-block .footer-block-2{text-align: center;}
.footer-block .footer-block-3 {text-align: right;}
#SOAfooterlinks ul {padding: 0px; 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: #ffffff; color: #000000;}
p, form, div, object, ul, ol, li, img, h1, h2, h3, h4, h5, h6, blockquote, table, tr, td, tbody, small { padding: 0;}
#menu-statewide-navigation, #search-form, .agency-navigation, #SOAfooterlinks, #search-form-op {display: none;}
#search_icon_placeholder, .site-header.js_search_enabled, #search_icon_placeholder-op {border: none;}
}

/* Accessibility */	
a:focus, .title-area h1:focus, .agency-responsive-menu a:focus, .agency-responsive-menu > .first > a:focus, .agency-responsive-menu > .last > a:focus, .socialmedia-icons ul li a:focus {
    background-color: lightyellow;
    color: #bf1722;
}
.global-nav-menu .inline-div > ul > li:first-child a:focus {background-image: url(../img/2016-soa-logo-dark.png);}
/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
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 1s ease-out 0s, background 1s linear 0s;
    z-index: 100;
}
/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
a.visuallyhidden:active, a.visuallyhidden:focus {background: #bf1722 none repeat scroll 0 0; left: 0; outline: 0 none; position: absolute; top: 0; transition: top 0.1s ease-in 0s, background 0.5s linear 0s;}