* { margin:0; padding:0 }
div {
	margin:0;
	padding:0px
}
html { height:100.1%; line-height:.9em}
BODY {
	font-size: 13px;
	background: url(images/bg2.png) top repeat;
	font-family: Tahoma, Arial, Geneva;
	color: #6d6d6d;
	margin:0px auto 0 auto;
	text-align:left
}

a {
	color:#FFFFFF;
	text-decoration: underline;
}
a:hover  { color: #00a0f8} 

#wrapper { width:967px; margin:0 auto; overflow:hidden}

#top-area {background:url(images/top-area1.jpg) no-repeat; width:967px; height:437px}
#nav-section {background:url(images/nav-section1.png) no-repeat; width:967px; height:44px}

#mid-section {width:967px; height:333px}
#left-area {background:url(images/left-area1.png) no-repeat; width:627px; height:333px; float:left}
#right-box {background:url(images/right-box.png) no-repeat; width:340px; height:333px; float:right}
#footer {background:url(images/footer.png) no-repeat; width:968px; height:70px}
#footer2 {background:url(images/int-footer.png) no-repeat; width:910px; height:41px}

#int-mid-slice {background:url(images/int-mid-slice.png) repeat-y; width:949px; overflow:auto}

.int-header {color:#555; font-size:1.2em; font-weight:bold; background-color:#ccc; border:solid 1px #b1b1b1; padding:4px; width:798px}

.counselorpage {
	color:#555;
	font-size:0.9em;
	font-weight:bold;
	border:solid 1px #b1b1b1;
	margin: 50px
}

.low-box-text {color:#818182; padding:4px; width:765px}

.right-box-text {color:#ccc; padding-top:26px; padding-right:66px; padding-left:24px }


#mid-int-slice {background:url(images/mid-int-slice.png); width:910px; overflow:auto}
.int-slice-text {background:#402e1a; color:#ccc; border:solid 1px #a89d86; width:780px; padding-top:12px; padding-right:10px; padding-bottom:14px; padding-left:15px}

.right-box-photo {padding-top:42px; padding-bottom:112px; padding-left:25px}

#top-int-slice {background:url(images/top-int-slice.png) no-repeat; width:1000px; height:34px}

.nav-area {
	color:#fff;
	font-size:1.25em;
	font-weight:bold;
	padding-left:106px
}

.top-info {
	color:#fff;
	font-size:1em;
	font-weight:bold;
	padding-top:202px;
	padding-left:90px;
	width:295px;
}

a.nav-link:link{color:#fff; text-decoration:none}
a.nav-link:visited{color:#fff; text-decoration:none}
a.nav-link:hover{color:#f5ba30; text-decoration:none}

.home-content {color:#6d6d6d; padding-top:8px; padding-left:78px; width:540px}

.header2 {padding-left: 25px; padding-right: 25px}

a.info:link{color:#fdd589; text-decoration:underline}
a.info:visited{color:#fdd589; text-decoration:underline}
a.info:hover{color:#fff; text-decoration:underline}

a.blue:link{color:#0376c9; font-size:.85em; font-weight:bold; text-decoration:none}
a.blue:visited{color:#0376c9; font-size:.85em; font-weight:bold; text-decoration:underline}
a.blue:hover{color:#00a0f8; font-size:.85em; font-weight:bold; text-decoration:underline}

a.box:link{color:#7d443d; text-decoration:underline}
a.box:visited{color:#7d443d; text-decoration:underline}
a.box:hover{
	color:#237A21;
	text-decoration:underline
}

.events-box {
	color:#fff;
	font-size:0.87em;
	padding-top:20px;
	padding-right:84px;
	padding-bottom:10px;
	padding-left:27px
}

.events-box ul {
	margin-left: 15px
}
.events-box li {
	padding-bottom: 5px;
	padding-left: 12px;
	margin-right: 3px;
}

.upcoming {
	color:#C49909;
	font-weight:bold;
	padding-right:2px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.events-date {color:#79ccef}

.events-title {color:#e6311f}

.events-details {color:#efe8dd} 

a.bottom-link:link{color:#fff; text-decoration:none}
a.bottom-link:visited{color:#fff; text-decoration:none}
a.bottom-link:hover{color:#fff; text-decoration:underline}

.package-details {color:#fff; padding-top:6px; padding-left:40px}
.int-package-details {color:#247998; font-weight:bold}

.footer-text {color:#b0b0b0; font-size:.85em; padding-left:48px}
.footer-text2 {color:#b0b0b0; font-size:.85em; padding-top:4px; padding-left:48px}

a.footer:link{color:#b0b0b0; text-decoration:none}
a.footer:visited{color:#b0b0b0; text-decoration:none}
a.footer:hover{color:#ccc; text-decoration:underline}

.int-headline {
	color:#555555;
	font-size:1.3em;
	font-weight:bold
}

.image-outer {
	border:1px solid #b1b1b1;
	margin-right:15px;
	margin-bottom:5px;
}
.image-outer2 {
	border:2px solid #ccc;
	margin-right:8px;
	margin-bottom:30px;
	margin-top: 5px;
}
.image-outer3 {background:#fff; border:1px solid #9d9d9d; padding:2px; margin-right:4px;}

.resources {background:#052530; color:#79ccef; padding:10px; width:700px; border:#999 double}
.resources2 {padding:10px; width:700px}
.resource-title {background:#b58239; color:#fff; font-weight:bold; padding-top:1px; padding-right:3px; padding-bottom:1px; padding-left:3px; border:#fff solid 1px}
.resource-title2 {background:#b58239; color:#fff; font-weight:bold; padding-right:3px; padding-left:3px; border:#fff solid 1px}
.resource-title3 {background:#b19a18; color:#fff; font-weight:bold; padding:4px; border:#fff solid 1px}

.interior-box {
	background:#e9e9e9;
	color:#525252;
	border:solid 1px #b6b6b6;
	padding:10px;
	line-height:1.2em;
	width:495px;
	padding-left: 25px;
}

a.lowbox:link{color:#1d82a6; text-decoration:underline}
a.lowbox:visited{color:#1d82a6; text-decoration:underline}
a.lowbox:hover{color:#0090c5; text-decoration:underline}

.left { float:left; position:relative }

.category2 {background:#fff; padding:10px; width:782px; border:#CCCCCC double; height:100%}
.category3 {background:#fff; padding:10px; width:782px; border:#CCCCCC double; height:103px}

#photoGallery { 
	 
	height:478px;
	width:575px;
	background:url(images/photo-bg.jpg) repeat-x;  
	overflow:auto; 
}
#photoGallery img { margin:0 2px 0 0; border:1px solid #CCC }
.mainPic { border:1px solid #000 }
.photoScroll { padding:35px 8px 0 22px; width:540px; height:70px } 

.black-space {height:450px}

#slideshow { float:left; position:relative; width:625px; height:220px; margin:30px 10px 0 20px; display:block !important; display:inline   } 

.testimonial-left { float:left; position:relative; width:350px; height:284px; display:block !important; display:inline   } 
.testimonial-right { float:right; position:relative; width:350px; height:284px; display:block !important; display:inline   } 

.style8 {margin-left: 50px; margin-right: 25px}

.image5 {
	border: none;
	margin-right: 15px;
}

.image6 {
	border: none;
	margin-left: 100px;
}

.image7 {
	border: none;
	margin-left: 100px;
	margin-bottom: 5px;
}

.image8 {
	border: none;
	margin-left: 20px;
}

.image9 {
	border: none;
	margin-left: 315px;
}

.newclient {
	margin-left: 300px;
}

.newclient a {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;

}

.style22 {
	font-size: 14px;
	color: #1F1E3C;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
}

.style23 {
	font-size: 16px;
	color: #1F1E3C;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;}
	
.int-content a:link{
	color:#005E2F;
	text-decoration:underline
}
.int-content a:visited{
	color:#000000;
	text-decoration:none
}
.int-content a:hover{color:#f5ba30; text-decoration:none}

.int-content li {
	padding-bottom: 7px;
	margin-left: 10px;
	padding-left: 5px;
	margin-right: 3px;
}
.int-content ol {margin-left: 50px; margin-right: 25px; padding-bottom: 10px}

/* === .int-content form div link styles ======================================== */

.int-content {
	padding-right: 40px;
	padding-left: 40px;
	color:#000000; 
	width:812px
}

.int-content a { 
  	color : #669900; 
	font-size: 12px; /*this is the success headings and dialog of email sent to client color*/
}


.int-content form2 {margin-left: 40px}

.int-content h1 {font-size:20px}


.int-content p, .int-content ul, .int-content ol {
	line-height: 150%;
	font-size: 15px;
	font-family: "Times New Roman", Times, serif;
	padding-left: 15px;
}

.int-content h2 {
	font-size: 16px;
	color: #000000;
}

.int-content h3 {
	font-size: 18px;
	color: #800000; /*never found what this links to in the webages*/
}

.int-content h4 {
	padding: 0px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 16px;
	margin-left: 25px;
	color: #315CA4;
}

.int-content p.center {
	text-align : center;
	background-color : #edbaba;
	color : #333333;
	margin-top : -3px;
	padding : 0px 4px;
}

.int-content a:hover, .int-content a:focus, .int-content a:active { 
  color : #000; 
  text-decoration : none; 
}

.int-content a:focus, .int-content2 a:active { 
  background-color : #eee; 
}

/* === Label Options ======================= */

.int-content label.opt-label.main-label {
  margin : 0 2px;
  font-weight : bold;
  font-size: 14px;
  font-style: italic;
  color: #B74220;
  margin-left: 200px;
} /* this is the "Enter your info below to send us an email" label */

.int-content label.opt-label.main-label span {
  font-weight : normal;
  color : #666;
}

.int-content label.opt-label.main-label span.req, .int-content label span.req  {
  font-weight : bold;
  color : #c70000;
}

.int-content label.req-label.explain {
	color : #6D8E92;
	font-size : 0.85em;
	font-style: italic; /*This is the spam message explaination*/
}

.int-content label.req-label.explain:hover {
	color : #800000; /*This is the spam message explaination hover*/
}

/* === success and error message/results box ======================= */

.int-content p.error {
	font-size: 17px;
	color: #FFFFFF;
	font-style: italic;
	background-color:#BC311D;
	padding: 20px;
}
	
.int-content p.success {
	font-size: 20px;
	color: #F0EB1E;
	background-color:#1C8910;
	font-style: italic; 
	padding: 10px;
	font-style: italic; /*this is the "Thank you for Submitting your Info" color*/
}

.int-content p.success, .int-content p.center {
	color : #EEE64D;
	/* color : #000; (lite colors option - uncomment to use) */
  padding : 12px;
	border : 1px solid #000;
	font-size: 23px; /* this controls font-size of success text */
	background-color : #1A7B0F;
	/* background-color : #d6e3ba; (lite colors option - uncomment to use) */
  margin : 10px 3px;
	text-align : center; /*this is the success message for the sucess text*/
}

.int-content p.error {
	color : #FFFFFF;
	/* color : #000; (lite colors option - uncomment to use) */
  padding : 12px;
	border : 1px solid #000;
	font-size: 23px; /* this controls font-size of error text message */
	background-color : #B3381A;
	/* background-color : #d6e3ba; (lite colors option - uncomment to use) */
  margin : 10px 3px;
	text-align : center; /*this is the error message for the error text*/
}

.int-content p.error a {
	color : #FFFFFF;
	Font-size: 16px; /*this is the error message that tells the error to fix*/
}

.boxed2 p.success a {
	color : #FFFFFF;
	font-size: 16px; /*this is the success message for the error text*/
}


.int-content p.error a:hover, .int-content p.error a:focus, .int-content p.error a:active, 
.int-content p.success a:hover, .int-content p.success a:focus, .int-content p.success a:active {
	color : #FFFFFF;
	background-color : #1CBFCC; /*this is the highlighted hover*/
}

.int-content p.success a:hover, .int-content p.success a:focus, .int-content p.success a:active {
  background-color : #669900; 
}

/* === form div legend ======================================== */

.int-content legend { 
  font-weight : bold;
}

.int-content p.form-footer {
  margin : -35px 2px 20px 13px;
 }

.int-content p.form-footer a { 
  color : #669900; 
}

.int-content p.form-footer a:hover, .int-content p.form-footer a:focus, .int-content p.form-footer a:active { 
  color : #000; 
  text-decoration : none; 
}

.int-content p.form-footer a:focus, .int-content p.form-footer a:active { 
  background-color : #eee; 
}

.int-content legend span { }

.int-content legend.main-legend {
	color : #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size : 20px;
	font-weight:bolder;
	padding-bottom: 15px;
	margin-left: 300px;
} /* this is for the "Contact Form" title*/

.int-content legend.req-legend {
	color : #800000;
	font-size: 14px;
	font-style: italic;
	padding: 5px; /*this is the"Required" headings*/
}

.int-content legend.opt-legend {
	color : #0055B3;
	font-size: 14px;
	font-style: italic;
	padding: 5px; /*this is the"Optional" headings*/
}

.int-content legend.main-legend span { }
.int-content legend.main-legend { }

.int-content legend.req-legend span { }
.int-content legend.req-legend {
  margin-left : -2px;
}

.int-content legend.opt-legend span { }
.int-content legend.opt-legend { 
  margin-left : -2px;
}

.int-content label.req-label { /*this is the Req labels for "Name" "email address" "Types of Counseling" and "Please explain..." */
	color : #006A35;
	font-size: 12px;
	font-weight:bolder;
	margin-top: 5px;
}

.int-content label.opt-label { /*this is the Opt labels for "Phone" "Can we leave a message?" and "Prefer to meet at"*/
	color : #1C791A;
	font-size: 12px;
	font-weight:bolder;
	margin-top: 5px;
}

.int-content label.opt-label.check {
	float : right;
	font-size: 13px;
	color: #333333;
	padding : 0;
	margin : 1px 4px;
	cursor : pointer;
}

 /* Borders around Form */
 
.int-content fieldset.req-set,
.int-content fieldset.opt-set { 
  border : 1px solid #669900;
  padding : 10px; /*this is the border outlines of the form*/
}

.int-content fieldset.main-set { 
  border : 0px solid #669900;
  padding : 15px; /*this is the border outlines of outside form*/
}

 /* Input Information */
 
.int-content input.text-long.address, .int-content input.text-long.address:hover, .int-content input.text-long.address:focus,
.int-content input.text-long.address.hover, .int-content input.text-long.address.focus {
  border-bottom : 0;
  margin-bottom : 0;
  padding-bottom : 2px;
  padding-top: 5px;
  border-bottom : 1px dotted #bbb;
}

.int-content input.text-long.address2, .int-content input.text-long.address2:hover, .int-content input.text-long.address2:focus,
.int-content input.text-long.address2.hover, .int-content input.text-long.address2.focus {
  border-top : 0;
  margin-top : 0;
  padding-top : 2px;
  border-top : 1px dotted #bbb;
}

.int-content input.checkbox {
  border : 1px solid #999;
  width : 1.6em;
  height : 1.6em;
  padding : 0;
  margin : 10px 0 0 0;
  cursor : pointer;  /*this is the checkbox for getting a copy*/
}

.int-content input.checkbox:hover, .int-content input.checkbox.hover,
.int-content input.checkbox:focus, .int-content input.checkbox.focus {
  border : 1px solid #666;
}

.int-content input.text-short, 
.int-content input.text-med, 
.int-content input.text-long,
.int-content select.select,
.int-content textarea.textarea {
	font : 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	border : 1px solid #999;
	background-color : #fffffe;
	cursor : text;
	color: #333333;
	padding : 1px 2px;
	margin-bottom: 5px; /*text in pull-down box areas*/
}

.int-content select.select {
  padding : 1px 0;
}

.int-content input.text-short {
  width : 100px; /*This is the anti-spam box*/
}

.int-content select.select {
  width : 150px; /*length of text of "I prefer to meet at" box*/
}

.int-content input.text-med {
  width : 275px; /*length of boxes for "Name" "Email" & "Phone Number"*/
}

.int-content input.text-med#org {
  width : 100px; /*length of box for "Can we leave a message?"*/
}

.int-content select.select#subject {
  width : 350px; /*length of "type of counseling" drop-down box*/
}

.int-content input.text-long {
  width : 300px; 
}

.int-content textarea.textarea {
  width : 400px;
  height : 175px;
} /*big Box for messages*/

.int-content select.select, .int-content select.select option {
  	cursor : pointer;
	margin : 10px; /*this is the "check if you want a copy" box*/
}

.int-content input.text-short:focus, .int-content input.text-short.focus, 
.int-content input.text-med:focus, .int-content input.text-med.focus,
.int-content input.text-long:focus, .int-content input.text-long.focus,
.int-content select.select:focus, .int-content input.select.focus,
.int-content textarea.textarea:focus, .int-content textarea.textarea.focus {
  border : 1px solid #666;
  background-color : #ffe;
}

.int-contentinput.button {
	font : 1.2em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
	font-weight : bold;
	margin-top : 12px;
	margin-left: 15px;
	padding : 1px 10px;
	cursor : pointer;
	float : inherit;
	clear : both;
	color : #800000;
}

.int-content input.button:hover, .int-content input.button.hover,
.int-content input.button:focus, .int-content input.button.focus {
	color : #0055B3;
}

/* because IE6 sucks - if you have a conditionally served IE6 style sheet add this to it */
* html .int-content input.button {
  border : 1px solid #666;
}

 /* End RightContent and Contact Form*/