#homeelement
{
	padding: 0px 0px 0px 0px;
	position: relative; /* this stuff allows text to be hidden by graphic */
	height: 43px;
	width: 131px;
	color: purple;  /* this stuff is for link when images are turned off */
	text-decoration:underline;
	overflow: hidden;  /* this keeps text hidden if it grows due to user preferences*/
}

#home
{
	position: absolute;  /* this stuff allows text to be hidden by graphic */
	display: block;
    top:0px;
    left:0px;
	height: 43px;
	width: 131px;
	text-indent: -5000px; /* this keeps the no-css link hidden in the css world */
	background: url(img/buttons/Home.jpg) no-repeat left top;
}

#home:hover
{
	background: url(img/buttons/Home.jpg) no-repeat  0px -43px;
}

#aboutelement
{
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;  /* this stuff allows text to be hidden by graphic */
	height: 34px;
	width: 131px;
	overflow: hidden;   /* this keeps text hidden if it grows due to user preferences*/
}

#about
{
	position: absolute;
	display: block;
    top:0px;
    left:0px;
	height: 34px;
	width: 131px;
	background: url(img/buttons/About.jpg) no-repeat left top;
}


#faqelement
{
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 30px;
	width: 131px;
	position: relative;
	color: purple;
	text-decoration:underline;
	overflow: hidden;
}

#faq
{
	position: absolute;
	display: block;
    top:0px;
    left:0px;
	height: 30px;
	width: 131px;
	text-indent: -5000px;
	background: url(img/buttons/FAQ.jpg) no-repeat left top;
}

#faq:hover
{
	background: url(img/buttons/FAQ.jpg) no-repeat  0px -30px;
}

#policieselement
{
	margin:2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 30px;
	width: 131px;
	position: relative;
	color: purple;
	text-decoration:underline;
	overflow: hidden;
}

#policies
{
	position: absolute;
	display: block;
    top:0px;
    left:0px;
	height: 30px;
	width: 131px;
	text-indent: -5000px;
	background: url(img/buttons/Policies.jpg) no-repeat left top;
}

#policies:hover
{
	background: url(img/buttons/Policies.jpg) no-repeat  0px -30px;
}

#shippingelement
{
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 31px;
	width: 131px;
	position: relative;
	color: purple;
	text-decoration:underline;
	overflow: hidden;
}

#shipping
{
	position: absolute;
	display: block;
    top:0px;
    left:0px;
	height: 31px;
	width: 131px;
	text-indent: -5000px;
	background: url(img/buttons/Shipping.jpg) no-repeat left top;
}

#shipping:hover
{
	background: url(img/buttons/Shipping.jpg) no-repeat  0px -31px;
}

#contactelement
{
	margin:1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 43px;
	width: 131px;
	position: relative;
	color: purple;
	text-decoration:underline;
	overflow: hidden;
}


#contact
{
	position: absolute;
	display: block;
    top:0px;
    left:0px;
	height: 43px;
	width: 131px;
	text-indent: -5000px;
	background: url(img/buttons/Contact.jpg) no-repeat left top;
}

#contact:hover
{
	background: url(img/buttons/Contact.jpg) no-repeat  0px -43px;
}

#joinelement
{
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 79px;
	width: 131px;
	position: relative;
	color: purple;
	text-decoration:underline;
	overflow: hidden;
}

#join
{
	position: absolute;
	display: block;
    top:0px;
    left:0px;
	height: 79px;
	width: 131px;
	text-indent: -5000px;
	background: url(img/buttons/Join.jpg) no-repeat left top;
}

#join:hover
{
	background: url(img/buttons/Join.jpg) no-repeat  0px -79px;
}