@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 #cccccc; margin: 10px auto; padding: 0; width:66%;}

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 --------------- */
/* ------------------------------------------------- */

/* @fontface styles go here */

/* ------ emergency announcement banner top ********* OLD ************
#announcement-wrapper {
	padding:12px 12px;
	background:#b12a2a;
}
#announcement {
	text-align:center;
	font-size:18px;
	background:#fff;
	border-radius:4px;
	padding:30px;
}
#announcement a {
	text-decoration:none;
	font-weight:bold;
	color:#2364b0;
}
#announcement a:hover {
	color:#900d06;
}
 -------- */
/* ------ emergency announcement banner top -------- */
/* jQuery Announcement Bar at top of page */
.jquery-bar {
	background:#bf0f06; /* red */
	width:100%;
	position: relative;	
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	border-bottom:3px solid #fec911;
	font-size:14px;
	display:none;
}
.jquery-bar .heading {
	text-align:center;
	color:#fff;
	font-family:'Open Sans', sans-serif;
	font-weight:normal;
	font-size:40px;
	line-height:1.3;
	padding-top: 1px;
	padding-bottom: 10px;
}
.jquery-bar .button {
	font-size:24px;
	font-weight:600;
	padding:5px 25px;
	color: #212664!important; 
	background: #fec911!important; 
}
.jquery-bar a:hover.button {
	background:#212664!important; 
	color: #fec911!important; 
}
.jquery-bar .notification {
	display:block;
	width:auto;
	background:#8f221d;
	box-sizing:border-box;
	text-align:center;
	padding:5px 20px 10px 20px;
	color:#fff;
	font-weight:400;
}
.jquery-bar .notification p {
	font-size:24px;
	padding-bottom:8px;
	line-height: 1.5;
    margin: 10px 0;
}
.jquery-bar .notification a{
	color:#fff;
	text-decoration:none;
	transition:all .35s;
}
.jquery-bar .notification a:hover{
	color:#fbae42;
	text-decoration:none;
	transition:all .35s;
}

.downbar {
	cursor:pointer;	
	top:0px;
	right:34px;	
	padding:6px 12px;
	position:absolute;
	background:#fff;
	color:#000;
	border-radius:0px 0px 5px 5px;	
	line-height:0;
	display:none;
	z-index:2;
}

.downbar:hover{
	cursor:pointer;
}

.down {
	position:absolute;
	top: 0px;
	right: 30px;
	color: #000;
	background:#fff;
	padding: 0 10px;
	border-radius:0px 0px 5px 5px;	
	line-height: 1.7;
}

.up {
	top: -60px;
	display: none;
}

.arrow {
	cursor:pointer;
}
/* ------ END emergency announcement banner top -------- */


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



body {
	height: 100%;
	width: 100%;
	padding:0;
	margin:0;
	background:#ffffff; 
    font-family: 'Noto Sans', sans-serif;
	color: #000000;/* black */
	font-size: 24px;
	line-height:normal;
}

/* sitewide styles - include in CMS content styles */

.float-right {
	float:right;
	margin: 0 0 5px 10px!important;
}


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

.clear, .clearfix{
	clear:both;
}

a {
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

a:hover {
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

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

/***** ------ CONTENT ------ *****/

/***  Office Hours ***/
#content table.hours {max-width:400px;}
#content table.hours td {
	font-family:'Open Sans', sans-serif;
	font-weight:400!important;
}
#content table.hours td:first-child {
font-weight:700!important;
padding-right:10px;
}


/*---- PDF link icon ----*/
#content a[href $='.pdf']::after { 
	padding-left: 10px;
	padding-right:5px;
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	line-height:1;
	display: none;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
 	content:"\f1c1";
}
#content a[href $='.pdf'] .svg-inline--fa { 
	padding-left: 10px;
	padding-right:5px;
}
#content iframe{
	margin-top: 20px;
}
.black{
	color: #000000!important;
}

.white{
	color: #ffffff!important;
}


#content .col-1-of-2{
	float:left;
	width:48%;
}

#content .col-2-of-2{
	float:right;
	width:48%;
}

#content img.float-right {
float:right;
margin-left:10px!important;
}
#content img.float-left {
float:left;
margin-right:10px!important;
}

#content p {
padding: 10px 0 12px 0;
}

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



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

#content ul li, #content ol li {
	font-size: 24px;
	padding: 3px 0;
}
#content ul li {
	list-style-type: disc;
}
#content ul.nobullets li img{
	border:none;
}
#content ul.nobullets > li {
	list-style:none;
}
#content ul.nobullets.inline > li {
	list-style:none;
	display:inline-block;
	margin:0 10px;
}

#content a,
#content p a,
#content ul li a,
#content ol li a {
color: #246175; /* teal */ 
font-weight:700;
text-decoration:none;
}

#content a:hover,
#content p a:hover,
#content ul li a:hover,
#content ol li a:hover {
	color: #666666;
}

