@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%; height:auto;}

/* 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: none; background:#eee; margin: 5px 0; padding: 0;}
hr.heavy {display: block; height: 1px; border: 0; border-top: none; background:#005f99!important; margin: 1em 0; padding: 0;}
hr.hr-home {display: block; width:100px; height: 2px; border: 0; border-top: none; background:#0e8d9c; margin: 1em auto 1.5em auto; padding: 0;}

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: text-bottom;}
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-family:'Droid Sans'; font-weight:700;}

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 */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  
.clear{ clear: both; }  
/* ------------------------------------------------- */
/* --------------- Begin Site Styles --------------- */
/* ------------------------------------------------- */

/* =============================== */
/* ======== CONTENT STYLES ======= */
/* =============================== */
p, #content p, #left-col p, #right-col p {
	margin:12px 0 12px 0;
	line-height:1.6;
}
h1, h2 {
	color:#005f99;
	font-family:'Droid Sans', serif; margin-bottom:20px;
	font-weight:400!important;
}

h3, h4, h5, h6 {
	color:#005f99;
	font-family:'Droid Sans', serif; margin-bottom:20px;
	font-weight:400!important;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a h2, a h3, a h4, a h5, a h6 {
	color:#005f99!important;
	text-decoration:none;
	font-weight:400!important;
	font-family:'Droid Sans', serif!important;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
	color:#ee2b37!important;
	border-color:inherit!important;
}
h1 {
	font-size:44px;
	margin:0 0 35px 0;
	color:#005f99!important;
}
	.vasc-wic h1.title {
		display:inline-block;
		transform:translateY(-100%);
	}
h2 {
	font-size:34px;
	margin-bottom:30px;
	font-family:'Droid Sans', serif;
}
	h2.title-wings {
		position:relative;
		overflow:hidden;
		color: #005f99!important;
		font-size:34px!important;
		line-height:.85;
	}
	h2.title-wings:before {
		display:block;
		width:100%;
		height:4px;
		background:#005f99;
		content:'';
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		z-index:-1;
	}
	h2.title-wings span {
		display:inline-block;
		background:#fff;
		padding:0 20px;
	}
	/*h2.title-wings:after {
		display:block;
		width:100%;
		height:6px;
		background:#005f99;
		content:'';
		position:absolute;
		right:-75%;
		top:50%;
		transform:translateY(-50%);
	}*/
	.inside #left-col h2 {
		margin-bottom:10px;
	}
	.inside #right-col h2 {
		font-family:'Droid Sans';
		font-size:36px;
	}
h3 {
	font-weight:normal;
	text-transform:normal;
	font-size:30px;
}
h4 {
	font-size:26px;
	text-transform:uppercase;
}
h5 {
	font-weight:700!important;
	font-size:22px;
}
h6 {
	font-size:18px;
	font-weight:400!important;
	text-decoration:underline;
	margin-bottom:10px;
}
	#footer h6 {
		font-size:14px;
		color:#fff!important;
	}
.left-col a, #content a, #office-hours a {
	text-decoration:none;
	color:#e54903;
	font-family:'Droid Sans';
	font-weight:700;
	transition:all .25s;
}
.left-col a:hover, #content a:hover, #office-hours a:hover {
	text-decoration:none;
	color:#f1cd16;
}
.left-col h2 a, #right-col h2 a {
	margin-bottom:10px;
	color:#e34d25!important;
}
.left-col h2 a:hover, #right-col h2 a:hover {
	color:#005f99!important;
}
.left-col ul, .left-col ol {
	margin:0 0 30px 40px;
}
.left-col ul > li, .left-col ol > li {
	line-height:1.5;
	margin:0 0 16px 10px;
}

.left-col iframe{
	padding-bottom:30px;
}
	/* for reCAPTCHA display issue */
	.left-col div.g-recaptcha iframe {
		padding-bottom:0;
	}
.left-col ul > li {
	list-style:disc;
}
.inside .left-col #content ul.nobullets {
	margin-left:0;
}

.inside .left-col #content ul.nobullets li img{
	border:none;
}
.inside .left-col #content ul.nobullets > li {
	list-style:none;
}
.inside .left-col #content ul.nobullets.inline > li {
	list-style:none;
	display:inline-block;
	margin:0 10px;
}
.float-right {
	float:right;
	margin:5px 0 20px 60px;
}
.float-left, .column-welcome.float-left {
	float:left;
	margin:5px 60px 20px 0;
}
	.float-left.no-margin, .float-right.no-margin {
		margin:0;
	}
.photo {
	transition:all .35s;
	border: 1px solid #ccc;
	padding:3px;
}
a img {
	opacity:1;
	transition:all .35s;
}
a:hover img {
	opacity:.9;
	transition:all .35s;
}
.semibold {font-weight:600;}
.bold {font-weight:700;}
.italic {font-style:italic;}
.center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text22 {font-size:22px;}
.text20 {font-size:20px; line-height:1.5;}
.lightBlue {
	color:#93d2f3;
}
fieldset {
	border: solid 1px #ccc;
	margin-bottom: 20px;
	margin-top: 0px;
	padding: 0 20px;
}
legend {
	font-weight: normal;
	font-size:37px;
	margin: 0 0 10px 0;
	padding: 0 5px;
	color:#124c6f;
}
blockquote {
	font-size:20px;
	font-style:italic;
}

