/* CSS Document */



/* body
=======================*/


p {
color:#000000;
font-family: "Arial", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Verdana, sans-serif";
font-size: 13px;
line-height: 16px;
}

a {
	text-decoration: none;
	color:#4F0000;
	}
	
a:visited {
	color:#4F0000;
	text-decoration: none;
}
a:hover {
	color: #0c6bc9;
	text-decoration: none;
	
}
a:active {
text-decoration: none;
color:#0c6bc9;
	
}

h1 {
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  color: #9F6E46;
}

body {
	font-family: "Arial", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Verdana, sans-serif";
	background-color: #FFFFFF;
	font-size:14px;
}

/* The Core Technique
================================= */
	
 #content {
           margin: 0 auto;
            width: 801px;
			height: 600px;
			border: solid 1px #4F0000;
			background-color:#FFFFFF;
			clear: both;
			overflow: hidden;
			 }


#framelogo {
  height: 63px;
  width: 801px;
  background-image: url(images/topbar.jpg);
  background-repeat: no-repeat; margin: 0 auto;
  top: 5%;
	background-color:#FFFFFF;
}


#frameleft {
 
  width: 206px;
  height: 485px;
  float: left;
  padding-left: 40px;
  padding-top:0px;
  padding-right:20px;
  overflow: hidden;
  background-image:url(images/tea.jpg);
  background-position: bottom;
}

#frameleftcouseling {
 
  width: 206px;
  height: 485px;
  float: left;
  padding-left: 40px;
  padding-top:0px;
  padding-right:20px;
  overflow: hidden;
  background-image:url(images/path.jpg);
  background-position: bottom;
}

#frameleftgroups {
 
  width: 206px;
  height: 485px;
  float: left;
  padding-left: 40px;
  padding-top:0px;
  padding-right:20px;
  overflow: hidden;
  background-image:url(images/butterfly.jpg);
  background-position: bottom;
}


#verticalbar {
	height: 485px;
	width: 5px;
	float: left;
	overflow: hidden;
	background-image:url(images/verticalbar.jpg);
	
	}	
	
#horizontlbar {
	height: 5px;
	width: 530px;
	float: left;
	background-image: url(images/horizontalbar.jpg);
	background-position: top;
	background-repeat: no-repeat;
	overflow: hidden;
	
	}	

#frameRight {
	height: 395px;
	width: 490px;
	float: left;
	padding-left: 20px;
	padding-right:20px;
	padding-top: 10px;
	overflow: hidden;
	text-align: left;
	background-image: url(images/background_blue.jpg);
	background-position: top;
	background-repeat: no-repeat;
	}	
	
	
	#frameRightTwo {
	height: 75px;
	width: 490px;
	float: left;
	padding-left: 20px;
	padding-right:20px;
	padding-top: 0px;
	text-align: left;
	color: #4F0000;
	}	


#leftimg {
padding-top:30px;
padding-left:0px;
padding-bottom:0px;
}


#splashtext {
padding-left:20px;
padding-bottom:30px;
padding-top:5px;
}

#splashtexttest {
padding-left:20px;
padding-bottom:30px;
}

#splashtext2 {
padding-left:20px;
padding-right:30px;
padding-top:10px;
font-size: 11px;
}

#splashtext3 {
width: 143px;
height: 100%;
padding-left:20px;
padding-right:0px;
padding-top:10px;
font-size: 11px;
float: left;
overflow: hidden;
text-align: left;
overflow: hidden;
}

/* Footer
=======================*/

#footerimg {
  height: 110px;
  width: 800px;
  overflow: hidden;
  float:left;
}

#footer{
font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Verdana, sans-serif";
	font-size:12px;
	text-align:center;
	line-height: 25px;
	overflow: hidden;
	float:left;
	color:#F5E0A7;
	float: left;
    width: 801px;
    overflow:hidden;
    background: #4F0000;
	background-image: url(images/footer.jpg);
	}