body {
	width: 765px;
	background: url(images/bg.jpg) no-repeat #546e73;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0px auto;
	text-align: center;
	}

.test2 {
	display: none;
	}


#homepage #home {
	background-image: url("images/homebutton-selected.jpg");
	}

#homepage #home a {
	background-image: url("images/homebutton-selected.jpg");
	}
	
#home a span {
	display: none;
	}

#home {
	background-image: url("images/homebutton.jpg");
	background-position: center;
	height: 37px; 
	font-size: 37px; /* for firefox */
	}

#home a {
	background-image: url("images/homebutton.jpg");
	}

#home a:hover {
	background-image: url("images/homebutton-selected.jpg");
	}

#home a:hover span {
	display: none;
	}

#about {
	background-image: url("images/aboutusbutton.jpg");
	background-position: center;
	height: 37px; 
	font-size: 37px; /* for firefox */
	}

#about a {
	background-image: url("images/aboutusbutton.jpg");
	}

#about a:hover {
	background-image: url("images/aboutusbutton-selected.jpg");
	}

#about a:hover .test2 {
	display: inline;
	}

#aboutuspage #about {
	background-image: url("images/aboutusbutton-selected.jpg");
	}

#aboutuspage #about a {
	background-image: url("images/aboutusbutton-selected.jpg");
	}


#service {
	background-image: url("images/servicesbutton.jpg");
	background-position: center;
	height: 37px; 
	font-size: 37px; /* for firefox */
	}

#service a {
	background-image: url("images/servicesbutton.jpg");
	}

#service a:hover {
	background-image: url("images/servicesbutton-selected.jpg");
	}

#servicespage #service {
	background-image: url("images/servicesbutton-selected.jpg");
	}

#servicespage #service a {
	background-image: url("images/servicesbutton-selected.jpg");
	}

#results {
	background-image: url("images/resultsbutton.jpg");
	background-position: center;
	height: 37px; 
	font-size: 37px; /* for firefox */
	}

#results a {
	background-image: url("images/resultsbutton.jpg");
	}

#results a:hover {
	background-image: url("images/resultsbutton-selected.jpg");
	}

#resultspage #results {
	background-image: url("images/resultsbutton-selected.jpg");
	}

#resultspage #results a {
	background-image: url("images/resultsbutton-selected.jpg");
	}

#faq {
	background-image: url("images/faqsbutton.jpg");
	background-position: center;
	height: 37px; 
	font-size: 37px; /* for firefox */
	}

#faq a {
	background-image: url("images/faqsbutton.jpg");
	}

#faq a:hover {
	background-image: url("images/faqsbutton-selected.jpg");
	}

#faqpage #faq{
	background-image: url("images/faqsbutton-selected.jpg");
	}

#faqpage #faq a {
	background-image: url("images/faqsbutton-selected.jpg");
	}

#contact {
	background-image: url("images/contactbutton.jpg");
	background-position: center;
	height: 37px; 
	font-size: 37px; /* for firefox */
	}

#contact a {
	background-image: url("images/contactbutton.jpg");
	background-position: center;
	height: 37px; 
	font-size: 37px; /* for firefox */
	}

#contact a:hover {
	background-image: url("images/contactbutton-selected.jpg");
	}

#contactpage #contact {
	background-image: url("images/contactbutton-selected.jpg");
	}

#contactpage #contact a {
	background-image: url("images/contactbutton-selected.jpg");
	}

#bodycontent {
	background-color: #ffffff;
	width: 653px;  /* was 722, changed for padding and then for right overlap */
	text-align: left;
	padding: 20px;
	padding-left: 40px;
	padding-top: 25px;
	padding-bottom: 40px;
	}

/* this (below) is so the contact page has enough white.  might not need it to be specific
   to the contact page though, since min-height is declared i think i can use this
   on all the pages and it won't clip the content */

#contactpage #bodycontent {
	background-color: #ffffff;
	width: 653px;  /* was 722, changed for padding and then for right overlap */
	text-align: left;
	padding: 20px;
	padding-left: 40px;
	padding-top: 25px;
	padding-bottom: 40px;
	height: 250px;
	min-height: 250px;
	}