@charset "UTF-8";
/* CSS Document */
/* @ FONT FACE */

@font-face {
    font-family: Raleway-Medium;
    src: url(../fonts/Raleway-Medium.otf);
}
@font-face {
    font-family: Raleway-Regular;
    src: url(../fonts/Raleway-Regular.otf);
}
@font-face {
    font-family: Raleway-Light;
    src: url(../fonts/Raleway-Light.otf);
}
@font-face {
    font-family: Lato-Bold;
    src: url(../fonts/Lato-Bol.ttf);
}
@font-face {
    font-family: Lato-Medium;
    g src: url(../fonts/Lato-Reg.ttf);
}
@font-face {
    font-family: 'flexsliderf-icon';
    src: url('fonts/flexslider-icon.eot');
    src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal; 
    font-style: normal;
}
html {
    position: relative;
    min-height: 100%;
    max-width: 100%;
    overflow: hidden;
}
#s4-bodyContainer {
    padding-bottom: 0px;
}
/* SHAREPOINT OVERRIDES */

ul#Ribbon.WikiPageTab, #Ribbon.WikiPageTab ul, #RibbonContainer ul {
    font-size: 13px;
}
.ms-listMenu-editLink, .ms-navedit-editArea {
    display: none;
}
.ms-core-listMenu-verticalBox > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox li.static > .ms-core-listMenu-item {
    display: inline-block;
}
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
    margin-right: 0px;
    border: none;
}
.ms-core-navigation {
    font-family: inherit;
}
a[name="startNavigation"] {
    display: none;
}
a i:focus {
    outline: none;
}
.article-body a:link, a.link-blue, a.link-blue:visited {
    color: #0A4E73;
    text-decoration: none;
}

/*********************  CONTACT US PAGE **********************/

    table.contact-us td {
        line-height: .95rem;
        font-size: .65rem;
    }

    #contact-us .panel {
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    margin-bottom: .5rem;
    padding: .5rem;
    background: #fff;
    width: 90%;
	}

	#contact-us .accordion dd .accordion-navigation a {
		color: #fff;
	}

	#contact-us .article-body a:link,
	#contact-us a.link-blue,
	#contact-us a.link-blue:visited {
    color: #fff;
    text-decoration: none;
}

	#contact-us .article-body a:link,
	#contact-us a.link-blue,
	#contact-us a.link-blue:visited {
	    color: #fff !important;
	    text-decoration: none;
	}
 	#contact-us .accordion-navigation p a,
 	#contact-us .assistance p a,
 	.ask-agency p a {
    color: #2ba6cb !important;
}
	.ask-agency p a:hover,
	.ask-agency p a:active,
	.ask-agency p a:focus,
	#contact-us .assistance p a:hover,
	#contact-us .assistance p a:active,
	#contact-us .assistance p a:focus,
 	#contact-us .accordion-navigation p a:hover,
 	#contact-us .accordion-navigation p a:active,
 	#contact-us .accordion-navigation p a:focus {
    color: #aeaeae !important;
}
	#contact-us .accordion dd > a {
		padding: 5px 10px;
		color: #fff;
	}
/*********************  GOOGLE MAPS IFRAME RESPONSIVE STYLING **************************/
.wrapper {
	width:100%;
	height:200%;
	margin:0 auto;
	background:#CCC;
}
.h_iframe {
	position:relative;
}
.h_iframe .ratio {
	display:block;
	width:100%;
}
.h_iframe iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*********************  PRIORITIES TILE **************************/

.thumb_txt {
    color: #fff;
    font-family: "Raleway-Light", Verdana, Helvetica, sans-serif;
    font-size: 1.5em;
    text-shadow: 1px 1px 1px #000;
    margin-bottom: 10px;
    letter-spacing: .03em;
}
.thumb_txt_sm {
    color: #fff;
    font-family: "Raleway-Light", Verdana, Helvetica, sans-serif;
    font-size: .75em;
    text-shadow: 1px 1px 1px #000;
    margin-bottom: 10px;
    letter-spacing: .03em;
}
#priorities-headline {
    color: #fff;
    font-family: "Raleway-Light", Verdana, Helvetica, sans-serif;
    font-size: 1.5em;
    text-shadow: 1px 1px 1px #000;
    margin-bottom: 10px;
    letter-spacing: .03em;
}
.priorities_title_front, .priorities_view {
    color: #fff;
    font-family: "Raleway-Light", Verdana, Helvetica, sans-serif;
    font-size: 1.5em;
    text-shadow: 1px 1px 1px #000;
    letter-spacing: .03em;
    padding-left: 15px;
}
.priorities_view {
    font-size: 1em;
}
#panel-priorities-front {
    padding-top: 195px;
    cursor: pointer;
    height: 254px;
    background: url(../img/priorities_economy_2015_sm.jpg);
    position: relative;
    margin-right: 0px;
    margin-bottom: 5px;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 1, 1, .3);
    box-shadow: 1px 2px 1px 1px rgba(0, 1, 1, .3);
}
#panel-priorities-back {
    height: 255px;
    padding: 10px 15px;
    position: relative;
    background: rgb(5, 80, 127);
    background-color: rgba(5, 80, 127, 0.9);
    margin-right: 0px;
    margin-bottom: 5px;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 1, 1, .3);
    box-shadow: 1px 2px 1px 1px rgba(0, 1, 1, .3);
    display: none;
}
#panel-priorities-back .walker_url {
    position: absolute;
    color: #fff;
    background: #00243c;
    background-color: #00243c;
    height: 25px;
    padding: 2px 10px;
    margin: 10px;
    bottom: 0;
    right: 0;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    font-size: 1em;
    letter-spacing: .03em;
}
.thumb.flip {
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
}
/**************************PRIORITIES TILE **************************/
/* GOOGLE SEARCH RESULTS STYLING OVERWRITES */

.gsc-webResult .gsc-result, .gsc-above-wrapper-area {
    padding: 0px;
}
.gsc-resultsHeader {
    margin: 0px;
}
.gsc-selected-option-container {
    min-width: 80px !important;
    border: transparent;
    border-radius: .5px;
}
table {
    border-color: transparent;
}


/* END GOOGLE SEARCH RESULTS STYLING OVERWRITES */
/* WI.GOV STYLES */

