#about
{
  display: block;
  width: 148px;
  height: 83px;
  background: url("images/nav-about.jpg") no-repeat 0 0;
}

#about:hover
{ background-position: 0 -83px; }

#about span
{ display: none;}


#why
{
  display: block;
  width: 142px;
  height: 83px;
  background: url("images/nav-why.jpg") no-repeat 0 0;
}

#why:hover
{ background-position: 0 -83px; }

#why span
{ display: none;}

#testimonials
{
  display: block;
  width: 139px;
  height: 83px;
  background: url("images/nav-testimonials.jpg") no-repeat 0 0;
}

#testimonials:hover
{ background-position: 0 -83px; }

#testimonials span
{ display: none;}

#events
{
  display: block;
  width: 149px;
  height: 83px;
  background: url("images/nav-events.jpg") no-repeat 0 0;
}

#events:hover
{ background-position: 0 -83px; }

#events span
{ display: none;}




//* Body Styles *//
b {

	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
}


.small
{
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #000000;
}


.home-body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	padding: 0 20px 0 20px;
}

.body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-style: normal;
	font-weight: normal;
	text-align: top;
}


A {
	font-weight: normal;
	text-decoration: none;
	color: #75226b;

}

A:Hover
{
	font-weight: normal;
	text-decoration: underline;
	color: #75226b;

}


h1
{
	font-family: arial, helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #000;
	padding: 125px 0 0 20px;

}

h2
{
	font-family: arial, helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #a04194;

}

h3
{
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;

}

LI { list-style: square outside }

hr {border: none 0; 
border-top: 1px dashed #000;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}