@charset "utf-8";
/* CSS Document */

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;/**/
}									

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

article, aside, figure, footer, header, hgroup, nav, section, details, summary {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;
-webkit-text-size-adjust: none; /* Never autoresize text */}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #023b98; margin: 30px auto; padding: 0; width:75%;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: middle;}
input[type="checkbox"] {vertical-align: middle;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clear:before, .clear:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clear:after { clear: both; }  
.clear { zoom: 1; } 

/* ------------------------------------------------- */
/* --------------- Begin Site Styles --------------- */
/* ------------------------------------------------- */






html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	}



body {
	height: 100%;
	width: 100%;
	padding:0;
	margin:0;	
	background-color:#ff9227; 
	font-family: 'Merriweather Sans', sans-serif;
	font-weight:400;
	color: #011627; /* navy */
	font-size: 24px;
	line-height:36px; 
}

#covid{
	width:100%;
	border-bottom: 3px solid #00b0c7;
	height:auto;
	display:block;
	background:#fff;
	height:70px;
}
#covid p{
	max-width: 90%;
	width:1200px;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:center;
	line-height:70px;
}

#covid a.button {
	background: #000; /* logo blue */
	color: #000; /* logo yellow */
	text-decoration:none;
	border-radius: 5px;
	padding:3px 10px;
	margin:10px;
	font-weight:600;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}
#covid a.button:hover{
	color: #011627; /* navy */
	background: #ff9227; /* logo yellow */
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

/* ------ HEADER ------- */
header{
	background:#fff;
	width:100%;
	margin:0;
	padding: 0;
	display:block;

}

a#logo {
	float:left;
    margin-bottom: 40px;
	transform:scale(1,1);
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

a#logo:hover {
	transform:scale(.95,.95);
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

#header-inner{
	max-width: 90%;
	width:1200px;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
}



#header-right {
	float:right;
	padding-top:20px;
	text-align:right;
		
}

p#phone {
	margin-top:20px;
	margin-bottom:10px;
	text-align:right;
	color: #00b0c7; /* logo blue */
	font-size: 40px;
	text-decoration:none;
	letter-spacing: .05em;
}

p#phone a {
	color: #00b0c7; /* logo blue */
	font-size: 48px;
	text-decoration:none;
	letter-spacing: .05em;
}

#header-right a.hdr-button{
	display:inline-block;
	text-decoration:none;
	color: #fff; /* white */
	background: #ff9227; /* orange */
	border-radius: 5px;
	padding:0px 10px;
	margin-left: 5px;
	font-size:18px;
	font-weight:600;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

#header-right a.hdr-button:hover{
	background: #00b0c7; /* blue */
	color: #fff; /* logo yellow */
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

#header-right a.address {
	font-size: 28px;
	line-height: 60px; 
	color: #011627; /* navy */
	text-decoration:none;
	margin-left:40px;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
	position:relative;
}

#header-right  a.address:hover, #header-right  a.address:active {
	color: #00b0c7; /* logo blue */
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}
#header-right  a.address svg.fa-map-pin, #header-right  a.address svg.fa-map-pin{
	transform: scale(1,1);
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}
#header-right  a.address:hover svg.fa-map-pin, #header-right  a.address:active svg.fa-map-pin{
	transform: scale(1.2,1.2);
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}



/* ----- NAVIGATION ----- */
nav#main-nav {
	position:absolute;
	bottom:16px;
	right:0;
	width: auto;
	margin:0;
	padding:0;
}

nav#main-nav ul{	
	margin:0;
	padding:0;
	display: flex;
	justify-content: space-between;
}

nav#main-nav ul li{	
	margin:0;
	padding:0 20px;	
	float:left;
	display:inline-block;
	text-align:center;
	border-right:solid 1px #6d6e72;
}
nav#main-nav ul li:last-child{
	border-right:none;
	padding-right:0;	
}

