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

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

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

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

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

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

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

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

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

blockquote, q {quotes: none;}

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

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

del {text-decoration: line-through;}

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

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

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

input, select {vertical-align: middle;}

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

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

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

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

small {font-size: 85%;}

strong {font-weight: bold;}

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

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

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

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

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

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

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

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

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

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 13, 2014 */




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



body {
	height: 100%;
	width: 100%;
	padding:0;
	margin:0;
	background-color:#2e2e2e; /* black - same color as footer background */  
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;/* black */
	font-size: 1.125em; /* 18px / 16px */ 
}

/* ------ TOP BAR ------- */
#top-bar{
	min-height: 50px;
	width:100%;
	background: #ffffff;
}

#top-bar-inner {
	max-width: 90%;
	width:1000px;
	margin:0 auto;
	padding:0;
}

#online-services {
	float:left;
	list-style-type:none;
}

#online-services li{
	float:left;
}


#online-services li a{
	color:#016672;
	font-size: 1.25em; /* 20px/16px */
	min-height:50px;
	line-height:50px;
	text-decoration:none;
	overflow:hidden;
}

#online-services li a:hover, #online-services li a:active{
	color:#000000;
	text-decoration:none;
}


a#portal {
	background-image: url(images-tempsite/icon-portal.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:100%;
	padding-left:50px;
	margin-right:15px;
	display:block;
}

a:hover#portal {
	background-position:0 -50px;
}

a#appointment {
	background-image: url(images-tempsite/icon-appointment.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:100%;
	padding-left:50px;
	margin-right:15px;
	display:block;
}

a:hover#appointment {
	background-position:0 -50px;
}

a#bill-pay {
	background-image: url(images-tempsite/icon-bill-pay.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:100%;
	padding-left:50px;
	margin-right:15px;
	display:block;
}

a:hover#bill-pay {
	background-position:0 -50px;
}

#social-media {
	float:right;
	list-style-type:none;
}


#social-media li{
	float:left;
}

#social-media li a{
	padding-right:4px;
	padding-top:9px;
	display:block;
	-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;
}

#social-media li a:hover, #social-media li a:active{
	padding-top:4px;
	-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;
}


/* ------ HEADER ------- */
header{
	width:100%;
	margin:0;
	padding: 0;
	background: #2e2e2e;
	display:block;
	height: 135px;
}

#header-inner{
	max-width: 90%;
	width:1000px;
	margin:0 auto;
	padding:0;
}

a#address {
	font-size: 1.375em; /* 22px/16px */
	line-height: 30px; 
	color: #dddddd;
	text-decoration:none;
	float:left;
	padding-top:1em;
	padding-left: .6em;
}

a:hover#address, a:active#address {
	color: #ffffff;
}

#header-right {
	float:right;
}

#phone {
	padding-top:.6em;
	color: #ffffff;
	font-size: 1.875em;  /* 30px / 16px */
	text-decoration:none;
}

#phone a {
	color: #ffffff;
	font-size: 1.875em;  /* 30px / 16px */
	text-decoration:none;
}

/* ------- Search -------- */
.search-wrapper {
	padding-top:1em;
	text-align:right;
	width:auto;
	float:right;
}
#searchform {
	background:#fff;
	margin:0;
	height:32px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(PIE/PIE.htc);
}
#searchform input{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(PIE/PIE.htc);
 	border:none!important;
	height:25px;
	width:166px;
	text-align: right;
	color: #000;
	background:#fff;
	font-style:italic;
	font-size:14px;
	float:left;
}
#searchform a {
	position:relative;
	top:-2px;
	width:32px;
	display:block;
	float:right;
	text-transform:uppercase;
	font-size: 1em;
	line-height: 30px;
	color: #cfe0df;
	text-decoration:none;
	text-align:center;
	text-indent:-999em;
	background:url(images-tempsite/mag-glass.png) no-repeat 0 0;
	padding:0!important;
}
#searchform a:hover, #searchform a:active{
	font-style:italic;
    opacity: .7;
}

#searchform a img {

}

/* ----- Banner ----- */
	
#banner {
	position:relative;
	width:100%;
	background: #ffffff;
	z-index:10;
	min-height:319px;
}

#banner-inner {
	max-width: 90%;
	width:1000px;
	margin: 0 auto;
	position:relative;
	min-height:319px;
}

#banner-inner h1 a#logo img{
text-align:center;
position:absolute;
left:0;
top: 50px;
width:450px;
height:auto;
}

#banner-inner h1 a#logo:hover img{
opacity: .7;
}

#banner-inner img {
	width: 50%;
	height:auto;
	position:absolute;
	bottom:0;
	right:0;
}




/* ----- NAVIGATION ----- */
nav#topnav {
	width:100%;
	height:80px;
	background: #7f807f;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7f807f), to(#161616));
	background: -webkit-linear-gradient(#7f807f, #161616);
	background: -moz-linear-gradient(#7f807f, #161616);
	background: -ms-linear-gradient(#7f807f, #161616);
	background: -o-linear-gradient(#7f807f, #161616);
	background: linear-gradient(#7f807f, #161616);
	-pie-background: linear-gradient(#7f807f, #161616);
	behavior: url(/pie/PIE.htc);
}

nav#topnav ul{
	height:100%;
	max-width: 90%;
	width:1000px;
	margin:0 auto;
	display:table;
}

nav#topnav ul li{
	padding:0;
	margin:0;
	display: table-cell;	
	border-right: 2px solid #000000;
}

nav#topnav ul li:first-child{
	border-left: 2px solid #000000;
}

nav#topnav ul li a{
	padding:0;
	margin:0;
	display: table-cell;	
	color: #ffffff;
	font-size:1.3125em;  /* 21px/16px */
	text-decoration:none;
	line-height:80px;
	display:block;
	text-align:center;
	margin:0;
	height:80px;
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
	behavior: url(PIE/PIE.htc);
}

nav#topnav ul li a:hover, nav#topnav ul li a:active{
	background: #7f807f;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#161616), to(#7f807f));
	background: -webkit-linear-gradient(#161616, #7f807f);
	background: -moz-linear-gradient(#161616, #7f807f);
	background: -ms-linear-gradient(#161616, #7f807f);
	background: -o-linear-gradient(#161616, #7f807f);
	background: linear-gradient(#161616, #7f807f);
	-pie-background: linear-gradient(#161616, #7f807f);
	behavior: url(/pie/PIE.htc);
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
	behavior: url(PIE/PIE.htc);
}

nav#topnav ul li a.current{
	background: #161616;
	/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#161616), to(#7f807f));
	background: -webkit-linear-gradient(#161616, #7f807f);
	background: -moz-linear-gradient(#161616, #7f807f);
	background: -ms-linear-gradient(#161616, #7f807f);
	background: -o-linear-gradient(#161616, #7f807f);
	background: linear-gradient(#161616, #7f807f);
	-pie-background: linear-gradient(#161616, #7f807f);*/
	behavior: url(/pie/PIE.htc);
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

/* ------ Content Containers ----- */
#container {
background: #ffffff;
}

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


/* ----- Left Column - holds the content ----- */
#left-column{
	float:left;
	width:650px;
	max-width:65%;
	margin:0 0 0 0;
}

h1#page-title {
	font-size: 1.625em; /* 26px/16px */
	font-weight:bold;
	color: #000000;
	padding:5px 0 5px 0;
	margin:0;
}

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

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

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

.clear{
	clear:both;
}

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

#content p {
padding: 5px 0 8px 0;
font-size: 1em; /* 16px / 16px */ 
line-height:22px;
}

#content blockquote {
font-size:1em; /* 16px/16px */
line-height:24px;
font-style:italic;
color:#000000;
padding:10px;
}

#content a:link, #content a:visited {
color: #016672; /* teal */
font-weight:bold;
text-decoration:none;
}

#content a:hover, #content a:active {
color:#000000; 
}


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



#content ul li, #content ol li {
font-size: 1em; /* 18px / 16px */ 
padding: 3px 0;
}
#content ul li {
list-style-type: disc;
}
#content ul.nobullets li{
list-style-type:none;
display:inline;
padding-right:10px;
}
#content ul.nobullets li img{
	border:none!important;
}

#content ul li a:link, #content ul li a:visited,
#content ol li a:link, #content ol li a:visited {
color: #016672; /* teal */
text-decoration:none;
}

#content ul li a:hover, #content ul li a:active,
#content ol li a:hover, #content ol li a:active {
color: #000000;
text-decoration:none;
}

#content h1 {
	font-size: 1.625em; /* 26px/16px */
	font-weight:bold;
	color: #000000;
	padding:5px 0 5px 0;
	margin:0;
}

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

#content h1 a:hover, #content h1 a:active {
	color: #016672; /* teal */
}

#content h2 {
	font-size: 1.25em; /* 20px/16px */
	text-transform: uppercase;
	font-weight:bold;
	color: #000000;
	padding:5px 0 5px 0;
	margin:0;
}

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

#content h2 a:hover, #content h2 a:active {
	color: #016672; /* teal */
}

#content h3{
font-weight:bold;
font-size: 1.375em; /* 22px/16px */
color:#000000;
padding:10px 0 5px 0;
}

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

#content h3 a:hover, #content h3 a:active {
color: #016672; /* teal */
}

#content h4 {
font-size: 1.125em; /* 18px/16px */
text-transform: uppercase;
font-weight:bold;
color:#000000; 
padding:10px 0 5px 0;
}

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

#content h4 a:hover, #content h4 a:active {
color: #016672; /* teal */
}

#content h5 {
font-size: 1.125em; /* 18px/16px */
font-weight:bold;
color:#000000; 
padding:10px 0 5px 0;
}

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

#content h5 a:hover, #content h5 a:active {
color: #016672; /* teal */
}

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

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

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

#content table.providers tr td {
font-size:18px;
font-weight:normal!important;
color: #016672!important; /* teal */ 
text-align:center;
width:33%;
padding-bottom:20px;
}

#content table.providers tr td a{
font-size:18px;
font-weight:normal!important;
color:#000000!important; 
text-align:center;
}

#content table.providers tr td a:hover, #content table.providers tr td a:hover{
	color: #016672	 /* teal */!important;
}


#content table.providers td a img{
	border: 2px solid #000000;
}

#content table.providers td a:hover img, #content table.providers td a:active img{
	border: 2px solid  #016672;
}

#content img{
	border: 2px solid #000000;
	margin: 0 10px 10px 10px;
}
	



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

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


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

#right-column h3{
color:#000000;
font-size: 1.5em;  /* 24px/16px */
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding:0 0 10px 0;
margin-top:30px;
}

#right-column h3 a:link, #right-column h3 a:visited{
text-decoration:none;
color:#000000;
}

#right-column h3 a:hover, #right-column h3 a:active{
color: #016672; /* teal */
}

#subnav, #news-scroller{
	border-left: 1px solid #000000;
	padding: 0 0 0 10%;
}

#subnav > ul {
}
#subnav > ul > li {

}
#subnav > ul > li a {
	padding:5px 0;
	display:block;
	color: #000000;
	font-weight:normal;
	font-size: 1.125em; /* 18px / 16px */ 
	text-decoration:none;
	vertical-align:middle;
	padding-left:20px;
}
#subnav > ul > li a:hover, #subnav > ul > li a:active {
	color: #016672; /* teal */
}

#subnav > ul > li a.selectedon {
	color: #016672; /* teal */
	text-decoration:none;
	background-image: url(images-tempsite/bullet-teal.png);
	background-repeat:no-repeat;
	background-position: 0 7px;
	display:block;
	
}

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


.scroller {
	list-style:none!important;

}
.scroller div {
	display:block;
	margin:0 auto!important;
	text-align:left;
}
.scroller  p {
	font-size: 1em; /* 16px / 16px */ 

}
.scroller div.story a {
	display:block;
	margin:0;
	color: #016672;
	font-size: 1em; /* 16px / 16px */ 
	line-height: 1.7em; /* 24px /16px */
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.scroller div.story a:hover {
	color:#000000;
}
.scroller div.story a.read-more {
	text-align:right;
	font-size: 1em; /* 16px / 16px */ 
	font-style:italic;
}


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


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

footer{
	width:100%;
	height:150px;
	background: #2e2e2e;
	color: #bbbbbb;
	font-size: .75em;
	line-height: 1.5em;
}

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

footer #footer-left {
float:left;
}

footer #footer-right {
float:right;
}


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

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

#footer-left p,  #footer-left ul{
text-align:left;
padding-bottom:1em;
}

#footer-right p,  #footer-right ul {
text-align:right;
padding-bottom:1em;
}

footer ul li{
	display:inline;
}

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

footer #footer-left ul li:first-child a {
	padding:0;
}

footer #footer-right ul li:last-child a {
	padding:0;
}

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



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

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

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

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

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

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



table input[type="button"], table input[type="submit"], input[type="button"], input[type="submit"] {
	font-size:1em;
	padding:5px 20px;
	margin:20px 0;
	color:#fff!important;;
	background: #016672!important;
	border:none!important;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	behavior: url(PIE/PIE.htc);
}
table input[type="button"]:hover, table input[type="submit"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
	background: #000000!important;
}

a.button {
	font-size:1em;
	padding:5px 20px;
	margin:10px 0 30px 0;
	display:inline-block;
	color:#fff!important;;
	background: #016672!important;
	border:none!important;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	behavior: url(PIE/PIE.htc);
}

a.button:hover {
	background: #000000!important;
}

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

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


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