#s4-workspace {
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
#s4-workspace {
    line-height: normal;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    background: #fff;
    background-color: #fff;
    /* Default background color */
    
    background-image: url(../img/bg_img_large_15.jpg);
    /* Location of background image file */
    /* Scales image to fill background, regardless of browser size */
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg_img_large_15.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg_img_large_15.jpg', sizingMethod='scale')";
}
.article-content {
    background: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    background-image: url(../img/flw_design.png);
    background-repeat: no-repeat;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.38);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.38);
    padding: 22px 22px 45px 79px;
    overflow: auto;
    width: 990px;
    margin: 0 auto;
    min-height: 560px;
}
.article-content-plain {
    background: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    background-repeat: no-repeat;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.38);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.38);
    padding: 22px;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto;
    width: 990px;
    margin: 0 auto;
}
body {
    line-height: normal;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
}
.ms-rtestate-field p, p.ms-rteElement-P {
    line-height: 1.35;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
}
hr {
    border-color: #b9b9b9;
    border-color: rgba(185, 185, 185, 0.5);
    margin: 0px;
}
h1 {
    font-family: "Raleway-Light", Verdana, Helvetica, sans-serif;
    font-size: 2em;
    margin-bottom: 10px;
    letter-spacing: .03em;
    color: #083c5f !important;
}
h3, .ms-rtestate-field h3, h3.ms-rteElement-H3 {
    font-family: "Raleway-Light", Verdana, Helvetica, sans-serif;
    font-size: 1.5em;
    line-height: 1em;
    margin-bottom: 10px;
    letter-spacing: .03em;
    color: #083c5f !important;
}
h4 {
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    font-size: 1.25em;
    letter-spacing: .03em;
    color: #083c5f;
}
h4.tile-pages-title {
  line-height: normal;
  margin: 0 0 .25em .25em;
  color: #FFF;
  color: rgba(255,255,255,.95);
  text-shadow: 1px 1px 1px #000;
  text-transform: uppercase;
  letter-spacing: .10em;
  font-weight: 400;
  font-size: 2.4em;
  font-family: "Raleway-Regular", Verdana, Helvetica, sans-serif;
}
p, li, ol {
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.25em;
    text-rendering: optimizeLegibility;
    letter-spacing: .03em;
    color: #000;
}
#WI_BreadCrumb {
    color: #083c5f;
    font-family: "Raleway-Light", Verdana, Helvetica, sans-serif;
    ;
    font-size: 1em;
    font-weight: 300;
}
#WI_BreadCrumb .BreadCrumb_Separator {
    color: #e5b61e;
    padding: 0 6px;
    letter-spacing: -2px;
}
#WI_BreadCrumb .BreadCrumb_Current {
    color: #083c5f;
}
#WI_BreadCrumb a:visited {
    text-decoration: none;
    color: #083c5f;
}
.fa {
    color: #f9c118;
    padding-left: 5px;
    font-size: .70em;
}
.obscure {
    margin-left: -1000px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
    overflow: hidden;
    position: absolute;
}
/* SEARCH BAR STYLING */

.search-bar {
    margin-top: 67px;
}
input[type="text"] {
    box-shadow: none;
    border: none;
}
#searchButton {
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    background: #1d4f81;
    background-color: #1d4f81;
}
.postfix.button {
    padding-top: 2px;
}
.fa-2x {
    font-size: 1.3em;
    padding-left: 0px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.common-searches {
    position: relative;
    padding: 8px 3px 8px 3px;
    color: #fff;
    font-size: .70em;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    text-align: center;
    background: rgb(4, 60, 115);
    background: rgba(4, 60, 115, 0.6);
    height: 30px;
    margin-bottom: 45px;
}
.pop-search-terms {
    position: relative;
    padding: 8px 3px 8px 3px;
    color: #fff;
    font-size: .70em;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    text-align: center;
    background: rgb(4, 60, 115);
    background: rgba(4, 60, 115, 0.6);
    height: 30px;
    margin-bottom: 45px;
    text-decoration: underline;
}
/* END SEARCH BAR STYLING */

form .row .row.collapse input {
    font-color: #000;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
}
#logo {
    padding-top: 3px;
    max-width: 100%;
    text-align: center;
}
/* FOUNDATIONS OVERWRITE - SPACING BETWEEN WEBPARTS */

.column, .columns {
    position: relative;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-bottom: 0.25rem;
}
/* START MENU STYLING*/
/* when under viewport size, .mean-container is added to body */
/* BREAKPOINT for menu is in jquery.meanmenu.js - 767px */

header nav {
    text-align: center;
    background: #0a4b73;
    background: rgba(10, 78, 115, 0.85);
}
header nav ul {
    margin: 0;
    padding: .75em;
    list-style-type: none;
    line-height: .90em;
}
header nav ul li {
    display: inline;
    margin-left: 2.5%;
    margin-right: 2.5%;
}
header nav ul li:first-child {
    margin-left: 0;
}
header nav ul li:last-child {
    margin-right: 0;
}
#MeanMenuContainer a {
    padding: 12.5px 17px 12.5px 19px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Lato-Light", Verdana, Helvetica, sans-serif;
    font-size: 1em;
    letter-spacing: normal;
    letter-spacing: .06em;
}
#MeanMenuContainer a:hover {
    color: #fff;
    background: #00243c;
    background-color: rgba(0, 36, 60, 0.75);
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    -webkit-transform: translateZ(0);
}
.mean-container ul li a.mean-expand:hover {
    background: #00243c;
    background-color: rgba(0, 36, 60, 0.5);
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    -webkit-transform: translateZ(0);
    margin-right: 1em;
}
section, article, header nav {
    display: block;
    float: left;
    width: 100%
}
/* hide the link until viewport size is reached */

a.meanmenu-reveal {
    display: none;
}
/* when under viewport size, .mean-container is added to body */

.mean-container .mean-bar {
    float: left;
    width: 100%;
    position: relative;
    background: #0a4e73;
    background-color: rgba(10, 78, 115, 0.85);
    padding: 2px 0;
    min-height: 42px;
    z-index: 999999;
}
.meanmenu-reveal, .meanclose {
    color: #f9c118;
}
.mean-container a.meanmenu-reveal {
    width: 22px;
    height: 21px;
    padding: 13px 13px 11px 13px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #f9c118 !important;
    text-decoration: none;
    font-size: 16px;
    text-indent: -9999em;
    line-height: 22px;
    font-size: 1px;
    display: block;
    font-family: "Lato-Bold", Verdana, Helvetica, sans-serif !important;
}
.mean-container a.meanmenu-reveal span {
    display: block;
    background: #f9c118;
    height: 3px;
    margin-top: 3px;
}
.mean-container .mean-nav {
    float: left;
    width: 100%;
    background: #023756;
    margin-top: 44px;
}
.mean-container .mean-nav ul {
    padding: 0;
    margin: 0;
    width: 98%;
    list-style-type: none;
}
.mean-container .mean-nav ul li a {
    display: block;
    float: left;
    width: 96%;
    padding: 1em 5%;
    margin-bottom: 0;
    text-align: left;
    border-top: 1px solid #4e6f83;
    text-decoration: none;
    text-transform: uppercase;
}
.mean-container .mean-nav ul li:first-child a {
    border-top: none;
}
.mean-container .mean-nav ul li li a {
    width: 80%;
    padding: 1em 10%;
    border-top: 1px solid #f1f1f1;
    opacity: 0.25;
    filter: alpha(opacity=75);
    text-shadow: none !important;
    visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
    border-bottom: none;
    margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
    width: 70%;
    padding: 1em 15%;
}
.mean-container .mean-nav ul li li li li a {
    width: 60%;
    padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
    width: 50%;
    padding: 1em 25%;
}
.mean-container .mean-nav ul li a:hover {
    background: #fff;
}
.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 1px;
    width: 26px;
    height: 32px;
    padding: 12px !important;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-weight: 700;
    background: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border: none !important;
    border-left: 1px solid #fff;
    border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
    background: #000;
    background-color: rgba(0, 0, 0, 0.9);
}
.mean-container .mean-push {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
}
.mean-nav .wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
}
/* Fix for box sizing on Foundation Framework etc. */