#content h1 {
	font-size: 40px; 
	font-family: 'Noto Serif', serif;
	font-weight:normal;
	color: #246175; /* teal */ 
	padding:10px 0 5px 0;
	margin:0;
}

#content h1 a:link, #content h1 a:visited {
	text-decoration:none;
}

#content h1 a:hover, #content h1 a:active {
	color: #666666;
}

#content h2 {
	font-family: 'Noto Serif', serif;
	font-weight:normal;
	font-size: 36px;
	color: #246175; /* teal */
	padding:12px 0 4px 0;
	margin:0;
}

#content h2 a:link, #content h2 a:visited {
	font-weight:normal;
	text-decoration:none;
}

#content h2 a:hover, #content h2 a:active {
	color: #666666;
}

#content h3{
	font-weight:normal;
	font-size: 32px;
	color: #246175; /* teal */
	padding:12px 0 4px 0;
}

#content h3 a:link, #content h3 a:visited {
	font-weight:normal;
	text-decoration:none;
}

#content h3 a:hover, #content h3 a:active {
	color: #666666;
}

#content h4 {
	font-weight:normal;
	font-size: 28px;
	color: #246175; /* teal */
	padding:12px 0 4px 0;
}

#content h4 a:link, #content h4 a:visited {
	font-weight:normal;
	text-decoration:none;
}

#content h4 a:hover, #content h4 a:active {
	color: #666666;
}

#content h5 {
	font-weight:normal;
	font-size: 24px;
	text-transform:uppercase;
	color: #246175; /* teal */
	padding:12px 0 4px 0;
}

#content h5 a:link, #content h5 a:visited  {
	font-weight:normal;
	text-decoration:none;
}

#content h5 a:hover, #content h5 a:active {
	color: #666666;
}



#content hr {
padding:5px 0 5px 0;
color:#cccccc;
height:2px;
text-align:center;
}

#content .newsmessage5{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 40px;
}
#content .newsmessage5 a{
	display:block;
}

#content h2.newslistingbodycontent{
	padding-top: 40px;
}

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

#content img{
	margin: 20px 0 30px 0!important;
	box-shadow: 0 25px 30px -25px #333333;
}


#content a img{
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
#content a:hover img {
	box-shadow: 0 25px 10px -25px #333333;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
#content a.button, a.button {
	text-decoration:none;
	font-size:1em;
	padding:5px 20px;
	margin:10px 0 30px 0;
	display:inline-block;
	background: #246175!important; /* teal */
	color:#ffffff!important;
	border:none!important;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

#content a.button:hover, a.button:hover {
	color:#ffffff!important;
	background: #666666!important; 
}

/* -----  provider table styles ---- */

#content table.providers tr td {
font-size:22px;
color: #000000!important; 
text-align:center;
width:25%;
padding-bottom:30px;
font-weight:bold;
}

#content table.providers tr td a{
font-weight:bold!important;
font-size:22px;
color: #246175!important; /* teal */
text-align:center;
}

#content table.providers tr td a:hover{
	color: #666666;
}


#content table.providers td a img{
	width:195px;
	height:auto;
	opacity:1;

}
#content table.providers td a:hover img {
	opacity:.8;
}
/* -----  Provider List styles !! flex !!---- */
#content ul.providers {
	display: flex;
    flex-wrap: wrap;
    margin: 40px 0;
    gap: 20px;
}
#content ul.providers li {
	list-style:none;
	display: flex;
    max-width: 204px;
    text-align: center;
    margin: 0;
    line-height: 1.1;

}
#content ul.providers li a img {
	box-shadow:none;
    border: solid 2px transparent;
}

#content ul.providers li a:hover img {
	box-shadow:none;
    border: solid 2px #ab342e;
}

/* ------ News Scroller ----- */
#news-wrapper{
	width:100%;
	text-align:center;
	margin: 0 auto;

	padding-top:20px;
}
#news-wrapper a{
	font-weight:700;
	text-decoration:none;
	color: #246175!important; /* teal */
}

#news-wrapper a.read-more{
	font-size:18px;
}


#news-wrapper a.read-more svg{
	vertical-align: middle;
}
#news-wrapper a:hover{
	color:#666666!important;
}
#news-wrapper h2{
	text-align:center;
	font-family: 'Noto Serif', serif;
	font-weight:normal;
	font-size: 36px;
}
#news-wrapper h2 a{
	font-weight:normal!important;
}

#news-scroller{
	margin: 0 auto;
	max-width: 90%;
	width:700px;
}

#news-scroller ul li{
	padding:10px 0;
}


/* ------ Top Bar ------- */
#top-bar{
	width:100%;
	margin:0;
	padding: 0;
	background: #000000; 
	display:block;
	height: 55px;
}

#top-bar-inner{
	width:1600px;
	max-width:100%;
	margin:0 auto;
	padding:0;
	height: 55px;
}

#top-bar-inner a{
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	line-height:55px;
	height: 55px;
	font-size:18px;
	padding: 0 1%;
}

