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

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

}


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

body {
	height: 100%;
	width: 100%;
	padding:0;
	margin:0;
	background-color:#ffffff; /* white - same color as footer background */  
	font-family: Tahoma, Geneva, sans-serif;
	color: #58585a;/* dark gray */
	font-size: 20px;
	line-height:30px;
}

.mobile-only {display:none;visibility:collapse;}

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

#header-inner{
	position:relative;
	max-width: 100%;
	width:1200px;
	margin:0 auto;
	padding:0;
}

#header-inner a#logo img{
	transform: scale(1,1);
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

#header-inner a#logo:hover img{
	transform: scale(.95,.95);
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

a#address {
    font-family: 'new_ciclegordita';
	font-size: 24px;
	line-height: 60px; 
	color: #58585a;
	text-decoration:none;
	text-align:right;
	position:absolute;
	top:20px;
	right:0;
}

a.tab{
	text-decoration:none;
	color: #58585a;
	font-size:24px;
    font-family: 'new_ciclegordita';
	vertical-align: baseline;
	box-shadow: 0 0 5px #b8c5c5;
	border-radius: 4px 4px 0 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,b8c5c5+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #b8c5c5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#b8c5c5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#b8c5c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b8c5c5',GradientType=0 ); /* IE6-9 */
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

a#billpay {
	padding: 4px 16px 4px 16px;
	position:absolute;
	left:38%;
	bottom:8px;		
}

a#portal {
	padding: 3px 16px 3px 16px;
	position:absolute;
	left:58%;
	bottom:8px;
}
a#portal i{
	font-size:30px;
}


a.tab:hover{
	box-shadow: 0 0 5px #b8c5c5;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,b8c5c5+100 */
	background: #ffffff; /* Old browsers */
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}


a:hover#address {
	color: #ec5723; /* orange */
}

#header-right {
	float:right;
}

#phone, #phone a {
	position:absolute;
	top:80px;
	right:0;
	font-family: 'new_ciclegordita';
	text-align:right;
	color: #ec5723; /* orange */
	text-decoration:none;
	font-size:36px;
}




/* ----- Banner Home Page----- */
	
#banner.home {
	background-image:url(images/banner-bg.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	width:100%;
	z-index:10;
	max-height:416px;
	height:auto;
}
#banner-slideshow {
	max-width: 100%;
	width:1200px;
	margin: 0 auto;
	max-height:416px;
	height:auto;
}


/* ----- Banner Inside Page----- */

#banner.inside {
	background-image: url(images/banner-bg-inside.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	width:100%;
	z-index:10;
	max-height:250px;
	height:auto;
}

#banner-inner {
	max-width: 100%;
	width:1200px;
	margin: 0 auto;
	max-height:250px;
	height: auto;
}

#banner-inner img{
	max-width: 100%;
	margin: 0 auto;
	height: auto;
	display:block;
}


/* ----- NAVIGATION ----- */
nav#topnav {
	width:100%;
	height:80px;
	background: #ffffff;
	position:relative;
	z-index:1000;
}

nav#topnav ul{
	height:100%;
	max-width: 100%;
	width:1200px;
	margin:0 auto;
	position:relative;
	display:table;
	z-index:1000;
}

nav#topnav ul li{
	margin:0;
	padding:0;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
	z-index:1000;
	width:auto;	
}


nav#topnav ul li a{
	font-family: 'new_ciclegordita';
	overflow:hidden;
	position:relative;
	background:transparent;
	display: table-cell;	
	color: #58585a;/* dark gray */
	font-size:26px;
	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;
}

nav#topnav ul li a:hover, nav#topnav ul li a:active, nav#topnav ul li a.current{
	color: #ec5723; /* orange */
	-moz-transition:all .25s;
	-webkit-transition:all .25s;
	transition:all .25s;
}

nav#topnav ul li a svg {
	color: #ec5723; /* orange */
	position:absolute;
	bottom:-10px;
	left:45%;
	right:0;
	opacity:0;	
	font-size:22px;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
