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



*{box-sizing:border-box;-moz-box-sizing:border-box;}
/* structure */   
.wrapper{padding:1.3%; margin-left:auto;margin-right:auto;left:0;background-color:#fff; max-width:1280px;overflow:hidden;position:relative;}
.inner-wrapper{padding:0px; width:100%;overflow:hidden;position:relative; background-color:#fff;}

.right-gradient{background:rgb(245,241,230);
background: linear-gradient(180deg, rgba(245,241,230,1) 0%, rgba(255,255,255,1) 100%);margin:0 45px 0 31px;padding:5px 5px 0 5px;width:918px;}
.right-no-gradient{margin:0 45px 0 26px;padding:5px;}.right-icon{width:725px;margin:3px 3px 0px 96px;background:transparent;border:white solid 1px;}
.right-gradient .right-icon{border:none;}
.border{ border:1px solid #cbc9c9;}
#width{ width:94%; margin-top: 10px;}
.margin-top{ margin-top:25px;}
.margin-auto{ margin:0 auto;}
/*.bg{ background:#FFF;}*/
.padding{margin:0px;padding:32px;}

H1, H2, H3, H4, .heading {color:#6f0020;font-family: CrimsonBNSmallCaps,Perpetua,Palatino,"Times New Roman",Times,serif;font-weight: 400;}

H1.content_hdr,H4.content_hdr, H5.content_hdr, DIV.content_hdr
{background-color:transparent;color:#6f0020;margin-bottom:2px;font-weight:200; padding-top:10px; padding-left:0px;}

H2.content_hdr
{background-color:transparent;color:#1d4c7b;margin-bottom:2px;font-weight:200; padding-top:10px;}

H3.content_hdr
{background-color:transparent;color:#1d4c7b;margin-bottom:2px;font-weight:200; padding-top:10px; padding-left:10px; font-size:16px;}
div.chat_hours{margin:7px auto;text-align:left; float:left; width:auto;}
div.hdr_content div.col_1{float:left;width:320px;margin-right:30px;font-size:13px; padding:10px;}
div.hdr_content div.col_2{display:inline-block;width:295px;margin-bottom:20px;  padding:10px;}
div.col_1, .col_2, p{padding:6px;}

div.contact_container{margin:20px 0 0 0;}
div.contact_container span.info.phone_numbers{text-align:center;font-weight:normal;margin:15px auto;}
div.contact_container div.phone_hours{margin:0;text-align:center;}
div.contact_container div.email_information{margin-top:15px;}
div.contact_container span.info{color:#006699;font-size:12px;font-weight:bold;margin:0 0 10px 0;display:block;}
.blue_hdr{background-color:#F2F8FB;border-top:1px solid rgb(205, 205, 205);padding:0 0 0 10px;}



#content,aside,.vertical-padding{ padding:0px;}
p{ margin:0 0 1.5em;}
.title{
	font-size: 3vmin;
	position: absolute;
	float: none;
	padding: 0px 0px 0px 0px;
	left: 41px;
	top: 22px;
}


/* RESPONSIVE IMAGES  */
img{ max-width:100%; height:auto;}

.pad{ padding:10px;}


#col .grid_1,
#col .grid_2,
#col .grid_3,
#col .grid_4,
#col .grid_5,
#col .grid_6,
#col .grid_7,
#col .grid_8,
#col .grid_9,
#col .grid_10,
#col .grid_11,
#col .grid_12,{

margin-top:10px;
padding:5px;
background:#fff;}

/****BreadCrum***/

#breadcrumbs{margin:11px 30px;font-size:0.9em;color:#7F8182;text-align:left;}
#breadcrumbs A{color:#3D78A4;padding-right:2px !important;padding-left:2px !important}
#content-inset.centerable #breadcrumbs{margin:11px 30px 11px 35px;}
.breadcrumb, .breadcrumb a{font-size:10px;display:inline;font-weight:normal;font-family:Verdana, sans-serif !important;padding-left:2px;display:inline;}



@media all and (max-width: 640px) and (min-width: 360px) {.wrapper{padding:0; margin:0 auto; width:100%;}
H2.content_hdr{ font-size:24px; margin-bottom:2px;font-weight:200; padding-top:10px; padding-left:0px;} .chat_hours{float:left; width:100%; padding-left:0px;} div.col_1, .col_2, p{padding-right:-5px; width:70%;}}

@media only screen and (min-width: 320px) { .wrapper{padding:0; width:100%; margin-top:30px;} /*.inner-wrapper{padding-right:30px;*/ width:100%;} .grid_10{ padding-top:0px; } .chat_hours{float:left; width:100%; padding-left:10px;} H2.content_hdr{ font-size:24px; margin-bottom:2px;font-weight:200; padding-top:10px; padding-left:0px;} div.col_1, .col_2, p{padding-right:-1px;} div.col_1, .col_2{width:114%;} H1.content_hdr{ padding-left:10px;} .right-gradient{margin:0px;padding:30px 5px 30px 5px;}}

@media only screen and (min-width: 480px) { /*.inner-wrapper{padding-right:30px;*/ width:100%;}}

@media only screen and (min-width: 640px) { .inner-wrapper{padding-right:150px; width:100%;} #navigation-menu-header{width:100%;} #navigation-menu-header .navigation-bar li .label{font-size:1.2em;}}

@media all and (max-width: 1024px) and (min-width: 768px) {.wrapper{padding:0; margin:0 auto; width:100%;}
 .chat_hours{float:left; width:100%; padding-left:6px;}  }

@media only screen and (min-width: 1024px) { .inner-wrapper{padding-right:0px; width:100%;}}

@media only screen and (min-width: 920px) {

.wrapper{max-width: 1200px; margin-bottom:30px;}

#content { float:left;width:65%;}
#content.wide-content{float:none;width:100%;}
aside { float:right;width:30%;}


/*GRID*/
/*
 & Columns : 12 

 */
.grid_1 { width: 5%; }
.grid_2 { width: 13.333333333333%; }
.grid_3 { width: 21.666666666667%;}
.grid_4 { width: 30%; }
.grid_5 { width: 38.333333333333%; }
.grid_6 { width: 46.666666666667%; }
.grid_7 { width: 55%; }
.grid_8 { width: 63.333333333333%; }
.grid_9 { width: 71.666666666667%; }
.grid_10 { width: 80%; }
.grid_11 { width: 88.333333333333%; }
.grid_12 { width: 96.667%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-left: 1.6666666666667%;
	margin-right: 1.6666666666667%;
	margin-top:10px;
	float: left;
	margin-bottom:10px;
	
}}


/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1024px) {
#hero .grid_4 { width: 30%; }
#hero h1{ font-size:1.4em;}
#hero .grid_8 { width: 63.333333333333%; margin:0 1.6666666666667%; }

} 

/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {
#hero h1{ font-size:2em;}} 

/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {} 

/*
iPHONE 5 MEDIA QUERY
iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want)
*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { }