/*
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;
	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: 2% !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: #444; 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;}			

.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;}

.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;}
.medDark {color: #555;}
.dark {color: #333;}	
.black {color: #000;}
.darkBlue {color:	#0000cc;}

.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;}
.addTopMargin {margin-top: 5% !important;}
.addMargin { margin: 2% 0 !important;}
.addPaddingLeft {padding-left: 25px !important;}
.padding {padding: 0.5%;}
.alignLeft {text-align: left !important;}

/* HEADINGS */
h2 {display: block; font-size: 1.75em !important; margin-bottom: 2% !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; border: 0px solid #ddd;}
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:#444; 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.6em; color:#444; 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; color: #444; 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; color: #444; 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;		
	}	
	
/* HEADER: DARK TOP BAR */	
.topBar {
	display: block;
	width: 100%; /*max-width: 1200px;*/
	margin: 0;
	padding: 0.65% 0;
	background-color: #444;
	}	
ul.topMenu, ul.topRight {
	list-style: none;			
	color: #ddd;
	}
ul.topMenu {
	float: left; display: block;
	width: 40%; margin-left: 1% !important;
	white-space: nowrap; 
	text-align: left;
	border: 0px solid #fff;
	}	
.topMenu li {
	display: inline-block;
	margin: 0 2%;
	}