nav#main-nav ul li a{	
	overflow:hidden;
	position:relative;
	padding:0 10px;
	margin:0;
	display:inline-block;	
	font-family:'Merriweather Sans';
	font-size:18px;
	font-weight:700;
	color: #011627;
	text-decoration:none;
	display:block;
	text-align:center;
	margin:0;
	transition:all .25s;
}


nav#main-nav ul li:nth-of-type(1) a{
	color:#e6c50b;
}
nav#main-nav ul li:nth-of-type(2) a{
	color:#9dbe22;
}
nav#main-nav ul li:nth-of-type(3) a{
	color:#00b0c7;
}
nav#main-nav ul li:nth-of-type(4) a{
	color:#ff9227;
}
nav#main-nav ul li:nth-of-type(5) a{
	color:#e84a50;
}
nav#main-nav ul li:nth-of-type(6) a{
	color:#cf42a2;
}

nav#main-nav ul li a svg {
}
nav#main-nav ul li a:hover, nav#main-nav ul li a:active, nav#main-nav ul li a.current{
	color:#6d6e72;	
}



/* ----- Banner ----- */
	
#banner-wrapper {
	width:100%;
	position:relative;
	z-index:0;
	transform-style:preserve-3d;
	border-top: 3px solid #00b0c7; /* logo blue */
	border-bottom: 3px solid #00b0c7; /* logo blue */
	
}
#banner {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	position:relative;
		
}
.slide {
	box-sizing:border-box;
	width:100%;
	position:relative;
	display:none;
}
.slide img {
	width:100%;
	height:auto;
	transform: translateY(-25%);
}
.title-wrap {
	display:block;
	box-sizing:border-box;
	z-index:999;
	text-shadow: 0px 0px 10px #ffffff;
	text-align: center; 
	position: absolute;  
	bottom: 8%; 
	right:20%;
	left:20%;
}
#banner .title {
	font-size:32px;
	line-height:48px;
	font-weight:600;
	text-align:center;
	color:#011627;
	animation-name:fadeIn;
	animation-delay:1200ms;
	animation-duration:1.5s;
}



/* ------ NEWS SCROLLER ----- */

#news-wrapper{
	width:100%;
	background: #00b0c7;
	padding:40px 0;
	box-shadow:   0 30px 20px -20px #003b5f inset;
}

#news-scroller{
	max-width: 90%;
	width:700px;
	margin:0 auto;
	color:#ffffff;
	text-align:center;
}

#news-scroller a{
	color:#ffffff;
	text-decoration:none;
}
#news-scroller a:hover{
	color: #ff9227;
}

#news-scroller h2 {
	font-size:36px;
	font-weight:600;
	padding-bottom:20px;
}

#news-scroller a.button {
	text-decoration:none;
	color: #fff; /* white */
	background: #ff9227; /* logo orange */
	border-radius: 5px;
	padding:3px 10px;
	font-weight:600;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}
#news-scroller a.button:hover{
	background: #000; /* logo white */
	color: #fff; /* logo blue */
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}


/* ------ Callouts ------ */

#callout-wrapper{
	width:100%;
	padding: 40px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,ffffff+100 */
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

ul#callouts{
	width:80%;
	margin:0 auto;
	display:table;
}

ul#callouts li{
	display:table-cell;
	text-align:center;
	padding-left:1%;
	padding-right:1%;
	box-sizing: border-box;
    width: 33.3333%;
}



ul#callouts li a{
	text-decoration:none;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

ul#callouts li a img{
	transform:scale(1,1);
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

ul#callouts li a:hover img{
	transform:scale(.95,.95);
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

ul#callouts li a h2{
	font-size:24px;
	color: #00b0c7;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

ul#callouts li a:hover h2{
	font-size:24px;
	color: #011627;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

ul#callouts li a p{
	font-size:18px;
	line-height: 24px;
	color: #011627;
	margin-bottom:20px;
}

