@charset "UTF-8";
/* CSS Document */




html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 color: #563000;
 background:#F1D99E url(imgs/bg_main.gif);
 font-family:Georgia, "Times New Roman", Times, serif;
} 

* {margin:0;padding:0;}
 
#pagewidth{ 
 width:945px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:261px; 
 width:100%;
 margin:0 auto;
 background:url(imgs/header.gif) 50% no-repeat;
} 
 
  /*** LINK STYLES ****/
a
{
	outline:none;
	color:#5F8420;
}


a:visited
{
	color:#5F8420;
}

a:hover
{
	color:#563000;
}


a img
{
	border:0;
}
 
 
#bodywrapper {margin:0 auto;background:url(imgs/background_body-middle.gif) 50% 100% repeat-y;}
#footerwrapper {margin:0 auto;background:url(imgs/background_body-footer.gif) 50% 100% no-repeat;padding:0 0 75px 0;}
#wrapper {background:url(imgs/right-flowers.gif) 100% 0% no-repeat;padding:0 120px 0 0;}

 #contactmain {float:left; width:450px;}
#contactside {border-left:1px solid #D1B67B; padding:0 0 0 10px;margin: 50px 0px 15px 30px; width: 150px; height: auto; float: right;}

#contactside p {font-family:Arial, Helvetica, sans-serif;}
#contactside a {text-decoration:none;}

 
 /*** Headlines and Text ****/

h1, h2, h3, h4, h5, h6, p {
	padding:10px 0;
}

#content h1 {
display:block;
width:3px;
height:3px;
overflow:hidden;
float:right;
padding:0;
margin:0;
}

h3 {
font-size:20px;
color:#99632d;
font-weight:normal;
}

p, li {
font-size:16px;
line-height:25px;
}

ul, ol {position:relative;}	/* For disappearing bullets in IE 6.0	*/


ul, ol
{
	margin: 10px 40px 20px 60px;
	padding: 0 5px;
	clear:both; /* this is so that the lists don't wrap around images */
}


ul ul, ul ol,  ol ol
{
	margin: 10px 30px 5px 20px;
	padding: 0 5px;	
}

#content ul li, #content ol ul li 
{
	margin: 0;
	padding: 0 20px 5px 10px;
}

#content ul li
{
	list-style-type:circle;
}

form, input, textarea
{
	font-family: Arial, sans-serif;
}


 
  /******************* LOGO *********************/ 

#logo
{
	position:relative;
	width:548px;
	height:118px;
	display:inline;
	overflow:hidden;
	padding:0;
}


#logowrap{
 position:absolute; 
 height:118px; 
 margin:0 auto;
 width:548px;
 top:35px;
 right:0px;
} 

#logo a
{
	float:left;
	overflow:hidden;
	padding:118px 0 0;
	width:548px;
	height:0 !important;
	background:url(imgs/logo-mft.gif) no-repeat;
}



 
 /* IMAGES */

img.f-right, img.no-border-right
{
	float:right;
	margin:10px 30px 10px 0px;
}

img.f-left, img.no-border-right
{
	float:left;
	margin:10px 0px 10px 30px;

}

p img.f-right, p img.no-border-right
{
	float:right;
	margin:5px 0 10px 30px;
}

p img.f-left, p img.no-border-left
{
	float:left;
	margin:5px 30px 10px 0;

}

img.f-left, img.f-right {
border:3px solid #d0b178;
}


img.img-no-float {
border:3px solid #d0b178;
}

img.noborder {
border:none;
}


 
 /**** AVENIR SETTINGS ****/


h2#mainheader, h2.mainheader {
	font-size: 30px;
	padding: 0 0 50px 0!important;
	color:#563000;
	margin:0 0 -50px 0;
	font-weight:normal;

}

h3.subheader {
	font-size: 27px;
	padding: 5px 0 30px 0!important;
	color:#563000;
	margin:0 0 -30px 0;
	font-weight:normal;


}

#leftcol{
 width:147px; 
 float:left; 
 position:relative;
 background:url(imgs/flowers-under-nav.gif) 0 100% no-repeat;
 padding:0 0 151px 0; 
  }
 
#content{
 float: right; 
 display:inline; 
 position: relative; 
 width:78%; 
 }
 
 	/********** MAIN MENU ***********/

.subpagemenu{
width: 147px;
padding:0;
position:relative;
font-family: Arial;
font-size:12px;
}

.subpagemenu span {padding:0;margin:0;}

.subpagemenu .headerbar{
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding:0!important;
}


.subpagemenu .headerbar a{
text-decoration: none;
color: #563000;
display: block;
}

.subpagemenu ul{
list-style-type: none;
margin: 0;
position:relative!important;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.subpagemenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
border-bottom:0px solid #fff;
margin-bottom:0px;
display:block;
position:relative;
float:left;
width:150px;

}

ul.submenu {
width:147px;
margin:0 0 8px 0;
}

.subpagemenu ul li a, .subpagemenu a{
color: #563000;
display:block;
padding: 2px 0 2px 25px;
line-height: 15px;
text-decoration: none;
font-size:12px;
}


 
 a#home, a#about, a#individuals, a#couples, a#contact, a#events {
 height:35px;
 width:147px;
 background-repeat:no-repeat;
 background-position: 0 0;
 text-indent:-3000px;
 padding:0;
 margin:0;
 display:block;
 }
   
a#home:hover, a#about:hover, a#individuals:hover, a#couples:hover, a#contact:hover, a#events:hover,
body.index a#home, 
body.couples-therapy-san-francisco a#couples, 
body.individual-counseling-san-francisco a#individuals, 
body.about-mytrae a#about, 
body.therapist-san-francisco-contact a#contact, 
body.counseling-sessions a#contact, body.events a#events  {
 background-position: -147px 0;
 
 }
 



 /****** LEFT NAVIGATION *****/ 


 
 a#home {
 background-image:url(imgs/home.gif);
}

a#events {
 background-image:url(imgs/events.gif);
}

a#about {
 background-image:url(imgs/about.gif);
}

 a#contact {
 background-image:url(imgs/contact.gif);
 }
 
 a#couples {
 background-image:url(imgs/couples.gif);
}
 
a#individuals {
 background-image:url(imgs/individuals.gif);
}
 

 /*Footer*/
 
 #footer {clear:both;width:944px;margin:0 auto;}
 #footer a {color:#563000}
 #footer p {font-size:14px;letter-spacing:1px;word-spacing:1px;}

 
 /****************** Contact Form *******************/

div.contactform {
	margin:0 0 20px 0;
	}

div.contactform, div.contactform p {
font:13px/17px arial, helvetica, sans-serif!important;
	}

div.contactform p, div.contactform h3 {
padding:2px 0!important;
}


div.contactform div.clear {
clear:both;
}

div.contactform textarea, div.contactform input {
font-family: arial, helvetica, sans-serif;
font-size:12px;
color:#030d3c;
}


div.textfield input{
width:500px;
padding:5px;
}


div.contactform select {
	width:313px;
padding:5px 0;
}

div.contactform label {width:500px;}

.contactform span {display:block;}

.contactform fieldset legend {display:none;}
.contactform div.required {}

div.captcha img {
	border:1px solid #FFF4C8;
	margin:0 0 10px 0;
	clear:both;
	}


div.contactform fieldset div {
	padding: 0 0 5px 0;
	}

div.contactform label {
	margin:2px 0;
	display:block;
	}

div.contactform div.radio {
height:20px;
	}

div.contactform fieldset {
	margin: 0 0 10px 0;
	padding: 10px 0 0px 0;
	border: 1px solid #d0b178;
border-top:0px;border-left:0px;border-right:0px;
	}

div.contactform div.radio label {
	display:inline!important;
float:left;
margin:0 15px 0 0;
	}

div.contactform div.radio div label {
	display:inline!important;
float:none;
	}

div.contactform div.radio div {
	display:inline!important;
width:auto;
float: left;
text-align:center;
	}
	
div.contactform .required em {
font-size:18px;
color:#db5d30;
font-weight:bold;
vertical-align:middle;
}




div.contactform span.error {
font-size:14px;
color:#d63200;
font-weight:bold;
}

div.error_message {
padding:0 0 20px 0;
color:#d63200;
font-size:14px;

}

div.error_message h2{
color:#db5d30!important;
}




div.error_message span {
display:block;

}

fieldset.negotiatedfs div.float label {
width: 280px;
}

div.contactform div {margin:0 0 5px 0;}
div.contactform div label div {margin:0 0 0 0;}

.inputbox, .textarea, textarea, select, .textinput, div.text input, div.textfield input
 {
border:1px solid #d0b178;
border-right:2px solid #d0b178;
border-bottom:2px solid #d0b178;
	background:#fdf0d0;
}


.inputbox:hover, .textarea:hover, textarea:hover, select:hover, .textinput:hover, div.text input:hover, div.textfield input:hover
 {
border:2px solid #a7c541;
border-right:1px solid #a7c541;
border-bottom:1px solid #a7c541;
}


textarea {height:65px;width:515px;}

div.submit input {
 	margin: 15px 15px 0 0;
background:#db5d30;
color:#fdf0d0;
border:2px solid #db5d30;
padding:3px 5px;
text-transform:uppercase;
	font: bold 14px Arial, Helvetica, sans-serif

}

div.submit input:hover {
background:#c0ba4c;
color:#fdf0d0;
border:2px solid #c0ba4c;
}


p.required {font-size:11px;}


#content p.subnavigation {font-family:arial,helvetica,sans-serif!important;}
 
 
 /* *** Float containers fix:*** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #content{width:100%; float:none;}
}