@charset "utf-8";
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	background-image: url(../_images/bg.gif);
}
#container  {
	width: 864px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#header  {
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image: url(../_images/topbanner.jpg);
	height: 147px;
	width: 864px;
}
#header  h1  {
	height: 145px;
	width: 270px;
	margin: 0;
	background-position: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/*-- begin navigation --*/
#navigation	{
	height: 21px;
	width: 864px;
	margin: 0px;
	padding: 0px;
	background-image: url(../_images/navigation.jpg);
	background-repeat: no-repeat;
}
#nav {
	width: 864px;
	height: 21px;
	margin: 0;
	padding: 0;
	position: absolute;
}
#nav li {
	float: left;
	list-style-type: none;
}
#nav li a {
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 21px;
	background: url(../_images/navigation.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	position: absolute;
}
li#home a {
  left: 264px;
  width: 57px;
  background-position: -264px 0;
}
li#services a {
  left: 321px;
  width: 76px;
  background-position: -321px 0;
}
li#respite a {
  left: 397px;
  width: 67px;
  background-position: -397px 0;
}
li#case a {
  left: 464px;
  width: 143px;
  background-position: -464px 0;
}
li#need a {
  left: 607px;
  width: 113px;
  background-position: -607px 0;
}
li#news  a {
  left: 720px;
  width: 55px;
  background-position: -720px 0;
}
li#contact  a {
  left: 775px;
  width: 89px;
  background-position: -775px 0;
}
li#home a:hover {
  background-position: -264px -21px;
}
li#services a:hover {
  background-position: -321px -21px;
}
li#respite a:hover {
  background-position: -397px -21px;
}
li#case a:hover {
  background-position: -464px -21px;
}
li#need a:hover {
  background-position: -607px -21px;
}
li#news a:hover {
  background-position: -720px -21px;
}
li#contact a:hover {
  background-position: -775px -21px;
}
#body_home li#home  a {
  background-position: -264px -21px;
}
#body_services li#services a {
  background-position: -321px -21px;
}
#body_respite li#respite a {
  background-position: -397px -21px;
}
#body_case li#case a {
  background-position: -464px -21px;
}
#body_need li#need a {
  background-position: -607px -21px;
}
#body_news li#news a {
  background-position: -720px -21px;
}
#body_contact li#contact a {
  background-position: -775px -21px;
}
/*-- end navigation --*/
#mainimageone	{
	height: 255px;
	width: 864px;
	background-image: url(../_images/imageone.jpg);
	background-repeat: no-repeat;
}
#mainimagetwo	{
	height: 255px;
	width: 864px;
	background-image: url(../_images/imagetwo.jpg);
	background-repeat: no-repeat;
}
#mainimagefour	{
	height: 255px;
	width: 864px;
	background-image: url(../_images/imagefour.jpg);
	background-repeat: no-repeat;
}
#mainimagesix	{
	height: 255px;
	width: 864px;
	background-image: url(../_images/imagesix.jpg);
	background-repeat: no-repeat;
}
#mainimageseven	{
	height: 255px;
	width: 864px;
	background-image: url(../_images/imageseven.jpg);
	background-repeat: no-repeat;
}
#topspacer  {
	background-image: url(../_images/topspacer.jpg);
	background-repeat: no-repeat;
	height: 36px;
}
#mainContent  {
	background-image: url(../_images/bgmaincontent.jpg);
	background-repeat: no-repeat;
	width: 864px;
	margin: 0px;
	padding: 0;
	font-family: Tahoma, Arial, Verdana;
	font-size: 16px;
	color: #754c29;
	text-align: justify;
	overflow: hidden;
	background-position: bottom;
	position: relative;
}
#mainContent  p  {
	width: 810px;
	padding: 0;
	font-family: Tahoma, Arial, Verdana;
	font-size: 16px;
	color: #754c29;
	text-align: justify;
	margin-top: 25px;
	margin-left: 25px;
}
#mainContent  ul,  li  {
	width: 550px;
	padding: 0;
	font-family: Tahoma, Arial, Verdana;
	font-size: 16px;
	color: #754c29;
	text-align: justify;
	margin-left: 70px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#mainContent  blockquote  {
	width: 550px;
	padding: 0;
	font-family: Tahoma, Arial, Verdana;
	font-size: 16px;
	color: #754c29;
	text-align: justify;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
}
#mainContent  a  {
	padding: 0;
	font-family: Tahoma, Arial, Verdana;
	font-size: 15px;
	font-weight: bold;
	color: #754c29;
	text-decoration: none;
}
#footer  {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:url(../_images/footer.jpg) no-repeat top;
	font-family: Tahoma, Arial, Verdana;
	font-size: 80%;
	color: #754c29;
	text-align: center;
	height: 102px;
	margin: 0px;
}
#footer a:link  {
	text-decoration: none;
	color: #754c29;
}
#footer a:hover  {
	text-decoration: underline;
}
#footer a  {
	text-decoration: none;
	color: #754c29;
	margin: 0px;
	padding: 0px;
}
#mainContent .left {
	float: left;
	width: 125px;
}
#mainContent .right {
	float: right;
	width: 125px;
}

#pageContent  {
	width: 830px;
	padding: 0;
	font-family: Tahoma, Arial, Verdana;
	font-size: 16px;
	color: #754c29;
	text-align: justify;
	margin-top: 15px;
	margin-left: 15px;
}

h1 {
	display			: inline;
	font-size		: 16px;
	font-weight		:bold;
	}
	
h2 {
	display			: inline;
	font-size		: 16px;
	font-weight		:bold;
	}