.mean-container .mean-bar, .mean-container .mean-bar * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.mean-remove {
    display: none !important;
}
.top-bar {
    background: transparent;
}
.top-bar-section li a:not(.button) {
    background: none;
    padding-left: 20px;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    font-size: 1em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.top-bar-section ul li, .top-bar-section ul {
    background: none;
}
.top-bar-section ul li > a {
    padding: 12px;
}
.button-group.even-5 li a:hover {
    background: #00243c;
    background-color: rgba(0, 36, 60, 0.75);
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    -webkit-transform: translateZ(0);
}
/* END MENU STYLING*/
/* WEBPART STYLING */

a:link {
    text-decoration: none;
    color: #fff;
}
a:visited {
    text-decoration: none;
    color: #fff;
}
a:hover {
    text-decoration: none;
    color: #fff;
}
a:active {
    text-decoration: none;
    color: #fff;
}
.panel-agency-button {
    cursor: pointer;
    font-family: "Raleway-Regular", Verdana, Helvetica, sans-serif;
    text-align: center;
    font-size: 1em;
    background-color: #8d8d8d;
    color: white;
    padding: 1em;
   -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s; 
}
.panel-agency-button:active,
.panel-agency-button:hover,
.panel-agency-button:focus {
 background: rgb(42, 108, 146);
  background-color: rgba(42, 108, 146, 1);
}
#panel-news, #panel-features, #panel-services, #panel-facts, #panel-agencies, #panel-emergency, #panel-family, #panel-dmv, .panel-geo {
    position: relative;
    padding: 10px 15px;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 1, 1, .3);
    box-shadow: 1px 2px 1px 1px rgba(0, 1, 1, .3);
}

.new-feature-img {
    margin-bottom: 3px;
    padding: .5rem;
    background: #fff;
    width: 100%;
    background: url(../img/jcwlrg2.png) no-repeat;
    height: 100px;
}

#panel-emergency {
    background: rgb(200, 35, 41);
    background-color: rgba(200, 35, 41, 0.9);
    height: 60px;
    margin-bottom: 5px;
}
.general_btn {
    width: 105px;
    color: #fff;
    background: #00243c;
    background-color: #00243c;
    height: 25px;
    padding: 2px 10px;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    font-size: 1em;
    letter-spacing: .03em;
}
#panel-news .news_url, #panel-features .feature_url, #panel-agencies .agency_url, #panel-services .services_url, .news_link {
  position: absolute;
  color: #fff;
  background: #00243c;
  background-color: #00243c;
  height: 25px;
  padding: 1px 10px;
  margin: 10px;
  bottom: 0;
  right: 0;
  font-family: "Lato-light", Verdana, Helvetica, sans-serif;
  font-size: 1em;
  letter-spacing: .05em;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s; 
}

#panel-news .news_url:hover,
#panel-news .news_url:active,
#panel-news .news_url:focus,
#panel-features .feature_url:hover,
#panel-features .feature_url:active,
#panel-features .feature_url:focus,
#panel-agencies .agency_url:hover,
#panel-agencies .agency_url:active,
#panel-agencies .agency_url:focus,
#panel-services .services_url:hover,
#panel-services .services_url:active,
#panel-services .services_url:focus,
.news_link:hover,
.news_link:active,
.news_link:focus {
	background-color: #3e84a9;
	background: #3e84a9;
}

#news-headline, #features-headline, #agencies-headline, #services-headline, #family-headline, #dmv-headline {
    color: #fff;
    font-family: "Raleway-Light", Verdana, Helvetica, sans-serif;
    font-size: 1.5em;
    text-shadow: 1px 1px 1px #000;
    margin-bottom: 10px;
    letter-spacing: .03em;
}
.news-hr {
    color: #fff;
    margin-bottom: 10px;
}
#panel-news .news_title {
    color: #fff;
    font-family: "Lato-Light", Verdana, Helvetica, sans-serif;
    font-size: 1.15em;
    font-weight: 100;
    margin-bottom: 10px;
    letter-spacing: normal;
    letter-spacing: .06em;
}
#panel-news .news_summary, #panel-emergency .news_summary {
    color: #fff;
    font-family: "Lato-Light", Verdana, Helvetica, sans-serif;
    letter-spacing: .03em;
}
#panel-news .news_summary p {
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    font-size: .9em;
    line-height: 1.15em;
    letter-spacing: normal;
    letter-spacing: .07em;
}
#panel-news .news_url a, #panel-features .feature_url a, #panel-agencies .agency_url a, #panel-services .services_url a {
    color: #fff;
    letter-spacing: .03em;
}
#panel-features .feature_url {
    margin-left: 40%;
}
#panel-features .feature_title {
    color: #fff;
    font-family: "Lato-Light", Verdana, Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 1.1em;
    font-weight: 100;
    margin-bottom: 10px;
    letter-spacing: normal;
    letter-spacing: .03em;
    margin-right:65px;
}
#panel-news, #panel-features, .panel-geo {
    background: rgb(5, 80, 127);
    background-color: rgba(5, 80, 127, 0.9);
    height: 165px;
    margin-right: 2px;
    margin-bottom: 5px;
}
#panel-features {
    background: rgb(20, 108, 156);
    background-color: rgba(20, 108, 156, 0.9);
}
#panel-orbit, #panel-services {
    background: rgb(5, 80, 127);
    background-color: rgba(5, 80, 127, 0.9);
    height: 255px;
    margin-right: 0px;
    margin-bottom: 5px;
}
#panel-facts {
    position: relative;
    background: rgb(10, 56, 84);
    background-color: rgba(10, 56, 84, 0.85);
    height: 75px;
    margin-top: 10px;
}
#panel-facts .facts_title {
    position: absolute;
    color: #fff;
    font-family: "Lato-Light", Verdana, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.15em;
    letter-spacing: normal;
    letter-spacing: .05em;
    margin-right: 5px;
    margin-left: 28%;
    margin-top: 7px;
}
#panel-facts .facts_data {
    margin: 0 auto;
    position: absolute;
    color: #f9c118;
    text-shadow: 1px 1px 1px #000;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    font-size: 2.95em;
}
#panel-agencies {
    background: rgb(42, 108, 146);
    background-color: rgba(42, 108, 146, 0.9);
    height: 170px;
    border-bottom: 0px;
    border-bottom-width: 0px;
}
#panel-agencies .agency_title,
#panel-services .services_title,
#panel-priorities-back .priorities_title,
#panel-family .family_title,
#panel-dmv .dmv_title {
    color: #fff;
    font-family: "Lato-Light", Verdana, Helvetica, sans-serif;
    font-size: .75em;
    line-height: 1.4em;
    letter-spacing: normal;
    letter-spacing: .07em;
    padding: 4px 3px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