nav#topnav ul li a:hover svg, nav#topnav ul li a.current svg {
	bottom:-5px;
	opacity:1;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
#title-bar {
	background: #94a1a1;
	width: 100%;
	height:80px;
	border-top: 3px solid #ec5723;
}
#title-bar-inner {
	max-width: 100%;
	width:1200px;
	margin:0 auto;
}

#title-bar-inner h1 {
	font-family: 'new_ciclegordita';
	font-size: 38px;
	font-weight:normal;
	color: #ffffff;
	line-height:80px;
	text-align:left;
	float:left;
}

#title-bar-inner h1 span{
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:100;
	padding-left:5px;
}

ul#social {
	width:29.166667%;
	height:80px;
	float:right;
	background: #889494;
}

ul#social li{
	border-right: 1px solid #94a1a1;
	color: #ffffff;
	text-align:center;
	display:inline-block;
	width:33%;
	float:left;
	line-height:80px;
}
ul#social li:last-child{
	border-right: none;
}

ul#social li:first-child img{
	position:relative;
	top: 8px;
}

ul#social li a{
	line-height:80px;
	color: #ffffff;
	text-align:center;
	vertical-align:center;
	display:block;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;

}
ul#social li a i{
	font-size: 36px;
}

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

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

#container-inner {
	max-width: 100%;
	width:1200px;
	margin: 0 auto;
	padding:40px 0
}

#content{
	float:left;
	max-width:70%;
	width:780px;
	padding:0;
	margin:0 0 0 0;
}


#right-column {
	max-width:29.166667%;
	width: 350px;
	float:right;
}

#right-column h2{
	text-align:center;
	padding:0 0 16px 0;
	margin:0 0 10px 0;
	font-size:36px;
	font-weight:normal;
	color: #ec5723;
	letter-spacing:.05em;
	border-bottom: 2px solid #ec5723;
	font-family: 'new_ciclegordita';
}

#right-column.home ul li{
	background-image:url(images/bullet-orange.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	line-height: 50px;
	font-size: 22px;
	font:Tahoma, Geneva, sans-serif;
	padding-left:50px;
}

#right-column.inside ul li a{
	background-image:url(images/bullet-orange.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	height:50px;
	line-height: 50px;
	font-size: 22px;
	font:Tahoma, Geneva, sans-serif;
	padding:0 0 0 50px;
	color: #58585a;
	text-decoration:none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#right-column.inside ul li a:hover{
	background-image:url(images/bullet-gray.jpg);
	color: #94a1a1;
}

#right-column.inside ul li a.selectedon {
	color: #ec5723;
	text-decoration:none;
}

/* ------ CALLOUTS ------- */
#callouts{
	width:1200px;
	max-width:100%;
	margin: 50px 0 0 0;
	padding:0;
}
#callouts a{
	width: 400px;
	max-width: 33.333333%;
	display:inline-block;
	float:left;
	text-decoration: none;
	text-align:center;
}

#callouts a h2{
	color:#889494;
	font-size: 36px;
	font-family: 'new_ciclegordita';
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
#callouts a:hover h2{
	color:#58585a;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

#callouts a p{
	color:#58585a;
	font-size:20px;
	line-height:34px;
	font-family:Tahoma, Geneva, sans-serif;
	padding:20px 30px;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

#callouts a:hover p{
	color:#ec5723;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

#callouts a #orange-bar{
	margin:20px auto 0;
	background:#ec5723;
	height: 2px;
	width:27%;
	display:block;
}

#callouts a img{
	transform:scale(1,1);
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

#callouts a:hover img{
	transform:scale(.97,.97);
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

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

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

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

.clear{
	clear:both;
}

iframe{
	padding-top:16px;
}

#content span.question{
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:100;
	padding-left:5px;
}

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

#content p {
padding: 5px 0 8px 0;

}

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

#content a {
	color: #58585a;/* dark gray */
	text-decoration:underline;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