ul#callouts li a p.learn-more{
	color: #fff; /* white */
	background: #ff9227; /* orange */
	border-radius: 5px;
	padding:3px 10px;
	font-weight:600;
	width:auto;
	height:auto; 
	display:inline;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

ul#callouts li a:hover p.learn-more{
	color: #fff; /* white */
	background: #00b0c7; /* blue */
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}





/* ------ Content Containers ------ */

#content-wrapper.home{
	background:#fff;
	width:100%;
	height:auto;
}

#content-wrapper.inside{
	background-image:none;
	background-color:#fff;
	background-size: auto;
	width:100%;
	height:auto;
	border-top: 3px solid #00b0c7; /* logo blue */
}
#content-wrapper-inner{
	max-width: 90%;
	width:1200px;
	margin:0 auto;
	padding:30px 0;
}
#content-wrapper.home #content-wrapper-inner{
	text-align:center;
}

#content-wrapper.inside #content-wrapper-inner{
	text-align:left;

}
#content-wrapper.inside #content-wrapper-inner #content{
		width:63%;
		float:left;
}

/*  page title */
h1#page-title  {
	font-size: 38px;
	font-weight:600;
	color: #00b0c7;
	padding:10px 0 5px 0;
	margin:0;
}

/* ------  Content ------ */
	#content .col-1-of-2{
		width:48%;
		float:left;
	}
	
	#content .col-2-of-2{
		width:48%;
		float:right;
	}
.float-right {
float:right;
margin: 0 0 5px 5px;
}

.float-left {
float:left;
margin: 0 5px 5px 0;
}

.clear{
	clear:both;
}

td {
border:0;
vertical-align:top;
}

#content p {
padding: 8px 0 10px 0;

}

#content blockquote {
font-style:italic;
padding:10px;
}

#content a:link, #content a:visited {
color: #00b0c7; /* logo blue */
font-weight:bold;
text-decoration:none;
}

#content a:hover, #content a:active {
color: #ff9227; /* yellow */
}

#content ul, #content ol {
padding: 8px 0 10px 40px;
}

#content ul li, #content ol li {
padding: 5px 0;
}

#content ul li {
list-style-type: disc;
}

#content ul.nobullets li{
list-style-type:none;
display:inline;
padding-right:12px;
}

#content ul.nobullets li img{
	border:none!important;
}

#content ul li a:link, #content ul li a:visited,
#content ol li a:link, #content ol li a:visited {
color: #00b0c7; /* logo blue */
text-decoration:none;
}

#content ul li a:hover, #content ul li a:active,
#content ol li a:hover, #content ol li a:active {
color: #ff9227; /* yellow */
text-decoration:none;
}



#content h1, #content h2 {
	font-size: 32px;
	font-weight:600;
	color: #00b0c7;
	padding:10px 0 5px 0;
	margin:0;
}
#content h3{
	font-size: 24px;
	text-transform:uppercase;
	font-weight:600;
	color: #00b0c7;
	padding:10px 0 5px 0;
	margin:0;
}

#content h4 {
	font-size: 24px;
	font-weight:normal;
	color: #00b0c7;
	padding:8px 0 5px 0;
	margin:0;
	text-transform: uppercase;
}

#content h5 {
	font-size: 22px;
	font-weight:700;
	padding:8px 0 5px 0;
	margin:0;
}

#content h1 a:link, #content h1 a:visited, 
#content h2 a:link, #content h2 a:visited,
#content h2 a:link, #content h3 a:visited,
#content h2 a:link, #content h4 a:visited,
#content h2 a:link, #content h5 a:visited {
	text-decoration:none;
}

#content h1 a:hover, #content h1 a:active, 
#content h2 a:hover, #content h2 a:active,
#content h2 a:hover, #content h3 a:active,
#content h2 a:hover, #content h4 a:active,
#content h2 a:hover, #content h5 a:active {
	color: #ff9227; /* yellow */
}

#content hr {
padding:10px 0 5px 0;
padding:0;
color:#ff9227;
height:1px;
text-align:center;
}

#content table {
font-weight:normal!important;
width: 100%;
margin:10px 0 0 0;
}
/* -----  provider table styles ---- */

#content table.providers tr td {
text-align:center;
padding-bottom:20px;
}

#content table.providers tr td a{
color: #00b0c7; /* logo blue */
text-align:center;
font-weight:600;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

#content table.providers tr td a:hover, #content table.providers tr td a:hover{
	color: #ff9227	 /* yellow */!important;
		-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}


#content table.providers td a img{
	border-radius: 5px;
	border: 3px solid #00b0c7; /* logo blue */
}

#content table.providers td a:hover img, #content table.providers td a:active img{
	border-radius: 5px;
	border: 3px solid #ff9227; /* logo yellow */
}

#content img{
	border-radius: 5px;
	border: 3px solid #00b0c7; /* logo blue */
	margin: 10px 0 0 0;
}

#content a.button {
	text-decoration:none;
	color: #fff; /* navy */
	background: #ff9227; /* logo orange */
	border-radius: 5px;
	padding:3px 10px;
	font-weight:600;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}
#content a.button:hover{
	background: #00b0c7; /* logo blue */
	color: #fff; /* logo yellow */
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

#content a[href $='.pdf'] { 
   padding-right: 30px;
   background: transparent url(images/icon-pdf.gif) no-repeat center right;
}


/*------Bread Crumbs-----*/
#breadcrumbtree {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	clear:left;


}
#breadcrumbtree a.breadcrumb {
	border: 1px solid #00b0c7; /* logo blue */
	color:#00b0c7; /* logo blue */
	font-size:12px;
	text-decoration:none;
	border-radius: 5px;
	padding:3px 10px;
}

#breadcrumbtree a.breadcrumb:hover {
	color: #011627; /* navy */
	background: #ff9227; /* logo yellow */
	border: 1px solid #ff9227;  /* logo yellow */
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}




/* ------ Right Column contains the subnav and news ------ */
#right-column {
	float:right;
	max-width:30%;
	width: 400px;
	padding: 20px 0;
}

#subnav{
	border: 1px solid #011627;
	border-radius: 3px;
	background: #ffffff;
}

#subnav h2{
	background:#00b0c7;
	color:#011627;
	font-size: 32px;  
	line-height:60px;
	font-weight:600;
	border-bottom: 1px solid #011627;
	padding-left:75px;
}


#subnav > ul > li {
	border-bottom: 1px solid #011627;
}
#subnav > ul > li a {
	padding:20px 0;
	display:block;
	color: #011627;
	font-size: 24px;
	font-weight:600;
	text-decoration:none;
	vertical-align:middle;
	padding-left:75px;
	padding-right: 2%;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

#subnav > ul > li:last-child {
	border-bottom: none;
}

#subnav > ul > li a:hover, #subnav > ul > li a:active {
	background: #00b0c7; /* logo blue */
	color: #ffffff;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

#subnav > ul > li a.selectedon {
	color: #ffffff; /* white */
	background: #011627;
	background-image: url(images/icon-stars-subnav.png);
	background-repeat:no-repeat;
	background-position: top left;
	display:block;	

}

/* ------ News Scroller ------ */


.scroller {
	list-style:none!important;

}
.scroller div {
	display:block;
	margin:0 auto!important;
	text-align:center;
	width:100%;
}
.scroller  p {

	height: 180px;
}

.scroller div.story{
	height: 180px;
}
.scroller div.story a {
	display:block;
	margin:0;
	color: #ff9227;
	font-size: 1em; 
	line-height: 1.7em;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.scroller div.story a:hover {
	
}
.scroller div.story a.read-more {
	font-weight:600;


}
.scroller div.story a.read-more	svg.fa-play{
	font-size:16px;
	font-weight:normal;
	padding-bottom:2px;
}

/* -- give some space before each heading on the news.php page -- */
#content h4.newslistingbodycontent {
	margin-top:20px;
	padding:0 0 5px 0;
	text-decoration:none;
	font-weight:normal;
}


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

