/*
Theme Name: camh
Description: Design created by b2webservices for Counseling Associates of New London, LLC
Author: B2 Web Services / Peter Cole
Author URI: http://b2webservices.com
Version: 1.25
*/

/* COVID MSG go to Line #277 */

/* GLOBAL RULES */
html {
	margin: 0; padding: 0; border: 0;
	}
body {
	margin: 0; padding: 0;
	font-family: Arial, Tahoma, helvetica, sans-serif;
	color: #555 !important;
	background-color: #fff;
	font-size: 1em;
	}		
img {
	max-width: 100%; 
	/*height: auto;*/
	margin: 0; padding: 0; border: 0;
	}
	
div.dropShadow, img.dropShadow, img.dropShadowNBM {	
	border: 1px solid #777;
	-moz-box-shadow: 2px 2px 9px #999; /* horizontal, vertical, blur, color */
	-webkit-box-shadow: 2px 2px 9px #999;
	box-shadow: 2px 2px 9px #999;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	z-index: 9999 !important;
	}		
div.dropShadow, img.dropShadow {margin-bottom: 1% !important;}
img.dropShadowNBM {margin-bottom: 0 !important;}
span.belowImgLink {display: block; max-width: 100px; padding: 0; text-align: center; clear-left;}
span.heading {
	display: block !important; margin-bottom: 2% !important;	
	}