#top-bar-inner a svg{
	font-size:26px;
}

#top-bar-social  {
	float:left;
	width:30%;
}

#top-bar-functions  {
	float:right;
	width:70%;
}



#top-bar-functions a svg{
	padding-right:10px;
}

#top-bar-functions a {
	height: 55px;
	line-height: 55px;
	color:#ffffff;
	background: #666666;  
	float:right;
	margin-left:1%;
}




#top-bar-functions a:hover{
	background: #cccccc; 
	color: #333333; 	
}

#top-bar-functions a:hover svg{
	color: #333333; 
}
#top-bar-social a:hover svg{
	color: #cccccc; 
}
/* ------ HEADER ------- */
header{
	width:100%;
	height:auto;
	margin:0;
	padding: 0;
	background: #ffffff; /*  white */
	display:block;
	min-height:300px;
}

#header-inner{
	max-width: 100%;
	width:1600px;
	margin:0 auto;
	padding:70px 0 0 0;

}

#header-inner a#logo{
	float:left;
	transform:scale(1,1);
	margin:0;
	padding:0;
}

#header-inner a#logo:hover{
	transform:scale(.95,.95);
}


#header-right{
	float:right;
	width:50%;
	text-align:right;
}
#header-right p{
	color: #000000; 
	font-size:24px;
	padding-bottom:10px;
}
#header-right p a{
	font-family: 'Noto Serif', serif;
	text-decoration:none;
	color: #000000; 
}


#header-right p a:hover{
	color: #666666; 
}


/* ----- NAVIGATION ----- */
#nav-wrapper {
	width:100%;
	height:55px;
}

#nav-wrapper {
	width:100%;
	max-width:100%;
	display:block;
	height:55px;
	background: #000000; 
}
nav#main-nav {
	height:55px;
	display:block;
	max-width:1600px;
	margin:0 auto;
	position:relative;
	z-index:1000;
}
nav#main-nav ul {
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	display:table;
	z-index:1000;
}
nav#main-nav ul > li {
	margin:0;
	padding:0;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
	z-index:1000;
	width:auto;
	overflow:visible;
	line-height:55px;
}
	nav#main-nav ul > li:after {
		content: '';
		display:block;
		opacity:0;
		width: 0; 
		height: 0; 
		border-left: 9px solid transparent;
		border-right: 9px solid transparent;
		border-bottom: 9px solid #ffffff;
		z-index: 2;
		position:absolute;
		bottom:0;
		left:50%;
		transform:translate(-50%, 0%);
		-moz-transition:opacity .25s;
		-webkit-transition:opacity .25s;
		transition:opacity 0s;
}




	nav#main-nav ul > li:hover:after, nav#main-nav ul > li.current:after  {
		display:block;
		opacity:1;
		transition:opacity .5s .25s;
		
	}


nav#main-nav ul > li a {
	position:relative;
	background:none;
	font-family: 'Noto Sans', sans-serif;
	font-weight:400;
	display:block;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	z-index:1000;
}




span.droptoggle{display:none;}
/* ---- Dropdowns on main navigation ---- */
nav#main-nav ul > li.sub {
	position:relative!important;
	z-index:2000!important;
}
nav#main-nav ul > li.sub > ul.dropdown {
	margin:0;
	padding:0;
	position:absolute;
	top:55px;
	left:50%;
	transform:translate(-50%, -5px);
	background: #000000; 
	border-bottom:12px solid #333333;
	border-right:12px solid #333333;
	border-left:12px solid #333333;
	width:280px;
	height:auto;
	z-index:900;
	opacity:0;
	visibility:hidden;
	box-shadow:0 5px 10px -5px rgba(0,0,0,.8);
	transition:opacity 0s;
}
nav#main-nav ul > li.sub:hover > ul.dropdown {
	transform:translate(-50%, 0%);
	opacity:1;
	transition:transform .75s, opacity .5s;
	visibility:visible;
	z-index:2000;
}
nav#main-nav ul > li.sub > ul.dropdown.wnarrow {
	width:180px;
}
nav#main-nav ul > li.sub > ul.dropdown.wmedium {
	width:300px;
}
nav#main-nav ul > li.sub > ul.dropdown.wwide {
	width:350px;
}
nav#main-nav ul > li.sub > ul.dropdown.wxwide {
	width:1100px;
}
nav#main-nav ul > li.sub > ul.dropdown.wxwide.position-left {
	left:0;
	transform:translate(0%, -5px);
}
	nav#main-nav ul > li.sub:hover > ul.dropdown.wxwide.position-left {
		transform:translate(0%, 0%);
		opacity:1;
		visibility:visible;
		z-index:2000;
	}

	nav#main-nav ul > li.sub > ul.dropdown.wxwide.position-left:before {
		display:none;
	}
	nav#main-nav ul > li.sub > ul.dropdown.wxwide > li.col_3 {
		column-count:3;
		column-gap:0;
	}
	nav#main-nav ul > li.sub > ul.dropdown.wxwide > li.col_3 ul {
		display:block;
	}
	nav#main-nav ul > li.sub > ul.dropdown.wxwide > li.col_4 {
		column-count:4;
		column-gap:0;
	}
	nav#main-nav ul > li.sub > ul.dropdown.wxwide > li.col_4 ul {
		display:block;
	}
nav#main-nav ul > li.sub:last-of-type > ul.dropdown {
	left:inherit;
	right:0;
	transform:translate(0%, -5px);
}
nav#main-nav ul > li.sub:last-of-type:hover > ul.dropdown {
		transform:translate(0%, 0%);
		opacity:1;
		visibility:visible;
		z-index:2000;
		
}
nav#main-nav ul > li.sub a {
	position:relative;
	z-index:10;
}
nav#main-nav ul > li.sub:hover a:after {
		width:80%;
		opacity:1;
		
}
nav#main-nav ul > li.sub:hover ul.dropdown li a {
	background:none;
}
nav#main-nav ul > li > ul.dropdown > li, nav#main-nav ul > li > ul.dropdown > li > ul > li {
	height:auto;
	margin:0;
	padding:0;
	display:block;
	float:none;
	background:none;
	position:relative;
	border-bottom:solid 1px rgba(255,255,255,.1);
	z-index:2000;
}
nav#main-nav ul > li.sub > ul.dropdown > li:last-child a {
	border-bottom:none;
}
nav#main-nav ul > li.sub > ul.dropdown > li a, nav#main-nav ul > li.sub > ul.dropdown > li > ul > li a {
	font:22px/24px  'Noto Sans', sans-serif;
	text-align:left;
	text-transform:none;
	display:block;
	float:none;
	color:#fff!important;
	z-index:2000;
	padding:20px;
}
	nav#main-nav ul > li.sub > ul.dropdown > li > ul > li a {
		padding:20px  0 20px 15px;
	}
	nav#main-nav ul > li.sub:hover ul.dropdown li a:hover {
		background: #666666; 
		
	}

	nav#main-nav ul > li.sub > ul.dropdown > li:after, nav#main-nav ul > li.sub > ul.dropdown > li ul li:after {
		display:none;
	}
	nav#main-nav ul > li a svg {
		color:#ffffff;
	}


/* ----- Banner ----- */
#banner-wrapper {
	width:100%;
	position:relative;
	z-index:0;
	transform-style:preserve-3d;
}
#banner {
	width:100%;
	background: #000000;
	max-height:609px;
	height:auto;
	position:relative;
	text-align:center;
}
#banner img{
	position:relative;
	width:100%;
	height:auto;
	display:block;
	opacity:.8;
	margin:0;
	padding:0;
	z-index:10;
}

.slide {
	box-sizing:border-box;
	width:100%;
	text-align:left;
	position:relative;
	display:none;
}
.slide img {
	width:100%;
	height:auto;
}

#banner #title{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity:1;
	z-index:100;
	background:rgb(0,0,0,.3);

}
#banner h2{
	font-size:46px;
	line-height:auto;
	color: #ffffff; 
	font-weight:normal;
	padding: 20px;
}




/* ------ Content Containers ----- */
#container  {
	background:#ffffff;
	width:100%;
	min-height:500px;
	display:block;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:0;
	overflow:hidden;
}

#container-inner {
	max-width: 90%;
	width:1600px;
	margin: 0 auto;
	padding:20px 0;
}



#container-inner h1#page-title {
	font-size: 40px; 
	font-family: 'Noto Serif', serif;
	font-weight:normal;
	color: #000000;
	margin:0;

}

#container-inner.home h1#page-title {
	text-align:center;
	
}
#container-inner.inside h1#page-title {
	text-align:left;
	width:100%;

}
#container-inner {
	padding: 30px 0;
}

#container-inner.home #content  {
	text-align: center;
	padding: 0 0 20px 0;
}


#left-column {
	width:65%;
	float:left;
}

#left-column.nosubnav {
	width:100%;
}

#container-inner.inside #content {
	text-align: left;
	padding: 20px 0 30px 0;
}

#container-inner.home #content p{
	width:70%;
	margin:0 auto;
}
/* --- bio page styles --- */
.bio #right-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #f9f9f9;
    border: solid 1px #eee;
    border-radius: 3px;
	padding:0 20px;
}
.bio #right-column h3 a {
	color: #246175;
    font-weight: 700!important;
    text-decoration: none;
}
.bio #right-column h3 a:hover {
	color: #666;
}
.bio #right-column p {
	margin:0 0 20px 0;
}
.bio #right-column a.button {
	margin-bottom:60px;
}
.bio #right-column span.phone,
.bio #right-column a[href^="tel:"] {
	color:#212121;
	font-weight:600;
}

