/* This is a comment  
 background-attachment: fixed;
 3E0806 - Dark red on buttons
 990E07 - Bright red on buttons
 E6CA76 - Tan BG
 441A0F - Dark brown text
 */
 
html, body {    
   height: 100%; 
}
 body {background-color: #441A0F;
 color: #441A0F;
 text-align: center;
  min-width: 1300px;
min-height: 1000px;
height: 100%; margin: 0; padding: 0;
font-family: georgia, serif; 

}
/*Incl fix for ie centering -- SHORT Container*/
div#containerS {background: url(images/deepagebanner.jpg) scroll no-repeat 8px 8px;
position: relative; top: 0px; left: 0px;
background-color: #e6ca76;
width: 1300px;
height:900px;
min-height: 100%; 
margin-bottom: -15px;
margin-left: 0px; margin-right: auto; margin-top: 0px;
 padding:10px 10px -60px 10px;
    /* Height of the footer */
	}

/*Incl fix for ie centering -- LONG Container*/
div#containerL {background: url(images/deepagebanner.jpg) scroll no-repeat 8px 8px;
position: relative; top: 0px; left: 0px;
background-color: #e6ca76;
width: 1300px;
height:1400px;
min-height: 100%; 
margin-bottom: -15px;
margin-left: 0px; margin-right: auto; margin-top: 0px;
 padding:10px 10px -60px 10px;
    /* Height of the footer */
	}


 /* GRP page is extra long */
	div#contLong {background: url(images/deepage.jpg) scroll no-repeat 8px 8px;
position: relative; top: 0px; left: 0px;
width: 1300px;
height:1400px;
min-height: 100%; 
margin-bottom: -15px;
margin-left: 0px; margin-right: auto; margin-top: 0px;
 padding:10px 10px -60px 10px;
    /* Height of the footer */
} 
div#menu{position: absolute;
top: 170px;
left: 425px;
}

/*MISC Styles*/
h2.home {text-align: center;
font-style: italic; }
h4.hplay  {text-align: center;
font-size: 16px;}
}
h2.hr {text-align: center;
font-size: 18px;}
h1.contact {text-align: center;
font-size: 20px;}
a {text-decoration: none; color: #441A0F; font-style: italic;}
.floatR {float: right;}
.floatL {float: left;}
img.deeHm {margin: 0px 5px 0px 15px;}
img.deeAbt {margin: 0px 15px 0px 5px;}
b.cursor {cursor: pointer;}
.dt {font-size: 20px; font-weight: bold; font-variant: small-caps; text-align:left;  }
.dd {text-align: left;  }
.ddi {text-align: left;
padding-left: 25px; font-style:italic; 
}
.current {/*
border-left: 2px solid white;
border-right: 2px solid white;


 for IE 
  filter:alpha(opacity=60);
 CSS3 standard 
  opacity:0.60;*/
}


 /* Text - HOME page (img is floated Right)*/
div.txthome {
position: relative;
background-color: white;
text-align: left;
top:320px;
left: 20px;
padding: 5px 5px 5px 15px;
margin: auto;
width: 900px;
 border: 0px solid red;
}

 /* ABOUT DEE page (img is floated Left) */
div.about {
position: relative;
background-color: white;
text-align: left;
top:280px;
left: 25px;
padding: 5px 5px 5px 15px;
margin: auto;
width: 900px;
 border: 0px solid red;
}

/* PLAY THERAPY Page */
div.play {position: relative;  
top:280px; left: 25px;
text-align: center; 
height: 980px;
 width: 900px; background-color: white; 
 margin: auto; padding: 10px;
 }

/* Play Therapy image gallery */
#gallery {text-align: center;
position:relative; top: -30px;
width: 650px;
height: 350px;
margin: auto;
border: 0px ridge #806E26;
}
div.img
{
  margin: 2px;
  border: 1px solid #441A0F;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {
   border: 1px ridge #441A0F;
}
div.desc
{
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  width: 108px; height: 35px;
    padding: 2px;
}
div.ads{position: relative;
top: -45px; left: 0px;
text-align:center;
margin: auto;
 width: 900px; height:200px;
 background-color: white; 
}
div.scrmtxt{position:absolute;
top: 11px; left: 580px;
width: 290px;
text-align: center;
margin: auto;
border: 0px solid black;
}
div.scrm{position: absolute;
top: 75px; left: 580px;
width: 290px;
margin: auto;
text-align: center;
 border: 0px solid black;
}
div.apt{position: absolute;
top: 8px; left: 8px;
width: 560px;
 border-right: 0px ridge #441A0F;
 text-align: center;
 font-size: 12px; 
}
div.apttxt{position: absolute;
top: 55px; left: 155px;
text-align: center; 
 width: 350px;
 margin: auto; padding: 5px;
 border: 0px dashed black;
}
/* End of Play Therapy Page*/