.topMenu li.first {margin-left: 2%;}	
.topMenu li.last {margin-left: 65%;}	
.topMenu a {color: #ccc; font-size: 1em;}
.topMenu a:hover {color: #fff;}

.topMenu {}
.topRight {float: right; margin-right: 5%;}

/* 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 {float: left; width: 20%;}
div.headerLeftG img.logos {
	display: inline-block !important;
	border: 0px solid #ddd !important;
	}
	
div.headerRight {float: right; width: 79%;}
/*.siteBanner img.logo {max-width: 100% !important;}	*/

div.headerMenu {
	float: right;
	display: inline-block !important;
	width: 68%; max-width: 880px !important;
	/*background-color: #598c25;*/
	background-color: #fff;
	margin: 5% 0 0 5% !important; padding: 0;
	white-space: nowrap; 
	font-size: 1.2em; letter-spacing: 0.06em;
	border: 0px solid #0e6839; 
	}
	
	
/* HEADER: GREEN MAIN 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;
	}	
	
.medHeading {font-size: 1.5em;}	
	

/* WHAT'S THIS ???? */
.imagebar {z-index: 99;} 

		
/* MAIN TABBED MENU BAR */
.menubar {
	position: relative; display: block;
	width: 100%; height: 100%; max-height: 200px !important;
	margin: 0 auto; padding: 1px; 
	/*text-align: center !important;*/
	z-index: 999;
	}
.menubar img.banner {height: 100%; max-height: 200px !important;}
	
.tabs {
	position: absolute;
	bottom: 3px;
	/*position: relative; display: block;*/
	width: 100%; 
	/*margin: 0; padding: 0;*/
	border: 0px solid #fff;
	}
	
.tabs li {
	display: inline-block;
	margin: 0 0.25%; padding: 0.75%;
	border: 1px solid #444;
	
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	
	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 */		
	}
.tabs li:hover {background-color: #efefef; color: #720000 !important;}	
.tabs li:hover a {color: #720000 !important;}	
	
.tabs a {font-size: 1.2em; font-weight: normal; letter-spacing: 0.05em;}
.tabs a:link, .tabs a:visited {color: #fff; text-decoration: none;}
.tabs a:active, .tabs a:hover {color: #720000; text-decoration: none;}

.tabs li.extraMargin {margin-left: 2%;}		

/* HEADER FLOATING BUTTONS */
div.extraButtons {
	position: relative; display: block;
	width: 100%; max-width: 1200px;
	margin: 0 auto; padding: 0;
	border: 1px solid #720000;	
	}

span.buttonXtra {
	position: absolute; display: block;
	margin: 0 0.25%; padding: 0.5% 0.75%;
	border: 1px solid #444;
	
	-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: 7% !important; right: 5%;}
span.thirdSpot {position: absolute; display: block; top: 37% !important; right: 5%;}
span.fourthSpot {position: absolute; display: block; top: 67% !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;}

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 {
	position: relative; display: block;
	width: 98%; max-width: 1560px;
	margin: 0.5% auto 6% auto !important; padding: 0; 
	border: 0px solid #ddd;
	}
section.boundary, section.boundaryWide	{
	position: relative; display: block;
	margin-top: 1.5%; padding: 0.5%;
	background-color: #fafafa;
	color: #444; 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: #444; font-size: 1.05em;
	border: 2px solid #a6bca6;
	border-radius: 4px;			
	}
	
p.narrow {
	width: 50%;
	line-height: 1.25em;
	margin-bottom: 1%;
	color: #444;
	border: 1px solid #ddd;
	}
p.normal {
	width: 75%;
	line-height: 1.25em;
	margin-bottom: 2%;
	color: #444;
	border: 0px solid #ddd;
	}	
p.wide {
	width: 85%;
	line-height: 1.25em;
	margin-bottom: 2%;
	color: #444;
	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: 68%;
	background-color: #fff;
	color: #666; text-align: left;
	margin: 0 !important; padding: 0.5% 0;
	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;
	}	

/* HOME PAGE GROUPS LAYOUT */
div.pageContent span.homeGroupThumbs {
	display: inline-block; width: 29%; 
	margin-left: 3.0%;
	margin-right: 2%;	
	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: 3%;
	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: 3px;
	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: 93%;}
.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 #333; 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 #333; 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 #333; 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 #333; 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% 5% 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: #444; 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;}



/*ul.bioPgUL li:nth-child(1), ul.bioPgUL li.first {
	margin-left: -1% !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;
	}		

	
/* FOOTER */
.footer {
	position: fixed; display: block;
	display: block;
	width: 98%;
	margin: 0 auto;
	padding: 0.25% 1%;
	bottom: 0;
	background-color: #444;
	border: 0px solid #dedede;		
	}		

div.footerContent {
	display: block;
	padding-bottom: 1% !important;
	text-align: center !important; color: #efefef; font-size: 0.85em;
	line-height: 1.3em;
	border: 0px solid #ddd;	
	}
.normal {
	font-size: 1em; color: #fff;
	}
.italic {
	font-style: italic;	
	}	
.footerContent a {color: #efefef;}
.footerContent a:hover {color: #fff;}

/* 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%;}
	
	.siteBanner img.logo {max-width: 80% !important;}	
	div.headerMenu	{width: 70%; max-width: 880px !important;}
	
	div.headerLeftG img.logos {
		display: inline-block !important;
		width: 40%;
		border: 0px solid #ddd !important;
		}		
	
	span.buttonXtra {padding: 0.3% 0.75%;}
	span.secondSpot {top: 7%; right: 5%;}
	span.thirdSpot {top: 37%; right: 5%;}	
	span.fourthSpot {top: 67%; right: 5%;}	
	}
	
@media screen and (max-width: 1440px) {
	body {overflow-x: hidden;}
	ul.topMenu {margin: 0 0 0 1%;}
	
	.siteBanner img.logo {max-width: 75% !important;}	
	div.headerMenu	{width: 85%; max-width: 860px !important; font-size: 1.1em !important;}	
	
	div.headerLeftG img.logos {
		display: inline-block !important;
		width: 35%;
		border: 0px solid #ddd !important;
		}	
	div.mobileJumpList {display: block !important;}			
	
	span.buttonXtra {padding: 0.3% 0.75%;}
	span.buttonXtra a {font-size: 1em; font-weight: normal; letter-spacing: 0.05em;}
	span.secondSpot {top: 7%; right: 5%;}
	span.thirdSpot {top: 37%; right: 5%;}	
	span.fourthSpot {top: 67%; right: 5%;}	
	
	div.primaryContent {margin-bottom: 6% !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;
		width: 30%;
		border: 0px solid #ddd !important;
		}		
	
	span.buttonXtra {padding: 0.3% 0.75%;}
	span.buttonXtra a {font-size: 1em; font-weight: normal; letter-spacing: 0.05em;}
	span.secondSpot {top: 7%; right: 5%;}
	span.thirdSpot {top: 37%; right: 5%;}	
	span.fourthSpot {top: 67%; right: 5%;}	

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

@media screen and (max-width: 1024px) {
	body {font-size: 0.9em; overflow-x: hidden;}
	ul.topMenu {margin: 0 0 0 1%;}

	.siteLogo {max-width: 116px; max-height: 70px;}
	div.headerMenu	{width: 85%; max-width: 675px !important; font-size: 1em !important;}	

	div.headerLeftG img.logos {
		display: inline-block !important;
		width: 30%;
		border: 0px solid #ddd !important;
		}		
	
	span.buttonXtra {padding: 0.3% 0.75%;}
	span.buttonXtra a {font-size: 1em; font-weight: normal; letter-spacing: 0.05em;}
	span.secondSpot {top: 7%; right: 5%;}
	span.thirdSpot {top: 37%; right: 5%;}	
	span.fourthSpot {top: 67%; right: 5%;}		

	div.primaryContent {margin-bottom: 10% !important;}
	div.footer {margin-top: 10% !important;}
	}		
	
	
/************************/	
/** MOBILE RULES **/
/** Portrait and Landscape **/
/************************/	
@media only screen and (max-device-width : 756px) {
	body {-webkit-text-size-adjust: none; font-size: 1em;}
	.desktop {display: none !important;}
	div.headerLeft {width: 100% !important;}
	.siteBanner img.logo {width: 65%; max-width: 161px !important;}
	
	div.headerRight, div.tabs {display: none !important;}
	div.topBar {display: none !important;}
	div.footer {display: none !important;}	
	span.hide, p.hide, a.hide, .buttonXtra {display: none !important;}
	
	/* MOBILE MENU */
	header {z-index: 9999 !important;}
	.headings {font-size: 1.3em !important;}
	
	span.secondSpot {top: 26% !important; right: 48%;}
	span.thirdSpot {top: 26% !important; right: 3%;}
	
	.mobile-nav-button .mobile-nav-button__line {
		width: 100%;
		height: 4px;
		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: 13px;
		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: 200vh;
		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 {width: 98% !important; padding: 0 !important;}
	div.pageContent, div.sidebarContent, div.leftCol, div.centerCol, div.rightCol {
		position: relative !important;
		display: block !important; 
		float: none !important; 
		width: 100% !important;
		margin: 3% auto !important; padding: 0;
		text-align: left !important;
		border: 0px solid #ddd;
		}
	div.pageContent p {
		margin: 3% 0 !important;
		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;
		float: none; display: block;
		width: 98%;
		margin: 1% auto 2% auto !important; padding: 1%;
		color: #666; line-height: 1.25em; 
		border: 0px solid #ddd;	
		}		
	div.leftCol2 p, div.rightCol2 p {
		display: block;	
		margin-bottom: 3% !important;
		padding: 0.5%;
		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 #333; 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;}
		
	
	/* 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;}
	
		.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: #444;
			border: 0px solid #ddd;
			}				
		p.wide {
			width: 98%;
			line-height: 1.25em;
			margin: 0 auto 2% auto !important;
			color: #444;
			}			
		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;
			}
			
		div.primaryContent, div.threeColumn {
			width: 96% !important;
			margin: 0 auto !important;	
			}
		p.textBoxR, p.textBoxL {
			display: block; width: 96%;
			margin: 0 auto !important;
			}
			
		div.threeColumn {margin: 3% 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 #333; 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: #444;
			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 #333; 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%;}
		}
	}