#content a:hover {
	color: #ec5723; /* orange */ 
	text-decoration:none;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

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



#content ul li, #content ol li {
	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 h1, #content h2, #content h3 {
	font-family: 'new_ciclegordita';
	color: #ec5723; /* orange */
	font-weight:normal;
	padding:12px 0 4px 0;
	margin:0;
}

#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a {
	text-decoration:none;
}

#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover {
	text-decoration:underline;
}

#content h1, #content h2 {
	font-size: 34px;
}

#content h3{
	font-size: 30px;
}

#content h4 {
	font-size: 24px;
	font-weight:bold;
}

#content h5 {
	font-size: 20px;
	font-weight:bold;
}

#content hr {
	padding:10px 0 5px 0;
	padding:0;
	color:#ec5723; /* orange */ 
	height:1px;
}

#content table {
	width: 100%;
	margin:10px 0 0 0;
}
/* -----  provider table styles ---- */

#content table.providers tr td {
	text-align:center;
	width:50%;
	padding-bottom:20px;
}

#content table.providers tr td a{
	font-family: 'new_ciclegordita';
	font-size:24px;
	font-weight:normal!important;
	text-align:center;
	color: #58585a;/* dark gray */
	text-decoration:none;
}

#content table.providers tr td a:hover{
	color: #ec5723; /* orange */ 
}

#content table.providers td a img{
	border: 2px solid #ec5723; /* orange */ 
	padding:6px;
}

#content table.providers td a:hover img{
	border: 2px solid #94a1a1; /* lighter gray */
}

#content img{
	border: 2px solid #ec5723; /* orange */ 
	padding:5px;
	margin: 0 10px 10px 10px;
}
	
/*------Bread Crumbs-----*/
#breadcrumbtree {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	clear:left;
}
#breadcrumbtree a.breadcrumb:link, #breadcrumbtree a.breadcrumb:visited {
	color: #ec5723; /* orange */ 
	font-size:12px;
	text-decoration:none;
}

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

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

footer{
	width:100%;
	background: #ebebec;
	color: #889494;
	font-size: 16px;
	line-height: 24px;
	text-align:center;
	margin-top:30px;
	padding-bottom:20px;
	-webkit-box-shadow:#b8c5c5 0 10px 40px inset;
	-moz-box-shadow:#b8c5c5 0 10px 40px inset;
	box-shadow:#b8c5c5 0 10px 40px inset;
}

footer a{
	color: #889494;
}
footer a:hover{
	color: #58585a;/* dark gray */
}

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

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

footer  ul{
	padding:20px 0;
}

footer ul li{
	display:inline;
}

footer ul li a {
	padding:0 8px;
	margin:0;
	text-decoration:none;
}

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

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


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

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

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

table.formrequest {
    color: #58585a;
    padding: 0 0 10px;
}

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

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



