@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: solid 1px #e1f1f3; margin: 1em 0; padding: 0;}
footer hr {border-color:#0b5183;}

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 */
.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 --------------- */
/* ------------------------------------------------- */
/* -----  FONTS ---- */
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'crimson_textroman';
    src: url('fonts/crimsontext-regular-webfont.eot');
    src: url('fonts/crimsontext-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/crimsontext-regular-webfont.woff2') format('woff2'),
         url('fonts/crimsontext-regular-webfont.woff') format('woff'),
         url('fonts/crimsontext-regular-webfont.ttf') format('truetype'),
         url('fonts/crimsontext-regular-webfont.svg#crimson_textroman') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'crimson_textbold';
    src: url('fonts/crimsontext-bold-webfont.eot');
    src: url('fonts/crimsontext-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/crimsontext-bold-webfont.woff2') format('woff2'),
         url('fonts/crimsontext-bold-webfont.woff') format('woff'),
         url('fonts/crimsontext-bold-webfont.ttf') format('truetype'),
         url('fonts/crimsontext-bold-webfont.svg#crimson_textbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* =============================== */
/* ======== CONTENT STYLES ======= */
/* =============================== */
#container p {
	margin:0 0 12px 0;
	line-height:20px;
}
h1, h2, h3, h4, h5, h6 {
	color:#2b5186;
	font-family:"crimson_textroman", Verdana, Geneva, sans-serif; margin-bottom:4px;
	font-weight:normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a h2, a h3, a h4, a h5, a h6 {
	color:#2b5186;
	text-decoration:none;
	font-weight:normal!important;
}
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:#000;
}
h1 {

	font-size:30px;
	margin:0 0 15px 0;
	font-weight:normal;
}
h2 {
	font-weight:normal;
	font-size:24px;
}
.home h3 {
	font-weight:normal;
	text-transform:normal;
	font-size:24px;
}
.inside h3 {
	font-weight:normal;
	text-transform:normal;
	font-size:22px;
}
h4 {
	font-weight:normal;
	font-size:19px;
}
h5 {
	font-weight:normal;
	font-size:16px;
}
h6 {
	font-size:15px;
	text-transform:uppercase;
	letter-spacing:.08em;
}
#right-col h2, #right-col h3 { /* Related Links title */
	text-align:left;
}
#content a, #mid-col a, #bottom a {
	text-decoration:none;
	color:#2b5186;
	font-weight:bold;
}
#content a:hover, #right-col a:hover, #mid-col a:hover,  #bottom a:hover  {
	text-decoration:none;
	color:#000;
}
#content ul, .home #right-col ul {
	padding:0 0 15px 17px;
}

#content ol {
	padding:0 0 15px 23px;
}

#content ul > li, #content ol > li {
	line-height:20px;
	margin:0 0 5px 40px;	
}
#content ul > li {
	list-style:disc;
}

#content blockquote{
	width:85%;
	padding: 20px 0;
	color: #2b5186;
	margin:0 auto;
}
	
.float-right {
	float:right;
	margin:5px 0 20px 20px;
}
.float-left {
	float:left;
	margin:0px 20px 20px 0;
}

.photo, #content img {
	border:solid 1px #1a3795;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

a:hover img.photo, #content a:hover img {
	opacity:.8;
}


.bold {font-weight:bold; font-family:"open_sansregular", sans-serif;}
.italic {font-style:italic;}
.center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
fieldset {
	border: solid 1px #ccc;
	margin-bottom: 20px;
	margin-top: 0px;
	padding: 0 20px 20px 20px;
}
legend {
	font-weight: normal;
	font-size: 20px;
	font-family:"crimson_textroman", serif;
	margin: 0 0 10px 0;
	padding: 0 5px;
}
.inpsec {visibility:hidden;}
#content ul.nobullets {
padding-left:0;
}
#content ul.nobullets li{
list-style-type:none;
display:inline;
padding-right:10px;
margin-left:0;
}