footer{
	width:100%;
	height:150px;
	background: #00b0c7;
	box-shadow:   0 40px 20px -20px #003b5f inset;
	color: #fff;
	font-size:16px;
	text-align:center;
	padding: 30px 0;
}

#footer-inner {
	max-width: 90%;
	width:1200px;
	margin:0 auto 0;

}


footer a{
	padding:0;
	margin:0;
	color: #fff;
	text-decoration:none;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

footer a:hover {
	color: #ffffff;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

footer #footer-inner ul{
	display:table;
	width:80%;
	margin:0 auto 20px;
}

footer #footer-inner ul li {
	display:table-cell;
	text-transform:uppercase;
	text-align:center;
}

footer #footer-inner ul li a{
	display:table-cell;
}



/* ------ Form Styles ------ */
.inpsec {visibility:hidden;}	

fieldset {
	border:solid 1px #ff9227;
	margin-bottom:20px;
	margin-top:0px;		
	padding:0 20px 20px 20px;
}

legend {
	font-weight:normal;
	font-size:22px;
	color:#ff9227;
	margin:0 0 10px 0;
	padding:0 5px;
}	

table.formrequest {
    color: #000000;
    font-size: 16px;
    line-height: 28px;
    padding: 0 0 10px;
}

table.formrequest td {
    padding: 0 0 10px 0;
}

input, textarea, select {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #ff9227;
    margin: 0 5px 0 0;
    outline: medium none;
    padding: 3px;
}



table input[type="button"], table input[type="submit"], input[type="button"], input[type="submit"], input[type="Submit"] {
	text-decoration:none;
	color: #011627; /* navy */
	background: #ff9227; /* logo yellow */
	border-radius: 5px;
	padding:3px 10px;
	font-weight:normal;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}
table input[type="button"]:hover, table input[type="submit"]:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="Submit"]:hover {
	background: #00b0c7; /* logo blue */
	color: #ff9227; /* logo yellow */
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}



/* ------ misc styles ------ */


.screenonly {
	display:block;
	visibility:visible;
}
.printonly {
	display:none;
	visibility:collapse;
}


/********* RESPONSIVE STYLES **********/

@media (min-width : 1400px) { 
	a.mtoggle, a.mtoggle span {
		display:none!important;
	}
	nav#main-nav ul.menu.menu-toggle {
		display:flex!important;
	}
	.hide-mobile {
		display:inline-block;
	}
}

@media (max-width : 1800px) {
	.title-wrap {
		position: absolute;  
		bottom: 8%; 
		right:10%;
		left:10%;
	}

	

}

@media (max-width : 1400px) {
	#banner .title-wrap {
		right:3%;
		left:3%;

	}
	#banner .title{
		font-size:24px;
		line-height:normal;
	}

		/* ------------- Main Navigation ---------- */
		#nav-wrapper {
			position:relative;
			clear:both;
			width:100%;
			max-width:100%;
			display:block;
			background:#ff9227;
			border-bottom:solid 1px #fff;
		}
		
		nav#main-nav {
			width:100%;
			max-width:100%;			
			box-sizing: border-box;
			margin:0;
			padding:0 0 0 0;
			position:relative;
			bottom:0;
			top:0;
			right:0;
			left:0;
			z-index:1000;
		}
		
		nav#main-nav ul{
			width:100%;
			max-width:100%;
			
		}
		
		nav#main-nav ul.menu.menu-toggle {
			margin: 3px 0 0 0;
			padding:0;
			width:100%;
			height:inherit;
			position:relative;
			display:none;
			z-index:1000;
			flex-wrap:wrap;
		}
		nav#main-nav ul > li {
			box-sizing:border-box;
			margin:0;
			padding:0;
			/*display:block;*/
			position:relative;
			z-index:1000;
			width:33.333%;
			border:none;
			/*background:#ff9227;*/
		}

		nav#main-nav ul > li.for-mobile {
			display:block;
		}

		nav#main-nav ul > li a {
			box-sizing:border-box;
			color: #000;
			width:100%;
			background:#ff9227;
			font-size:16px;
			line-height:1.5;
			display:block;
			padding:40px 20px;
			text-align:center;
			text-decoration:none;
			position:relative;
			z-index:1000;
			-webkit-transition:all .1s;
			-moz-transition:all .1s;
			transition:all .1s;
			border:1px solid #fff;
		}
		nav#main-nav ul > li a svg.fa-caret-down {
			display:none;
		}

		nav#main-nav ul li:first-child a {
			
		}
