body
{ 
background-image: 
url('http://www.clayspark.com/images/layout2009/Header_Bg.jpg');
background-repeat: repeat-x;
background-color: #456126;
}

#mainnav {
color: white;
font-family: arial;
position: relative;
text-align: center;
z-index: 1;
}
#mainnav a {
color: white;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}
#mainnav a:active, .mainnav a:visited {
color: white;
}
#mainnav a:hover {
color: #9F1F1E;
}

.content font {
font-family: verdana;
font-size: 8pt;
line-height: 20px;
}

.nbimg img {
border: 2px solid black;
}

.anylinkcss {
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
font-family: arial;
font-size: 12pt;
line-height: 18px;
z-index: 100;
background-color: #456126;
width: 205px;

}

.anylinkcss a {
width: 100%;
display: block;
text-indent: 5px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
text-indent: 5px;
color: white;
}

.anylinkcss a:visited, .anylinkcss a:active {
color: white;
}

.anylinkcss a:hover { 
background-color: white;
color: black;
}

.best {
position: relative;
margin-top: -100px;
margin-bottom: 0px;
margin-left: -70px;
z-index: 1;
}

.besttext {
position: relative;
margin-bottom: 90px;
margin-left: -350px;
font-family: arial;
text-size: 8pt;
z-index: 5;
margin-top: 70px;
}

.hot {
position: relative;
margin-top: 0px;
margin-right: -110px;
z-index: 1;
}

.hottext {
position: relative;
margin-top: -190px;
margin-right: -250px;
margin-left: 10px;
z-index: 5;
}