p.shaded{
padding:10px;
background:#ffffff;
border: 1px solid #005f99;
}
.col-1-of-2{
	width:48%;
	float:left;
	margin-right:10px;
}



.col-2-of-2{
	width:48%;
	float:right;
	margin-left:10px;
}



.inpsec {visibility:hidden;}
/* ========================================================= Input and table styles ==== */
input, textarea, select {
	border:1px solid #ccc;
	outline:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:0 5px 0 0;
	padding:3px;
	color:#123d48;
	font-weight:400!important;
	font-family:'Droid Sans', sans-serif;
	max-width: calc(90% - 80px);
}



/* input.formInputTextReadonly, textarea.u {	width:98%;} */

input[type="radio"] {
	width:inherit;
	margin-bottom:10px;
}
input:hover, textarea:hover, select:hover {border-color:#c3c3ca;}
/* search form in footer */
#searchform-wrap {
	text-align:left;
}

table {
	border-bottom: none;
	margin: 0 0 1.625em;
	width: 100%;
	text-align:left;
}
table thead {
	width:100%;
}
table th {
	color:#fff;
	background:rgba(29,59,104,1);
	font-weight:normal;
	line-height:normal;
	text-transform:uppercase;
	padding:3px;
	text-align:left;
	vertical-align:middle;
}
table td {
	/*border-top: 1px solid #fff;*/
	padding: 6px 0;
}
table input[type=button], table input[type=submit], input[type=button], input[type=submit], a.button {
	width:inherit;
	font-weight:700!important;
	padding:5px 20px;
	margin-bottom:16px;
	color:#005f99;
	background:#ffd963;
	border:none;
	text-decoration:none;
	-webkit-appearance:none;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	transition:all .15s;
}
a.button {
	display:inline-block;
	color:#005f99!important;
	background:#ffd963;
	padding:5px 15px;
	margin-right:5px;
	margin-bottom:16px;
	border-radius:3px;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	transition:all .15s;
	border:none!important;
	font-weight:700!important;
	font-family:'Droid Sans', sans-serif!important;
}
a.button.fullwidth {
	display:block;
}
table input[type=button]:hover, table input[type=submit]:hover, input[type=button]:hover, input[type=submit]:hover, a:hover.button {
	color:#fff!important;
	background-color:#e54903;
}
table input[type="radio"] {
	vertical-align:middle;
	margin: 4px 5px 6px 0 !important;
}
 
table.formrequest select{
	font-size:26px!important;
}

/* -----  Provider table styles ---- */

table.docs {
	width:100%;
}
table.docs td {
    padding-bottom: 15px;
    text-align: center;
	font-size:75%;
}
table.onedoc td {
    width:50%;
}
table.docs a img {
	max-width:175px;
	height:auto;
	text-decoration:none;
	margin-bottom: 10px;
	transition:all .35s;
	padding:3px;
}
iframe.map-full {
	width:100%;
	height:auto;
	min-height:320px;
	display:block;

}

/* two column layout can be used anywhere */
div.col-2 {
	width:49%;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
}
.col-padding {
	padding:20px;
}
.mobile-only, .mobile-visible, .tablet-mobile-only, .small-mobile-only {display:none;}

.mobile-only-nav-item {display:none!important;}
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* --------------- Main Structure ---------------- */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
body {
	background:#fff;
	font-family:'Droid Sans', sans-serif;
	font-size:22px;
	color:#032032;
	margin:0;
	padding:0;
	/*min-width:1000px;*/
	z-index:0;
	overflow:hidden;
}
body.inside {
	font-size:22px;
}

#ticker{
	font-family:'Droid Sans', sans-serif;
	background: #f9da63;
	height:40px;
	width:100%;	
}

#ticker p{
	font-size:20px;
	line-height:40px;
	color:#000;
	margin:0;
	padding:0 10px;
}
a.appt-button {
	display:inline-block;
	color:#fff!important;
	background:#c4302b!important;
	padding: 5px 10px!important;
	font-size:20px;
	margin-top:10px;
	border-radius:3px;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	transition:all .15s;
	border:none!important;
	font-weight:600;
	font-family:'Droid Sans', sans-serif!important;
	text-decoration:none;
}
a.appt-button:hover {
	background:#005f99!important;
}



#wrapper {
	min-width:1300px;
	height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:1;
}
#header-wrapper {
	background: rgb(209,235,252);
	background: -moz-linear-gradient(top, rgba(209,235,252,1) 0%, rgba(255,255,255,1) 60%);
	background: -webkit-linear-gradient(top, rgba(209,235,252,1) 0%,rgba(255,255,255,1) 60%);
	background: linear-gradient(to bottom, rgba(209,235,252,1) 0%,rgba(255,255,255,1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ebfc', endColorstr='#ffffff',GradientType=0 );
	width:100%;
	min-width:1200px;
	margin:0 auto;
	position:relative;
	z-index:1000;
	overflow:visible;
}
#nav-wrapper, #footer-wrapper {
	width:100%;
	position:relative;
	background: rgb(2,72,115);
	background: -moz-linear-gradient(left, rgba(2,72,115,1) 0%, rgba(0,95,153,1) 50%, rgba(2,72,115,1) 99%);
	background: -webkit-linear-gradient(left, rgba(2,72,115,1) 0%,rgba(0,95,153,1) 50%,rgba(2,72,115,1) 99%);
	background: linear-gradient(to right, rgba(2,72,115,1) 0%,rgba(0,95,153,1) 50%,rgba(2,72,115,1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024873', endColorstr='#024873',GradientType=1 );
	box-shadow:inset 0 -25px 15px -20px rgba(2,72,115,1);
}
header {
	width:1220px;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:1;
}
#content-wrapper {
	width:100%;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:0;
	overflow:hidden;
}
	#content-wrapper {
	}