/* ----- Callouts ----- */
#callouts-wrapper.home{
	background-color:#ffffff;
	width:100%;
}
#callouts-wrapper.inside{
	/*background-image: url(images/callouts-bg.jpg);*/
	background-image:url(images/content-bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment: fixed;
	width:100%;
	height:399px;
	display:block;
	padding-top:30px;
}
#callouts{
	max-width: 90%;
	width:1600px;
	margin: 0 auto;
	padding:20px 0;
	display:block;

}
#callouts ul{
	margin:40px auto ;

}

#callouts ul li{
	display:inline-block;
	float:left;
	width:25%;
	max-width:300px;
	text-align:center;
	padding-bottom:40px;
}

#callouts ul li a{
	text-decoration:none;
	font-family: 'Noto Serif', serif;
	font-weight:700;
	font-style:italic;
	font-size:36px;
	line-height:40px;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

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

#callouts ul li a svg{
	font-size:80px;
	width:80px;
	height:80px;
	padding:30px;
	border-radius: 50%;
	transform:scale(1,1);
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
#callouts ul li a:hover svg{
	transform:scale(.9,.9);
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

#callouts ul li a#faqs{
	color:  #066f05; /* green */
}
#callouts ul li a#faqs svg{
	color: #066f05; /* green */	
	border: 10px solid #066f05; 
}

#callouts ul li a#reviews{
	color: #a50202; /* red */
}
#callouts ul li a#reviews svg{
	color: #a50202; /* red */
	border: 10px solid #a50202; /* red */
}

#callouts ul li a#newsletters{
	color: #5a0173; /* purple */
}
#callouts ul li a#newsletters svg{
	color: #5a0173; /* purple */
	border: 10px solid #5a0173; /* purple */
}

#callouts ul li a#hours{
	color: #1f3b73; /* blue */
}
#callouts ul li a#hours svg{
	color: #1f3b73; /* blue */
	border: 10px solid #1f3b73; /* blue */
}


/*------Bread Crumbs-----*/
#breadcrumbtree {
margin:0;
padding:0;
font-size:14px;
line-height:normal;
font-weight:normal;
clear:left;
margin-bottom:16px;
}
#breadcrumbtree a.breadcrumb:link, #breadcrumbtree a.breadcrumb:visited {
color: #246175; /* teal */ 
font-size:14px;
text-decoration:none;
}

#breadcrumbtree a.breadcrumb:hover, #breadcrumbtree a.breadcrumb:active {
	color: #000000; 
	text-decoration:underline;
}

a.breadcrumb svg.fa-home{
	padding-right:4px;
}
/* ------ Right Column contains the subnav  ------ */
#right-column{
	float:right;
	max-width:30%;
	width: 360px;
	padding: 0 0 30px 0;

}

#right-column h2{
	font-family: 'Noto Serif', serif;
	color: #ffffff;
	font-size:30px;
	font-weight:normal;
	padding-left:30px;
	line-height:52px;
}
.bio #right-column h2 {
	color:#000;
}

#subnav{
	border:12px solid #333333;
	background:#000000;
	padding: 0;
}

#subnav > ul {

}
#subnav > ul > li {
	border-top: 1px solid #333333;
}
#subnav > ul > li a {
	padding:5px 0;
	display:block;
	font-weight:normal;
	color: #cccccc;/* light gray */
	font-size: 22px; 
	line-height:32px;
	text-decoration:none;
	vertical-align:middle;
	padding-left:30px;
}
#subnav > ul > li a:hover, #subnav > ul > li a:active {	
	background:#666666;
	color:#ffffff;
	-webkit-transition:all 0s;
	-moz-transition:all 0s;
	transition:all 0s;

}

#subnav > ul > li a.selectedon {
	background:#cccccc;
	color: #000000; /* black */
	-webkit-transition:all 0s;
	-moz-transition:all 0s;
	transition:all 0s;
}



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



footer{
	width:100%;
	height:auto;
	background: #000000;
	color: #cccccc;
	font-size: .7em;
	line-height: 1.5em;
	text-align:center;
}

#footer-inner {
	max-width: 90%;
	width:1600px;
	margin:0 auto;
	padding:20px 0;
}

footer p {
	padding:12px 0;
}

footer p a{
	padding:0;
	margin:0;
	color: #cccccc;
	text-decoration:none;
}

footer p a:hover {
	color: #ffffff;
}


footer ul li{
	display:inline;
}

footer ul li a {
	padding:0 3px;
	margin:0;
	color: #cccccc;
	text-decoration:none;
}

footer ul li:first-child a,
footer ul li:last-child a {
	padding:0;
}


footer ul li a:hover {
	color: #ffffff;
}




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

fieldset {
	border:solid 1px #83abb5;
	margin-bottom:20px;
	margin-top:0px;		
	padding:0 20px 20px 20px;
	border-radius: 8px;
}

legend {
	font-weight:normal;
	font-family: 'Noto Serif', serif;
	color: #38565d;
	font-size:32px;
	margin:0 0 10px 0;
	padding:0 5px;
}	

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

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


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



