body { SCROLLBAR-BASE-COLOR: #9b6453;
    background-color: #9b6453;
	font: 100%  veranda, geneva, sans-serif;
	color:#2D423D;	margin-top:2%; 
}

* {
	margin:0;
	padding:0;
}


#header { float:none; 
}
#headerinfo { float:right; width:10%;
}
#menulayer { background-image: url(flipgradient.jpg); clear: right; }

#sidebar { margin-top: 8%; float:left;
}
#wrapper { background-color:#9b6453; }
#content { margin-left: 5%; 
    background: #EFDED7 url(contentgradient.jpg) top right repeat-y; 
    float:right; padding: 4% 0 4% 0;  
}
#content h1 { 
      color:#30453D; text-align:center; 
      font-size:3.2em; 
        }
#content h2 {border: none; 
             color: #30453D;
              font-size:2.6em;
	          margin:2% 1%;
}
#content h3 {
	font-size:2.1em;
	color: #30453D;	
	margin:2% 0% 2% 2%;
}

#content p {
   margin: 4% 8% 4% 2%; 
}
#content ul {
   margin: 3% 4%; 
}
#content hr {
  margin:13px 0;text-align:center;
  height: 2px; clear:both;
  color: #EFDED7;
  width: 98%;
}
#content a {text-decoration:underline;}
#leftcol { width:33%; 
float:left;
display:block;
}
#middlecol { width:33%; float:left;
display:block;
}
#rightcol { width:33%; 
float:right;
display:block;
}
#footer a:hover { color:#fff;}
#footer { background-image: url(gradient.jpg);float:right; clear: both;}
#footer p {
	text-align:center;
	padding:0 10px;
	color:#000;
	width:100%;
}
blockquote {
	font: 1.4em veranda, geneva, sans-serif;
	padding: 0 0 0 15px;
	border-left:5px;  solid #9b6453;
    border-top:5px;  solid #9b6453;
    border-right:5px;  solid #9b6453;
}
#botmenu {
	font: 1.4em veranda, geneva, sans-serif;
	padding: 0 0 0 40%;
	border-left:5px;  solid #9b6453;
    border-top:5px;  solid #9b6453;
    border-right:5px;  solid #9b6453;
}

#content img {
	padding:3px;
    margin: 10px 8px;
	border:1px double #eee;
}
a {
	color:#222;
	text-decoration:none;
}

a:hover {
	border-bottom:1px solid #ccc;
}
img.floatright {
float:right;
}
img.floatleft {
float:left;
}
.startfresh { clear: both; }
.strong { 
    font-weight: bold;
}
.slanty { 
    font-style: italic;
}
.printtext {
display: none;
}

.floatcenter {text-align:center;}

.lefted {margin:0 auto 0 0;}
.centered {margin:0 auto;}
.righted {margin:0 0 0 auto;}


.bevelmenu{
font: bold 13px arial;
padding: 6px 0;
margin: 0 0 0 2px;
width: 90%;
text-align: center; /*set value to "right" for example to align menu to the right of page*/
}

.bevelmenu li{
list-style: none;
display: inline;
}

.bevelmenu li a{
padding: 3px 0.5em;
text-decoration: none;
color: black;
background-color: #9b6453;
}

.bevelmenu li a:hover{
color: black;
background-color: #E5D1CB;
border-style: outset;
}

body.index .bevelmenu a#index,
body.playtherapy .bevelmenu a#playtherapy,
body.services .bevelmenu a#services,
body.aboutus .bevelmenu a#aboutus,
body.contactus .bevelmenu a#contactus { 
background-color:#9b6453;
border: 1px solid #eee;
border-style: inset; 
}

form div {
  clear: both;
  display: block;
  width: 480px;
  height: expression('1%');
  margin: 5px 0px 0px 0px;
  padding: 1px 2px;
}

form div fieldset {
  padding: 3% 2%;
  width: 75%;
}

form label { width: 140px;
  padding: 5px 8px;
  font-size: 130%; }

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  height: expression('1%');
  padding: 0px;
  margin: 0px 0px 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0px 0px 5px 0px;
  width: 170px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0px;
  padding: 0px;
  margin: 0px 0px 0px 140px;
}


form legend {color: #fff; 
  padding: 5px 3px;
  font-size: 130%; }