#content-container,  #office-hours {
	width:1220px;
	margin:0 auto;
	padding:40px 0;
	position:relative;
	z-index:2;
	box-sizing:border-box;
}
	.inside #content-container {
		padding:40px 0;
	}
#footer-wrapper {
	width:100%;
}
footer {
	width:1200px;
	min-height:86px;
	margin:0 auto;
	padding:40px 0;
	box-sizing:border-box;
	color:#fff;
	font-size:14px;
	font-family:'Droid Sans';
	position:relative;
	z-index:999;
}
/* ------------- Main Navigation ---------- */
nav#main-nav {
	width:1280px;
	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;
}
nav#main-nav ul > li a {
	position:relative;
	background:none;
	font:26px/50px "Droid Sans", sans-serif;
	/*font:26px/100px "Droid Sans", sans-serif;*/
	font-weight:700;
	display:block;
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-shadow:0 1px 0px rgba(0,0,0,.25);
	z-index:1000;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
nav#main-nav ul > li a:hover, nav#main-nav ul > li a.current {
	color:#ffd963;
}

span.droptoggle{display:none;}
/* ---- Dropdown Subnav ---- */
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:20px;
	left:50%;
	transform:translateX(-50%);
    background:rgba(2,72,115,1);
	width:280px;
	height:auto;
	z-index:900;
	opacity:0;
	visibility:hidden;
	-webkit-box-shadow:0 5px 10px -5px rgba(0,0,0,.8);
	-moz-box-shadow:0 5px 10px -5px rgba(0,0,0,.8);
	box-shadow:0 5px 10px -5px rgba(0,0,0,.8);
	-moz-transition:top .25s, opacity .25s;
	-webkit-transition:top .25s, opacity .25s;
	transition:top .25s, opacity .25s, visibility .1s;
}
nav#main-nav ul > li.sub:hover > ul.dropdown {
	position:absolute;
	opacity:1;
	visibility:visible;
	top:50px;
	z-index:2000;
}
	/*nav#main-nav ul > li.sub > ul.dropdown:before {
		content: '';
		display: block;
		width: 0; 
		height: 0; 
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 10px solid #1d3b68;
		z-index: 2;
		position:absolute;
		top:-10px;
		left:50%;
		transform:translateX(-50%);
}*/
	nav#main-nav ul > li.sub.indicator:after {
		content: '';
		display:block;
		opacity:0;
		visibility:hidden;
		width: 0; 
		height: 0; 
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 10px solid #1d3b68;
		z-index: 2;
		position:absolute;
		bottom:30px;
		left:50%;
		transform:translateX(-50%);
		-moz-transition:bottom .25s, opacity .25s, visibility .1s;
		-webkit-transition:bottom .25s, opacity .25s, visibility .1s;
		transition:bottom .25s, opacity .25s, visibility .1s;
}
	nav#main-nav ul > li:hover.sub.indicator:after {
		bottom:0px;
		display:block;
		opacity:1;
		visibility:visible;
	}

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:1120px;
}
nav#main-nav ul > li.sub > ul.dropdown.wxwide.position-left {
	left:0;
	transform:none;
}
	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_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 > ul.dropdown.last {
	left:inherit;
	right:0;
	transform:none;
}
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;
	-moz-transition:background .15s;
	-webkit-transition:background .15s;
	transition:background .15s;
}
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:18px/30px "Droid Sans", sans-serif;
	text-align:left;
	display:block;
	float:none;
	color:#fff!important;
	z-index:2000;
	text-shadow:none;
	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 {
	/*color:#1ab14a!important;*/
	color:#fff!important;
	background:rgba(0,95,153,1);
}
	nav#main-nav ul > li.sub > ul.dropdown > li a:after {
		display:none;
	}
	nav#main-nav ul > li a svg {
		color:#f1cd16;
	}


/* ------ Subnav (sidebar) ------ */
.subnav {
	padding:0 0 20px 0;
	margin:-10px 0 20px 0;
}
nav.subnav h1 {display:none; visibility:collapse;}
.right-col nav.subnav > ul {
	margin:0;
	padding:0;
	background:none;
	text-align:left;
}
.right-col nav.subnav > ul > li {
	list-style:none!important;
	margin:0;
	font-size:16px;
}
.right-col nav.subnav > ul > li:last-child {
	border-bottom:none;
}
.right-col nav.subnav > ul > li a {
	position:relative;
	margin:0 auto 1px auto;
	padding:20px 5px 20px 15px;
	display:block;
	font-family:"Droid Sans", sans-serif;
	font-size:22px;
	font-weight:normal!important;
	color:#fff;
	text-decoration:none;
	line-height:26px;
	border-radius:2px;
	background:#005f99;
	-webkit-transition:all .35s;
	-moz-transition:all .35s;
	transition:all .35s;
}