input[type="button"], input[type="submit"] {
	font-size:1em;
	padding:5px 20px;
	margin:20px 0;
	background: #38565d!important; 
	color:#ffffff!important;	
	border:none!important;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-appearance: none;
}


input[type="button"]:hover, input[type="submit"]:hover {
	background: #000000!important; 
}





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


	@media (min-width : 1400px) { /* This ensure that the mobile toggles don't display and that the main nav  display */
		a.mtoggle, a.mtoggle span {
			display:none!important;
		}
		nav#main-nav ul.menu.menu-toggle {
			display:table!important;
		}
	}

	@media (max-width : 1600px ) {
		#top-bar-inner, #header-inner{
			max-width:96%;
		}
	}
	@media (max-width : 1400px ) {
		body{
			width:100%; 
			min-width:100%;
			padding:0;
			margin:0;
		}

		
		#title{
			float:left;
			width:100%;
		}
		
		#title hr{
			display:none;
			visibility:collapse;
		}
		
		#title #left{
			float:none;
			display:none;
			visibility:collapse;
		}
		
		#title #right{
			float:none;
			display:none;
			visibility:collapse;
		}
		
		#title #left hr,
		#title #right hr{
			display:none;
			visibility:collapse;
		}
		
		#container-inner.home h1#page-title {
			margin:0 auto;
			text-align:center;
			display:block;
			float:none;
		}

	}

	@media (max-width : 1250px ) {		
		#footer-right{
			float:left;
			clear:both;
			padding-left:0;
			margin-left:0;
			margin-top:30px;
		}	

	}


	@media (max-width : 1200px ) {

		#banner{
			height:auto;
		}
		#banner-inner {
			width:100%;
			height:auto;
		}
		
		#container-inner h1#page-title {
			width:100%;
		}

		#top-bar-inner, #header-inner{
			max-width:98%;
		}

		#content img{
			max-width:40%;
			height:auto;
		}
		#content ul.nobullets li img{
			max-width:none;
			width:auto;
		}
	}
		
	@media (max-width : 1150px ) {


		#top-bar-functions a, #top-bar-functions a svg {
			font-size:18px;
		}
	}	
	
	@media (max-width : 1100px ) {
		#header-inner {
			padding-top:10px;
			text-align:center;
		}
		#header-right, #header-inner a#logo{
			float:none;
			width:100%;
			text-align:center;
		}