#panel-agencies .agency_title:hover,
#panel-services .services_title:hover,
#panel-priorities-back .priorities_title:hover,
#panel-family .family_title:hover,
#panel-dmv .dmv_title:hover {
    text-decoration: none;
    background: rgb(0, 36, 60);
    background-color: rgba(0, 36, 60, 0.7);
}
#panel-services {
    background: rgba(34, 67, 93, 0.9);
}
#panel-services .agency_hr {
    margin: 0px !important;
}
.fa.pull-right {
    margin: .3em .3em 0 .3em;
}
#panel-family {
    background: rgb(51, 108, 140);
    background-color: rgba(51, 108, 140, 0.8);
    margin-left: 5px;
    margin-right: -4px;
}
#panel-dmv {
    background: rgb(13, 78, 115);
    background-color: rgba(13, 78, 115, 0.8);
    margin-right: 5px;
}
/* END WEBPART STYLING */
/* FLEX SLIDER ROTATION */

#preloadedImages {
    position: absolute;
    overflow: hidden;
    left: -9999px;
    top: -9999px;
    height: 1px;
    width: 1px;
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flex-caption {
    z-index: 1;
    color: #fff;
    padding: 12px;
    position: absolute;
    bottom: -5px;
    max-width: 285px;
    line-height: 1rem;
}
.flex-caption span {
    font-size: 1.15em;
    line-height: .90em;
    text-shadow: 1px 1px 1px #000;
    font-family: "Raleway-Regular", Verdana, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px;
}
span.flex-caption-desc {
    text-transform: none;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    font-size: .90em;
    line-height: 1.10em;
}
.flexslider {
    position: relative;
    width: 100%;
    height: 255px;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
    width: 315px;
    height: 253px;
    width: 100%;
    display: block;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
/* Clearfix for the .slides element */

.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {
    display: block;
}
.flexslider {
    margin: 0 0 60px;
    position: relative;
    overflow: hidden;
    zoom: 1;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport {
    max-height: 300px;
}
.flexslider .slides {
    zoom: 1;
}
.carousel li {
    margin-right: 5px;
}
/* Direction Nav */

.flex-direction-nav {
    *height: 0;
}
.flex-direction-nav a {
    display: block;
    width: 50px;
    height: 50px;
    margin: -30px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 0.6);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.flex-direction-nav .flex-prev {
    left: -50px;
}
.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right;
}
.flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 10px;
}
.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 10px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1;
}
.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
}
.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    width: 24px;
    line-height: 50px;
}
.flex-direction-nav a.flex-next:before {
    content: '\f002';
}
/* Pause/Play */

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}
.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
}
.flex-pauseplay a:hover {
    opacity: 1;
}
.flex-pauseplay a.flex-play:before {
    content: '\f003';
}
/* Control Nav */

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    width: 8px;
    height: 8px;
    display: block;
    background: #666;
    background: #fff;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
    background: #ccc;
}
.flex-control-paging li a.flex-active {
    background: #f9c118;
    cursor: default;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}
.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}
.flex-control-thumbs img:hover {
    opacity: 1;
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}
/* END FLEXSLIDER CSS */
/* BEGIN FOOTER CSS */

ul.officials, ul.policies, ul.connect, ul.support {
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    list-style: none;
    font-size: 1.2em;
    text-align: left;
    margin: 10px 0;
}
ul.officials li, ul.policies li, ul.connect li, ul.support li {
    font-size: .90em;
    letter-spacing: .01em;
}
ul.officials {
    margin-left: 0;
}
div#footer-lists {
    margin: 0 auto;
    margin-left: 2%;
}
li.footer-title {
    font-family: "Lato-Bold", Verdana, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-top: 5px;
    color: #fff;
    font-size: 1.05em;
    letter-spacing: .05em;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
}
.white, .copyright {
    color: #fff;
    font-size: .85em;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
}
span.superscript {
    font-size: x-small;
    vertical-align: top;
}
i.fa.fa-unlock-alt, i.fa.fa-cogs, i.fa.fa-comments, i.fa.fa-unsorted {
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    font-size: 1.05em;
    padding-bottom: 4px;
    font-weight: normal;
}
i.fa.fa-group {
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    font-size: .85em;
    padding-bottom: 5px;
}
#toolbar {
    font-size: .8em;
    line-height: .9em;
    height: 40px;
    background: rgb(10, 78, 115);
    background-color: rgba(10, 78, 115, 1);
    color: #fff;
    position: fixed;
    width: 100%;
    max-width: 100%;
    margin: 0 0 -2px 0;
    bottom: 0;
    left: 0;
    z-index: 10000000;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
#footer-top {
    background: rgb(20, 108, 156);
    background-color: rgba(20, 108, 156, 1);
    height: 55px;
}
#footer_content .contain-to-grid {
    background: none;
    width: 100%;
    padding: 1em 0 0 0;
    max-width: 1000px;
    font-size: 0.875em;
}
#footer_content {
    max-width: 100% !important;
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    background: rgb(10, 78, 115);
    background-color: rgba(10, 78, 115, 1);
}
#toolbar #footer_content ul {
    margin-bottom: 1.5em;
}
#toolbar #footer_content li {
    display: block;
    margin: 0;
    padding: 0;
    height: inherit;
    border-right: none;
}
div.slider-bg section {
    background: rgb(10, 78, 115);
    background-color: rgba(10, 78, 115, 1);
    width: 100%;
    height: auto;
    /* Toolbar Height when hidden*/
    
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
}
#footer-bottom {
    max-width: 1000px;
    margin: 0 auto;
}
.no-border {
    border: none !important;
}
#footer_content>div>div>a {
    line-height: 1.1em;
    text-transform: uppercase;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 300;
    letter-spacing: normal;
    letter-spacing: .05em;
    padding-right: .5em;
    text-align: center;
}
#footer_content>div>div>a:last-child {
    padding-right: 0em;
}
div.slider-bg a:hover {
    color: #f9c118;
}
div.slider-bg a {
    color: #fff;
}
div.tb-menu {
    letter-spacing: .05em;
    text-transform: uppercase;
    max-width: 1000px;
    padding: 10px 6px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: hidden;
    font-family: "Raleway-Light", Verdana, Helvetica, sans-serif;
    font-size: .90em;
}
.five-opts>div {
    width: 18%;
    margin: 0 1%;
    float: left;
}

