@charset "utf-8";

body { 
	font-size: 16px; 
	font-family: 'Lato', sans-serif;
	line-height: 1.5;
	background-color: #9cc1d7;
	background-image: none; 
	margin:0;
	padding:0; 
	color:#464646
	}
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
.bioThumb {width:75px;height:75px;float:left;border-radius:50%;margin-right:15px;}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
}
#container {
}
#header {background:url(../images/headerBG.jpg?v=2); background-size:cover;
}
#slider {
}
#nav {
}
#content {background-color:#fff;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;
}
#footer {font-size:.75em;color:#fff;
}
.footPad {padding:0 5px 5px 5px;margin:0;}
.zole {float:none;padding-left:0px;}
.zole a:link {color:#fff;text-decoration:none;}
.zole a:visited {color:#fff;text-decoration:none;}
.zole a:hover {color:#fff;text-decoration:none;}
#leftColumn {display:none;
}
#rightColumn {width:100%;background:white;color:#464646;
}
#rightColumn .padding {padding:5%;}
#rightColumn p {padding: 0px 10px 10px 0;margin:0 0 10px 0;}
#fullColumn {width:100%;background:white;color:#464646;
}
#fullColumn .padding {padding:5%;}
#fullColumn p {padding: 0px 10px 10px 0;margin:0 0 10px 0;}
h1 {font-size:140%;padding:0px 10px 20px 0;margin:0;line-height:1em;}
h2 {font-size:135%;padding:0 10px 5px 0;margin:10px 0 5px 0;}
h3 {font-size:130%;padding:0 10px 5px 0;margin:10px 0 5px 0;}
h4 {font-size:120%;padding:0 10px 5px 0;margin:10px 0 5px 0;}
h5 {font-size:110%;padding:0 10px 5px 0;margin:10px 0 5px 0;}
h6 {font-size:100%;padding:0 10px 5px 0;font-weight:bold;margin:0;}
#clearBottom {clear:both;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
#logo {width:100%;float:none;
}
#logo img {max-width:265px;margin: 0 auto;margin-bottom:0;display:block;padding:6px 0 0px 4px;border:0;}
#contactInfo {width:100%;color:#fff;text-align:center;
}
#contactInfo p {margin:8px 10px 12px 0;line-height:1.5em;font-size:18px;text-align:center;font-weight:bold;}
#contactInfo a:link {color:#fff;text-decoration:none;}
#contactInfo a:visited {color:#fff;text-decoration:none;}
#contactInfo a:hover {color:#fff;text-decoration:underline;}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
.socialMedia {float:right;padding-right:20px;}
.photoRight {float:none;width:100%;padding: 0 0 10px 0px;}
.showTabPhone {display:block;text-align: center;}

/* Tablet Layout: 481px to 821px. Tablets.  */

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

body {	
	background-color: #9cc1d7;
	background-image: none;
	 background-size:cover;
	 margin-top: 10px;
	 }
.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
	margin-left: auto;
}
#container {
}
#header {background: url(../images/headerBG.jpg?v=2); background-size:cover;
}
#slider {
}
#nav {
}
#content {background-color:#fff;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;
}
#footer {font-size:.8em;color:#fff;
}
.zole {float:right;}
.zole a:link {color:#fff;text-decoration:none;}
.zole a:visited {color:#fff;text-decoration:none;}
.zole a:hover {color:#fff;text-decoration:none;}
#leftColumn {display:none;
}
#rightColumn {width:100%;
}
#rightColumn .padding {padding:5%;}
#rightColumn p {padding:0px 10px 10px 0;margin:0 0 10px 0;}
#fullColumn {width:100%;background:white;color:#464646;
}
#fullColumn .padding {padding:5%;}
#fullColumn p {padding: 0px 10px 10px 0;margin:0 0 10px 0;}
h1 {font-size:180%;padding:0px 10px 20px 0;margin:0;line-height:1em;}
h2 {font-size:160%;padding:0 10px 5px 0;margin:10px 0 5px 0;}
h3 {font-size:150%;padding:0 10px 5px 0;margin:10px 0 5px 0;}
h4 {font-size:130%;padding:0 10px 5px 0;margin:10px 0 5px 0;}
h5 {font-size:120%;padding:0 10px 5px 0;margin:10px 0 5px 0;}
h6 {font-size:110%;padding:0 10px 5px 0;font-weight:bold;margin:0;}
#logo {width:30%;float:left;
}
#logo img {margin:10px 0 24px 11px;max-width:210px;display:inline;padding:0;}
.hide_mobile {
display: inline;
}
.hide_tablet {
display: none;
}
#contactInfo {width:70%;float:right;color:#fff;text-align:right;
}
#contactInfo p {margin:24px 15px 0 0;line-height:1.7em;font-size:16px;text-align:right;font-weight:normal;}
.zeroMargin_tablet {
margin-left: 0;
}
.photoRight {float:right;max-width:200px;padding: 0 0 10px 20px;}
.showTabPhone {display:block;text-align: center;}
}