hRule {width: 97%; margin: 2% auto !important; height: 2px; background-color: #ddd; border: 1px solid #aaa; border-radius: 2px;}	
	

/* WEB FONTS */
@font-face {
	font-family: 'Flexslider';
	src: url('fonts/flexslider-icon.eot'); /* IE9 */
	src:
		url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
		url('fonts/flexslider-icon.woff') format('woff'), /* MODERN BROWSERS */
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/') format('opentype');
		}
	

@font-face {
    font-family: 'SF_Burlington_Script';
    src:
	 	url('fonts/sf_burlington_script_italic-webfont.woff2') format('woff2'),
      url('fonts/sf_burlington_script_italic-webfont.woff') format('woff'),
		url('fonts/sf_burlington_script_italic.ttf') format('truetype');
		}

.signatureFont {
   font-family: 'SF_Burlington_Script';
	font-size: 2.5em !important; color: #555; letter-spacing: 0.05em;
	font-weight: bold;
	}		
		
		
/* GENERAL RULES */	
a:focus {outline: none;}
a:link, a:visited {text-decoration: none; outline: none; border: 0;}
a:active, a:hover {text-decoration: none; outline: none; border: 0;}			
a.top:link, a.top:visited {color: #fff;}
a.top:hover {color: #fff; text-decoration: underline;}
.clearfix {display: block; clear: both; width: 0px; height: 0px; }	

.themeRed {color: #720000; line-height: 1.25em;}
a.themeRed:link a.themeRed:hover {color: #720000;}
a.themeRed:hover {color: #720000; text-decoration: underline;}

.themeGreen {color: #598c25;}
.themeGreenLarge {color: #598c25; font-size: 1.3em;}
a.themeGreenLink {color: #598c25; text-decoration: underline; font-weight: bold; ba} 

.vlarge {font-size: 1.5em;}
.exlarge {font-size: 1.25em;}
.large, ul.search a {font-size: 1.1em;}	
.medium {font-size: 0.9em;}	
.small {font-size: 0.85em;}	
.smaller {font-size: 0.8em !important;}
.vsmall {font-size: 0.7em;}
.exsmall {font-size: 0.6em;}
.left {text-align: left;}	
.center {text-align: center;}
.right {text-align: right;}
.italic {font-style: italic;}
.lightGrey {color: #999;}
.medGrey {color: #777;}
.medDark {color: #555;}
.dark {color: #333;}	
.black {color: #000;}
.darkBlue {color:	#0000cc;}
.white {color: #fff;}

.inline {display: inline-block !important;}
.underline {text-decoration: underline;}
.strong {font-weight: bold;}
.extraLH {line-height: 1.3em !important;}
.addExtraLH {line-height: 1.5em !important;} /* GROUPS STATUS */
.extraLM {margin-left: 2% !important;}
.extraLM3 {margin-left: 3% !important;}
.extraLM6 {margin-left: 6% !important;}
.pageContentAddLeftMargin {margin-left: 8.2% !important;}
.addBottomMargin {margin-bottom: 1% !important;}
.addBottomMargin2 {margin-bottom: 2% !important;}
.addBottomMargin5 {margin-bottom: 5% !important;}
.addTopMargin {margin-top: 5% !important;}
.addTopMargin2 {margin-top: 2% !important;}
.addMargin { margin: 2% 0 !important;}
.subMargin {margin-top: -1%;}
.addPaddingLeft {padding-left: 25px !important;}
.padding {padding: 0.5%;}
.addPadding {padding: 2%;}
.addPaddingTop {padding-top: 2%;}
.alignLeft {text-align: left !important;}

/* HEADINGS */
h1 {display: block; font-size: 2em !important; margin-bottom: 1% !important; line-height: 1em;}
h1.medium {display: block; font-size: 1.5em !important; margin-bottom: 2% !important; line-height: 1.2em;}
h2 {display: block; font-size: 1.7em !important; margin-bottom: 1% !important;}
h3 {display: block; font-size: 1.5em !important; margin-bottom: 2% !important;}
h3.minBotMargin {display: block; font-size: 1.5em !important; margin-bottom: 5px !important;}
h4 {display: block; font-size: 1.3em !important; margin-bottom: 2% !important;}
h5 {display: block; font-size: 1.1em !important; margin-bottom: 2% !important;}	
h5.accordian {cursor: pointer;}
.headingsLg {
	position: relative; display: block; 
	margin: 0 0 5px 0 !important;
	font-family: "Flexslider", Arial, Tahoma, helvetica, sans-serif;
	font-size: 2em; color:#555; font-weight: bold;
	border: 0px solid #ddd;		
	}
.headings {
	position: relative; display: block; 
	margin: 0 0 5px 0 !important;
	font-family: "Flexslider", Arial, Tahoma, helvetica, sans-serif;
	font-size: 1.5em; font-weight: bold;
	border: 0px solid #ddd;		
	}
.headingsMed {
	position: relative; display: block; 
	margin: 0 0 5px 0 !important; padding: 0;
	font-family: "Flexslider", Arial, Tahoma, helvetica, sans-serif;
	font-size: 1.3em; font-weight: bold;
	border: 0px solid #ddd;	
	}
.headingsSmall {
	position: relative; display: block; 
	margin: 0 0 5px 0 !important; padding: 0;
	font-family: "Flexslider", Arial, Tahoma, helvetica, sans-serif;
	font-size: 1.1em; font-weight: bold;
	border: 0px solid #ddd;
	}

blockquote {
	display: block;
	margin-left: 2.5% !important;
	line-height: 1.25em;	
	}	

.medParagraph {width: 80% !important;}
	
/************************/	
/** DESKTOP RULES **/
/** 1024px - 2560px (width) **/
/************************/	
@media only screen and (min-width : 756px) {
	/* HIDE MOBILE ELEMENTS */
	header, nav.mobile-menu {display: none !important;}
	.mobile {display: none !important;}
	.groupImg {text-align: right !important;}
	}


/* START MAIN CONTAINER STYLE RULES */
	
.wrapper, .header, .siteBanner  {
	position: relative; display: block;
	width: 100%;
	margin: 0 auto; padding: 0;
	border: 0px solid #720000;		
	}	
	
/* SITE BANNER LOGO and DESKTOP MENU */
div.headerLeft, div.headerLeftG, div.headerRight {
	display: inline-block !important;
	margin: 0; padding: 0;
	border: 0px solid #0e6839; 
	}
div.headerLeft a {
	cursor: pointer !important;	
	}	
	
div.headerLeft {float: left; width: 18%; padding: 10px;}
div.headerLeftG img.logos {
	display: inline-block !important;
	padding: 5px;
	border: 0px solid #ddd !important;
	}
	
div.headerRight {float: right; width: 79%;}

div.headerMenu {
	float: right;
	display: inline-block !important;
	width: 75%;	max-width: 1100px;
	margin: 2% 5% 0 0 !important; padding: 10px 20px;
	font-size: 1.2em; letter-spacing: 0.06em;
	border: 0px solid #ddd;
	}
div.headerMenu ul.sf-menu {
	width: 100%;
	white-space: nowrap !important;	
	}	
	
.medHeading {font-size: 1.5em;}	

		
/* MAIN TABBED MENU BAR */
.bannerBar {
	position: relative; display: block;
	width: 100%; max-height: 200px !important;
	margin: 0 auto; padding: 0; 
	/*text-align: center !important;*/
	z-index: 999;
	}

div.mobileJumpList {display: none !important;}	
div.mobileJumpList ul li {
	display: block !important;
	width: 95%;
	background-color: #efefef;
	margin: 1% 0; padding: 0.25% 0.5% !important;
	line-height: 1.35em;
	border: 1px solid #bbb;
	border-radius: 4px;
	}
div.mobileJumpList ul a {
	font-size: 1.5em;	
	}	


	

/*************************/
/*                CONTENT                */
/*************************/

.primaryContent {
	display: block;
	width: 100%; max-width: 1560px;
	margin: 0.25% auto 1% auto !important; padding: 0.25% 0; 
	border: 0px solid #ddd;
	}
section.boundary, section.boundaryWide	{
	position: relative; display: block;
	margin-top: 1.5%; padding: 0.35%;
	background-color: #fafafa;
	color: #555; font-size: 1.05em;
	border: 2px solid #a6bca6;
	border-radius: 4px;	
	}
section.boundary {width: 70%;} /* GROUPS PAGE */
section.boundaryWide {width: 98%;}  /* GROUP DETAILS PAGE */
section.last {
	position: relative; display: block;
	width: 70%;
	margin-top: 1.5%; margin-bottom: 10% !important;
	padding: 0.5%;
	background-color: #fafafa;
	color: #555; font-size: 1.05em;
	border: 2px solid #a6bca6;
	border-radius: 4px;			
	}

/*div.mapBox {width: 100%; max-width: 2750px !important; margin: 0 auto !important; padding: 5px 0; text-align: center; border: 2px solid #a6bca6;}*/
div.mapBox img {max-width: 1200px; margin: 0 auto !important;}
img.anchorPinLink {border: 2px dashed #f3e7e7;}
img.anchorPinLink:hover {border: 2px dashed #cc0000;}

p.narrow {
	width: 50%;
	line-height: 1.25em;
	margin-bottom: 1%;
	color: #555;
	border: 1px solid #ddd;
	}
p.normal {
	width: 75%;
	line-height: 1.25em;
	margin-bottom: 2%;
	color: #555;
	border: 0px solid #ddd;
	}	
p.wide {
	width: 85%;
	line-height: 1.25em;
	margin-bottom: 2%;
	color: #555;
	border: 0px solid #ddd;
	}	
.primaryContent a {font-size: 0.95em;}	
.primaryContent a:link, .primaryContent a:visited {color: #598c25; text-decoration: none;}
.primaryContent a:hover, .primaryContent a:active {color: #720000; text-decoration: underline;}		

div.pageContent {
	float: left; display: block;
	width: 90%;
	margin: 1% auto !important; padding: 0;
	background-color: #fff;
	color: #666; text-align: left;
	border: 0px solid #ddd;
	z-index: 1 !important;
	}	
div.pageContentMed {
	display: block;
	width: 60% !important;
	background-color: #fff;
	color: #666; text-align: left;
	margin: 1% auto !important;
	padding: 1%;
	background-color: #f6f6f6;
	border: 2px solid #eaeaea; border-radius: 5px;
	z-index: 999 !important;	
	}	
	
div.pageContent img.float {
	float: left; display: block;
	margin:0 2% 2% 0;	
	z-index: 99 !important;
	}	
	
div.pageContent p, div.pageContentMed p {
	margin: 1% 0;
	line-height: 1.25em;
	}	

/* FLOATING LINKS IN BANNER IMAGE BAR */
span.buttonXtra {
	position: absolute; display: block;
	margin: 0 0.25%; padding: 0.5% 0.75%;
	border: 1px solid #555;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	
	background: rgb(32,32,32);
	background: rgba(16,16,16, 0.5);
	/*background: none\9;*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000); /* IE 6/7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)"; /* IE8 */			
	z-index: 9999;
	}
	
span.secondSpot {position: absolute; display: block; top: 8% !important; right: 5%;}
span.thirdSpot {position: absolute; display: block; top: 41% !important; right: 5%;}
span.buttonXtra:hover {
	background-color: #efefef; 
	color: #720000 !important;
	}
span.buttonXtra:hover a {color: #720000 !important;}
span.buttonXtra a {font-size: 1.2em; font-weight: normal; letter-spacing: 0.05em;}
span.buttonXtra a:link, span.buttonXtra a:visited {color: #fff; text-decoration: none;}
span.buttonXtra a:active, span.buttonXtra a:hover {color: #720000; text-decoration: none;}
/* END FLOATING LINKS IN BANNER IMAGE BAR */
	

/* HOME PAGE GROUPS LAYOUT */
div.pageContent span.homeGroupThumbs {
	display: inline-block; width: 29%; 
	/*margin-left: 3.0%;*/
	margin-right: 1%;	
	text-align: center; vertical-align: top !important; 
	border: 0px solid #ddd;
	}
div.pageContent ul.homeGroups {
	display: block; width: 100%;
	margin: 0 auto; padding: 0;
	border: 0px solid #ddd;	
	}
div.pageContent ul.homeGroups li {
	display: inline-block !important;
	width: 22%;	
	margin-bottom: 2%;
	text-align: center; vertical-align: top !important;
	border: 0px solid #ddd;	
	}

div.pageContent p.noBM {margin-bottom: 0.5% !important;}
div.pageContent p.extBM {margin-top: 0.5% !important; margin-bottom: 3% !important;}

div.bioExerpts p {margin-bottom: 3%;}
div.bioExerpts p a {font-weight: bold;}


div.pageContent ul, div.pageContentMed ul {	
	display: block; 
	width: 85%;
	list-style: disc; 
	margin: 2% 0 2% 0 !important;
	}
div.pageContent ul li, div.pageContentMed ul li {
	margin-left: 1%;
	line-height: 1.25em;			
	}	
	

div.pageContentWide {
	float: left; display: block;
	width: 80% !important;
	background-color: #fff;
	color: #666; text-align: left;
	margin-left: 0;
	padding: 0.5% 0;
	border: 0px solid #666;
	z-index: 999 !important;	
	}	
p.textBoxR {
	display: inline-block; width: 27%; 
	border: 3px solid #a9a9a9; border-radius: 4px; padding: 6px;
	}	
p.textBoxL {	
	display: inline-block; width: 58%; 
	margin-right: 1%; vertical-align: top;
	}

/* NICE GRAY CONTENT BOX TO THE RIGHT OF ANY ALIGNED LEFT IMAGE */
/* CURRENTLY ONLY BEING USED ON THE PROFESSIONAL PAGE */
.vNarrowCol, .narrowCol, .medCol, .wideCol {
	padding: 5px;
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius:  0 5px 5px 0;
	z-index: 9 !important;
	}
.vNarrowCol {width: 60%;}	
.narrowCol {width: 70%;}
.medCol {width: 90%;}
.wideCol {width: 100%;}	
	
/* TEMP : COVID MSG */

div.newsletter, div.message {
	width: 96%;
	margin: 0 0 2% 0 !important; padding: 10px; 
	line-height: 1.2em; 
	border: 2px solid #598c25; 
	border-radius: 4px;
	}
div.newsletter {width: 40%;}

div.nurse {
	background-image: url("../img/special/nurse.jpg");	
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% !important;
	line-height: 1.25em; color: #000 !important; font-size: 1.1em;	
	}
div.insideMsg {
	width: 86%; 
	margin: 3% auto ; padding: 5px; 
	background-color: #efefef; opacity: 0.75;
	border: 2px solid #555; border-radius: 4px; 
	}
	
div.message ul {display: block; margin-left: 3% !important;}
/* END TEMP : COVID MSG */

/* THE SIDEBAR */	
div.sidebarContent {
	float: right; display: block;	
	width: 30%; max-width: 450px !important;
	margin-right: 0; margin-left: 0.25%; padding: 0.5% 0.25% 3% 0.5%;
	border: 0px solid #ddd;
	}
div.sidebarContent p {
	display: block;	
	margin-bottom: 3% !important;
	padding: 0.5%;
	border: 0px solid #ddd;
	}
div.sidebarContent ul {
	display: block; 
	width: 85%;
	list-style: disc; 
	margin: 3% 0 2% 2% !important;
	}	

div.sidebarContent ul li.telehealth {	
	margin-left: 3%;
	line-height: 1.25em;		
	}	
	
	
/* THREE COLUMN LAYOUTS */	
div.threeColumn {
	position: relative;
	display: block;
	width: 100%;/* max-width: 1440px;*/
	margin: 2% auto !important; padding: 0;
	color: #666; line-height: 1.3em !important;
	border: 0px solid #ddd;	
	}
div.threeColumnNarrow { /* USED BY CLINICIAN ENROLLMENT FORM */
	position: relative;
	display: block;
	width: 100%; /*max-width: 1096px;*/
	margin: 2% 0 !important; 
	padding: 0;
	border: 0px solid #ddd;	
	}
div.leftCol, div.centerCol {
	float: left; display: block;
	width: 30%;
	margin: 0; padding: 0.25% 1%;
	border: 0px solid #999;	
	}	
div.rightCol {
	float: right; display: block;
	width: 30%;
	margin: 0; padding: 0.25% 1%;
	border: 0px solid #999;	
	}		
div.leftCol p, div.centerCol p, div.rightCol p {
	margin-bottom: 2%;
	color: #666; line-height: 1.3em; font-size: 1em;
	}
	
/* GROUPS */	
section.boundary div.rightCol {display: block; width: 65% !important; max-width: 700px !important; margin: 0; border: 0px solid #0000cc;}
section.boundary div.rightCol ul, section.boundary div.rightCol ul li {display: block; width: 100%; max-width: 700px !important; white-space: normal;}
section.boundary div.rightCol ul span {display: block !important;}
section.boundary div.rightCol ul span:nth-child(3) {color: #4b4ff7;}
	

/* TWO COLUMN LAYOUT */
div.leftCol2, div.rightCol2 {
	float: left; display: inline-block !important;
	width: 46%;
	margin: 0 1.5% 0 0; padding: 0;
	color: #666; 
	border: 0px solid #999;	
	}		
div.leftCol2 p, div.rightCol2 p {
	display: block;	
	margin-bottom: 3% !important;
	padding: 0.5%; line-height: 1.25em; 
	border: 0px solid #ddd;
	}	

.formsLgButton {
	display: inline-block;
	background-color: #72b944;
	width: 20%;
	max-width: 200px;
	margin-left: 10%; padding: 5px;
	text-align: center;
	font-size: 2.5em !important; color: #fff !important;
	border: 2px solid #555; border-radius: 10px; 
	}	
	
.formsButton {
	display: inline-block;
	background-color: #0c6938;
	width: 15%;
	max-width: 175px;
	margin-right: 1%; padding: 5px;
	text-align: center;
	font-size: 2.5em !important; color: #fff !important;
	border: 2px solid #555; border-radius: 5px; 
	}	
.formsButtonWide {
	display: inline-block;
	background-color: #0c6938;
	width: 75%;
	max-width: 450px;
	margin-right: 1%; padding: 5px;
	text-align: center;
	font-size: 2.5em !important; color: #fff !important;
	border: 2px solid #555; border-radius: 5px; 
	}
p.additionalFormLinks a {
	display: block !important;
	margin-left: 1%;
	line-height: 2em !important;
	border: 0px solid #ddd;
	}	
	
.buttonSmallText {
	display: block; margin-top: 10px; font-size: 0.5em !important;
	}
.formsButton a:link, .formsButton a:visited,
.formsButtonWide a:link, .formsButtonWide a:visited,
.formsLgButton a:link, .formsLgButton a:visited {color: #fff !important; text-decoration: none;}
.formsButton a:hover, .formsButtonWide a:hover, .formsLgButton a:hover  {color: #fff !important; text-decoration: underline;}
	
/* TWO COLUMN LAYOUT FOR THERAPIST PAGES ONLY */	
div.leftCol3 {
	float: left; display: block;
	width: 64%;
	margin: 1% 0.5% 1% 0.25%; padding: 0;
	color: #666; text-align: left !important;
	border: 0px solid #ddd;	
	}		
div.leftCol3 p.clinicianImg {
	float: left; display: block;
	margin: 0 2% 1% 0 !important;
	font-size: 1.3em;
	border: 0px solid #ddd;	
	}		
div.rightCol3 {
	float: left; display: block;
	width: 33%;
	margin: 1% 0.5% 1% 0.25%; padding: 0;
	color: #666; 
	border: 0px solid #ddd;	
	}		
div.leftCol3 p, div.rightCol3 p {
	display: block;	
	/*margin-bottom: 2% !important;*/
	padding: 0.5%; line-height: 1.25em; 
	border: 0px solid #ddd;
	}	
div.leftCol3 p.backLink {margin: -2% 0 5px 0 !important; padding: 0; outline: 0;}
div.leftCol3 p.threeQuarter {
	width: 80%;
	margin-top: 1.5%;
	background-color: #fafafa;
	color: #555; font-size: 1.05em;
	border: 2px solid #a6bca6;
	border-radius: 4px;	
	}	
div.leftCol3 p.bioPg {margin: 0 0 1.5% 0 !important; padding: 0 !important;}		

/* UL FILES GUIDE */
/* wspaceUL: substance-use.php */
/* stdUL, negTM: getting-started.php, client-forms.php */
/* bioPgUL : therapists*/

ul.stdUL, ul.negTM, ul.wspaceUL {
	position: relative; display: block; 
	padding: 0 4%;
	border: 0px solid #ddd;
	}
	
ul.stdUL li, ul.stdUL li.bPoints, ul.negTM li, ul.bioPgUL li {
	list-style: disc;
	line-height: 1.35em;	
	margin-left: 1%;
	}
ul.stdUL li.bPoints {
	margin-bottom: 1.75% !important;
	}	
	
	
ul.stdULnoD {
	list-style: none !important;
	padding-left: 1%;
	margin-left: 1%;	
	}
ul.stdULnoD li {line-height: 1.65em !important;  border: 0px solid #ddd;}
ul.stdULnoD img.icon {display: inline-block;}
ul.stdULnoD a {display: inline-block; vertical-align: top !important; padding-top: 3px;}
	
ul.negTM {margin: -3% 0 3% 3% !important;}	
ul.wspaceList li {
	list-style: disc;	
	margin-bottom: 2% !important;
	line-height: 1.25em;
	}

ul.bioPgUL {
	float: left; display: block; 
	width: 100%; max-width: 500px;
	margin: 0 0 2% 0 !important; 
	padding: 1% 0 0 1.5% !important;
	border: 0px solid #ddd;
	}
ul.bioPgUL li {margin-left: 2.5% !important;}

div.innerLeft, div.innerRight {
	display: inline-block !important;
	width: 48% !important;
	margin-right: 0.5%;
	vertical-align: top !important;	
	}	
div.innerLeft ul.stdUL, div.innerRight	ul.stdUL {
	margin-left: 15px !important;
	vertical-align: top !important;	
	}
	
	
/* HOME MAP */
.map {display: block; margin-top: 2% !important; text-align: center;}

ul.thumbs, ul.bioThumbs {
	position: relative; display: block;
	width: 99%; max-width: 1000px;
	margin-top: 1%; margin-left: 0.5%; padding: 0;
	border: 0px solid #ddd;
	}	
ul.thumbs li {
	border: 0px solid #ddd; 
	white-space: normal;	
	}
ul.thumbs li.wide {
	display: inline-block; 
	margin-right: 2.65%; margin-bottom: 3%;
	vertical-align: top;
	border: 0px solid #bbb;
	}
ul.thumbs li.fiveAcross {
	display: inline-block;
	width: 16.5% !important; 
	margin-right: 2%; margin-bottom: 3%;
	vertical-align: top;
	border: 0px solid #bbb;
	}	
	
ul.thumbs li.narrow {
	display: inline-block; width: 20%;
	margin-right: 0.5%; margin-bottom: 3%;
	vertical-align: top; 
	border: 0px solid #ddd;
	}
ul.thumbs li.last {margin-right: 0 !important;}	
ul.thumbs li.wide img {margin-bottom: 5px;}

ul.thumbs li.farRight {display: inline-block; width: 62%; margin-left: 0; padding: 0 0.5%;}		
ul.thumbs li.farRightWide {display: inline-block; width: 55%; margin-left: 0; padding: 0 1%;}		
	
ul.thumbs li.block {
	display: block; 
	width: 95%;
	margin-right: 4%; margin-bottom: 3%;
	vertical-align: top;	
	clear: left;
	border: 2px solid #ddd;
	}	
	
ul.thumbs li.thirds {
	display: inline-block;
	width: 31%;	vertical-align: top;
	line-height: 1.4em;
	margin: 0 1% 3% 0; padding: 0.5% 0;
	border: 0px solid #ddd;
	}	
ul.thumbs li.thirds a.vlarge, ul.thumbs a {font-size: 1.5em;}	
	
ul.bioThumbs li {
	display: inline-block;
	width: 18.25%;
	vertical-align: top;
	margin: 0 1.20% 3% 0; padding: 0.25% 0;
	font-size: 0.9em; color: #666; line-height: 1.2em;
	border: 0px solid #ddd;		
	}	
ul.bioThumbs li img {
	display: block; margin: 5px 0 10px 0 !important; clear: right; 	
	}	

div.rightCol2 ul.bioThumbs {margin-left: 0 !important; margin-top: 1% !important;}	
div.rightCol2 ul.bioThumbs li {width: 22.5% !important;}	/* locations.php */

div.therapists {margin-top: 0.5%; border: 0px solid #0000cc;}
div.therapists ul.bioThumbs li {width: 18.5%;}	/* therapists.php */

div.services ul.bioThumbs li {width: 17%;}	/* school-services.php */

a.backToTopBtn {
	position: fixed;
	display: none;
	width: 50px; height: 50px;
	bottom: 8%; right: 4%;
	background-image: url(../img/core/mobile-up-arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	z-index: 9999 !important;
	}		

/* LOCATIONS MAP */	
	
	
/* FOOTER */
div.footer {
	position: relative; display: block;
	background-color: #0e6839; color: #fff !important;
	border: 0px solid #dedede;		
	}
div.footerContent {
	width: 100%; max-width: 1560px;
	margin: 2% auto 0 auto !important;
	padding: 0.25% 0;
	}
div.footer .leftCol {
	width: 30%;
	margin: 0; padding: 10px;
	border: 0px solid #fff; 	
	}
div.footer .centerCol, div.footer .rightCol  {
	width: 32%;
	margin: 0; padding: 10px;
	border: 0px solid #fff; 	
	}

div.footer p.social {
	display: inline-block;
	margin-top: 4%;
	width: 100%;
	height: 68px !important; 
	vertical-align: top;
	}
	
div.footer p.social img {	
	width: 100% !important; max-width: 68px !important;
	}
div.footer p a:link, div.footer p a:visited {color: #fff;}
div.footer p a:hover {color: #fff; text-decoration: underline;}
	
.normal {
	font-size: 1em; color: #fff;
	}
.italic {
	font-style: italic;	
	}	


/* EXTRA */
.tutorial_link, .sk_branding, .temporary_tutorial_link {
	display: none !important;	
	}

/* MEDIA QUERIES */
@media only screen and (min-width: 737px) and (max-width: 2750px) {
	/* DESKTOP MENU */
	/* HIDE MENU BURGER IF NOT MOBILE */
	.openCloseMenu #burger, #burger {display: none !important;}	
	.nav * {display: none;}
	span.mobileClear {
		display: inline-block;
		width: 55%;
		text-align: left !important;
		clear: left !important;	clear: both !important;
		border: 1px solid #ddd;
		}		
	}
@media screen and (max-width: 1680px) {
	ul.topMenu {margin: 0 0 0 1%;}
	
	div.headerMenu {
		float: right;
		display: inline-block !important;
		width: 85%;	max-width: 1025px;
		margin: 2% 5% 0 0 !important; padding: 10px 20px;
		font-size: 1.1em; letter-spacing: 0.06em;		
		}
	
	div.headerLeftG img.logos {
		display: inline-block !important;
		max-width: 200px !important;
		border: 0px solid #ddd !important;
		}		
	}
	
@media screen and (max-width: 1440px) {
	body {overflow-x: hidden;}
	
	div.headerMenu {
		float: right;
		display: inline-block !important;
		width: 90%;	max-width: 950px;
		margin: 2% 5% 0 0 !important; padding: 10px 20px;
		font-size: 1em; letter-spacing: 0.06em;		
		}	
	
	.siteBanner img.logo {max-width: 75% !important;}	
	
	div.headerLeftG img.logos {
		display: inline-block !important;
		max-width: 175px !important;
		border: 0px solid #ddd !important;
		}		

	div.mobileJumpList {display: block !important;}			
	
	div.primaryContent {
		width: 96% !important;
		margin: 0 auto 6% auto !important;

		}
	ul.thumbs li.wide {margin-right: 3.5%; margin-bottom: 3%;}	
	}	

@media screen and (max-width: 1280px) {
	body {font-size: 0.95em; overflow-x: hidden;}
	.siteBanner img.logo {max-width: 70% !important;}
	div.headerMenu	{width: 80%; max-width: 755px !important; font-size: 1em !important;}	
	
	div.headerLeftG img.logos {
		display: inline-block !important;
		max-width: 165px !important;
		border: 0px solid #ddd !important;
		}		

	ul.topMenu {margin: 0 0 0 1%;}
	div.primaryContent {margin-bottom: 8% !important;}
	ul.thumbs li.wide {margin-right: 2.35%; margin-bottom: 3%;}	
	}	

	
	
/************************/	
/** MOBILE RULES **/
/** Portrait and Landscape **/
/************************/	
@media only screen and (max-device-width : 756px) {
	body {-webkit-text-size-adjust: none; font-size: 1em;}
	.wrapper  {
		position: relative; display: block;
		width: 96%; max-width: 756px !important;
		margin: 0 auto; padding: 0;
		border: 0px solid #336600;
		}		
	.desktop {display: none !important;}
	span.buttonXtra, .secondSpot, .thirdSpot {display: none !important;}
	div.headerLeft {width: 100% !important;}
	.siteBanner img.logo {width: 65%; max-width: 161px !important;}
	
	/* HIDE DESKTOP MENU CONTAINER */
	div.headerRight {display: none !important;}
	
	span.hide, p.hide, a.hide  {display: none !important;}
	
	/* MOBILE MENU */
	header {z-index: 9999 !important;}
	
	/* HEADER: GREEN IMAGE BANNER BAR */
	.mainBar {
		position: relative; display: block;font-weight: bold;
		background-color: #598c25;
		padding: 0;
		}
	.mainBarContent {
		position: relative; display: block;
		width: 100%; max-width: 1200px;
		margin: 0 auto;	
		border: 0px solid #fff;
		}	
	.headings {font-size: 1.3em !important;}
	
	.mobile-nav-button .mobile-nav-button__line {
		width: 100%;
		height: 3px;
		background: #0e0e0e;
		position: relative;
		transition: 1s ease;
		}
	
	.mobile-nav-button .mobile-nav-button__line:nth-of-type(2) { margin: 0.5rem 0; }
	.mobile-nav-button .mobile-nav-button__line--1 {
		transform: rotate(45deg);
		top: 10px;
		position: absolute;
		}
	
	.mobile-nav-button .mobile-nav-button__line--2 { display: none; }
	.mobile-nav-button .mobile-nav-button__line--3 {
		transform: rotate(135deg);
		top: 13px;
		position: absolute;
		}
		
	/* THE MENU */	
	.mobile-menu {
		display: block;
		width: 100%;
		/*max-width: 765px;*/
		background: #598c25;
		left: -100%;
		height: 125vh;
		position: absolute;
		z-index: 9998;
		transition: 0.6s ease;
		opacity: 0;
		}

	.mobile-menu ul {position: relative; padding: 0;}
	
	.mobile-menu ul li { list-style: none; }
	.mobile-menu ul li a {
		position: relative; display: block;
		width: 100%;
		max-width: 1200px;
		margin: 1% 0; padding-left: 3.25% !important;
		text-align: left; text-decoration: none;
		font-weight: bold; color: #fff;
		overflow: hidden;
		}
	.mobile-menu ul ul li a {
		position: relative; display: block;
		width: 94%;
		margin: 1% 0; padding-left: 8% !important;
		text-align: left; text-decoration: none;
		font-weight: bold; color: #fff;
		overflow: hidden;
		}	
	.mobile-menu ul li a:hover { color: #fff; }
	.mobile-menu ul li a:hover:after { left: 0; }
	
	.mobile-menu img {
		position: absolute;
		width: 150px;
		display: block;
		left: 50%;
		top: 3rem;
		transform: translatex(-50%);
		padding: 0;
		text-align: center;
		}
	
	.mobile-menu--open {
		left: 0;
		opacity: 1;
		}		
	
	ul.headerLeft {
		position: relative; display: block;
		margin-left: 15%;
		list-style: none;
		color: #fff;
		padding: 0 0 0.75% 0;
		border: 0px solid #ddd;	
		}		

	div.primaryContent {
		position: relative; display: block;
		width: 98% !important;
		margin: 6% auto 2% auto !important;
		}
	div.pageContent, div.sidebarContent  {
		display: block !important; 
		float: none !important; 
		margin: 4% 0;
		width: 98% !important;
		padding: 1% 2% !important;
		text-align: left !important;
		}
	div.threeColumn {
		width: 98% !important;
		margin: 1% auto 0 auto !important;
		border: 0px solid #ddd;
		}
	div.leftCol, div.centerCol, div.rightCol {
		width: 98% !important;
		margin: 1% auto 0 auto !important;
		border: 0px solid #ddd;			
		}		
		
	div.pageContent p {
		line-height: 1.25em;
		}		
	div.pageContent p.noBM {margin-bottom: 0.5% !important;}
	div.pageContent p.extBM {margin-top: 0.5% !important; margin-bottom: 5% !important;}
	div.hide {display: none !important;}
	
	.narrowCol {width: 96%;}
	
	/* NOT SURE WHICH ONE TO USE */
	/*.hide {position: absolute; top: -9999px; left: -9999px; }*/
	
	ul.thumbs {
		position: relative; display: block;
		width: 98% !important; 
		margin-left: 0;
		padding: 0 !important; 
		text-align: left;
		border: 0px solid #ddd;
		}	

	ul.thumbs li.wide {
		display: inline-block; 
		margin: 0 5.5% 4% 0 !important;
		padding: 0 !important;	
		list-style: none;
		vertical-align: top;
		}

	ul.thumbs li.wide img.alignleft {margin: 0;}
	
	/* TWO COLUMN LAYOUT */
	div.leftCol2, div.rightCol2 {
		position: relative; display: block;
		width: 98%;
		margin-right: 2% !important; padding: 0;
		color: #666; line-height: 1.25em; 
		}		
	div.leftCol2 p, div.rightCol2 p {
		display: block;	
		/*margin-bottom: 3% !important;*/
		padding: 1%;
		border: 0px solid #ddd;	
		}	
	
	.formsButton {
		display: inline-block;
		background-color: #0c6938;
		width: 28%;
		max-width: 175px;
		font-size: 2em;
		}
	.formsLgButton {
		display: inline-block;
		background-color: #72b944;
		width: 33%;
		max-width: 200px;
		margin-left: .3%; margin-top: 2%;
		padding: 5px;
		text-align: center;
		font-size: 2.5em !important; color: #fff !important;
		border: 2px solid #555; border-radius: 10px; 
		}			

	div.message ul {display: block; margin-left: 3% !important;}
	ul.bioPgUL {margin-top: 1% !important;}
	
	div.pageContent p.mobileClear {clear: left !important;	clear: both !important;}
	span.mobileClear {
		display: inline-block;
		width: 85%;
		clear: left !important;	clear: both !important;
		}

	div.leftCol3 p.threeQuarter {
		width: 96%; padding: 1%;
		background-color: #f7f7f7;
		}	
		
		
	/* GROUPS */	
	section.boundary {width: 92%; margin: 1.5% auto 0 auto !important; }	
	section.boundary div.rightCol {display: block; width: 95% !important; margin: 0; border: 0px solid #ddd;}
	section.boundary div.rightCol ul {display: block; width: 100%;}
	section.boundary div.rightCol ul span {display: block !important;}
	section.boundary div.rightCol ul span:nth-child(3) {color: #0000cc;}
	/* GROUPS STATUS */
	.addExtraLH {line-height: 1.75em !important;} 
	.addPaddingLeft {padding-left: 10px; font-size: 1em !important;}
	
	
	/* FOOTER */
	div.footer {
		position: relative; display: block;
		width: 100%;
		margin: 2% auto 0 auto !important;
		padding: 0.25% 0;
		bottom: 0;
		background-color: #0e6839; color: #fff !important;
		border: 0px solid #dedede;		
		}		
	div.footer .leftCol {
		width: 100%;
		margin: 0; padding: 10px;
		border: 0px solid #fff; 	
		}
	div.footer .centerCol, div.footer .rightCol {
		display: inline-block !important;
		width: 43% !important;
		margin: 0; padding: 10px !important;
		vertical-align: top !important;
		border: 0px solid #fff; 			
		}
	
	div.footer p.social {
		display: inline-block;
		margin-top: 4%;
		width: 100%;
		height: 68px !important; 
		vertical-align: top;
		}
	div.footer p.social img {	
		width: 100% !important; max-width: 68px !important;
		}
	div.footer p a:link, div.footer p a:visited {color: #fff;}
	div.footer p a:hover {color: #fff; text-decoration: underline;}
	
	/* VERTICAL PORTRAIT */
   @media only screen and (orientation: portrait) {
		body {font-size: 0.9em !important;}
		h2 {display: block; font-size: 1.5em !important; margin-bottom: 2% !important;}
		#quicklinks {
			display: block;
			margin-top: 10px !important;	
			}
		#quicklinks a {
			display: block !important;
			margin: 0 !important;
			font-size: 1.35em !important;	
			}
		
/*		a.mobile-anchor {
			display: block !important;	
			margin: 2% 0 2% 3% !important;
			font-size: 1.2em;
			}
		span.link-spacer {
			display: none !important;	
			}*/
		h4.nav-jumps {display: none !important;}

		.menubar img {
			height: 40px !important;	
			}
		.mobile-nav-button {
			position: absolute;
			width: 30px;
			height: 25px;
			margin: 1rem !important;
			left: 0; top: 8%;
			z-index: 9999;
			cursor: pointer;
			}
		div.mobile-nav-button {margin-top: 1.25% !important;}
		.mobile-menu {top: 0 !important; width: 100% !important;}
		.mobile-menu ul {top: 6.5%;}	
		.mobile-menu ul li a {font-size: 1.7rem; line-height: 1.3em;}
		.mobile-menu ul ul li a {font-size: 1.3rem; line-height: 1.2em;}
		
		div.headerLeftG img.logos {
			display: inline-block !important;
			width: 40%;
			border: 0px solid #ddd !important;
			}

		div.mobileJumpList {position: relative; display: block !important; margin-bottom: 5%;}
		div.mobileJumpList ul li {
			display: block !important;
			width: 95%;
			background-color: #efefef;
			margin: 1% 0; padding: 0.25% 1% !important;
			line-height: 1.35em;
			border: 1px solid #bbb;
			border-radius: 4px;
			}				
		div.pageContentMed {
			display: block;
			width: 90% !important;
			background-color: #fff;
			color: #666; text-align: left;
			margin: 1% auto !important;
			padding: 1%;
			background-color: #f6f6f6;
			border: 2px solid #eaeaea; border-radius: 5px;
			z-index: 999 !important;	
			}	
		div.pageContent img.float {
			max-width: 48% !important;
			margin-right: 5% !important;
			}

		/* HOME PAGE GROUPS LAYOUT */
		h4 {
			width: 90% !important; 
			margin: 0 auto !important;
			padding-left: 8px !important;
			}
		p.normal {
			width: 85%;
			line-height: 1.25em;
			margin-bottom: 2%;
			color: #555;
			border: 0px solid #ddd;
			}				
		p.wide {
			width: 95%;
			line-height: 1.25em;
			margin: 0 auto 2% auto !important;
			color: #555;
			}			
		div.pageContent span.homeGroupThumbs {
			display: inline-block; width: 48% !important; 
			/*margin-right: 2%;*/
			margin: 0 !important;	
			text-align: center; vertical-align: top !important; 
			border: 0px solid #ddd;
			}			
		div.pageContent ul.homeGroups {
			display: block; width: 100%;
			margin: 0 auto; padding: 0;
			border: 0px solid #ddd;	
			}
		div.pageContent ul.homeGroups li {
			display: inline-block !important;
			width: 31%;	
			margin-bottom: 4%;
			text-align: center; vertical-align: top !important;
			border: 0px solid #ddd;	
			}
		div.pageContent ul.homeGroups li img {			
			width: 95% !important; max-width: 145px;
			}
			

			
		p.textBoxR, p.textBoxL {
			display: block; width: 96%;
			margin: 0 auto !important;
			}
			
		.groupImg {text-align: left !important;}
		
		div.bioExerpts p {margin-bottom: 5% !important;}
		
		ul.thumbs {margin: 2% auto !important;}
		ul.thumbs li.narrow {display: inline-block; width: 60% !important;}
		ul.thumbs li.wide {margin-left: 2% !important;}
		ul.thumbs li.farRight {display: inline-block; width: 62%; margin-left: 0; padding: 0 0.5%; line-height: 1em;}				
		ul.thumbs li.farRightWide {width: 98%; margin-left: 0; padding: 0 0.25%; line-height: 1em;}				
		
		div.therapists {margin-left: 1%;}
		ul.bioThumbs li {width: 25% !important; margin-right: 7% !important;}
		ul.thumbs a.vlarge, .vlarge {font-size: 1.25em !important;}
		
		div.leftCol2, div.rightCol2 {width: 100% !important; margin: 0 auto !important;}
		
		div.leftCol3, div.rightCol3 {
			position: relative; display: block; float: none;
			width: 98%; margin: 0 auto;	
			}
		
		div.rightCol3 {margin-top: 3%;}
		div.leftCol3 p.backLink {margin: 1% 0 5px 0 !important; padding: 0; outline: 0; font-size: 1.3em;}		
		div.leftCol3 p.clinicianImg {width: 33%;	margin-bottom: 2%;}
		div.leftCol3 p.clinicianImg img {max-width: 75% !important;}

		div.formsButtonWide {
			display: inline-block;
			background-color: #0c6938;
			width: 85%;
			max-width: 450px;
			margin-right: 1%; padding: 5px;
			text-align: center;
			font-size: 2em !important; color: #fff !important;
			border: 2px solid #555; border-radius: 5px; 
			}

		p.additionalFormLinks a {
			display: block !important;
			margin-left: 1%;
			line-height: 2em !important;
			font-size: 1.2em;
			border: 0px solid #ddd;
			}			
		
		ul.bioThumbs {margin: 0 7.5% !important;}
		ul.bioThumbs li {width: 40% !important;}
		
		.pageContent ul.stdULnoD {display: none;}
		.medParagraph {width: 100% !important;}
		a.backToTopBtn {bottom: 9%; right: 4%;}		
		}
		
   /* HORIZONTAL LANDSCAPE */
   @media only screen and (orientation: landscape) {
		body {font-size: 1em !important;}

		.mobile-nav-button {
			position: absolute;
			width: 35px;
			height: 30px;
			margin: 1rem;
			left: 0; top: 15% !important;
			z-index: 9999;
			cursor: pointer;
			}
		div.mobile-nav-button {margin-top: 1.5% !important;}
		.mobile-menu {	top: 0 !important; height: 165vh;}
		.mobile-menu ul {top: 10% !important;}	
		.mobile-menu ul li a {font-size: 1.65rem;}
		.mobile-menu ul ul li a {font-size: 1.3rem; line-height: 1.15em;}				
		
		div.headerLeftG img.logos {
			display: inline-block !important;
			width: 35%;
			border: 0px solid #ddd !important;
			}		
		
		div.mobileJumpList {position: relative; display: block !important; margin-bottom: 3%;}
		div.mobileJumpList ul li {
			display: block !important;
			width: 95%;
			background-color: #efefef;
			margin: 1% 0; padding: 0.25% 1% !important;
			line-height: 1.35em;
			border: 1px solid #bbb;
			border-radius: 4px;
			}			
		
		/* HOME PAGE GROUPS LAYOUT */
		h4 {
			width: 90% !important; 
			margin: 0 auto !important;
			padding-left: 27px !important;
			border: 0px solid #ddd;
			}		
		p.normal {
			width: 80%;
			line-height: 1.25em;
			margin-bottom: 0 !important;
			color: #555;
			border: 0px solid #ddd;
			}					
		
		div.sidebarContent {
			width: 100% !important; max-width: 680px; margin-left: 2.5% !important;	
			}
		ul.thumbs {width: 96% !important;}
		ul.thumbs li.farRightWide {width: 98%; margin-left: 0; padding: 0 0.25%; line-height: 1em;}
		ul.thumbs li h4 { display: block; width: 100% !important; margin-bottom: 1%;

			}		
		ul.stdUL, ul.negTM {width:75%;}
	
		div.leftCol3 p.backLink {margin: 0 0 10px 0 !important; padding: 0; outline: 0; font-size: 1.2em;}		
		div.leftCol3 p.clinicianImg {width: 33%;	margin-bottom: 2%;}
		div.leftCol3 p.clinicianImg img {max-width: 75% !important;}
		
		div.leftCol3 {
			float: left; display: block;
			width: 55%;
			margin: 1% 0.5% 1% 0.25%; padding: 0;
			color: #666; 
			border: 0px solid #999;	
			}		
		div.rightCol3 {
			float: left; display: block;
			width: 42%;
			margin: 1% 0.5% 1% 0.25%; padding: 0;
			color: #666; 
			border: 0px solid #999;	
			}			
		
		div.formsButtonWide {
			display: inline-block;
			background-color: #0c6938;
			width: 85%;
			max-width: 475px;
			margin-right: 1%; padding: 10px;
			text-align: center;
			font-size: 2em !important; color: #fff !important;
			border: 2px solid #555; border-radius: 5px; 
			}		
		p.additionalFormLinks a {
			display: block !important;
			margin-left: 1%;
			line-height: 2em !important;
			font-size: 1.25em;
			border: 0px solid #ddd;
			}	
	
		
		ul.bioThumbs {margin: 0 7.5% !important; }
		ul.bioThumbs li {width: 45% !important;}
		
		.medParagraph {width: 98% !important;}
		
		a.backToTopBtn {bottom: 11%; right: 4%;}
		}
	}