.tb-menu a {
    padding: 10px 0px;
}

#footer {
    /* Set the fixed height of the footer here */
    height: 60px;
    background: #0a4b73;
    background: rgba(10, 78, 115, 0.85);
    width: 100%;
    margin-top: 20px;
}
.footer-bottom {
    font-size: .75em;
    letter-spacing: .05em;
    color: #fff;
    text-align: center;
    background: rgb(20, 108, 156);
    background-color: rgba(20, 108, 156, 0.4);
    padding: 5px 0px;
    font-family: "Raleway-Light", Verdana, Helvetica, sans-serif;
}
/* Toolbar Footer Settings */

#footer_content {
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    margin: 0 auto;
    display: block;
    padding: 0;
}
.copyright {
    font-size: .9em;
    text-transform: uppercase;
    padding-bottom: 6px;
}
/* CSS Transitions */

div.slider-bg {
    transition: ease-in-out;
    transition-duration: .6s;
    -webkit-transition-duration: .6s;
    transition-property: height;
    z-index: 15;
    -moz-transition-property: height;
    /*Firefox*/
    
    -webkit-transition-property: height;
    /*Safari/Chrome*/
    
    -o-transition-property: height;
    /*Opera*/
}
div.tb-options, div.tb-choices {
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    max-width: 913px;
    margin-left: auto;
    margin-right: auto;
}
div.tb-choices div {
    margin-top: 2px;
    margin-bottom: 4px;
}
div.tb-choices div div a {
    opacity: .8;
    -moz-opacity: .8;
    -webkit-opacity: .8;
}
.resizer ul {
    list-style: none;
}
.resizer li {
    float: left;
    list-style: none;
    padding: 10px;
}
.medium {
    font-size: 18px;
}
.large {
    font-size: 20px;
}
/* Toolbar Social Media Shares */
/* Some of the setting CSS shares these classes */

#shareHolder, #settingsHolder {
    position: fixed;
    bottom: -160px;
    height: 145px;
    display: block;
    width: 100%;
    z-index: 15;
}
/* Settings & Social */

#share, #settings {
    width: 100%;
    background: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, .8);
    display: block;
    text-align: center;
    color: #fff !important;
    padding: .5em 0;
    position: absolute;
    top: 0;
    height: 150px;
}
#shareHolder, #settingsHolder {
    transition: ease-in-out;
    transition-duration: .6s;
    -webkit-transition-duration: .6s;
    transition-property: bottom;
    -moz-transition-property: bottom;
    /*Firefox*/
    
    -webkit-transition-property: bottom;
    /*Safari/Chrome*/
    
    -o-transition-property: bottom;
}
/*Opera*/

#share>div, #settings>div {
    display: inline-block;
    margin: .2em .1em;
    padding: .5em 1em;
    color: #FFF !important;
    background-color: #666;
    width: 100px;
    text-align: center;
}
#resizer li {
    display: inline-block;
    list-style-type: none;
}
#resizer li a {
    margin: .2em .1em;
    padding: .5em 1em;
    color: #FFF !important;
    background-color: #666;
}
#share>div:hover, #settings>div:div {
    background-color: #888;
}
#share>div a span.white, #settings>div a span.white {
    color: #ccc;
}
#share>div:hover a span.white, #settings>div:hover a span.white {
    color: #fff;
}
#share>div.title, #settings>div.title {
    width: 312px;
    text-align: left;
    font-size: 1em;
    padding: 0;
    background: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 8px;
    font-weight: 100;
    text-transform: uppercase;
}
#shareHolder .close, #settingsHolder .close {
    font-size: .7em;
    background-color: #333;
    padding: 2px 6px;
    border: 1px dotted #999;
    margin: 0;
    width: auto;
    top: -5px;
    position: relative;
    font-weight: 100;
    text-transform: uppercase;
    cursor: pointer;
}
#shareHolder .close:hover, #settingsHolder .close:hover {
    background-color: inherit;
}
/* END FOOTER CSS */
/* AGENCY PAGE STYLING */

#DeltaPlaceHolderMain {
    width: 990px;
    margin: 0 auto;
}
div.article, div.welcome {
    margin: 0 auto;
}
hr.yellow {
    border-color: #e5b61e;
    border-width: 1px;
    margin: 3px 0px 12px 0px;
}
.agency-key {
    margin: 5px 0px;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif !important;
    color: #083c5f;
}
span.wi_key {
    padding-top: 5px;
}
img.wis_icon.left {
    margin: auto;
    padding: 3px 5px 4px 0px;
}
#departments-agencies a:link {
    text-decoration: none;
    color: #fff;
}
#departments-agencies a:visited {
    text-decoration: none;
    color: #fff;
}
dl.accordion h2 {
    font-family: "Raleway-Light", Verdana, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.05em;
    margin: 5px 0px;
    letter-spacing: .03em;
    padding-left: 30px;
}
.accordion .content.active {
    background: none;
}
.accordion dd > a {
    background: #265d87;
    margin-top: 5px;
    color: #fff;
    padding: 2px 0px 2px 5px;
    letter-spacing: .03em;
    display: block;
    font-family: "Raleway-Regular", Verdana, Helvetica, sans-serif;
    font-size: .90em;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.accordion dd > a:hover,
.accordion dd > a:active,
.accordion dd > a:focus {
  	background-color: #3e84a9;
	background: #3e84a9;
}
.button.tiny {
    text-align: left;
    padding: .6rem;
    margin: .15rem;
    letter-spacing: 1em;
    width: 95%;
}
.button.tiny.sidebar {
    letter-spacing: .05em;
    background-color: #0e3c60;
    font-color: #fff;
    font-size: .75em;
    line-height: 1.3em;
    padding: 8px;
}
.button.tiny.sidebar:hover {
    background-color: #366e98;
    color: #fff;
    font-size: .75em;
}
.button-group > * .button {
    border-right: none;
    border-color: none;
    padding: .5rem;
    margin-left: .4rem;
    margin-top: -2px;
    width: 95%;
    letter-spacing: .03em;
    background-color: #858585;
    color: #0e3c60;
}
.button-group > * .button:hover {
    background-color: #555555;
}
.description {
    padding-left: 10px;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    font-size: .9em;
    line-height: 1.15em;
}
/* END AGENCY PAGE STYLING */
/* ALPHA LINK STYLES FOR AGENCIES PAGE */

ul.clearfix {
    margin-left: .01rem;
}
#links ul li {
    margin: 10px 0px -10px 0px;
    float: left;
    display: inline;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif !important;
    color: #083c5f;
    padding-right: 8px;
    padding-left: 8px;
    border-right: 1px solid rgb(209, 209, 209);
}
#links ul li:first-child {
    padding-left: 1px;
}
#links ul li:last-child {
    border-right: none;
}
#links ul li:nth-child(1) {
    border-right: none;
}
#links ul li.label {
    margin-right: 18px;
    padding: 3px 0px;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif !important;
    color: #083c5f;
}
.label {
    margin-right: 18px;
    margin-bottom: -4px;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif !important;
    font-size: 1em;
    background-color: transparent;
    padding-bottom: 0rem;
}
#links ul li a {
    display: block;
    padding-left: 3px;
    padding-right: 3px;
    color: #000;
}
#links ul li a:hover {
    text-decoration: none;
    color: #fff;
    background: #083c5f;
}
/* END ALPHA LINK STYLES FOR AGENCIES PAGE */
/* STYLES FOR ONLINE SERVICES PAGE */