nav#main-nav ul li:nth-of-type(1) a{
	color:#000;
	background:#e6c50b;
}
nav#main-nav ul li:nth-of-type(2) a{
	color:#000;
	background:#9dbe22;
}
nav#main-nav ul li:nth-of-type(3) a{
	color:#000;
	background:#00b0c7;
}
nav#main-nav ul li:nth-of-type(4) a{
	color:#000;
	background:#ff9227;
}
nav#main-nav ul li:nth-of-type(5) a{
	color:#000;
	background:#e84a50;
}
nav#main-nav ul li:nth-of-type(6) a{
	color:#000;
	background:#cf42a2;
}
nav#main-nav ul li a:hover, nav#main-nav ul li a:active, nav#main-nav ul li a.current{
	color:#fff;	
}
		nav#main-nav ul > li a:hover {
			color:#fff;
		}
		
		
		.mobile-hidden {display:none;}
		
		nav#main-nav ul li.mobile-only{
			display:block;
			visibility:visible;
		}
				
		/* hamburger toggle */
		a.mtoggle {
			font-size:14px;
			position:absolute;
			width:50px;			
			height:50px;
			top:-50px;
			right:3%;
			background:none;
			z-index:9999;
			cursor:pointer;
			display:block;
			-webkit-transition-duration: 0.5s;
				  transition-duration: 0.5s;
		}
		a.mtoggle .icon {
		  -webkit-transition-duration: 0.5s;
				  transition-duration: 0.5s;
		  position: absolute;
		  height: 4px;
		  width: 30px;
		  bottom: 30px;
		  right:3%;
		  background-color:#00b0c7;
		}
		a.mtoggle .icon:before {
		  -webkit-transition-duration: 0.5s;
				  transition-duration: 0.5s;
		  position: absolute;
		  width: 30px;
		  height: 4px;
		  background-color: #00b0c7;
		  content: "";
		  top: -10px;
		}
		a.mtoggle .icon:after {
		  -webkit-transition-duration: 0.5s;
				  transition-duration: 0.5s;
		  position: absolute;
		  width: 30px;
		  height: 4px;
		  background-color:#00b0c7;
		  content: "";
		  top: 10px;
		}
		a.mtoggle .icon:hover {
		  cursor: pointer;
		}
		a.mtoggle.open .icon {
		  -webkit-transition-duration: 0.5s;
				  transition-duration: 0.5s;
		  background: transparent;
		}
		a.mtoggle.open .icon:before {
		  -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
				  transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
		}
		a.mtoggle.open .icon:after {
		  -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
				  transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
		}
		/* end hamburger toggle */
}
@media (max-width : 1300px) {
	ul#callouts li{
		display:block;
		width:70%;
		margin:40px auto 20px;
		background:#ffffff;
		padding: 40px 20px 40px 20px;
	}
}

@media (max-width : 1200px) {
	
	#banner .title-wrap {
		right:3%;
		left:3%;
	}
	
	#banner .title {
		font-size:22px;
		line-height:normal;
	}
	#callout-wrapper{
		background: #eeeeee; /* Old browsers */
	}

	
	#content{padding-bottom:30px;}
			
	
	#content table.providers tr td {
		display:block;
		width:100%;
		padding: 0 0 30px 0!important;
	}
	
	#content table.providers tr td.placeholder {
		display:none;
		visibilty:collapse;
	}
		
	
	#subnav h2{
		font-size: 24px;  
		text-align:center;
		padding-left:0;
	}

	#subnav > ul > li a {
		font-size: 20px;
	}
	footer{
		line-height:normal;
		height:auto;
	}
	footer #footer-inner ul{
		display:none;
		visibilty: collapse;		
	}
		
}




@media (max-width : 1000px) {

	#header-inner{
		max-width: 100%;
	}
	
	a#logo{
		text-align:center;
		width: 100%;
		height:auto;
		margin:170px auto 0 auto;
	}
	
	a#logo img{
		width: auto;
		height:180px;
	}
	
	#header-right {
		float:none;
		padding-top:0;
		text-align:center;
			
	}
#header-right {
    float: none;
    padding-top: 10px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
	p#phone {
		margin-top:20px;
		text-align:center;
		font-size: 36px;
	}
	p#phone a {
		font-size: 36px;
		letter-spacing: .05em;
	}
	
	#header-right a.address {
		font-size: 20px;
		line-height: 40px; 
		color: #011627; /* navy */
		text-decoration:none;
		margin-left:1%;
		margin-right:1%;
		margin-top:20px;
		-moz-transition:all .25s;
		-webkit-transition:all .25s;
		transition:all .25s;
		position:relative;
	}
	
	#header-right a.hdr-button{
		margin:0 1%;
		font-size:18px;
	}
	footer {
		height:auto;
	}
	footer #footer-inner ul li {
		display:inline-block;
	}
	
	footer #footer-inner ul li a{
		display:block;
	}

}
@media (max-width : 900px) {
	#content-wrapper.inside #content-wrapper-inner #content{
		float:left;
		width:100%;
		font-size:20px;	
	}
	
	#right-column{
		float:left;
		max-width:100%;
		width:100%;
	}
	#subnav{
		max-width:95%;
		width:95%;
	}
		
	#subnav h2{
		text-align:left;
		padding-left:2%;
	}
	#banner .title-wrap {
		right:1%;
		left:1%
	}
	
	#banner .title{
		font-size:18px;
		line-height:normal;
	}
	

	table.formrequest td {
    	display:block;
		padding:0;
	}
	
	table.formrequest td:first-child {
    	font-weight:bold;
		margin-top:20px;
	}
	
	table.formrequest td fieldset, table.formrequest td textarea,  table.formrequest td select, table.formrequest td input.formInputTextReadonly{
		width:95%;
	}
	
}


@media (max-width : 700px) {

	/*#news-wrapper, #news-scroller, .scroller{
		height:100px!important;
	}*/
	.hide-mobile {
		display:none;
	}
	.scroller div.story{
		display:none;
		visibility: collapse;
	}
	
	#content iframe {
		max-width:100%;
		height:auto;	
	}
	
	#content .col-1-of-2{
		width:100%;
		float:none;
		padding-right:0;
	}
	
	#content .col-2-of-2{
		width:100%;
		float:none;
	}
	img.float-right {
		float:none;
		margin: 0 0 5px 0;
	}
	#banner{
		display:none;
		visibility:collapse;
	}
	#news{

	}
}

@media (max-width : 600px) {

	ul#callouts li {
		width:90%;
	}
}

@media (max-width : 500px) {
	
	p#phone {
		margin-top:0;
	}

	
	h1#page-title {
		font-weight:normal;
		color: #00b0c7; /* logo blue */
	}
	
	#header-right p#phone, #header-right p#phone a{
		font-size:24px;
		line-height:40px;
	}

	ul#callouts li img{
		max-width:90%;
	}
	
}