/* ------------- Main Navigation ---------- */
		#nav-wrapper {
			clear:both;
			border-bottom:none;
			width:100%;
			max-width:100%;
			display:block;
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2d1d1e+0,694934+50,2d1d1e+100 */
			background: #000000; 
		}
		
		nav#main-nav {
			width:100%;
			max-width:100%;			
			box-sizing: border-box;
			margin:0;
			padding:55px 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: 0;
			padding:0;
			width:100%;
			height:inherit;
			position:relative;
			display:none;
			z-index:1000;

		}
		nav#main-nav ul > li {

			margin:0;
			padding:0;
			display:block;
			position:relative;
			z-index:1000;
			width:100%;
			background:#000000; 
		}
		
		nav#main-nav ul > li.for-mobile {
			display:block;
		}

		nav#main-nav ul > li a {
			color: #fff;
			width:100%;
			background:#000000; 
			line-height:50px;
			display:block;

			text-align:center;
			text-decoration:none;
			position:relative;
			z-index:1000;
			-webkit-transition:all .1s;
			-moz-transition:all .1s;
			transition:all .1s;
			border-top:1px solid #333333; /* gray */
		}
		nav#main-nav ul > li a svg.fa-caret-down {
			display:none;
		}

		nav#main-nav ul li:last-child a {
			border-bottom: 1px solid #333333; /* gray */
		}	
		nav#main-nav ul li:first-child a {
			
		}
		
		
		nav#main-nav ul > li a:hover {
			background: #cccccc; 
			color:#000!important;
		}

		nav#main-nav ul li a:hover svg.fa-play, nav#main-nav ul li a.current svg.fa-play, a svg.fa-caret-down {
			opacity:0;
		}
		
	

		.tablet-hidden {display:none;}	

		nav#main-nav ul > li.sub > ul.dropdown {
			display:none;
		}				
		/* hamburger toggle */
		a.mtoggle {
			font-size:14px;			
			position:absolute;
			width:50px;			
			height:50px;
			bottom:-5px;
			right:1%;
			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:#fff;
		}
		a.mtoggle .icon:before {
		  -webkit-transition-duration: 0.5s;
				  transition-duration: 0.5s;
		  position: absolute;
		  width: 30px;
		  height: 4px;
		  background-color:#fff;
		  content: "";
		  top: -10px;
		}
		a.mtoggle .icon:after {
		  -webkit-transition-duration: 0.5s;
				  transition-duration: 0.5s;
		  position: absolute;
		  width: 30px;
		  height: 4px;
		  background-color:#fff;
		  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 */
		
		
		#banner-inner a h2 {
			font-size:18px;
			line-height:20px;
		}
		#banner-inner a h2 span{
			font-size:24px;
		}
		#banner-inner a p {
			font-size:14px;
		}
		#container-inner{
			width:100%;
			max-width:96%;
			margin-bottom:0;
			padding-bottom:0;
		}
		#breadcrumbtree{
						
		}
		
		#container-inner h1#page-title {
	
		}
		#container-inner.home #content p{
			width:90%;
		}
		#content .col-1-of-2{
			float:none;
			width:100%;
		}
		
		#content .col-2-of-2{
			float:none;
			width:100%;
		}		
		#content img{
			width:40%;
			height:auto;
		}	
		#content ul.nobullets li img{
			max-width:none;
			width:auto;
		}
		
		#content table.providers td {
			width:80%;
			
		}
		
		#content table.providers td a img{
			max-width:80%;
			height:auto;
		}
		
		#content table.providers tr td {
			max-width:25%;
		}
		
		#left-column{
			float:none;
			width:100%;	
			max-width:100%;	
		}
		#right-column{
			float:none;
			width:100%;	
			max-width:100%;	
			margin: 0;
			padding:0;	
		}
		#subnav{
			clear:both;
			display:block;
			width:100%;
			height:auto;
			max-width:100%;
			position:static;
			margin:0 auto;
			padding:0;
			border:none;
			border-bottom:12px solid #333;
		}
		
		#subnav h2{
			width:100%;
			color:#ffffff;
			padding: 5px 3%;  
			font-weight:normal;
		}
		
		#subnav ul{
			margin-top:0;
		}		
	/* jQuery Announcement Bar at top of page */
	.jquery-bar {
		/*margin-top:60px;*/
		padding:50px 20px;
		z-index: 1002;
		position: fixed;
		height:100vh;
		box-sizing: border-box;
	}
	.jquery-bar .notification {
		margin-top: 10px;
		height:auto;
		/*overflow-y: scroll;
		height: 100vh;*/
	}
	.downbar {
		right: inherit;
		position: fixed;
		left: 5px;
	}
	.down {
		right: inherit;
		z-index: 1;
		left: 20px;
		top: 15px;
		border-radius:5px;
		color: #ffffff;
	    background: #bf0f06;
	}
	/* MOBILE & TABLET STYLES jQuery Announcement Bar at top of page */
	.jquery-bar {
		padding-top:70px;
		background:rgba(255,255,255,.8); /* white  with opacity at 80%*/
	    backdrop-filter: blur(3px); /* blurs the page/content behind pop-up in mobile */
	}
	.jquery-bar .notification {
		margin-top: 0;
		border-radius: 0 0 5px 5px;
	}
	.jquery-bar .heading {
		padding:10px;
		background:#bf0f06;
		border-radius: 5px 5px 0 0;
	}
	#content ul.providers li a img {
		max-width:200px;
	}
		
	}

	@media (max-width : 999px ) {
		
		
		#callouts-wrapper.inside{
			display:none;
			visibility:collapse;
		}
		
		
		#callouts{

		}
		
		#callouts ul{
			margin: 0 auto;
			display:block;
			width:70%;
		}
		
		#callouts ul li{
			float:left;
			width:50%;
		}
		
		#callouts ul li a{		
			font-family: 'Noto Serif', serif;
			font-weight:normal;
			font-style:italic;
			font-size:30px;
			line-height:36px;
		}
	
		#content table.providers tr, #content table.providers tr td {
			display:block;
			width:100%;
			max-width:100%;
			margin:0 auto 20px;
			text-align:	center;
			padding:0;
		}
		
		#content table.providers td a {
			text-align:	center;
			width:100%!important;
			max-width:100%;
			margin:0;
			padding:0;
		}		

		
	}
	
		
	

	
	
	@media (max-width : 800px ) {	
	
		#top-bar, #top-bar-inner{
			width:100%;
			max-width:100%;
		}
		#top-bar-functions, #top-bar-social {
			float:none;
			width:100%;
			max-width:100%;
			text-align:center;
			margin:0 auto;
			display:block;
		}
				
	
		#top-bar-functions a {
			margin:0 1px 0 1px;			
			width:33%!important;
			padding:0;
			font-size:14px;
		}
		#top-bar-functions a span{
			display:none;
			visibility:collapse;
		}
		#top-bar-functions a:last-child {
			margin-left:0;
		}
		#top-bar-functions a:first-child {
			margin-right:0;
		}
		#top-bar-social a{
			padding: 0 3%;
			
		}
		#banner h2{
			font-size: 26px;
		}
	
		.off-mobile{
			display:none;
			visibility:collapse;
		}		




		


		table.formrequest td {
			display:block;
			padding:0;
		}
		table.formrequest td:first-child {
			text-align:left;
			font-weight:bold;
			padding:10px 0 0 0;
		}
		table.formrequest td:last-child {
			margin-bottom:20px;
		}
	}
	

	
	@media (max-width : 700px ) {	


		#callouts, #callouts ul{
			width:100%;
			margin:0 auto 20px;
			text-align:center;
		}
		#callouts{
			margin-top:30px;
		}
		
		#callouts ul li {
			width:100%;
			float:none;
			margin:0 auto;
			display:block;
		}
		
		#content iframe{
			width: 90%;
			height: auto;
			min-height:300px;
		}


		body {
			font-size: 22px;
			line-height:32px;
			min-width:320px;
		}
		
		input.formInputTextReadonly, input[type="text"], textarea, select {
			width:70%;
		}
		#content img{
			float:none;
			max-width:80%;
			height:auto;
			margin-top:10px!important;
			margin-left:0px!important;
		}	
		#footer{
			margin-top: 0;
			padding-top:0;
		}


		#footer-left, #footer-middle{
			float:none;
			display:none;
			visibility:collapse;
		}
		#footer-right{
			float:none;
			margin-top:0;
			padding-left:0;
			margin-left:0;
			text-align:center;
		}	
		footer p#copy{
			text-align:center!important;
		}
	#content ul.providers {
		justify-content:center;
	}
		
	}
	@media (max-width : 600px ) {		
		#top-bar-functions a {
			margin:0 ;			
			width:33%!important;
			padding:0;
			font-size:16px;
			display:inline;
		}	
		#top-bar-functions a:first-child {
			margin-left:1px;
		}
		#top-bar-functions a:last-child {
			margin-right:1px;
		}
		
		#content table.hours td {
			display:block;
		}
		#content table.hours td:first-child {
			display:block;
			padding-bottom:0;
		}
		#content table.hours td:last-child {
			display:block;
			padding-top:0;
			padding-bottom:6px;
		}
	}
	
	@media (max-width : 500px ) {	

		
		#header-right p#address, #header-right p#address a{
			font-size:18px;
			line-height:20px!important;
		}
	
	
		#subnav h2 {
			font-size: 28px; 
		}
		
		#subnav ul li a{
			font-size: 20px; 
		}
		

		#callouts ul li a{
			text-decoration:none;
			font-family: 'Noto Serif', serif;
			font-weight:700;
			font-style:italic;
			font-size:28px;
			line-height:32px;
		}
	
		
		#callouts ul li a i{
			font-size:60px;
			width:60px;
			height:60px;
			padding:20px;

		}
		
		.float-right {
			float:none;
			margin: 0 0 5px 0;
		}
			
		.float-left {
			float:none;
			margin: 0 0 5px 0;
		}
		
		#content img.float-right, #content img.float-left {
			float:none;
			margin-left:0!important;
			margin-right:0!important;
		}
		
		#content img{
			width:90%;
			height:auto;
		}
		#container-inner h1#page-title, #content h1  {
			font-size: 32px; 

		}
		#content h2  {
			font-size: 28px; 
		}	
		#content h3  {
			font-size: 26px; 
		}	
		#content h4  {
			font-size: 24px; 
		}	
		#content h5  {
			font-size: 22px; 
		}						
		table.form-table{
			margin:0 auto;
			width:90%!important;
			max-width:500px;
		}
		
		legend {
			font-size: 28px;
		}
		
		fieldset {
			width:90%;
		}
		
		footer p#copy{
			text-align:center!important;
		}
		#content ul.nobullets li img{
			max-width:100%;
			height:auto;
		}
		#content ul.nobullets.inline > li {
			display:block;
		}
	}
	@media (max-width : 400px ) {			
		#header-right p a{
			font-size:20px;
		}

	}
	
	@media (max-width : 350px ) {
		
		#header-right p a{
			font-size:18px;
		}
	}
	
	
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ----------- Testimonials Section ---------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
#testimonials {
	position:relative;
	background:#f4f7f6 url(images/bg-testimonials.jpg) no-repeat center 0;
	/*background-size:auto 100%;*/
	background-size:cover;
	min-height:525px;
}
#testimonials .cycle-slideshow {
	z-index:0;
}
#testimonials h2 a{
	font-size:36px;
	color:#fff!important;
	text-shadow:0 0 10px #102458, 0 0 15px #102458;
}
#testimonials h2 a:hover{
	color:#5ec8d5!important;
}
.stars {
	color:#edaa1d;
	font-size:36px;
	margin-bottom:40px;
}
.testimonial {
	width:100%;
}
.testimonial h2, .testimonial p {
	color:#fff;
}
.testimonial p {
	max-width:830px;
	margin:0 auto;
	font-size:26px;
	font-weight:500;
}
#testimonials #prev, #testimonials #next {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	font-size:60px;
	color:#fff!important;
	z-index:500;
}
#testimonials #prev:hover, #testimonials #next:hover {
	color:#5ec8d5!important;
}
#testimonials #prev {
	left:5px;
}
#testimonials #next {
	right:5px;
}
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ----------- Testimonials Section ---------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */