﻿body 
{
    background-color: #d8d8d8;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;	
    font-size: 12px;
    margin: 0; 
    padding: 0; 
    text-align: center;
}
#bodyContent
{
	margin: 0 auto; 
	text-align:center;
	width:770px;
	background-color:#ffffff;
	background-image:url("Images/background.gif");
	background-repeat:repeat-y;
}
a
{
	color:#00718f;
	text-decoration:none;
}
a:hover
{
	color:#edbc4f;
}
h2
{
	color:#00718f;
}
h3
{
	color:#00718f;
}
hr
{
	color:#00718f;
	background-color:#00718f;
	height:1px;
	width: 95%;
}
#cornerLeft
{
	float:left;
	background-image:url("Images/cornerLeft.gif");
	background-repeat:no-repeat;
	height:9px;
	width:8px;
}
#cornerRight
{
	float:right;
	background-image:url("Images/cornerRight.gif");
	background-repeat:no-repeat;
	height:9px;
	width:8px;
}
#header
{
    height:84px;	
}
#logo
{
	float:left;
	padding:15px 0px 5px 15px;
}
#location
{
	padding:15px 0px 0px 0px;
	float:right;
	width:100px;
}
#contact
{
	padding:15px 0px 0px 0px;
	float:right;
	width:100px;
}
#link
{
	padding:15px 0px 0px 0px;
	float:right;
	width:75px;
}
#menu
{
	vertical-align:bottom;
	padding:0px 15px 0px 0px;
	float:right;
}
#mainImage
{  	
}
#title
{
	text-align:left;
	padding:5px 0px 5px 20px;
}
#borderTop
{
	margin: 0 auto; 
	height:20px;
	width:729px;
	background-image:url("Images/bgTop.gif");
	background-repeat:no-repeat;
}
#content
{
	margin: 0 auto; 
	width:711px;
	border-left:solid 1px #d8d8d8;
	border-right:solid 1px #d8d8d8;
	text-align:left;
	padding:8px;
}
#borderBottom
{
	margin: 0 auto; 
	width:729px;
	height:20px;
	background-image:url("Images/bgBottom.gif");
	background-repeat:no-repeat;
}
#footer
{
	text-align:right;
	padding:10px 15px 10px 0px;
	width:727px;
} 
#bottomShadow
{
	height:8px;
	background-image:url("Images/borderBottom.gif");
	background-repeat:no-repeat;
}

/*------------------------------------------- Menu Buttons ----------------------------------------------------*/
#homeButtonContainer
{
	width:65px;
	float:left;
	display:block;
}
#homeButton
{
  float:left;
  display: block;
  width: 33px;
  height: 9px;
  background: url("Images/home.gif") no-repeat 0 0;
}
#homeButton:hover
{ 
  background-position: 0 -9px;
}
#homeButton span
{
  display: none;
}
#homeButtonContainer
{
	width:65px;
	float:left;
	display:block;
}
#homeButtonActive
{
  float:left;
  display: block;
  width: 33px;
  height: 9px;
  background: url("Images/home.gif") no-repeat 0 0;
  background-position: 0 -9px;
}
#homeButtonActive span
{
  display: none;
}
#bioButtonContainer
{
	width:55px;
	float:left;
	display:block;
}
#bioButton
{
  float:left;
  display: block;
  width: 25px;
  height: 9px;
  background: url("Images/bio.gif") no-repeat 0 0;
}
#bioButton:hover
{ 
  background-position: 0 -9px;
}
#bioButton span
{
  display: none;
}
#bioButtonActive
{
  float:left;
  display: block;
  width: 25px;
  height: 9px;
  background: url("Images/bio.gif") no-repeat 0 0;
  background-position: 0 -9px;
}
#bioButtonActive span
{
  display: none;
}
#serviceButtonContainer
{
	width:75px;
	float:left;
	display:block;
}
#serviceButton
{
  float:left;
  display: block;
  width: 49px;
  height: 9px;
  background: url("Images/service.gif") no-repeat 0 0;
}
#serviceButton:hover
{ 
  background-position: 0 -9px;
}
#serviceButton span
{
  display: none;
}
#serviceButtonActive
{
  float:left;
  display: block;
  width: 49px;
  height: 9px;
  background: url("Images/service.gif") no-repeat 0 0;
  background-position: 0 -9px;
}
#serviceButtonActive span
{
  display: none;
}
#formButtonContainer
{
	width:65px;
	float:left;
	display:block;
}
#formButton
{
  float:left;
  display: block;
  width: 38px;
  height: 9px;
  background: url("Images/form.gif") no-repeat 0 0;
}
#formButton:hover
{ 
  background-position: 0 -9px;
}
#formButton span
{
  display: none;
}
#formButtonActive
{
  float:left;
  display: block;
  width: 38px;
  height: 9px;
  background: url("Images/form.gif") no-repeat 0 0;
  background-position: 0 -9px;
}
#formButtonActive span
{
  display: none;
}

/*------------------------------------------- Submenu Buttons -------------------------------------------------*/
#contactButton
{
  float:left;
  display: block;
  width: 59px;
  height: 13px;
  background: url("Images/contact.gif") no-repeat 0 0;
}
#contactButton:hover
{ 
  background-position: 0 -13px;
}
#contactButton span
{
  display: none;
}
#contactButtonActive
{
  float:left;
  display: block;
  width: 59px;
  height: 13px;
  background: url("Images/contact.gif") no-repeat 0 0;
  background-position: 0 -13px;
}
#contactButtonActive span
{
  display: none;
}
#locationButton
{
  float:left;
  display: block;
  width: 58px;
  height: 13px;
  background: url("Images/location.gif") no-repeat 0 0;
}
#locationButton:hover
{ 
  background-position: 0 -13px;
}
#locationButton span
{
  display: none;
}
#locationButtonActive
{
  float:left;
  display: block;
  width: 58px;
  height: 13px;
  background: url("Images/location.gif") no-repeat 0 0;
  background-position: 0 -13px;
}
#locationButtonActive span
{
  display: none;
}
#linkButton
{
  float:left;
  display: block;
  width: 43px;
  height: 13px;
  background: url("Images/link.gif") no-repeat 0 0;
}
#linkButton:hover
{ 
  background-position: 0 -13px;
}
#linkButton span
{
  display: none;
}
#linkButtonActive
{
  float:left;
  display: block;
  width: 43px;
  height: 13px;
  background: url("Images/link.gif") no-repeat 0 0;
  background-position: 0 -13px;
}
#linkButtonActive span
{
  display: none;
}