hr.grey {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.15);
    margin: 2px 0px 17px 0px;
}
.services_heading {
    font-family: "Raleway-Regular", Verdana, Helvetica, sans-serif;
    font-size: 1.3em;
    margin-top: 10px;
    letter-spacing: .03em;
    color: #083c5f;
}
.services_title {
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    font-size: 1em;
    letter-spacing: .03em;
}
.services_title:hover {
    text-decoration: underline;
}
.services_title a:visited {
    color: #0A4E73;
}
.services_summary {
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    font-size: .9em;
    line-height: 1.20em;
}
/* END STYLES FOR ONLINE SERVICES PAGE */
/* SITE UNAVAILABLE STYLES */

.site-unavailable-content {
    margin-top: 200px;
}
.site-unavailable-bg {
    background-color: #2c6892
}
h1.site-unavailable {
    color: #fff !important;
    margin-left: 10px;
    line-height: 1.10em;
    font-size: 1.8em;
}
h1.site-unavailable a {
    text-decoration: underline;
}
h1.site-unavailable a:hover {
    color: #E5E5E5;
}
/* 404 PAGE STYLING */

h1.four-title {
    color: #2c6892 !important;
    margin-left: 10px;
    font-weight: bold;
    line-height: 1.10em;
    font-size: 4em;
}
p.four-paragraph {
    font-size: 1.5em;
    line-height: 1.5em;
    color: #2c6892;
}
p.four-paragraph a:visited, p.four-paragraph a {
    color: #2c6892;
    text-decoration: underline !important;
}
p.four-paragraph a:hover {
    color: #808080;
}
/* NEWS ARCHIVES PAGE STYLING */

.news_row .news_title a {
    font-family: "Raleway-Regular", Verdana, Helvetica, sans-serif;
    color: #083c5f;
    font-size: 1.05em;
    letter-spacing: .03em;
}
.news_row .news_title a:hover {
    text-decoration: underline;
}
.news_pubdate {
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    color: #000;
    font-size: .90em;
    letter-spacing: .03em;
    padding-top: 5px;
}
.news_summary {
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    font-size: .9em;
    line-height: 1.20em;
    padding-bottom: 18px;
}
.news_link {
    position: absolute;
    color: #fff;
    background-color: #00243c;
    height: 25px;
    padding: 2px 10px;
    margin: 10px;
    bottom: 0;
    right: 0;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    font-size: 1em;
    letter-spacing: .03em;
}
/* END NEWS ARCHIVES PAGE STYLING */
/* SOCIAL MEDIA TABLE PAGE */