#content ul.nobullets li img {
border: none;
}
/* ========================================================= 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:#222;
}
input:hover, textarea:hover, select:hover {border-color:#aaa;}
table {
	border-bottom: none;
	margin:0;
	width: 100%;
	text-align:left;
	font-size:100%;
}
table thead {
	width:100%;
}
table th {
	color:#fff;
	background:#1a3795;
	font-size: 85%;
	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: 4px 0;
}
table input[type=button], table input[type=submit], input[type=button], input[type=submit] {
	font-size:16px;
	font-weight:bold;
	padding:3px 20px;
	color:#fff;
	background:#2b5186;
	
	border:none;
	-webkit-appearance:none; /* For iphone */
}
table input[type=button]:hover, table input[type=submit]:hover, input[type=button]:hover, input[type=submit]:hover {
	color:#fff;
	background:#1a3795;
}
table input[type=radio] {
vertical-align: middle;
margin-top:-3px;
}

/* -----  Provider table styles ---- */
table.providers-home {table-layout:fixed; margin-top:20px;} /* This is specifically for a Firefox bug */
table.providers {
	width:100%;
}
table.providers tr td {
	padding: 0;
	padding-bottom:20px;
	width:33.3333%;
	font-size:85%;
}



table.providers a img {
	text-decoration:none;
	margin-bottom: 10px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

table.providers a:hover img, table.providers a:active img {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

table.providers a, table.providers-home a {
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:12px;
}
.mobile-only {display:none;}
img.logo-bottom {
	width:125px;
	height:auto;
}
table.video-table td {
	width:25%;
	font-size:80%;
}
table.video-table td img {
	border:none!important;
}
a.button {
	font-size:1em;
	padding:10px 20px;
	color:#fff!important;
	background: #2b5186;
	border:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin: 20px 0;
}

a.button:hover {
	background:#1a3795;
	
}

/* --------------- Main Structure ---------------- */
body {
	background:#e8f5f7;
	font-family:"open_sanslight", sans-serif;
	font-size:14px;
	color:#000;
	margin:0;
	padding:0;
	/*min-width:1000px;*/
	z-index:0;
}
#wrapper {
	min-width:940px;
	height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:1;
}
#header-wrapper {
	width:100%;
	min-width:940px;
	height:184px;
	margin:0 auto;
	position:relative;
	z-index:1;
	overflow:visible;
	background:url(images/bg-header-wrapper-inside-new.png) repeat-x center 0;
}
#nav-wrapper {
	width:100%;
	height:41px;
	position:absolute;
	bottom:0;
	left:0;
}
header {
	width:922px;
	height:145px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
#container-wrapper {
	width:100%;
	margin:0 auto;
	background:#e8f5f7 url(images/bg-content-wrapper.png) repeat-x 0 0;
	padding:0;
	position:relative;
	z-index:0;
	overflow:hidden;
	-webkit-box-shadow:inset 0 12px 18px -10px #90b3b8, inset 0 -2px 6px -2px #90b3b8;
	-moz-box-shadow:inset 0 12px 18px -10px #90b3b8, inset 0 -2px 6px -2px #90b3b8;
	box-shadow:inset 0 12px 18px -10px #90b3b8, inset 0 -2px 6px -2px #90b3b8;
}
#container {
	width:922px;
	min-height:650px;
	margin:0 auto;
	padding:30px 20px 20px 20px;
	background:#fff url(images/bg-content.png) repeat-x 0 bottom;
	position:relative;
	box-sizing:border-box;
	-webkit-box-shadow:0 0 20px 4px #90b3b8, inset 0 12px 18px -10px #90b3b8, inset 0 -2px 6px -2px #90b3b8;
	-moz-box-shadow:0 0 20px 4px #90b3b8, inset 0 12px 18px -10px #90b3b8, inset 0 -2px 6px -2px #90b3b8;
	box-shadow:0 0 20px 4px #90b3b8, inset 0 18px 18px -18px #90b3b8, inset 0 -2px 6px -2px #90b3b8;
	z-index:2;
}
#footer-wrapper {
	width:100%;
	margin:0 auto;
	z-index:1;
	background:url(images/bg-footer-wrapper.jpg) #ffffff repeat-y center 0;
	min-height:100px;
}
footer {
	width:922px;
	height:46px;
	padding-top:20px;
	margin:0 auto;
	color:#008aa2;
	position:relative;
}
/* ------------ Page Structure (columns) ----------- */
#left-col {
	float:left;
	width:210px;
	margin:0;
	padding:0;
	position:relative;
	box-sizing:border-box;
}
	.inside #content {
		float:left;
		width:600px;
		margin:0;
		padding:0;
		position:relative;
		box-sizing:border-box;
	}

#mid-col {
	padding:0px 30px 0px 30px;
	float:right;
	width:442px;
	position:relative;
	box-sizing:border-box;
}
#right-col {
	width:230px;
	float:right;
	margin:0;
	position:relative;
	box-sizing:border-box;
}
#content.fullwidth {
	width:100%;
}
#bottom {
	padding:20px 20px 0 20px;
	background:#fff;
	box-sizing:border-box;
	border:solid 1px #afb0aa;
}
/* ------------- Main Navigation ---------- */
nav#main-nav {
	width:922px;
	height:41px;
	margin:0 auto;
	position:relative;
	z-index:1000;
	background:#e1f1f3;
}
nav#main-nav ul {
	width:922px;
	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;
	font:14px/41px "open_sansregular", serif;
	font-weight:normal;
	display:block;
	color:#000;
	text-decoration:none;
	text-align:center;
	z-index:1000;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	transition:all .15s;
	background:#fff;
	-webkit-box-shadow:inset 0 0 20px #e1f1f3, inset 0 0 30px #e1f1f3, inset 0 0 40px #e1f1f3, inset 0 0 50px #e1f1f3, inset 0 0 60px #e1f1f3;
	-moz-box-shadow:inset 0 0 20px #e1f1f3, inset 0 0 30px #e1f1f3, inset 0 0 40px #e1f1f3, inset 0 0 50px #e1f1f3, inset 0 0 60px #e1f1f3;
	box-shadow:inset 0 0 20px #e1f1f3, inset 0 0 30px #e1f1f3, inset 0 0 40px #e1f1f3, inset 0 0 50px #e1f1f3, inset 0 0 60px #e1f1f3;
}
nav#main-nav ul > li a:hover, nav#main-nav ul > li a.current {
	color:#2b5186;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f0f7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f0f7));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f0f7 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f1f0f7 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f0f7 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f1f0f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f0f7',GradientType=0 );
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
nav#main-nav ul > li a:after {
	content:'';
	background:url(images/nav-arrow.png) no-repeat center 0;
	width:14px;
	height:12px;
	position:absolute;
	top:-5px;
	left:50%;
	margin-left:-7px;
	opacity:0;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	transition:all .15s;
}

nav#main-nav ul > li a:hover:after, nav#main-nav ul > li a.current:after {
	opacity:1;
	top:0;
}
/* ------ Subnav (sidebar) ------ */
nav.subnav {
	margin:10px 0 0 0;
	padding:0 10px 10px;
}
.inside nav.subnav {
	padding:0;
}
nav.subnav h1 {display:none; visibility:collapse;}
nav.subnav h2 a {
	display:block;
}
nav.subnav > ul {
	width:auto;
	margin:0;
	padding:0;
	background:none;
	text-align:left;
}
nav.subnav > ul > li {
	list-style:none!important;
	margin:0;
	padding:6px 0;
	border-bottom:solid 1px #e1f1f3;
}
nav.subnav > ul > li:last-child {
	border-bottom:none;
}
.inside nav.subnav > ul > li:first-child {
	border-top:solid 1px #e1f1f3;
}
.inside nav.subnav > ul > li:last-child {
	border-bottom:solid 1px #e1f1f3;
}
nav.subnav > ul > li a {
	text-decoration:none;
	color:#1596bf;
	font-family:'open_sansregular', Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size:16px;
	padding:5px 0 5px 5px;
	display:block;
	-webkit-transition:background-color .15s;
	-moz-transition:background-color .15s;
	transition:background-color .15s;
}
nav.subnav > ul > li a:hover, nav.subnav > ul > li a.selectedon {
	text-decoration:none;
	background-color:#e1f1f3;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
/* ------ Logo ----- */
h1#logo {
	position:absolute;
	top:-11px;
	left:20px;
	-webkit-transition:opacity .15s;
	-moz-transition:opacity .15s;
	transition:opacity .15s;
}
h1#logo a {
	width:188px;
	height:188px;
	margin:0;
	padding:0;
	font:25px/20px Arial, Helvetica, sans-serif;
	color:#212d44;
	text-decoration:none;
	display:block;
	background:url(images/logo-gsd.png) no-repeat 0 10px;
	text-indent:-999em;
	border-radius:200px;
	-webkit-transition:all .35s;
	-moz-transition:all .35s;
	transition:all .35s;
}
/*h1#logo:hover {
	opacity:.8;
}*/
h1#logo a:hover {
	background-color:rgba(255,255,255,.6);
	background-color:rgba(190,221,224,.99);
	background-color:rgba(229,244,246,1);
	background-color:rgba(227,242,244,1);
	-webkit-box-shadow:0 0 80px #fff;
	-moz-box-shadow:0 0 80px #fff;
	box-shadow:0 0 80px #fff;
	/*box-shadow:inset 0 0 10px #e5f4f6, inset 0 0 20px #e5f4f6, inset 0 0 30px #e5f4f6, inset 0 0 40px #e5f4f6;*/
}
/* address callouts, appt req, portal at top */
#locations {
	position:absolute;
	bottom:18px;
	right:20px;
	font-size:21px;
	line-height:22px;
	text-align:right;
	color:#2b5186;
	font-family:'crimson_textbold', serif;
}
#locations a {

	font-size:18px;
	color:#2b5186;
	text-decoration:none;
}


#locations span.phone, #locations span.phone a {color:#000; text-decoration:none; font-size:24px; letter-spacing: .02em; line-height:50px;} /* for mobile that turns phone number into link */
#locations a:hover {
	color:#000;

}

#locations a svg{
	font-size:16px;
}
#docs {position:absolute; top:0px; left:180px; height:162px;}
#docs a {color:#008aa2; text-decoration:none; font-size:12px; text-align:center;}
#docs a:hover {color:#056272;}
a#doc1 span, a#doc2 span, a#doc3 span, a#doc4 span {
	position:absolute;
	width:100%;
	opacity:0;
	top:-20px;
	left:0;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

a:hover#doc1 span, a:hover#doc2 span, a:hover#doc3 span, a:hover#doc4 span {
	opacity:1;
	top:-13px;
}

a#doc1, a#doc2, a#doc3, a#doc4 {
	display:block;
	height:162px;
	position:absolute;
	top:0;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
a#doc1 {
	width:150px;
	top:0;
	left:20px;
	background:url(images/header-dr-kavitha-gopal-2018.png) no-repeat 0 0;
}
a#doc2 {
	width:184px;
	top:0;
	left:131px;
	background:url(images/header-dr-shirley-harris-2018.png) no-repeat 0 0;
}

a#doc3 {
	width:161px;
	top:0;
	left:290px;
	background:url(images/header-joanna-beer-pa-2018.png) no-repeat 0 0;
}
a#doc4 {
	width:161px;
	top:0;
	left:400px;
	background:url(images/header-erin-hembree-pac-2023.png) no-repeat 0 0;
}

a:hover#doc1, a:hover#doc2, a:hover#doc3, a:hover#doc4{
	top:13px;
}
/* ------- Left Column Callouts - Home page --------- */
div.callout-left {
	height:150px;
	margin-bottom:20px;
	padding:10px 15px 15px 15px;
	background:#e1f1f3;
	border:solid 1px #afb0aa;
	border-radius:1px;
	box-sizing:border-box;
}
div.callout-left.last {
	height:130px;
}
#container div.callout-left p {
	font-size:12px;
	line-height:14px;
}
/* ------- Right Column Callouts - Home page --------- */
a.callout-right {
	display:table;
	width:100%;
	height:80px;
	margin-bottom:17px;
	padding:0 20px;
	box-sizing:border-box;
	border:solid 1px #afb0aa;
	border-radius:5px;
	color:#2b5186;
	text-decoration:none;
	font-size:18px;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
a.callout-right span {
	height:100%;
	display:table-cell;
	vertical-align:middle;
}
a.callout-right.portal {
	background:url(images/callout-patient-portal.png) no-repeat right 0, #daebec;
	background:url(images/callout-patient-portal.png) no-repeat right 0, -moz-linear-gradient(top,  #daebec 0%, #f3f4f5 100%);
	background:url(images/callout-patient-portal.png) no-repeat right 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#daebec), color-stop(100%,#f3f4f5));
	background:url(images/callout-patient-portal.png) no-repeat right 0, -webkit-linear-gradient(top,  #daebec 0%,#f3f4f5 100%);
	background:url(images/callout-patient-portal.png) no-repeat right 0, -o-linear-gradient(top,  #daebec 0%,#f3f4f5 100%);
	background:url(images/callout-patient-portal.png) no-repeat right 0, -ms-linear-gradient(top,  #daebec 0%,#f3f4f5 100%);
	background:url(images/callout-patient-portal.png) no-repeat right 0, linear-gradient(to bottom,  #daebec 0%,#f3f4f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daebec', endColorstr='#f3f4f5',GradientType=0 );
}
a.callout-right.appt {
	background:url(images/callout-appointment.png) no-repeat left 0, #daebec;
	background:url(images/callout-appointment.png) no-repeat left 0, -moz-linear-gradient(top,  #daebec 0%, #f3f4f5 100%);
	background:url(images/callout-appointment.png) no-repeat left 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#daebec), color-stop(100%,#f3f4f5));
	background:url(images/callout-appointment.png) no-repeat left 0, -webkit-linear-gradient(top,  #daebec 0%,#f3f4f5 100%);
	background:url(images/callout-appointment.png) no-repeat left 0, -o-linear-gradient(top,  #daebec 0%,#f3f4f5 100%);
	background:url(images/callout-appointment.png) no-repeat left 0, -ms-linear-gradient(top,  #daebec 0%,#f3f4f5 100%);
	background:url(images/callout-appointment.png) no-repeat left 0, linear-gradient(to bottom,  #daebec 0%,#f3f4f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daebec', endColorstr='#f3f4f5',GradientType=0 );
}
a.callout-right.bill-pay {
	background:url(images/callout-bill-pay.png) no-repeat right 0, #daebec;
	background:url(images/callout-bill-pay.png) no-repeat right 0, -moz-linear-gradient(top,  #daebec 0%, #f3f4f5 100%);
	background:url(images/callout-bill-pay.png) no-repeat right 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#daebec), color-stop(100%,#f3f4f5));
	background:url(images/callout-bill-pay.png) no-repeat right 0, -webkit-linear-gradient(top,  #daebec 0%,#f3f4f5 100%);
	background:url(images/callout-bill-pay.png) no-repeat right 0, -o-linear-gradient(top,  #daebec 0%,#f3f4f5 100%);
	background:url(images/callout-bill-pay.png) no-repeat right 0, -ms-linear-gradient(top,  #daebec 0%,#f3f4f5 100%);
	background:url(images/callout-bill-pay.png) no-repeat right 0, linear-gradient(to bottom,  #daebec 0%,#f3f4f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daebec', endColorstr='#f3f4f5',GradientType=0 );
}
a.callout-right.forms {
	background:url(images/callout-forms.png) no-repeat left 0, #daebec;
	background:url(images/callout-forms.png) no-repeat left 0, -moz-linear-gradient(top,  #daebec 0%, #f3f4f5 100%);
	background:url(images/callout-forms.png) no-repeat left 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#daebec), color-stop(100%,#f3f4f5));
	background:url(images/callout-forms.png) no-repeat left 0, -webkit-linear-gradient(top,  #daebec 0%,#f3f4f5 100%);
	background:url(images/callout-forms.png) no-repeat left 0, -o-linear-gradient(top,  #daebec 0%,#f3f4f5 100%);
	background:url(images/callout-forms.png) no-repeat left 0, -ms-linear-gradient(top,  #daebec 0%,#f3f4f5 100%);
	background:url(images/callout-forms.png) no-repeat left 0, linear-gradient(to bottom,  #daebec 0%,#f3f4f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daebec', endColorstr='#f3f4f5',GradientType=0 );
}
a.callout-right.testimonials {
	background:url(images/callout-testimonials.png) no-repeat right 0, #daebec;
	background:url(images/callout-testimonials.png) no-repeat right 0, -moz-linear-gradient(top,  #daebec 0%, #f3f4f5 100%);
	background:url(images/callout-testimonials.png) no-repeat right 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#daebec), color-stop(100%,#f3f4f5));
	background:url(images/callout-testimonials.png) no-repeat right 0, -webkit-linear-gradient(top,  #daebec 0%,#f3f4f5 100%);
	background:url(images/callout-testimonials.png) no-repeat right 0, -o-linear-gradient(top,  #daebec 0%,#f3f4f5 100%);
	background:url(images/callout-testimonials.png) no-repeat right 0, -ms-linear-gradient(top,  #daebec 0%,#f3f4f5 100%);
	background:url(images/callout-testimonials.png) no-repeat right 0, linear-gradient(to bottom,  #daebec 0%,#f3f4f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daebec', endColorstr='#f3f4f5',GradientType=0 );
}
a:hover.callout-right {
	padding:0 30px;
}
/* INSIDE style for callouts */
.inside a.callout-right {
	display:table;
	width:19.2%;
	height:60px;
	margin-right:1%;
	padding:0 5px;
	float:left;
	font-size:13px;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	transition:all .15s;
}
.inside a.callout-right.testimonials {
	margin-right:0;
}
.inside a:hover.callout-right {
	padding:0 10px;
}

/* ----------- News ----------- */
.news-wrapper {
	padding:0;
	position:relative;
	width:100%;
}
/* ======= News Scroller ======= */
.news-wrapper #news-scroller {
	position:relative;
	width:100%;
	height:100px!important;
	overflow:hidden;
}
ul.scroller {
	margin:0;
	list-style:none!important;
	width:100%;
}
ul.scroller li {
	display:block;
	margin:0 0 20px 0!important;
	width:98%;
	/*height:5.9em;*/
	text-align:left;
	overflow:hidden;
}
ul.scroller li p {
	line-height:13px!important;
	font-size:12px;
	margin-bottom:0;

}
ul.scroller li.story a, ul.scroller li.story a.read-more {
	display:block;
	margin:0 0 5px 0;
	padding-bottom:1px;
	color:#486997;
	font-family:"open_sansregular", serif;
	font-weight:bold;
	font-size:13px!important;
	text-decoration:none;
	/*width:250px;*/
	width:95%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
ul.scroller li.story a.read-more {
	margin-top:4px;
	font-size:12px!important;
}
ul.scroller li.story a:hover {
	color:#000;
	text-shadow:none;
}
.cycle-carousel-wrap {width:190px;}
/* -- give some space before each heading on the news.php page -- */
#container h4.newslistingbodycontent {
	margin-top:20px;
	padding:0 0 5px 0;
	text-decoration:none;
	font-weight:normal;
}
/* ---------  -------- */
/* ------------ Breadcrumb Nav ------------ */
#breadcrumbtree {
	position:relative;
	margin-bottom:20px;
	font-size:80%;
	text-align:left;
	z-index:99999;
}
#breadcrumbtree a {
	text-decoration:none;
	font-weight:normal;
	color:#2b5186;
}
#breadcrumbtree a:hover {
	color:#1596bf;
}
/* ----------- Footer Content ---------- */
footer a {
	color:#008aa2;
	text-decoration:none;
}
footer a:hover {text-decoration:underline;}
ul.footer-menu2 {
	float:right;
	text-align:right;
}
ul.footer-menu li, ul.footer-menu2 li {
	margin:0 0 0 0;
	padding:0 5px 0 0;
	float:left;
	display:inline-block;
	position:relative;
	font-size:12px;
	line-height:22px;
}
ul.footer-menu2 li {
	float:right;
}
/*---- PDF link icon ----*/
a[href $='.pdf'] { 
   padding-right: 24px;
   background: transparent url(images/icon_pdf.gif) no-repeat center right;
}
/*---- Print Styles -----*/
.screenonly {
	display:block;
	visibility:visible;
}
.printonly {
	display:none;
	visibility:collapse;
}

/* @@@@@@@@@ ========== Begin Responsive Styles ========== @@@@@@@@@ */

@media only screen 
and (min-width : 0px) 
and (max-width : 960px) {
	body, #wrapper, #header-wrapper, header, #container, #banner, #footer {width:100%; min-width:100%; padding:0;}
	.home #container {padding-top:10px; padding-bottom:20px;}
	.inside #container {padding-top:10px; padding-bottom:20px;}
	#header-wrapper {
		height:184px;
		background:url(images/bg-header-wrapper-inside.jpg) repeat-x center 0;
	}
	.home #left-col, #content, #right-col, #mid-col {width:100%; padding:2%; float:none; height:auto; min-height:auto;}
	.inside #content {width:70%; padding:2%;}
	.inside #right-col {width:30%; float:right;}
	#right-col {min-height:100px;}
	h1#logo a {
	background-color:rgba(227,242,244,.2);
	}
	#docs {display:none;}
	nav#main-nav ul > li a {font-size:97%;}
	nav#main-nav {
	width:100%;
	height:auto;
	margin:0 auto;
	}
	nav#main-nav ul.menu.menu-toggle {
	margin:0;
	padding:0;
	width:100%;
	height:inherit;
	}
	#breadcrumbtree {padding-top:2%; margin-left:0; left:0;}
	.subnav {min-height:inherit;}
	nav.subnav > ul > li a {
		width:auto;
	}
	#footer-wrapper {background:none;}
	footer {height:auto;}
	ul.footer-menu, ul.footer-menu2 {width:100%; float:none; text-align:center;}
	ul.footer-menu li, ul.footer-menu2 li {float:none; text-align:center;}
	/* Callouts (right home) */
	.home a.callout-right {
		display:table;
		width:19.2%;
		height:60px;
		margin-right:1%;
		margin-bottom:0;
		padding:0 5px;
		float:left;
		font-size:13px;
		-webkit-transition:all .15s;
		-moz-transition:all .15s;
		transition:all .15s;
	}
	.home a.callout-right.testimonials {
		margin-right:0;
	}
	.home a:hover.callout-right {
		padding:0 10px;
	}

	.inside #callout-wrapper {
		padding:0 1%;
	}
	#bottom {
		margin:0 1%;
	}
	.callout-left {
		width:32%;
		display:table-cell;
		vertical-align:top;
	}
	.callout-left.mobile-only {
		width:2%;
		padding:0;
		border:none;
		background:none;
	}
	.cycle-carousel-wrap {width:auto;}
	.formInputTextReadonly {-webkit-appearance:none; /* For iphone */}
	table.formrequest {font-size:90%;}
	textarea.u {-webkit-appearance:none; /* For iphone */}
	table.providers.admin {width:66%;}
}
@media only screen 
and (min-width : 0px) 
and (max-width : 799px) {
	span.remove {display:none;} /* This removes an item with class .remove */
	#header-wrapper {
		background:#9acbd0;
		background:url(images/bg-content.png) repeat-x 0 bottom;
	}
	#header-wrapper, header {height:inherit; min-height:115px;}
	h1#logo a {
	width:150px;
	height:150px;
	background-size:100%;
	background-color:rgba(227,242,244,.2);
	}
	.home #left-col, #content, #right-col, #mid-col, .inside #content, .inside #right-col {width:100%; padding:2%; float:none;}
	table.providers tr td {
		font-size:70%;
	}
	#content iframe {
		max-width:100%;
		height:auto;	
	}
	.home a.callout-right {
		width: 49%;
		margin-bottom: 17px;
		padding: 0 20px;
		box-sizing: border-box;
		float: left;
		margin: 5px 1%;
		font-size:18px;
	}
	.home a.callout-right.portal, .home a.callout-right.bill-pay {
		margin-left:0;
	}
	.home a.callout-right.appt, .home a.callout-right.forms {
		margin-right:0;
	}
	.home a.callout-right.testimonials {
		width:100%;
		margin-left:0;
	}
	#content ul.nobullets li img {
		width:auto;
	}
	/* ------------- Main Navigation ---------- */
	#nav-wrapper {position:relative; height:inherit; min-height:41px;}
	nav#main-nav {
		width:100%;
		height:auto;
		margin:0 auto;
		padding-top:69px;
		background:#2b5186;
		position:relative;
		bottom:inherit;
		top:0;
		left:0;
		z-index:1000;
		border-top:solid 1px #010101;
	}
	nav#main-nav ul.menu.menu-toggle {
		margin:0;
		padding:0;
		width:100%;
		height:inherit;
		position:relative;
		display:none;
		z-index:1000;
		-moz-box-shadow:0 15px 20px -10px rgba(0,0,0,1);
		-webkit-box-shadow:0 15px 20px -10px rgba(0,0,0,1);
		box-shadow:0 15px 20px -10px rgba(0,0,0,.1);
		border-radius:.1px; /* this is a fix to render box-shadow on iPhone 6 iOS */
	}
	nav#main-nav ul > li {
		height:50px;
		margin:0;
		padding:0;
		display:block;
		position:relative;
		z-index:1000;
		width:auto;
	}
	nav#main-nav ul > li a {
		height:50px;
		font-size:16px;
		line-height:50px;
		display:block;
		padding:0 0 0 20px;
		border-top:solid 1px #afb0aa;
		border-bottom:none;
		background:#e1f1f3;
		color:#000;
		text-decoration:none;
		text-align:left;
		position:relative;
		z-index:1000;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		-webkit-transition:all .1s;
		-moz-transition:all .1s;
		transition:all .1s;
	}
	nav#main-nav ul > li a:after {
		display:none;
	}
	nav#main-nav ul > li a:hover, nav#main-nav ul > li a.current {
		color:#fff;
		background:#2b5186;
		border-color:#afb0aa;
	}
	nav#main-nav ul li:first-child a {
		padding-top:0;
		height:50px;
	}
	nav#main-nav ul li:last-child a {
		border-bottom:solid 1px #afb0aa;
	}
	.mobile-hidden {display:none;}
	
	
	/* hamburger toggle */
	a.mtoggle {
	  position:absolute;
		/*width:50px;*/
		width:97%;
		height:50px;
		top:7px;
		left:7px;
		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: 22px;
	  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;
	}
	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 */
	/* Callouts (right inside) */
	.inside #callout-wrapper {
		padding:0 2% 10px 2%;
	}
	.inside a.callout-right {
		width: 49%;
		margin-bottom: 17px;
		padding: 0 20px;
		box-sizing: border-box;
		float: left;
		margin: 5px 1%;
	}
	.inside a.callout-right.portal, .inside a.callout-right.bill-pay {
		margin-left:0;
	}
	.inside a.callout-right.appt, .inside a.callout-right.forms {
		margin-right:0;
	}
	.inside a.callout-right.testimonials {
		width:100%;
		margin-left:0;
	}
	#bottom {
		margin:0 2%;
	}

}
@media only screen 
and (min-width : 0px) 
and (max-width : 549px) {
	table.providers tr td {
		font-size:60%;
	}
	#content img {
		width:48%;
		height:auto;
	}
	

	#content table.providers tr td img {
		width:75%;
		height:auto;
	}
	#docs {display:none;}
	.home a.callout-right {font-size:18px;}
	.home .callout-left.mid {display:none;}
	.home .callout-left.last img {width:100%!important;}
	.callout-left.mobile-only {
		width:1%;
	}
	#content table.video-table td img {
		width:98%;
		height:70px;
	}

}

@media only screen 
and (min-width : 0px) 
and (max-width : 469px) {
	header {height:215px;}
	h1#logo {left:50%; margin-left:-75px;}
	#banner #callout {top:20%; right:5%;}
	span.remove, .remove-br {display:none;} /* This removes an item with class .remove */
	.mobile-only {display:inline;}
	#locations {top:110px; right:inherit; text-align:center; position:relative; font-size:1.65em;}
	#locations a {margin-top:0;}
	.home a.callout-right {font-size:14px;}
	.home .callout-left.mid {display:none;}
	.callout-left.mobile-only {
		display:none;
	}
	.callout-left {display:block; width:100%;}
	.home .callout-left.last img {width:auto!important;}
}
@media only screen 
and (min-width : 0px) 
and (max-width : 449px) {
	.home a.callout-right {font-size:13px; padding:0 5px;}
	.home a.callout-right.portal {background-position:20px 0;}
	.home a.callout-right.bill-pay {background-position:50% 0;}
	.home a.callout-right.appt {background-position:-35px 0;}
	.home .callout-left.mid {display:none;}
	#bottom a img.float-left.photo {width:100%; float:none; margin:0 auto 20px auto; display:block;}
	#locations a {font-size:14px; margin-bottom:5px;}
}
@media only screen
and (min-width : 800px) { /* This ensure that the mobile toggle doesn't display and that the main nav displays */
	a.mtoggle {
		display:none!important;
	}
	nav#main-nav ul.menu.menu-toggle {
		display:table!important;
	}
}