body
{
	font: normal normal 90% "Myriad Web", "Century Gothic", arial, verdana, helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff;
}

/* 99D6E3 - light blue colour that we both like */
a { 
color: blue; 
}
/*
a:visited {
 	color: #33ccff;
	}
	*/
td {
	font: normal normal 90% "Myriad Web", "Century Gothic", arial, verdana, helvetica, sans-serif;
	color: #000000;
	}
	
 .breadcrumb 	{
 		font: italic normal 80% arial,veradna,helvetica,sans-serif;
 	/*	background-color: blue; */
 		color: #000000;
 		z-index: 11;
 	}
 a.breadcrumb {
 	color: #000000;
 	}
 
 #mainContent {
 padding-left: 180px; /* greater than the nav width value */
 text-align: justify;
 width: 580px;
 }
 #headerLogo {
 z-index: 8;
 
 
 }
 	
  #nav {
 	width: 140px;
 	list-style: none;
 	padding: 3px;
 	}
 	
 div#navpanel {
 	position: absolute;
 	top: 200px;
 	left: 10px;
 	z-index: 9;
 }
 
div.navbutton {
    height: auto;
    width: 140px;
}

div.navbutton 
{
	height: 35px;
	_height: 35px;
	width: 140px;
	font:normal bold 80% Arial, Helvetica, sans-serif;
	text-align: center;
	list-style-type: none;
	background-image: url(http://spiritquest.homeip.net:89/images/button_img2.jpg);
	background-repeat: no-repeat;
	line-height: 36px;
}

div.navbutton  a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #000000;
}
div.navbutton  a:link {
    color: #000000;
	background-image: url(http://spiritquest.homeip.net:89/images/button_img2.jpg);
	background-position: 0px -35px;
}
div.navbutton  a:visited {
    color: #000000;
	background-image: url(http://spiritquest.homeip.net:89/images/button_img2.jpg);
	background-position: 0px -35px;
}
div.navbutton  a:hover {
    color: #ff0000;
	background-image: url(http://spiritquest.homeip.net:89/images/button_img2.jpg);
	background-position: 0px 0px;
	position: relative;
	top: 0px;
	
}
div.navbutton  a:active {
	color: #6B300D;
	background-image: url(http://spiritquest.homeip.net:89/images/button_img2.jpg);
	background-position: 0px -35px;
}