/*

This CSS makes the background of the subnav iterate through colors -------- it was a test but saved 

.right-col nav.subnav > ul > li:nth-of-type(5n+1) a {
	background:#f42434;
}
.right-col nav.subnav > ul > li:nth-of-type(5n+2) a {
	background:#f07637;
}
.right-col nav.subnav > ul > li:nth-of-type(5n+3) a {
	background:#ffc600;
}
.right-col nav.subnav > ul > li:nth-of-type(5n+4) a {
	background:#a8d263;
}
.right-col nav.subnav > ul > li:nth-of-type(5n+5) a {
	background:#38b5e6;
}
.right-col nav.subnav > ul > li a:hover, .right-col nav.subnav > ul > li a.selectedon {
	color:#fff;
	text-decoration:none;
	background:#005f99;
}*/



.right-col nav.subnav > ul > li a svg {
	color:#fff;
	opacity:.3;
	-webkit-transition:all .35s;
	-moz-transition:all .35s;
	transition:all .35s;
}
.right-col nav.subnav > ul > li a:hover svg, .right-col nav.subnav > ul > li a.selectedon svg {
	opacity:1;
	color:#005f99;
}
.right-col nav.subnav > ul > li a:hover, .right-col nav.subnav > ul > li a.selectedon {
	color:#005f99;
	text-decoration:none;
	background:#ffd963;
}
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------ Page Structure (columns) ----------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
.right-col {
	float:right;
	/*width:32.1666667%;*/
	width:300px;
	margin:0;
	padding:85px 0 0 0;
	text-align:left;
	position:relative;
	box-sizing:border-box;
}
.left-col {
	/*width:67.833333%;*/
	width:calc(100% - 420px);
	height:auto;
	float:left;
	margin:0;
	padding:40px 0 0 0;
	text-align:left;
	box-sizing:border-box;
	position:relative;
}
.left-col.fullwidth {
	width:100%;
	float:none;
	background:none;
}
div#content {
	padding:0 0 0 0;
}
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* Top header Social Media Icons and Phone Number */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
#social-media-phone {
	text-align:center;
}
#icons{
	border: 1px solid red;
}
a.hours {text-decoration:none; color:#005f99; font-size:100%}
a.hours:hover {color:#c4302b;}
.icons {
	padding-bottom: 20px;
}
.icons a{
	padding: 0 8px;
}

.icons a svg {
	transform:none;
	transition:all .2s;
	font-size:48px;
}
.icons a.fb svg {
	color:#3b579d;
}
.icons a svg.fa-square-x-twitter {
	color:#000000;
}
.icons a svg.fa-square-youtube {
	color:#c4302b;
}
.icons a.ig svg * {
	fill:url(#instagram-gradient);
}
.icons a:hover svg {
	transform:translateY(-5px);
}


.icons a.phone {
	font-size:40px;
	font-family:'Droid Sans';
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	color:#ee2b37;
	line-height:1.2;
}



/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ------    Quick Reference Links list     ----- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
#tools h2 {
	font-family:'Droid Sans';
	font-weight:400;
	font-size:40px;
	color:#000;
}
ul.quick-reference li {
	line-height:1.2;
	margin-bottom:30px;
}
ul.quick-reference li a svg {
	color:#005f99;
	transition:all .2s;
}
ul.quick-reference li a {
	color:#000;
	font-size:24px;
	text-decoration:none;
	display:block;
	transition:all .2s;
}
ul.quick-reference li:nth-of-type(5n+1) a:hover, ul.quick-reference li:nth-of-type(5n+1) a:hover svg {
	color:#f42434;
}
ul.quick-reference li:nth-of-type(5n+2) a:hover, ul.quick-reference li:nth-of-type(5n+2) a:hover svg {
	color:#f07637;
}
ul.quick-reference li:nth-of-type(5n+3) a:hover, ul.quick-reference li:nth-of-type(5n+3) a:hover svg {
	color:#ffc600;
}
ul.quick-reference li:nth-of-type(5n+4) a:hover, ul.quick-reference li:nth-of-type(5n+4) a:hover svg {
	color:#a8d263;
}
ul.quick-reference li:nth-of-type(5n+5) a:hover, ul.quick-reference li:nth-of-type(5n+5) a:hover svg {
	color:#38b5e6;
}


/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ------             Logo                  ----- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */

#logo-wrapper {
	position:relative;
	float:left;
	padding:30px 0 10px 0;
	vertical-align:top;
	z-index:200;
}
#mark-wrapper {
	position:relative;
	display:inline-block;
}
a #mark-wrapper span {
	display:block;
	position:relative;
	transition:all .75s cubic-bezier(.39,.78,.73,1.01);
	transition:all 1.5s cubic-bezier(.2,.08,0,1.95);
}
a:hover #mark-wrapper span {
	/*transform:translate(35px, -40px) rotate(-15deg);*/
	transform:translate(25px, -30px) rotate(-15deg);
}
#logo-text {display:inline-block; position:relative; top:-80px; left:10px; transition:transform .35s;}
#logo a {
	display:inline-block;
}
a #logo-text:hover {
	/*transform:scale(.978);*/
}
.animated{animation-duration:8s;animation-fill-mode:both; /*animation-delay:300ms;*/}
@keyframes wobble{
	0%{transform:none}
	15%{transform:translate3d(-15%,0,0) rotate(5deg)}
	30%{transform:translate3d(10%,0,0) rotate(-10deg)}
	45%{transform:translate3d(-5%,0,0) rotate(5deg)}
	60%{transform:translate3d(20%,0,0) rotate(-2.5deg)}
	75%{transform:translate3d(-5%,0,0) rotate(0deg)}
	75%{transform:translate3d(-5%,0,0) rotate(0deg)}
	60%{transform:translate3d(20%,0,0) rotate(-2.5deg)}
	45%{transform:translate3d(-5%,0,0) rotate(5deg)}
	30%{transform:translate3d(10%,0,0) rotate(-10deg)}
	15%{transform:translate3d(-15%,0,0) rotate(5deg)}
	0%{transform:none}
}
.wobble{transform-origin:top center;animation-name:wobble; animation-iteration-count:1;}
@keyframes bounceInDown{
	0%,60%,75%,90%,
	to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
	0%{opacity:0;transform:translate3d(0,-3000px,0)}
	60%{opacity:1;transform:translate3d(0,25px,0)}
	75%{transform:translate3d(0,-10px,0)}
	90%{transform:translate3d(0,5px,0)}
	to{transform:none}
}
.bounceInDown{animation-name:bounceInDown}
@keyframes slideInDown{
	0%{transform:translateY(-115%);visibility:visible}
	to{transform:translateY(0)}
}
.slideInDown{animation-name:slideInDown}
.inside .animated.slideInDown, .inside .wobble {animation:none;}