table input[type="button"], table input[type="submit"], input[type="button"], input[type="submit"] {
	padding:5px 20px;
	margin:20px 0;
	color:#fff!important;
	text-decoration:none!important;
	background: #ec5723!important; /* orange */
	border:none!important;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
table input[type="button"]:hover, table input[type="submit"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
	color:#58585a!important;
	background: #ec5723!important; /* orange */
}

a.button {
	padding:5px 20px;
	margin:10px 0 30px 0;
	display:inline-block;
	color:#fff!important;
	text-decoration:none!important;
	background: #ec5723!important; /* orange */
	border:none!important;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

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

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

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


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

/******** RESPONSIVE STYLES *********/
	@media (max-width : 1250px ) {
		body{
			width:100%; 
			min-width:100%;
			padding:0;
			margin:0;
		}
		#container-inner {
			max-width: 95%;
		}
		#title-bar-inner {
			max-width: 95%;
		}
	}


	@media (max-width : 1024px ) {	
		#content{
			float:left;
			width: 95%;
			max-width:95%;
		}
		
		#right-column{
			margin-top:30px;
			clear:both;
			float:left;
			width: 95%;
			max-width:95%;
		}
		
		#right-column.home ul, #right-column.inside ul{
			text-align:center;
		}
		
		#right-column.home ul li, #right-column.inside ul li a{
			background-image:none;
			padding-left:0;
		}	
		
		#right-column.inside ul li a:hover{
			background-image:none;
			padding-left:0;
			color: #ec5723; /* orange */
			border-bottom: 2px solid #ec5723;
		}
		
		#right-column h2{
			width:50%;
			margin:0 auto;	
		}	
		
		#callouts a{
			max-width: 100%;
			width:70%;
			display:block;
			float:none;
			margin:20px auto 40px;
		}
		
		
		
	}	
	
	@media (max-width : 999px ) {
		.mobile-hidden {display:none;visibility:collapse;}
		.mobile-only {display: block;visibility:visible;}
		
		header, #header-inner{
			height: 180px;
		}
		
		#header-inner a#logo img{
			height:150px;
			width:auto;
		}
		
		a.tab{
			text-decoration:none;
			color: #58585a;
			font-size:24px;
			font-family: 'new_ciclegordita';
			vertical-align: baseline;
			box-shadow: 0 0 5px #b8c5c5;
			border-radius: 0 0 0 0;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,b8c5c5+100 */
			background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(top, #ffffff 0%, #b8c5c5 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, #ffffff 0%,#b8c5c5 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, #ffffff 0%,#b8c5c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b8c5c5',GradientType=0 ); /* IE6-9 */
			-webkit-transition:all .25s;
			-moz-transition:all .25s;
			transition:all .25s;
		}
		
		a.tab:hover{
			background:	#ebebec;
			color:#ec5723;
			-webkit-transition:all .25s;
			-moz-transition:all .25s;
			transition:all .25s;
		}
		
		a#portal i, a#billpay i, a#map i{
			font-size:24px;
		}	
		
		a#billpay i, a#map i{
			font-size:20px;
		}	
				
		#tabs{
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
		}
		a#map {
			padding: 4px 0 4px 0;
			position:static;
			float:left;
			display:inline-block;
			width:33.333333%;
			text-align:center;
		}
		
		a#billpay {
			padding: 4px 0 4px 0;
			position:static;
			float:left;
			display:inline-block;
			width:33.333333%;
			text-align:center;	
		}
		
		a#portal {
			padding: 4px 0 4px 0;
			position:static;
			float:left;
			display:inline-block;
			width:33.333333%;
			text-align:center;	
		}
		a#address {
			font-size: 20px;
		}	
		
		#phone, #phone a {
			font-size:30px;
			text-align:left;
		}		




		/* ------------- Main Navigation ---------- */
		#nav-wrapper {
			border-bottom:none;
			width:100%;
		}
		
		nav#topnav {
			width:100%;
			height:auto;
			margin:0;
			padding:60px 0 0 0;
			position:relative;
			bottom:inherit;
			top:0;
			left:0;
			z-index:1000;
		}
		
		nav#topnav ul{


		}
		nav#topnav ul.menu.menu-toggle {
			margin:0;
			padding:0;
			width:100%;
			height:inherit;
			position:relative;
			display:none;
			z-index:1000;

		}
		nav#topnav ul > li {
			height:50px;
			margin:0;
			padding:0;
			display:block;
			position:relative;
			z-index:1000;
			width:100%;
		}
		
		nav#topnav ul > li.for-mobile {
			display:block;
		}

		nav#topnav ul > li a {
			width:100%;
			background: #ebebec;	
			height:50px;
			font-size:16px;
			line-height:50px;
			display:block;
			padding:0 0 0 20px;
			border-top:solid 1px #58585a;
			border-bottom:none;
			text-decoration:none;
			text-align:left;
			position:relative;
			z-index:1000;
			-webkit-transition:all .1s;
			-moz-transition:all .1s;
			transition:all .1s;
		}
		nav#topnav ul > li a svg {
			display:none;
		}

		nav#topnav ul li:last-child a {
			border-bottom:solid 1px #58585a;
		}	
		nav#topnav ul li:first-child a {
			padding-top:0;
			height:50px;
		}	
		
		nav#topnav ul > li a:hover {
			background: #58585a;
			color: #ffffff;
		}
				
		nav#topnav ul li.mobile-only{
			display:block;
			visibility:visible;
		}

			
		/* 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: #58585a;
		}
		a.mtoggle .icon:before {
		  -webkit-transition-duration: 0.5s;
				  transition-duration: 0.5s;
		  position: absolute;
		  width: 30px;
		  height: 4px;
		  background-color: #58585a;
		  content: "";
		  top: -10px;
		}
		a.mtoggle .icon:after {
		  -webkit-transition-duration: 0.5s;
				  transition-duration: 0.5s;
		  position: absolute;
		  width: 30px;
		  height: 4px;
		  background-color: #58585a;
		  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 */
		

	}
	
	
	@media (max-width : 800px ) {	
		a.tab, a#portal i, a#billpay i, a#map i{
			font-size:20px;
		}	
		
		a#billpay i, a#map i{
			font-size:18px;
		}
		#title-bar {
			height:auto;
		}
		#title-bar-inner {
			width:100%;
			max-width:100%;
		}
		
		
		#title-bar-inner h1.home {
			clear:both;
			width:100%;
			font-family: 'new_ciclegordita';
			font-size: 30px;
			font-weight:normal;
			color: #ffffff;
			line-height:60px;
			height:60px;
			float:none;
			text-align:center;
			padding-left:2%;

		}
		
		#title-bar-inner h1.inside {
			clear:both;
			width:100%;
			font-family: 'new_ciclegordita';
			font-size: 30px;
			font-weight:normal;
			color: #ffffff;
			line-height:60px;
			height:60px;
			float:none;
			text-align:left;
			padding-left:2%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		
		#title-bar-inner h1 span{
			font-family: Tahoma, Geneva, sans-serif;
			font-weight:100;
			padding-left:5px;
		}
		
		
		
		ul#social {
			width:100%;
			height:60px;
			line-height:60px;
			float:none;
			background: #889494;
		}
		
		ul#social li, ul#social li a{
			line-height:60px;
		}
		
		#callouts a{
			width:100%;
		}
	
		#content.home {
			text-align:center;
		}
		
		
		#content h1, #content h2 {
			font-size: 30px;
		}
		
		#content h3{
			font-size: 26px;
		}
		
		#content h4 {
			font-size: 23px;
			font-weight:bold;
		}
		
		#content h5 {
			font-size: 20px;
			font-weight:bold;
		}
		
		#content table.providers tr td {
			display:block;
			text-align:center;
			width:100%;
			padding-bottom:40px;
		}
		#content table.providers tr td a{
			font-size:20px;

		}
	
	}
	
	@media (max-width : 600px ) {
		
		iframe{
			max-width:90%;
			width:90%;
		}
		
		.float-right {
			float:none;
			margin: 0 0 5px 0;
		}
			
		.float-left {
			float:none;
			margin: 0 0 5px 0;
		}
		
		
		header, #header-inner{
			height: 220px;
			width:100%;
			text-align:center;
		}
		#header-inner a#logo img{
			width:auto;
			margin:-10px auto 0;
			text-align:center;
			height:140px;
		}
		
		
		#header-right {
			float:none;
			width:100%;
		}
		
		#phone, #phone a {
			float:none;
			position:static;
			margin:0 auto;
			width:100%;
			text-align:center;
		}
		a#portal i, a#billpay i, a#map i{
			display:none;
			visibility:collapse;
		}	
		
		a.tab{
			font-size:18px;
		}
		
		#banner.inside {
			display:none;
			visibility:collapse;
		}
		
		#right-column h2{
			width:95%;
			margin:0 auto;	
		}
		
		#content img{
			height:auto;
			width:50%;
		}
	}
	
	@media (max-width : 400px ) {
		
		a.tab{
			font-size:16px;
		}
		

	}