table thead tr th {
    background: #1d4f81;
    background-color: #1d4f81;
    color: #fff;
    font-family: "Lato-Bold", Verdana, Helvetica, sans-serif;
    font-size: .75em;
    line-height: 1.2em;
}
.social-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    width: 10px;
    margin-top: -20px;
}
table {
    border-collapse: collapse;
}
table tr th, table tr td {
    padding: 0.5625rem 0.27rem;
}
.icon-fallback-text .icon {
    display: none;
}
i.fa-facebook-square, i.fa-youtube-square, i.fa-linkedin-square, i.fa-twitter-square {
    color: #265d87;
    margin-bottom: .10em;
    margin-left: .5em;
    font-size: 1.70em;
}
.table-title {
    font-size: .75em;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
    margin-bottom: -.10em;
}
.table-title {
    width: 40%;
    padding-left: 1em;
    font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
}
.table-facebook, .table-twitter, .table-youtube, .table-other {
    width: 15%;
}
.icon-fallback-text .icon {
    display: none;
}
.supports-fontface.supports-generatedcontent.icomoon .icon-fallback-text .icon {
    display: inline-block;
}
.supports-fontface.supports-generatedcontent.icomoon .icon-fallback-text label {
    /* a generic way to visually hide content while remaining accessible to screen readers (h5bp.com) */
    
    clip: rect(0 0 0 0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px;
}
/* END SOCIAL MEDIA TABLE PAGE */
/* TILE PAGE STYLING */

.panel-resident h4, .panel-business h4, .panel-government h4, .panel-visitor h4, .panel-workforce h4, .panel-geo h4 {
    color: #fff;
    font-size: 1.35em;
    line-height: 1.3em;
    font-family: "Raleway-Regular", Verdana, Helvetica, sans-serif;
    letter-spacing: .06em;
    text-shadow: 1px 1px 1px #000;
}
.panel-resident, .panel-business, .panel-government, .panel-visitor, .panel-workforce {
    position: relative;
    height: 85px;
    padding: 10px 15px;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 1, 1, .3);
    box-shadow: 1px 2px 1px 1px rgba(0, 1, 1, .3);
    margin-bottom: 5px;
}
.panel-geo {
    background: rgb(20, 108, 156);
    background-color: rgba(20,108, 156, 0.87);
    height: 165px;
    margin-bottom: 5px;
    background: url(../img/wi_map_sm.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.panel-resident, .panel-business, .panel-government, .panel-visitor, .panel-workforce {
    background: rgb(0, 92, 144);
    background-color: rgba(0, 92, 144, 0.85);
}
@media only screen and (max-width: 1026px) {
    .button.tiny {
        width: 25%;
    }
    .article-content, .article-content-plain {
        width: 98%;
    }
    div#footer-lists {
        margin-left: 10%;
    }
    li.footer-title {
        font-family: "Lato-Bold", Verdana, Helvetica, sans-serif;
        text-transform: uppercase;
        margin-top: 5px;
        color: #fff;
        font-size: 1.3em;
        letter-spacing: .05em;
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
    }
    ul.officials li, ul.policies li, ul.connect li, ul.support li {
        padding: .2em 0;
    }
    footer li {
        font-family: "Lato-Medium", Verdana, Helvetica, sans-serif;
        font-size: 1.20em;
        text-rendering: optimizelegibility;
        letter-spacing: 0.03em;
        color: #000;
    }
}
@media only screen and (max-width: 983px) {
    #footer-bottom {
        margin-left: 15%;
    }
   #panel-features .feature_title {
    margin-right:60px;
    }
}
@media only screen and (max-width: 973px) {
    .pop-search-terms {
        font-size: .6em;
    }
    #panel-news, #panel-features {
        height: 200px;
    }
    .panel-geo {
    	height: 200px;
        background: url(../img/wi_map_lg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    #panel-emergency {
        height: 73px;
        margin-bottom: 3px;
    }
    #panel-agencies .agency_title, #panel-services .services_title {
        font-size: .75em;
        letter-spacing: .01em;
    }
    #panel-facts .facts_title {
        font-size: 1em;
        padding-right: 2px;
        line-height: 1em;
    }
}
@media only screen and (max-width: 910px) {
    header nav ul li {
        margin-left: 1%;
        margin-right: 1%;
    }
    a.meanmenu-reveal.meanclose {
        margin-bottom: 0px;
    }
    div.article, div.welcome {
        margin: 0 auto;
    }
    #DeltaPlaceHolderMain {
        margin: 0 auto;
        width: auto;
    }

   #panel-features .feature_title {
    margin-right:45px;
    }

}
@media only screen and (max-width: 853px) {
    #panel-priorities-front {
        background: url(../img/priorities_economy_2015.jpg);
    }
    .panel-geo {
        background: url(../img/wi_map_lg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 100px;
    }
    div.slider-bg header>div>div>a {
        font-size: .80em;
    }
    div#footer-lists {
        margin-left: 15%;
    }
    #panel-features {
        height: 150px;
    }
    #panel-agencies {
        height: 180px;
    }
    #panel-services {
        height: 265px;
    }
    #panel-facts {
        margin-bottom: 5px;
        margin-right: 0px;
    }
    #panel-facts .facts_title {
        font-size: 1em;
        padding-right: 2px;
        letter-spacing: .03em;
        line-height: 1.10em;
        margin-left: 10%;
        padding-top: 2.5%;
    }
    #panel-news {
        margin: 0px 0px 1px 0px;
    }
    #panel-features {
        margin: 0px 0px 1px 0px;
    }
    #panel-agencies .agency_title, #panel-services .services_title {
        font-size: .75em;
        letter-spacing: normal;
        letter-spacing: .08em;
    }
    #panel-features {
        margin: 5px 0px;
    }
    #panel-agencies {
        margin: 0px 0px 1px 0px;
    }
    #panel-orbit {
        margin: 0px 0px 1px 0px;
    }
    #panel-family {
      margin-left: 4px;
      margin-right: 4px;
    }
    #panel-dmv {
      margin-right: 4px;
      margin-left: 4px;
      margin-top: 7px;;
    }
    .agency-key {
        margin: 2px 0px 2px 0px;
    }
    span.wi_key {
        font-size: .80em;
    }
    .flex-caption span {
        font-size: 1.15em;
        letter-spacing: .03em;
    }
    span.flex-caption-desc {
        font-size: .85em;
        letter-spacing: 0em;
    }
}
@media only screen and (max-width: 800px) {
    header nav ul li {
        display: inline;
        margin-left: 0;
        margin-right: 0;
    }
    #panel-facts .facts_title {
        margin-left: 11%;
    }
}
@media only screen and (max-width: 749px) {
    #panel-news {
        height: 210px;
    }
}
@media only screen and (max-width: 767px) {
    header {
        margin: 3px;
    }
    #search-terms {
        display: none;
    }
    body, #s4-workspace, .ms-backgroundImage {
        background: url(../img/bg_img_medium_15.jpg) no-repeat center top fixed;
    }
    .mean-container .mean-nav ul li a {
        width: 96%
    }
    #panel-features h4, #panel-news h4 {
        font-size: 1.20em;
    }
    #logo {
        margin-top: 6px;
    }
    .search-bar {
        margin: 0px;
        padding: 0px;
        margin-top: 41px;
    }
    header nav ul li {
        margin-left: 0;
    }
    dl.accordion h2 {
        font-size: 1em;
    }
    .button.tiny {
        width: 100%;
    }
    #panel-resident h4, #panel-business h4, #panel-government h4, #panel-visitor h4, #panel-workforce h4 {
        font-size: 1.20em;
    }
}
@media only screen and (max-width: 720px) {
    div#footer-lists {
        margin-left: 9%;
    }
    #panel-facts .facts_title {
        margin-left: 13%;
    }
}
@media only screen and (max-width: 677px) {
    #panel-news {
        height: 220px;
    }
}
@media only screen and (max-width: 667px) {
    #logo img {
        max-width: 100%;
    }
    .wi_logo {
        background-color: #0a4e73;
        margin-bottom: 3px;
        padding: 3px;
    }
    header .mean-container .mean-bar {
        background: #0a4e73;
        background: rgba(10, 78, 115, 1);
    }
    h4.tile-pages-title {
      margin: .5em 0 .5em .5em;
      color: #0a4e73;
      text-shadow: none;
      letter-spacing: .10em;
      font-weight: 400;
      font-size: 1.25em;
	}
    body, #s4-workspace, .ms-backgroundImage {
        background-image: none;
        background-color: #e3e3e3 !important;
    }
    .search-bar {
        min-width: 100%;
        margin: 3px;
        margin-bottom: -19px;
        margin-left: 0px !important;
    }
    .mean-container .mean-nav ul li a {
        width: 95%
    }
    /* SITE UNAVAILABLE STYLES */
    
    .site-unavailable-content {
        margin-top: 200px;
    }
    .site-unavailable-bg {
        background-color: #2c6892 !important;
    }
    h1.site-unavailable {
        color: #fff !important;
        margin-left: 10px;
        line-height: 1.25em;
        font-size: 1.10em;
    }
    /* 404 PAGE STYLING */
    
    h1.four_title {
        font-family: "Lato-Bold", Verdana, Helvetica, sans-serif;
        color: #fff !important;
        margin-bottom: -10px;
        font-size: 6em;
        margin-left: 1%;
    }
    /* WHITE CONTENT AREA DROPSHADOW REMOVAL CSS */
    
    .article-content, .article-content-plain {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        padding: 10px;
        background-image: none;
        width: 98%
    }
    /* HOMEPAGE TILES CSS */
    
    #panel-emergency {
        margin-bottom: 1px;
    }
    #panel-news, #panel-features, #panel-services, #panel-facts, #panel-agencies, #panel-emergency, #panel-priorities-back, #panel-priorities-front, #panel-family, #panel-dmv, .panel-geo {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
    .panel-resident, .panel-business, .panel-government, .panel-visitor, .panel-workforce {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        margin: 0px;
        height: 60px;
    }
    #footer-bottom {
        margin-left: 8%;
    }
}
@media only screen and (max-width: 645px) {
    .mean-container .mean-nav ul li a {
        width: 95%;
    }
}
@media only screen and (max-width: 640px) {
    p.four-paragraph {
        font-size: 1em;
        line-height: 1.25em;
        color: #2c6892;
    }
    /* FOOTER CSS */
    
    div.tb-menu {
        font-size: .80em;
        padding: 10px 3px;
    }
    div.slider-bg {
        font-size: .8em;
        line-height: .9em;
    }
    div.slider-bg footer>div.tb-choices {
        display: block;
        height: 0px;
    }
    p.copright {
        position: absolute !important;
        bottom: 20px !important;
        margin-bottom: 4px;
    }
    div.tb-choices div div a {
        font-size: .9em;
    }
    div.slider-bg section>div>div>a {
        font-size: .90em;
    }
}
@media only screen and (max-width: 600px) {
    #panel-emergency {
        height: 100px;
    }
    #panel-facts .facts_title {
        margin-left: 15%;
    }
    h1 {
        font-size: 1.5em;
        line-height: 1.15em;
    }
    p, li, ol {
        font-size: 1.0rem;
        line-height: 1.2rem;
    }
    .flex-caption span {
        font-size: 1.15em;
        letter-spacing: .03em;
    }
    span.flex-caption-desc {
        font-size: .85em;
        letter-spacing: .03em;
    }
}
@media only screen and (max-width: 580px) {
    .mean-container .mean-nav ul li a {
        width: 94.5%;
    }
    #WI_BreadCrumb {
        font-size: .90em;
    }
    /* SOCIAL MEDIA TABLE PAGE */
    
    .table-title {
        font-size: .75em;
        line-height: 1.2em;
    }
    .table-title {
        width: 20%;
    }
    .table-facebook, .table-twitter, .table-youtube, .table-other {
        width: 20%;
    }
    .flex-caption {
        max-width: 400px;
    }
    /* END SOCIAL MEDIA TABLE PAGE */
}
@media only screen and (max-width: 530px) {
    #panel-facts .facts_title {
        margin-left: 17%;
        padding-right: 5px;
    }
}
@media only screen and (max-width: 520px) {
    div.tb-menu {
        font-size: .50em;
        padding: 0px;
    }

    .tb-menu a {
        padding: 12px 0px;
        display: inline-block;
    }
    #panel-news {
        height: 205px;
    }
    #departments-agencies h1 {
        font-size: 1.50em;
    }
}
@media only screen and (max-width: 480px) {

	.h_iframe iframe {
		height:300px;
	}

    #panel-priorities-front {
        background: url(../img/priorities_economy_2015_sm.jpg);
    }
    .panel-geo {
    background-repeat: no-repeat;
    background-size: cover;
    }
    #panel-priorities-front, #panel-priorities-back {
        margin: 0px 0px 3px 0px;
    }
    /* SOCIAL MEDIA PAGE */
    
    .table-title {
        padding-left: .5em;
    }
    .social-media-table {
        font-size: .85em;
    }
    #panel-news .news_url, #panel-features .feature_url, #panel-agencies .agency_url, #panel-services .services_url, .news_link {
        padding: 1px 5px -1px 5px;
    }
    .mean-container .mean-nav ul li a {
        width: 92%
    }
    #panel-features h4, #panel-news h4 {
        font-size: 1.35em;
    }
    #panel-news {
        height: 270px;
        margin: -1px;
    }
    #panel-agencies {
        height: 200px;
    }
    #panel-orbit {
        margin: -1px;
    }
    #panel-facts {
        padding: 10px 10px;
        margin: 6px 0px 3px 0px;
        height: 70px;
    }
    #panel-facts .facts_title {
        font-size: 1em;
        padding-right: 5px;
        line-height: 1. 1em;
        margin-left: 20%;
    }
    #panel-features {
        margin: 3px -1px 3px -1px;
        height: 125px;
    }
    #panel-features .feature_title {
        font-size: 1em;
    }
    #panel-agencies {
        margin: 1px -1px 0px -1px;
    }
    #panel-services {
        height: 250px;
        margin: 5px -1px 0px -1px;
    }

    #panel-agencies .agency_title, #panel-services .services_title {
        font-size: .60em;
        letter-spacing: .01em;
    }
    /* BEGIN FOOTER CSS */
    
    .copyright {
        font-size: .75rem;
        line-height: 1em;
        padding: 6px;
    }
    div#footer-lists {
        margin-left: 12%;
    }
    div.slider-bg a {
        font-size: .75em;
        line-height: 1.25em;
    }
    ul.officials {
        margin-left: 0;
    }
    div.slider-bg section>div>div>a {
        font-size: .65em;
        letter-spacing: .03em;
        line-height: .95em;
    }
    #toolbar a {
        font-size: 0.75em;
    }
    /* END FOOTER CSS */
    
    .article-content, .article-content-plain {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.9);
        background-image: none;
        padding: 20px 10px 10px 10px;
        width: 98%;
    }
    #links ul li a {
        padding-right: 2px;
        padding-left: 2px;
    }
    #links ul li {
        padding-right: 6px;
        padding-left: 6px;
    }
    #departments-agencies h1 {
        font-size: 1.15em;
    }
    .services_heading {
        font-size: 1.25em;
    }
    img.wis_icon.left {
        padding-top: 2px;
    }
    dl.accordion h2 {
        font-size: .90em;
        padding-right: 5px;
    }
    .button.tiny {
        width: 100%;
    }
    .panel-resident h4, .panel-business h4, .panel-government h4, .panel-visitor h4, .panel-workforce h4 {
        font-size: 1.1em;
    }
    .panel-resident, .panel-business, .panel-government, .panel-visitor, .panel-workforce {
        margin: 0px;
        height: 60px;
    }
    .panel-resident, panel-business, .panel-government, .panel-visitor, .panel-workforce {
        background-color: #005c90;
        background-color: rgba(0, 92, 144, 1);
    }
}
@media only screen and (max-width: 420px) {
    /* SOCIAL MEDIA TABLE PAGE */
    
    .flex-caption {
        max-width: 300px;
    }
    #panel-emergency {
        height: 140px;
    }
    div#footer-lists {
        margin-left: 7%;
    }
    .mean-container .mean-nav ul li a {
        width: 89%
    }
    #panel-news {
        height: 260px;
    }
    #panel-facts .facts_title {
        margin-left: 20%;
        padding-right: 0;
 	    padding: 5px;
    }
    /* FOOTER CSS */
    
    #share, #settings {
        font-size: 12px;
    }
    #shareHolder .close, #settingsHolder .close {
        top: 10px;
        position: absolute;
        left: 275px;
    }
    .tb-choices a {
        padding: 3px 6px;
    }
}