/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ------          Addresses                ----- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
.animated2{animation-duration:.55s;animation-fill-mode:both;}
@keyframes spinX{
	0% {tranforms:none;}
	to {transform:rotateY(360deg);}
}
#addresses {
	position:absolute;
	left:140px;
	bottom:25px;
	font-size:14px;
	box-sizing:border-box;
	width:600px;
	line-height:1.2;
	padding:0 20px;
}
#addresses a {
	color:#005f99;
	text-decoration:none;
	transition:all .25s;
}
#addresses a .title {
	font-size:18px;
}
#addresses a:hover {
	color:#e54903;
}
#addresses a svg {
	padding:0 2px;
}
#addresses a:hover svg {
	animation-name:spinX;
}
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ------          slideshow                ----- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */

#banner-wrapper {
	width:100%;
	position:relative;
	z-index:0;
	transform-style:preserve-3d;
}
#banner {
	width:100%;
	max-height:587px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
.slide {
	box-sizing:border-box;
	width:100%;
	text-align:left;
	position:relative;
}
.slide img {
	width:100%;
	height:auto;
}
#banner .title {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	padding:10px 18%;
	font-family:'Droid Sans';
	font-size:28px;
	text-align:center;
	color:#fff;
	width:100%;
	line-height:1.2;
	background:rgba(0,95,152,.5);
	box-sizing:border-box;
	z-index:999;
}

/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ----------- News ----------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
div.cycle-carousel-wrap {
	width:100%;
}
#news {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#005f99+0,024873+100 */
	background: #005f99; /* Old browsers */
	background: -moz-linear-gradient(top,  #005f99 0%, #024873 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #005f99 0%,#024873 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #005f99 0%,#024873 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005f99', endColorstr='#024873',GradientType=0 ); /* IE6-9 */
	padding: 30px 0;
	box-shadow: 0 30px 20px -20px #024873 inset;
}
	#news h2, #news h2 a {
		text-align:center;
		color: #ffffff!important;
		font-size:36px!important;
		line-height:.85;
		font-family:'Droid Sans'!important;
		font-weight:400!important;
		padding-bottom:5px;
	}
	#news h2 a:hover {
		color:#ffd963!important;
	}
	#news ul li {
		font-family:'Droid Sans'!important;
		color:#ffffff;
		font-size:22px;
		list-style:none;
	}

/* ======= News Scroller ======= */

ul.scroller {
	margin:0;
	list-style:none!important;
	width:100%;
	box-sizing:border-box;
	text-align:center;
}
ul.scroller li {
	display:block;
	margin:0 0 5px 0!important;
	width:100%;
	height:9.3em;
	text-align:center;
	font-family:'Droid Sans', sans-serif;
	box-sizing:border-box;
	overflow:hidden;
}
ul.scroller li p {
	line-height:1.5!important;
	font-size:26px;
	margin: 0 auto;
	width:40%;
	color:#fff;
	box-sizing:border-box;
	text-align:center;
	/*padding-left:12px;
	border-left:solid 2px #5cb8fc;*/
}
ul.scroller li.story a {
	text-align:center;
	display:block;
	margin:0 0 10px 0;
	padding-bottom:1px;
	color:#ffffff!important;
	font-family:'Droid Sans', sans-serif;
	font-weight:700;
	font-size:26px!important;
	text-decoration:none;
	/*width:250px;*/
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition:all .35s;
}
ul.scroller li.story a:hover {
	color:#ffd963!important;
	text-shadow:none;
	border-color:transparent!important;
}
ul.scroller li.story a.read-more {
	display:inline-block;
	width:auto;
	margin:0;
	padding:0;
	font-size:26px!important;
	text-align:center;
}
#news-scroller .cycle-paused:after {
	top:0;
	right:5px;
	font-size:12px;
}
/* -- give some space before each heading on the news.php page -- */
#content h2.newslistingbodycontent {
	padding:0 0 5px 0;
	text-decoration:none;
	font-weight:normal;
}
#content h2.newslistingbodycontent a:hover {
	color:#ee2b37;
}