/* COUPLES Page*/
#cplbox {position: absolute;
left: 50%;
margin-left: -190px;
top: 280px;
width: auto;
height: 150px;
background-color: white;
border: 2px ridge #3E0806;
padding: 20 20 10 20; 
}
div.cplimg
{
  margin: 2px;
    float: left; text-align: center;
  border: 0px solid black;
}	
/* Txt under middle image */
#desc{font-style: italic; font-size: 18px;
  text-align: center;
  font-weight: normal;
  width: 158px;
  margin: 2px;
}
#divcpltxt{background-color: white;
position: relative;
top:480px;
width:850px;
margin: auto; padding: 10px;
font-size: 16px;
text-align: left;
border: 0px dotted black;
}
#divcpltxt2 {position: relative; 
font-style: italic;
text-align: justify;  
margin-left: 75px; margin-right: 75px;
width: auto;
font-size: 12px; }
/* END of Couples page  */


/* CREATIVE THERAPIES page  */
img.djembe {float: left; margin: 7px;}
img.drmkds {margin: 7px;}

div.ct {position: relative;
background-color: white;
text-align: left;
top:310px;
left: 20px;
padding: 5px 5px 5px 5px;
margin: auto;
width: 900px; height:980px;
 border: 0px solid red;
 }
div.drummerboy {position: absolute;
top:0px;
left:10px;
margin-right: 10px;
margin-bottom:10px;
padding:10px;
width: 350px;
font-weight: bold; font-size: 16px;
text-align: center;
border-bottom: 1px double  black;
}
div.ctdee{position: absolute;
top:-0px;
left:50%;
width: 420px;
 font-size: 16px;
text-align: left;
padding: 10px;
border-left: 0px solid  #990E07;
}
div.hr {position: absolute;
top:200px; left: 10px; 
width: 410px; 
padding: 5px;
border-top: 0px solid #990E07;
}
div.hrlogo {
margin: auto; text-align: center;}

ul.hr {
margin-left: 5px;
padding: 5px 10px 5px 50px;
list-style-image: url("images/bullet_drum.jpg");
}
/* END of Creative Therapies page  */


 /* GROUPS page */
div.grps{
position: relative;
background-color: white;
text-align: left;
top:320px;
left: 20px;
padding: 5px 5px 5px 5px;
margin: auto;
width: 900px; height: 1000px; overflow: auto;
 border: 0px solid red;
}


/* LOCATION page */
div.loc{
position: relative;
background-color: white;
text-align: left;
top:320px;
left: 20px;
padding: 5px 5px 5px 15px;
margin: auto;
width: 900px;
 border: 0px solid red;
}
div.map{
position: relative;
background-color: white;
margin-left: 25%;
top:0px;
left: 0px;
width: 425px;  height: 350px; 
text-align: center;

}
div.fees{
position: relative; 
left:0px; top: 0px; 
text-align: center; 
width: 800px; 
border: 1px solid #3E0806; 
padding: 20px; margin: 30px;}
/* END of location page */



/* RESOURCES page */
div.resources {
position: relative; 
background-color: white;
top: 320px;
left: 25px; 
margin: auto;
text-align: left; 
width: 900px;
border: ridge 2px #3E0806; 
padding: 5px 5px 5px 15px; }

/* STORE*/
#store {position: relative;
background-color:;
top:320px;
left: 20px;
padding: 0px 0px 0px 0px;
margin: auto;
width: 880px; 
border: 5px ridge #441A0F;}

/* FORMS*/
#forms{position: relative;
background-color: white;
top:320px;
left: 20px;
padding: 20px 20px 20px 20px;
margin: auto;
width: 800px; 
border: 5px ridge #441A0F;
}
 
/* CONTACT */
#contact {position: relative;
background-color: white;
left: 20px; top: 320px;
margin: auto;
font-size: 16px; 
width:800px; 
padding: 20px 20px 20px 20px;
border: 0px ridge #441A0F;}


#footer {
   position:relative;
   text-align: center;
   font-size: 10px;
   color: black;
   border: 0px solid red;
   bottom:0px;
   left: 0;
   width:100%;
   height:30px;   /* Height of the footer
   background:#E6CA76;*/
}