@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;}

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

blockquote, q {quotes: none;}

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

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

del {text-decoration: line-through;}

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

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

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; 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: bottom;}
.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; }  

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


/* Generated by Font Squirrel (https://www.fontsquirrel.com) on April 18, 2016 */

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

}
/* --------------- Main Structure ---------------- */
body {
	background:url(images/bg-pattern.jpg) repeat; 
	color:#212d44;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	margin:0;
	padding:0;
	z-index:0;
}
#wrapper {
	width:960px;
	margin:60px auto 0 auto;
	padding:0;
	background:url(images/bg-content.png) repeat;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 0 12px rgba(0, 0, 0, .7);
	-webkit-box-shadow:0 0 12px rgba(0, 0, 0, .7);
	box-shadow:0 0 12px rgba(0, 0, 0, .7);
	behavior:url(PIE/PIE.htc);
}
header {
	width:960px;
	height:175px;
	margin:0 auto;
	position:relative;
}
h1#logo {
	position:absolute;
	top:20px;
	left:45px;
}
h1#logo a {
	width:162px;
	height:146px;
	margin:0;
	padding:0;
	font:25px/20px Arial, Helvetica, sans-serif;
	color:#212d44;
	text-decoration:none;
	display:block;
	background:url(images/logo-cumberland-pediatrics.png) no-repeat 0 0;
	text-indent:-999em;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
h1#logo a:hover {
	opacity:.85;
}
.address {
	position:absolute;
	right:40px;
	top:20px;
	color:#689817;
	letter-spacing:1px;
}
.address a {
	color:#689817;
}
.address a:hover {
	color:#212b8d;
}
nav#main-nav {
	position:absolute;
	top:60px;
	right:20px;
}
nav#main-nav ul {
	margin:0;
	padding:0;
	height:34px;
	position:relative;
	background:#40499c;
	border-radius:16px;
}
nav#main-nav ul > li {
	margin:0;
	padding:0;
	float:left;
}
nav#main-nav ul > li a {
	margin:0 5px;
	padding:0 11px;
	display:block;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:34px;
	text-decoration:none;
	-webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
nav#main-nav ul > li a:hover, nav#main-nav ul > li a.current {
	color:#afd76d;
}


#translate {
	position:absolute;
	top: 100px;
	right: 40px;
}

a#bill-pay {
	position:absolute;
	top: 105px;
	right: 400px;
	color:#689817;
}

a#bill-pay:hover {
	color:#212b8d;
}


#content-wrapper {
	width:100%;
	background:none;
	z-index:100;
}
#content {
	width:915px;
	min-height:650px;
	margin:0 auto;
	padding:0 0 0 45px;
	position:relative;
	z-index:100;
}
.inside #content {
	padding-right:45px;
	width:870px;
	min-height:inherit;
	padding-bottom:30px;
}


#breadcrumbtree {
	margin:0 0 20px 0;
	position:relative;
	color:#444;
	font-size:12px;
}
#breadcrumbtree a {
	color:#689817;
	text-decoration:underline;
	font-size:12px;
}
#breadcrumbtree a:hover {
	text-decoration:none;
	color:#0094c0;
}
nav.nav-callouts {
	width:920px;
	height:177px;
	margin:25px auto 0 auto;
	padding:30px 20px 10px 20px;
	position:relative;
	background:url(images/bg-content.png) repeat;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 0 12px rgba(0, 0, 0, .5);
	-webkit-box-shadow:0 0 12px rgba(0, 0, 0, .5);
	box-shadow:0 0 12px rgba(0, 0, 0, .5);
	behavior:url(PIE/PIE.htc);
}
nav.nav-callouts ul {
	width:100%;
	margin:0 auto 0 4px;
	display:table;
}
nav.nav-callouts ul > li {
	width:150px;
	height:177px;
	display:table-cell;
	*float:left; /* for IE7 */
	*margin:0 1px; /* for IE7 */
	text-align:center;
}
nav.nav-callouts ul > li a {
	height:32px;
	display:block;
	padding:145px 0 0 0;
	
	font-family: 'gloria_hallelujahregular', cursive;
	text-decoration:none;
	position:relative;
	top:0;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
nav.nav-callouts ul > li a:hover {
	opacity:.8;
	top:-10px;
}
nav.nav-callouts a.providers {
	background:url(images/nav-callout-providers.png) no-repeat 0 0;
	color:#d54a67;
}
nav.nav-callouts a.services {
	background:url(images/nav-callout-services.png) no-repeat 0 0;
	color:#d55910;
}
nav.nav-callouts a.parent {
	background:url(images/nav-callout-parent-center.png) no-repeat 0 0;
	color:#689817;
}
nav.nav-callouts a.patient {
	background:url(images/nav-callout-patient-education.png) no-repeat 0 0;
	color:#cd9b14;
}
nav.nav-callouts a.teen {
	background:url(images/nav-callout-teen-center.png) no-repeat 0 0;
	color:#212b8d;
}
nav.nav-callouts a.contact {
	background:url(images/nav-callout-contact-us.png) no-repeat 0 0;
	color:#7c29a5;
}
footer {
	width:960px;
	margin:0 auto 20px auto;	
	padding:15px 10px;
	font-size:11px;
	color:#eee;
}
p.footer-nav {
	float:right;
	text-align:center;
}
p.copyright-credits {
	float:left;
	text-align:left;
}

a#view-mobile {
	float:left;
	text-align:left;
	margin-left:30px
}
a#view-mobile img{
	vertical-align:text-top;
}


footer a {color:#eee; text-decoration:none;}
footer a:hover {text-decoration:underline;}

footer a img {
	opacity: 1;
}

ul#seals {
list-style-type:none;
width: 915px;
margin:0 0 0 250px;

}

ul#seals li{
display:inline;
float:left;
margin: 10px 10px;
text-align:center;
width:130px;
}

#content ul.nobullets li {
	float:left;
	list-style-type:none!important;padding-right:8px;
}

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

footer a:hover img, footer a:active img {
	opacity: .7;
}

#content p {
	margin:0 0 20px 0;
	line-height:26px;
}

h1 {
	font-family: 'gloria_hallelujahregular', cursive;
	font-weight:normal;
	font-size:36px;
	line-height:38px;
	color:#7c29a5;
	margin:0 0 25px 0;
	line-height:40px;
}
h2 {
	font-family: 'gloria_hallelujahregular', cursive;
	font-weight:normal;
	font-size:30px;
	line-height:32px;
	color:#7c29a5;
	margin:0 0 5px 0;
}
h3 {
	font-family: 'gloria_hallelujahregular', cursive;
	font-weight:normal;
	font-size:24px;
	line-height:normal;
	color:#7c29a5;
	margin:0 0 10px 0;
}
h4 {
	font-family: 'gloria_hallelujahregular', cursive;
	font-weight:normal;
	font-size:20px;
	line-height:normal;
	color:#7c29a5;
	margin:0 0 10px 0;
}
h5 {
	font-family: 'gloria_hallelujahregular', cursive;
	font-weight:normal;
	font-size:17px;
	line-height:normal;
	color:#7c29a5;
	margin:0 0 10px 0;
	letter-spacing:.1em;
}
h6 {
	font-family: 'gloria_hallelujahregular', cursive;
	font-weight:bold;
	font-size:14px;
	line-height:normal;
	color:#7c29a5;
	margin:0 0 8px 0;
	letter-spacing:.1em;
}
#page-title-wrapper h1 {
	text-align:center;
	line-height:96px;
}

a#portal-button {
	background: #d55910;
	color:#ffffff;
	font-family: 'gloria_hallelujahregular', cursive;
	font-size:17px;
	font-weight:bold;
	padding:5px 10px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	text-decoration:none;
}

a#portal-button:hover, a#portal-button:active{
	background: #0094c0;
	
}

/* ----------- Slideshow ----------- */
#slideshow-wrapper {
	width:210px;
	height:265px;
	position:absolute;
	right:20px;
	top:0;
}
/* ----------- Inside Page Structure ----------- */



/* ------ Subnav ------ */
nav.subnav {
	margin:0 23px 0 20px!important;
}
nav.subnav h2 {
	margin:-10px 0 0 0;
}
nav.subnav > ul {
	width:auto;
	margin:0;
	padding:0;
	background:#689817;
	-moz-border-radius:16px;	
	-webkit-border-radius:16px;	
	border-radius:16px;	
	behavior:url(PIE/PIE.htc);
	text-align:left;
	z-index:10000;
}
nav.subnav > ul > li {
	border-bottom:solid 1px #fff;
	list-style:none!important;
	margin:0;
}
nav.subnav > ul > li:first-of-type a {
	-moz-border-radius:16px 16px 0 0;
	-webkit-border-radius:16px 16px 0 0;
	border-radius:16px 16px 0 0;
}
nav.subnav > ul > li:last-of-type, nav.subnav > ul > li:last-of-type a {
	border:none;
	-moz-border-radius:0 0 16px 16px;
	-webkit-border-radius:0 0 16px 16px;
	border-radius:0 0 16px 16px;
}
nav.subnav > ul > li a {
	padding:10px 20px;
	display:block;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	line-height:20px;
	text-decoration:none;
	-webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
nav.subnav > ul > li a:hover, nav.subnav > ul > li a.selectedon {
	color:#fff;
	background:#0094c0;
	text-decoration:none;
}
nav.subnav > ul > li a.selectedon:before {
	content:"\00bb\00a0";
}
/* ---- END SUBNAV ---- */
.left-col {
	width:100%;
	margin:0;
	padding:20px 0 30px 0;
	position:relative;
}
.right-col {
	width:450px;
	min-height:500px;
	float:right;
	margin:0 0 0 20px;
	padding:0;
	text-align:left;
	position:relative;
}
.inside .right-col {
	min-height:inherit;
	width:420px;
}

/* ---- News ---- */
.news-wrapper {
	width:450px;
	height:400px;
	margin:0;
	padding:0;
	background:url(images/bg-news.png) no-repeat 0 bottom;
	position:absolute;
	bottom:0;
	right:0;
	z-index:10000;
}
.news-wrapper h2 {
	margin-left:110px;
}
.news-wrapper h2 a {
	color:#7c29a5;
	text-decoration:none;
}
.news-wrapper h2 a:hover {
	color:#212b8d;
}
/* ======= News Scroller ======= */
.news-wrapper #news-scroller {
	position:absolute;
	top:135px;
	left:100px;
	height:150px;
	width:255px;
	overflow:hidden!important;
}
ul.scroller {
	margin:0 0 0 14px!important;
	list-style:none!important;
	height:400px;
}
ul.scroller li {
	display:block;
	margin:0 0 20px 0!important;
	width:100%;
	text-align:left;
}
ul.scroller li p {
	font-size:14px;
	line-height:16px!important;
	color:#212d44;
	font-style:italic;
}
ul.scroller li.story a {
	display:block;
	margin:0;
	padding-bottom:4px;
	color:#212d44;
	font-weight:bold;
	font-size:16px!important;
	text-decoration:none;
	width:235px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
ul.scroller li.story a:hover {
	color:#0094c0;
}
.newsmessage5{
	padding-bottom:40px;
	margin-bottom:20px;
	border-bottom: 1px solid #40499c;
}
/* ======== end news scroller ========= */
.left-col.content ul, .left-col ul {
	list-style:square;
	margin:0 0 20px 20px;
}
/* ---------- Content ---------- */
.left-col a, .right-col a {
	text-decoration:none;
	color:#689817;
}
.left-col a:hover, .right-col a:hover {
	text-decoration:underline;
	color:#0094c0;
}
.left-col ul, .left-col ol {
padding:0 0 20px 20px;
}
.left-col ul > li, .left-col ol > li {
line-height:26px;
margin:0 0 5px 0;	
}
.left-col input, .left-col textarea {
	border:1px solid #ccc;
	outline:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin:0 5px 5px 0;
	padding:3px;
	color:#0b203d;
}
.left-col table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
	text-align:left;
}
.left-col table th {
	color: #333;
	font-size: 90%;
	font-weight: bold;
	line-height: 2.6em;
	text-transform: uppercase;
}
.left-col table td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}
.left-col table input[type=submit] {
	padding:3px 20px;
	color:#fff;
	background:#7C29A5;
}
.left-col table input[type=submit]:hover {
	background:#40499c;
}

.left-col table tr td a img {
	opacity:1;
}

.left-col table tr td a:hover img, .left-col table tr td a:active img {
	opacity:.7;
}

.left-col ul > li {
	list-style:square;
}
.float-right {
	float:right;
	margin:0 0 10px 20px;
}
.float-left {
	float:left;
	margin:0 20px 10px 0;
}
.left-col h2 {
	text-align:left;
}
a.button-covid{font-size:20px;background:#ffffff;color:#689817;padding:5px;border-radius:4px;text-decoration:none;}

a.button-covid:hover{background:#212d44; color:#ffffff;}
a.button{font-size:20px;color:#ffffff;background:#d55910;padding:5px;border-radius:4px;}
a.button:hover{color:#ffffff;background:#689817;text-decoration:none;}
.orange {
	font-style:italic;
	color:#d55910;
}

a.photo img, img.photo {
	padding:7px;
	background:#fff;
	-moz-box-shadow:0 1px 26px -8px #124545;
	-webkit-box-shadow:0 1px 26px -8px #124545;
	box-shadow:0 1px 26px -8px #124545;
	border-radius:8px;	
	behavior:url(PIE/PIE.htc);
}
a:hover.photo img {
	-moz-box-shadow:0 1px 26px -8px #124545;
	-webkit-box-shadow:0 1px 26px -8px #124545;
	box-shadow:0 4px 30px -7px #124545;
	behavior:url(PIE/PIE.htc);
}
/* ------- Contact Form -------- */
.formlabel {
	color: #212D44;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 10px;
	text-align:right;
	display:block;
}
fieldset {
	border:solid 1px #40499c;
	margin-bottom:20px;
	margin-top:0px;		
	padding:0 0 0 15px;
	border-radius:10px;
}
table.formrequest {
	width:410px;
	max-width:420px;
	border:none!important;
	margin-right:20px;
}
legend {
	color: #7C29A5;
	font-family: 'Gloria Hallelujah',cursive;
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 10px;
	margin:0 0 10px 0;
	padding:0 5px;
}
/*---- 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;
}