body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background:url('img/bg.gif') repeat-x #62732f;
	margin: 0;
	padding: 0;
	color: #354305; /*dark green */
	}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Zero padding and margin on lists. */
	padding: 0;
	margin: 0;
	
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* remove the top margin b/c margins can escape their containing div. */
	padding-right: 15px;
	padding-left: 15px; /* add the padding to the sides of the elements within the divs*/
	}
	
/* header sizes ~ addition */
* html h1 {display:inline; font-size:170%; margin-bottom: 10px;} /*for i.e. whitespace bug */

h1 {font-size:170%; margin-bottom: 10px; white-space: nowrap;}
h2 { font-size:120%; margin-bottom: 5px;padding-top: 30px; /*addition */}
h3, h4, h5, h6 { font-size:100%; margin-bottom: 10px; padding-top: 15px; /*addition */}
p {font-size:90%; padding-top: 5px; /*padding-top: 5px;*/ padding-bottom: 0px; line-height:1.5em; /*addition */}

a img { /* remove default blue  */	border: none;}

a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

.outercontainer {
	width: 754px;
	margin: 0 auto 0px auto; 
	border-right:15px solid #163100;
	border-left:15px solid #163100;
	border-bottom:10px solid #163100;
	
	}

.container {
	width: 730px;
	background: #fff;
	margin: 0 auto;
	border-right:12px solid #000;
	border-left: 12px solid #000;
	border-bottom:10px solid #000;
	}


.sidebar1 {
	float: right;
    /* width: 180px; */	
	width: 170px;
	background: #fff;
	padding-bottom: 10px;
	margin-top: 100px; /* addition */
	}
.content {
    padding: 30px 40px 20px 15px;
	/*padding: 20px 0;*/
	width: 500px;
	float: left;
	/*float: right;*/
	font-size: 90%; /* addition */
	}
body.faqsection .content, body.privacysection .content {
	width: 630px; padding-left: 15px; padding-right: 40px;
}
body.aboutsection .content {
	width: 630px; padding-left: 15px; padding-right: 40px;
}

body.resourcessection .content {
	width: 680px; padding-left: 15px; padding-right: 20px;
}
body.consultationsection .content {
	width: 680px; padding-left: 15px; padding-right: 20px;
}
.content ul, ol { font-size:90%; /* addition */}	
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 0px 15px 40px; 
	}
.content ul li, .content ol li{ 
	padding-top: 5px; 
	}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
/* ~~ The navigation list styles ~ */
ul.nav {
	list-style: none; 
	border-top: 0px solid #666666; 
	margin-bottom: 15px; 
	float:right;
	}
ul.nav li {
	border-bottom: 0px solid #666;
	text-align:center;  /* addition */
	}
ul.nav a, ul.nav a:visited { /* group selectors for button look even after being visited */
	padding: 25px 5px 5px 15px;
	/*padding: 5px 5px 5px 15px;*/
	display: block; /* make entire area clickable */
	/*width: 160px;  */
	width: 150px; /*this width makes the entire button clickable for IE6. */
	text-decoration: none;
	background: #fff url(img/subnav-off.gif) no-repeat 40px 30px; /* addition */
	letter-spacing: .03em; /* text-transform: uppercase; */
	font-size: 75%; 
	color:  #a88a29; /* medium brown */
	font-weight:bold;
	line-height: 40px; 
	}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background: #fff;
	color: #657b26; 
	background: #fff url(img/subnav-on.gif) no-repeat 40px 30px; /* addition */
	}
ul.nav a.selected {/* addition*/
	color: #657b26!important; background-color:#fff;
	background: #fff url(img/subnav-on.gif) no-repeat 40px 30px; /* addition */
	}


/* ~~ The footer ~~ */
.footer {
	padding: 10px 0;
	background: #333;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; 
	font-size: .8em; /* addition */
	border-top: 10px solid #afd46f; /* addition - bright green border */
	color:#ccc;
	}
