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

body    { font-size: 11px; background-color: #FC6; font-family: Verdana, Arial, Helvetica, sans-serif; }
*       { margin: 0px; padding: 0px; }
img {border:none; }

#wrap       { margin-left: -430px; position: absolute; right: 50%; left: 50%; width: 860px; background-image: url(http://www.petalumacounseling.com/images-css/wrap-bkgd-PCC.gif); background-repeat: repeat-y; background-position: left top; background-color: #FFF; }
	
#header  { height: 160px; background-image: url(http://www.petalumacounseling.com/images-css/header-logoPCC.png); background-repeat: no-repeat; background-position: -5px top; width: 840px; padding-right: 20px; position: absolute; top: 18px; }
#header img { position: absolute; left: 20px; top: 20px; border-width: 0 }
#header p { color:#FFF; float: right; padding-top: 43px; font-size: 13px; font-weight: bold; text-align: right; line-height: 140%; }

/* start nav 1 - main horizontal menu */
ul#nav1 { font-size:11px;/*base font-size for all menu sizing with ems*/ list-style:none; margin:0; /* reset the default left padding in good browsers */ background-image: url(images-css/nav1-normal.gif); background-repeat: repeat-x; padding: 0; width: 860px; height:26px; background-color: #066; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #066; }

#nav1 li { float:left; padding:0; font-weight:bold; height: 20px; border-right-width: 1px; border-right-style: solid; border-right-color: #5eb2b2; }

#nav1 li a { float: left; /* text padding for left and right only */ line-height:200%; /* center the text vertically */ text-decoration:none; color:#fff;/* 1st level font color*/ padding-top: 0; padding-right: 12px; padding-bottom: 0; padding-left: 15px; 	}
#nav1 li:hover, #nav1 li.sfhover { 
	visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */ 
	background-repeat: repeat-x; 
	background-position: left top; 
	height: 25px; background-image: url(images-css/nav1-over.gif); 
	}
#nav1 li:hover a, #nav1 li.sfhover a { color:#fc6; 	}
	
/*1st level font color on hover(cyan)*/
#nav1 span  { color:#5eb2b2; background-image: url(images-css/nav1-down.gif); background-repeat: repeat-x; background-position: left top; display: block; padding: 5px 12px; }/* my addition*/
/* end nav 1 - main horizontal bar */



/* start sidebar */
#sidebar { float:left; width:280px; padding-top: 440px; background-image: url(images-css/archway.jpg); background-repeat: no-repeat; background-position: left top; text-align: center; }
#sidebar img { padding-top: 0px; }
#sidebar p { padding-right: 15px; padding-left: 15px; }
#sidebar .testimonial { color:#FFFFFF; padding-right: 15px; padding-left: 15px; font-size: 12px; line-height: 180%; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding-bottom: 10px; padding-top: 15px; }
/* end sidebar */

/* start main content */
#maincontent { float:left; width:520px; padding-left:30px; padding-right: 30px; padding-top: 40px; border-top-width: 40px; border-top-style: solid; border-top-color: #FFFFFF; padding-bottom: 40px; }

#maincontent h1 { color:#066; font-size:24px; padding-bottom: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 110%; margin-top: 50px; }

#top-index-link { font-size: 11px; padding-bottom: 15px; }
#top-index-link a:link, #top-index-link a:visited, #top-index-link a:active  { color:#471d13; font-weight: bold;  }
#top-index-link a:hover  { color:#A1130A; font-weight: bold; }

#maincontent h2 { color:#066; font-size:12px; border-top-style: dotted; padding-top: 2px; margin-top: 15px; margin-bottom: 10px; line-height: 130%; border-top-width: 1px; border-top-color: #633; }
#maincontent h2 em { font-style:normal; font-weight: normal; }
#maincontent h3 { color:#471d13; font-size:11px; padding-top: 5px; margin-top: 10px; padding-bottom: 10px; }
#maincontent p { font-size:11px; line-height: 140%; padding-bottom: 10px; }
#maincontent p strong { font-weight: bold; }
#maincontent li { list-style-position: outside; list-style-type: disc; padding-bottom: 5px; margin-left: 10px; font-size: 11px; }

#maincontent .photograph { float: right; width: 250px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 10px; border-style: none; padding-top: 5px; }
#maincontent .photograph p { font-size:9px; text-align: center; line-height: 130%; padding-bottom: 0px; }
/* end main content */


.clearfloats { clear: both; background-color: #33FF99; display: block; }

#footer     { background-color: #471d13; width: 860px; margin-top: 30px; padding-top: 10px; padding-bottom: 10px; }
#footer p      { color: #FFFFFF; font-size: 9px; text-decoration: none; font-weight: normal; padding-left: 20px; padding-bottom: 5px; }
#footer p a     { color: #fff; text-decoration: underline; font-weight: bold; }
#footer p a:hover     { color: #fc6; text-decoration: none; font-weight: bold; }

a:link, a:visited  { color: #066; text-decoration: underline }
a:hover          { color: #a11300; text-decoration: none }
a:active    { text-decoration: none; }


.clear { clear: both; }