/* Desktop Layout: 821px to a max of 1178px.  Begin desktop version. */

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

body {	
	background-color: #9cc1d7;
	background-image: url(../images/background5.jpg?v=3);
	background-repeat: no-repeat;
	background-position:center top;
	background-attachment: fixed;
	 background-size:cover;
	  margin-top: 0px;
	 }
.gridContainer {
	width: 88%;
	max-width: 1178px;
	padding-left: 6%;
	padding-right: 6%;
	margin: auto;
	clear: none;
	float: none;
}
#container {-webkit-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.20); box-shadow: 3px 3px 6px rgba(50, 50, 50, 0.20);border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;
}
#header {padding-top:39px;background:none;
}
#slider {
}
#slider img {border-top-left-radius: 8px;border-top-right-radius: 8px;}
#nav {background-color:#3b6198;
}
#content {background-color:#fff;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;
}
#footer {font-size:.8em;color:#fff;
}
.zole {float:right;}
.zole a:link {color:#fff;text-decoration:none;}
.zole a:visited {color:#fff;text-decoration:none;}
.zole a:hover {color:#fff;text-decoration:none;}
#leftColumn {min-height:300px;width:22.83%;clear:none;display:inline;text-align:right;
}
#leftColumn .padding {padding:45px 0 0 5px;}
#rightColumn {min-height:300px;width:73.089%;float:right;clear:none;
}
#rightColumn .padding {padding:41px 45px 10px 0px;}
#rightColumn p {padding:0px 10px 10px 0;margin:0 0 10px 0;}
#fullColumn {width:100%;background:white;color:#464646;
}
#fullColumn .padding {padding:5% 10% 5% 10%;}
#fullColumn p {padding: 0px 10px 10px 0;margin:0 0 10px 0;}
.inner-left-column {float:left;width:45%;}
.inner-right-column {float:left;padding-left:5%;width:45%;}
h1 {font-size:180%;padding:0px 10px 20px 0;margin:0;line-height:1em;}
h2 {font-size:160%;padding:0 10px 5px 0;margin:10px 0 5px 0;}
h3 {font-size:150%;padding:0 10px 5px 0;margin:10px 0 5px 0;}
h4 {font-size:130%;padding:0 10px 5px 0;margin:10px 0 5px 0;}
h5 {font-size:120%;padding:0 10px 5px 0;margin:10px 0 5px 0;}
h6 {font-size:110%;padding:0 10px 5px 0;font-weight:bold;margin:0;}
#clearBottom {clear:both;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;padding:0;}
#logo {width:50%;float:left;
}
#logo img {margin:0 0 24px 30px;max-width:185px;display:inline;padding:0;}
#contactInfo {width:50%;float:right;color:#fff;text-align:right;
}
#contactInfo p {margin:0 30px 0 0;line-height:1.5em;font-size:18px;text-align:right;font-weight:normal;}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_mobile {
display: inline;
}
.hide_desktop {
display: none;
}
.photoRight {float:right;max-width:250px;padding: 0 0 10px 20px;}
.showTabPhone {display:none;}
} /* end min 821 */
a:link {color:#464646;text-decoration:underline;}
a:visited {color:#464646;text-decoration:underline;}
a:hover {color:#3b6198;text-decoration:underline;}
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}

/* testimonials */
.testimonial {
    margin: 0;
    background: #B7EDFF;
    padding: 10px 50px;
    position: relative;
    font-family: Georgia, serif;
    color: #666;
    border-radius: 5px;
    font-style: italic;
    text-shadow: 0 1px 0 #ECFBFF;
    background-image: linear-gradient(#CEF3FF, #B7EDFF);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CEF3FF), to(#B7EDFF));
    background-image: -webkit-linear-gradient(top, #CEF3FF, #B7EDFF);
    background-image:    -moz-linear-gradient(top, #CEF3FF, #B7EDFF);
    background-image:     -ms-linear-gradient(top, #CEF3FF, #B7EDFF);
    background-image:      -o-linear-gradient(top, #CEF3FF, #B7EDFF);
}

.testimonial:before, .testimonial:after {
    content: "\201C";
    position: absolute;
    font-size: 80px;
    line-height: 1;
    color: #999;
    font-style: normal;
}

.testimonial:before {
    top: 0;
    left: 10px;
}

.testimonial:after {
    content: "\201D";
    right: 10px;
    bottom: -0.5em;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #B7EDFF;
    margin: 0 0 0 25px;
}

.testimonial-author {
    margin: 0 0 0 25px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    text-align:left;
}

.testimonial-author span {
    font-size: 12px;
    color: #666;
}


/* ## expanding feature on bio pages */

.collapsible {
  background-color: #3b6198;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
   background-color:#4F7BBA;

}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}/* ## THIS SECTION IS FOR STAFF PAGES ONLY */
.collapsible:after {
  content: '\271A'; /* Unicode character for "plus" sign (+) */
  font-size: 18px;
	font-weight: bold;
  color: white;
  float: right;
  margin-left: 5px;
	margin-top:-42px;
}

.active:after {
  content: "\fe58"; /* Unicode character for "minus" sign (-) */
	font-size:28px;
	margin-top:-52px;
}/* ## THIS SECTION IS FOR STAFF PAGES ONLY */
.bioThumb {width:75px;height:75px;float:left;border-radius:50%;margin-right:15px;}



/* ## expanding feature on MODALITY PAGES ### */

.collapsibleModality {
  background-color: #E4E4E4;
  color: #464646;
  cursor: pointer;
  padding: 4px;
  width: 100% !important;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsibleModality:hover {
   background-color:#ced3cf;

}


.collapsibleModality:after {
  content: '\271A'; /* Unicode character for "plus" sign (+) */
  font-size: 18px;
	font-weight: bold;
  color: #464646;
  float: right;
  margin-left: 5px;
	margin-top:-32px;
}

/* content and active.after are on Modality pages */

button {font-family: 'Lato', sans-serif;} /* overrides boilerplate button */

.star { /* used to create star shape in nav */
  position: relative;
  
  display: inline-block;
  width: 0;
  height: 0;
  
  margin-left: .9em;
  margin-right: .9em;
  margin-bottom: 1.2em;
  
  border-right:  .3em solid transparent;
  border-bottom: .7em  solid #FC0;
  border-left:   .3em solid transparent;

  /* Controlls the size of the stars. */
  font-size: 24px;
  
  &:before, &:after {
    content: '';
    
    display: block;
    width: 0;
    height: 0;
    
    position: absolute;
    top: .6em;
    left: -1em;
  
    border-right:  1em solid transparent;
    border-bottom: .7em  solid #FC0;
    border-left:   1em solid transparent;
  
    transform: rotate(-35deg);
  }
  
  &:after {  
    transform: rotate(35deg);
  }
}

@media only screen and (min-width: 1100px) {
	.photoRight {float:right;max-width:350px;padding: 0 0 10px 20px;}
}