.footer a:link { text-decoration: none; color:#ccc;}
.footer a:visited { text-decoration:none; color:#ccc}
.footer a:hover   { text-decoration:none; color:#afd46f;} 
.footer a:active { text-decoration:none; color:#ccc;}


/* ~~ The Copyright ~~ */
.copyright {
	padding: 5px 0;
	background: transparent;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; 
	font-size: .7em; /* addition */
	border: none;
	color:#ccc;
	letter-spacing: .1em; margin-bottom: 20px; /* addition */
	}
.copyright a:link { text-decoration: none; color:#ccc;}
.copyright a:visited { text-decoration:none; color:#ccc}
.copyright a:hover   { text-decoration:none; color:#afd46f;} 
.copyright a:active { text-decoration:none; color:#ccc;}


/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /*  float an element right. */
	float: right;
	margin-left: 8px;
	}
.fltlft { 
	float: left;
	margin-right: 8px;
	}
.clearfloat { /* for the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}
#contentswirl {
	background: #fff url(img/content-area.gif) no-repeat 0% 100%;
	}
.contentswirltop {
	background: #fff url(img/content-area.gif) no-repeat 0% 0%;
	}	


/* ~~  header extends the full width of the layout.*/
.header {	background: #ADB96E;}

#bgheader {
	background: #ADB96E url(img/psychologistbanner.gif) no-repeat center center;
	width:731px; height:105px; 
}
div#outer { /* addition for psychotherapy blurb in header */
	position: relative;
	width: 220px;
	height: 100px;
	margin: 0px auto;
	}
h1.blurb { /* addition for psychotherapy blurb in header */
	position: absolute;
	top:0;
	left:250px;
    width: 200px;
	height: 80px;	
	white-space:nowrap;
	font-size: 14px; color:white; font-weight:bolder;
	padding: 10px;
	float:right;
	line-height:1.5em;
	}

	
a[href $='.pdf'] { 
   padding-left: 18px;
   background:  url(img/global/pdficon_xxsmall.gif) no-repeat center left;
}

a[href $='.doc'] {
padding-left: 18px;
background: transparent url(img/global/word_doc_icon.gif) no-repeat center left;
}

.pagetop {font-size: .8em; text-align:center; margin: 40px 0 0 0;}

#globalnav-noscript {/* warning if user's javascript is disabled */
  color: red; font-weight:bold; ;  
  padding: 0px;
  margin: 0;
  white-space: nowrap;
  font-size: 85%;
}

ul.nobullets {list-style-type:none; padding-top: 5px; }
ul.nobullets li {padding-top: 20px; }	

#map {padding-left: 15px;}

body#sitemap ul.sitemap  li {font-size: 100%!important; padding: 5px 0!important; }
body#sitemap ul.sitemap   li ul {padding-top: 10px; }
body#sitemap ul.sitemap   li ul li {font-size: 105%!important; padding:  0!important; }
body#sitemap ul.sitemap   li ul li ul {padding-top: 5px; }
body#sitemap ul.sitemap   li ul li ul li {font-size: 105%!important;  }

.bold {font-weight:bold;}
.red {color:#F63;}
.error  {color:#F63;}
.small {font-size: 80%!important;}
.floatright {  /*  float an element right. */
	float: right;
		}
.floatleft { 
	float: left; 
		}
.lightgreenbg {background: #eef3e2; padding: 10px 0 0 20px; border: 1px solid #e1e6d7;}	
.bordergreen2 {border: 2px solid #657b26;}	
		
		
/* contact form */

#contactform {
	background: #eef3e2; padding: 30px 0 0 20px; border: 1px solid #e1e6d7;
		
}


#contact-wrapper {
	width:400px;
	border:1px solid #e2e2e2;
	/*background:#f1f1f1;*/
	padding:0px;
	margin-left: 15px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
/*#contact-wrapper label {
	display:block;
	float:none;
	font-size:12px;
	width:auto;
	}*/
#contact-wrapper label {
	 margin-top: .33em;
	 display: block; 
	}
/*input {
	 display: block;
	 width:  150px;
 }
/*textarea:focus {
	background-color: green;
	 }*/
input[type="text"] {
	 margin-bottom: 1.5em; /*width: 50%;*/ color: #1e3e01; background-color: #fff;width: 280px;
	 font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:95%; 
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:95%;
	color: #1e3e01;
	/*padding:0.6em 0.5em 0.7em;*/
	padding:10px 5px 10px 5px;
	/*border-color:#ccc #333 #333 #ccc;
	border-style:solid;
	border-width:1px;*/
	width: 280px;height: 75px
}	

	
	
	.buttonReset {
	color: white; 
	background-color: #937924; 
	font-size: 90%; border: 1px solid #333; 
	padding: 4px; 
	-moz-border-radius: 8px; -webkit-border-radius: 8px;  
	 border-top: 1px solid #333;
}

	.buttonSubmit  { 
	color: white; background-color: #547e2b; 
	font-size: 90%; border: 1px solid #333; 
	padding: 4px; text-shadow: 0 −1px 0 #666;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; 
	border-top: 1px solid #333;
	}


    .buttonResetRoll { 
	color: white; 
	background-color: #a88a29; 
	font-size:90%; border: 1px solid #660;
	 padding: 4px; 
	-moz-border-radius: 8px; -webkit-border-radius: 8px; 
	 border-top: 1px solid #660;
	} 
	.buttonSubmitRoll {
	color: white; background-color: #6a9f36; 
	font-size: 90%; border: 1px solid #660;
	padding: 4px;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; 
	 border-top: 1px solid #660;
	}

/* fonts light beige: # */
/* h1 darker brown: # */
/* medium brown: #a88a29 */
/* dark green: #1e3e01; for top nav */
/* light green #6a9f36 for header and rollovers */
/* original default tabs grey: 414141 */
/* medium green #657b26 */