div.newsmessage5 {
	margin-bottom:30px;
	line-height:1.6
}



/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ------------ Breadcrumb Nav ------------ */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
#breadcrumbtree-wrapper {
	padding:20px 0;
	box-sizing:border-box;
	background:rgba(209,235,252,1);
}

#breadcrumbtree {
	width:1220px;
	margin:0 auto;
	padding:0;
	position:relative;
	font-size:16px;
	font-weight:normal!important;
	text-align:left;
	line-height:24px;
	color: #005f99!important;
	box-sizing:border-box;
}
#breadcrumbtree a {
	display:inline-block;
    text-decoration: none;
	font-family: 'Droid Sans';
	font-size:16px;
	margin:4px 0;
    padding:0 10px;
    border-radius: 1px;
    display: inline-block;
    transition: all .35s;
	color:#fff!important;
    border: 1px solid #005f99;
	background:#005f99;
}
#breadcrumbtree a:hover {
	text-decoration:none;
    color: #005f99!important;
	border: 1px solid #ffd963;
	background:#ffd963;
}
#breadcrumbtree svg {
	margin:0 5px;
}
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ----------- Footer Content ---------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
footer a {
	color:#fff;
	text-decoration:none;
}
footer i {
	color:#fff;
}
footer a:hover {color:#f1cd16;}
ul.footer-menu {
	margin-bottom:36px;
}
ul.footer-menu li {
	margin:0 0 5px 0;
	padding:0 5px 0 0;
	position:relative;
	font-size:14px;
	line-height:1.5;
}
ul.footer-menu.recognition li {
	display:inline-block;
	vertical-align:top;
	margin:0 10px;
}
.display999, span.display-499 {
	display:none;
}
.hide999, span.remove-499 {
	display:inline-block;
}

/*---- PDF link icon ----*/
/*a[href $='.pdf'] { 
   padding-right: 24px;
   background: transparent url(images/icon_pdf.gif) no-repeat center right;
}
a[href $='.pdf']::after { 
	padding-left: 10px;
	padding-right:5px;
	font:normal normal normal 100%/1 FontAwesome;
 	content:"\f1c1";
}*/
/*---- PDF link icon ----*/
#content a[href $='.pdf']::after { 
	/*padding-left: 10px;
	padding-right:5px;*/
	margin-left:10px;
	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;*/
	margin-left:10px;
}

/* Style to make telephone link non-clickable in browser */
a[href^="tel:"] { text-decoration: none; pointer-events: none; cursor: default; }﻿

/*---- Print Styles -----*/
.screenonly {
	display:block;
	visibility:visible;
}
.printonly {
	display:none;
	visibility:collapse;
}
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/*  Begin BOOTSTRAP GRID Styles + RESPONSIVE  */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
  .icons a{
	padding: 0 4px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 668px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}

/* @@@@@@@@@ ========== End BOOTSTRAP GRID Styles + RESPONSIVE ========== @@@@@@@@@ */

/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* @@@@@@@@@ ========== Begin Responsive Styles ========== @@@@@@@@@ */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
@media (min-width : 1060px) { /* This ensure that the mobile toggles don't display and that the main nav and locations list display */
	a.mtoggle, a.mtoggle span {
		display:none!important;
	}
	nav#main-nav ul.menu.menu-toggle {
		display:table!important;
	}
}
@media (max-width : 1417px) {
	body, #wrapper, #header-wrapper, header, nav#main-nav, #content-container, #banner, #breadcrumbtree-wrapper, #breadcrumbtree, #news-wrapper, #news, #office-hours, #footer {width:100%; min-width:100%; padding:0; box-sizing:border-box;}
	#breadcrumbtree-wrapper {
		padding:20px 0;
	}
	#breadcrumbtree {
		padding:0 2%;
	}
	#news, #office-hours {
		padding:40px 2%;
	}
	header {
		padding:0 20px;
	}
		.inside header {
			border-radius:0;
		}
	ul.scroller li p {
		width:90%;
	}	
	#content-wrapper {
		padding:4% 0;
	}
		.inside #content-wrapper, .inside #content-container {
			padding:2% 2%;
		}
	section#welcome, #content-container {
		padding:0 4%;
	}
	section#welcome {
		padding:0;
	}
	#footer {padding:4% 2%;}

	.left-col.fullwidth {
		padding-left:2%;
		padding-right:2%;
	}
	.right-col {
	}
	.inside .right-col {
	}
	.subnav {min-height:inherit;}
	nav.subnav > ul > li a {
		width:auto;
	}
	nav#main-nav ul > li a {
		font-size:90%;
	}
}
@media (max-width : 1199px) {
	#nav-wrapper {
		width:100%;
	}
	#main-nav {
		font-size:20px;
	}
	nav#main-nav ul > li.sub > ul.dropdown > li a, nav#main-nav ul > li.sub > ul.dropdown > li > ul > li a {
		font:15px/24px "Droid Sans", sans-serif;
	}
	nav#main-nav ul > li.sub > ul.dropdown.wxwide {
		width:960px;
	}
}
@media (max-width : 1059px) {
	.display999 {
		display:inline-block;
	}
	.hide999 {
		display:none;
	}
	.tablet-mobile-center {
		text-align:center;
	}
	.tablet-mobile-width50 {
		width:50%;
	}
	.tablet-mobile-width30 {
		width:30%;
	}
	.tablet-mobile-text-align-left {
		text-align:left;
	}
	.tablet-mobile-text-align-left {
		text-align:right;
	}
	.tablet-mobile-hidden {display:none!important;}
	.tablet-mobile-only {display:inline-block;}
	#logo-text {
		top:-40px;
	}
	#logo-wrapper {
		padding:60px 0 0 0;
	}
	#addresses {
		top:50px;
		width:100vw;
		padding:10px 40px;
		left:0;
		border-top:solid 2px #fff;
		border-bottom:solid 2px #fff;
		background:#005f99;
		height:50px;
		position:fixed;
	}
	#addresses a {
		color:#fff;
	}
	#addresses a .title {
		font-size:2vw;
	}
	#social-media-phone {
		position:fixed;
		top:98px;
		right:10px;
		padding:20px 10px;
		background:rgba(255,255,255,.9);
		border-radius:4px;
		z-index:999;
	}
	.icons a {
		display:block;
		font-size:80%;
	}
	.icons a:hover svg {
		transform:none;
	}
	.right-col, .inside .right-col, .left-col, #tools {width:100%; padding:2%; float:none;}
	nav#main-nav ul > li a {font-size:75%;}
	ul.quick-reference {
		column-count:2;
	}
	ul.quick-reference li {
		padding:5px;
	}
	ul.quick-reference li a {
		font-size:3.1vw;
	}
	ul.scroller li {
		height:7.6em;
	}
	ul.scroller li p {
		font-size:20px;
	}
	#breadcrumbtree-wrapper {
		background: rgb(2,72,115);
		background: -moz-linear-gradient(left, rgba(2,72,115,1) 0%, rgba(0,95,153,1) 50%, rgba(2,72,115,1) 99%);
		background: -webkit-linear-gradient(left, rgba(2,72,115,1) 0%,rgba(0,95,153,1) 50%,rgba(2,72,115,1) 99%);
		background: linear-gradient(to right, rgba(2,72,115,1) 0%,rgba(0,95,153,1) 50%,rgba(2,72,115,1) 99%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024873', endColorstr='#024873',GradientType=1 );
	}
	#breadcrumbtree {
		color:#fff!important;
	}
	#breadcrumbtree a {
		color:#333!important;
		border: 1px solid #ffd963;
		background:#ffd963;
	}
	#breadcrumbtree a:hover {
		color: #333!important;
		border: 1px solid #fff;
		background:#fff;
	}
	/* ------------- Main Navigation ---------- */
	#nav-wrapper {
		border-bottom:none;
		width:100%;
		margin:0;
		border-radius:4px;
		position:fixed;
		bottom:inherit;
		top:0px;
		left:0;
		z-index:999;
		transform:translateY(0);
		visibility:collapse;
		opacity:0;
		transition:all .25s;
	}
	#nav-wrapper.slidein {
		transform:translateY(0);
		visibility:visible;
		opacity:1;
	}
	nav#main-nav {
		width:100%;
		height:auto;
		margin:0 auto;
		position:relative;
		bottom:inherit;
		z-index:999999;
	}
	nav#main-nav ul.menu.menu-toggle {
		margin:0;
		padding:47px 0 0 0;
		background:rgba(255,255,255,.95);
		width:100%;
		height:100vh;
		position:relative;
		display:block;
		float:none;
		z-index:1000;
	}
	nav#main-nav ul.menu.menu-toggle:before {
		display:none;
	}
	nav#main-nav ul > li {
		margin:0;
		padding:0;
		display:block;
		position:relative;
		z-index:1000;
		width:auto;
	}
	nav#main-nav ul > li a {
		background:rgba(2,72,115,1);
		height:60px;
		font-size:22px;
		color:#fff;
		line-height:60px;
		display:block;
		border-top:solid 1px rgba(0,0,0,.1);
		border-bottom:none;
		text-shadow:none;
		text-decoration:none;
		text-align:left;
		padding-left:calc(50% - 90px);
		position:relative;
		z-index:1000;
		-webkit-transition:all .1s;
		-moz-transition:all .1s;
		transition:all .1s;
	}
	nav#main-nav ul > li a svg {
		display:inline-block!important;
		color:#f1cd16;
	}
	nav#main-nav ul > li a:hover{
		color:#fff;
		background:rgba(0,95,153,1);
		border-top:solid 1px rgba(255,255,255,.1);
	}
	nav#main-nav ul > li a.current {
		color:#fff;
	}
	.mobile-visible {display:inline-block;}
	nav#main-nav ul > li.sub > ul.dropdown {
		display:none;
	}
	a.phone {
	}
		a.phone span.label {
			display:block;
			font-size:12px;
			position:absolute;
			top:50%;
			transform:translateY(-50%);
			left:-55px;
		}
	/* hamburger toggle */
	a.mtoggle {
	  position:fixed;
		/*width:50px;*/
		width:50px;
		height:50px;
		top:54px;
		right:20px;
		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;
	  top: 18px;
	  left:9px;
	  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;
	  left:0;
	}
	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;
	  left:0;
	}
	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);
	  background-color: #000;
	}
	a.mtoggle.open .icon:after {
	  -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
			  transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
	  background-color: #000;
	}
	/* end hamburger toggle */
	a.mtoggle span {
		display:none;
		text-align:center;
		line-height:40px;
		box-sizing:border-box;
		padding:0 8px 0 50px;
		border-radius:0 0 2px 2px;
		background:none;
		color:#555;
		font-family:'Droid Sans';
		font-size:12px;
		font-weight:600;
	}
	a.mtoggle span.bg {
		background:rgba(255,255,255,.85);
	}
	.mobile-only-nav-item {display:block!important;}
}
@media (max-width : 799px) {
	#logo-text {
		width:60vw;
	}
	nav#main-nav ul.menu.menu-toggle {
		padding-top:46px;
	}
	a.mtoggle {
	}
	#addresses a .title {
		font-size:2vw;
	}
	#banner .title {
		font-size:3vw;
		padding:2% 10%;
	}

	.hidden-nbsp {display:none;}
	header {padding:0;}
	span.remove {display:none;} /* This removes an item with class .remove */
	table.providers tr td {
		font-size:80%;
	}
	.left-col iframe {
		max-width:100%;
		height:auto;
	}
	.subnav {
		padding:0;
	}
	#header-wrapper {
		position:relative;
		height:inherit!important;
	}
	ul.footer-menu, #footer .col-md-6.pull-left, #footer .col-md-6.pull-right {text-align:center; float:none!important;}
}
@media (max-width : 639px) {
	.mobile-hidden {display:none;}
	.mobile-only {display:block;}
	body, body.inside {
		font-size:20px;
	}
	p.float-left{
		float:none;
		margin-bottom:10px!important;
	}
	h1 {
		font-size:30px;
		margin-bottom:20px;
	}
	h2, h2.title-wings {
		font-size:26px!important;
		margin-bottom:20px;
	}
	h3 {
		font-size:22px;
		margin-bottom:10px;
	}
	.text20 {
		font-size:16px;
	}

	#mark-wrapper {
		width:18vw;
	}
	#addresses a {
		position:relative;
		top:2px;
	}
	#addresses a .title {
		font-size:3vw;
	}
	nav#main-nav ul > li a {
		font-size:18px;
	}
	section#welcome {
		padding:8% 4% 0 4%;
	}
	/* two column layout can be used anywhere */
	div.col-2 {
		width:100%;
		display:block;
		margin-bottom:60px;
	}
	.left-col img {
		width:48%;
		height:auto;
	}
	.left-col img.fullwidth {
		width:100%;
		height:auto;
		float:none;
		padding:0;
		margin:0 0 20px 0;
	}

	
	
	.left-col iframe {
		width:100%;
		height:auto;
		margin-bottom:20px;
	}
	.left-col table td {
		display:block;
	}
	.left-col table.providers tr td {
		display:block;
	}
	table.onedoc td {
    	width:100%;
	}
	table.providers tr td {
		font-size:90%;
		width:85%;
		margin:0 auto;
	}
	table.formrequest td, form#apptform td {
		display:block;
		height:auto;
	}
	ul.footer-menu {width:100%; margin:0; padding:6% 0; text-align:center;}
	/* Style to make telephone link clickable in phone browser */
	a[href^="tel"] { text-decoration: none; pointer-events: inherit; cursor: default; }﻿
}
@media (max-width : 549px) {
	.small-mobile-only {
		display:inline-block;
	}
	.small-mobile-hidden {
		display:none;
	}
	header {min-height:auto;}
	a.mtoggle {
		right:1%;
	}
	#addresses a .title {
		font-size:3vw;
	}
	#social-media-phone {
		padding:5px;
		right:2%;
	}
	.icons a {
		font-size:50%;
		margin:10px 0;
	}
	table.providers tr td {
		box-sizing:border-box;
		width:100%;
		margin:0 auto;
	}
	.left-col img {
		width:48%;
		height:auto;
	}
	.left-col img.mobile-fullwidth {
		width:100%!important;
		height:auto!important;
		float:none;
	}
	.left-col table.providers tr td img {
		width:75%;
		height:auto;
	}
	.left-col table.providers tr td:nth-child(3) {
		clear:left;
	}
	table.formrequest td, form#apptform td {
		display:block;
		height:auto;
	}
	.col-xs-12 {
		text-align:center;
	}
}

@media (max-width : 499px) {
	span.remove, .remove-br, span.remove-499 {display:none;} /* This removes an item with class .remove */
	span.display-499 {display:inline-block;}
	#logo-text {
		top:-20px;
		left:0;
	}
	#addresses a .title {
		font-size:3vw;
	}
	nav#main-nav ul > li {
		padding:0;
	}
	input[type=text], div.g-recaptcha {
		/*max-width:100%;*/
		max-width: calc(90% - 80px);
	}
	
	.col-1-of-2{
		width:auto;
		float:none;
		margin:0px;
	}
	
	.col-2-of-2{
		width:auto;
		float:none;
		margin:0px;
	}
}
@media (max-width : 434px) {
	a.mtoggle span {
		display:none;
	}
	
	


}
