/* Horizontal navigation styles */
.navLeft {
background: url('../images/navbarLeft.gif') no-repeat 0 0;
float: left;
height: 31px;
width: 25px;
margin: 0 0 0 -12px;
}

.navRight {
background: url('../images/navbarRight.gif') no-repeat 0 0;
float: right;
height: 31px;
width: 6px;
margin: 0 -6px 0 0;
}

#hNav {
background: url('../images/navbutton_off.gif') repeat-x 0 0;
padding: 0;
margin: 140px 10px 0 26px;
color: #333;
height: 31px;
width: 936px;
}
.hnavlist {
list-style-type: none;
margin: 0;
border: 0;
}
#hNav ul {
margin: 0 0 0 -28px;
}
#hNav ul li {
background: url('../images/navbarDivider.gif') no-repeat right 0;
float: left;
padding: 0 2px 0 0;
margin: 0;
height: 31px;
}
#hNav ul li a {
background: url('../images/navbutton_off.gif') repeat-x 0 0;
padding: 8px;
list-style-type: none;
font-weight: bold;
text-decoration: none;
display: block;
color: #333;
height: 15px;
}
#hNav ul li a:hover {
background: url('../images/navbutton_on.gif') repeat-x 0 0;
padding: 8px;
list-style: none;
font-weight: bold;
text-decoration: none;
color: #eee;
}
body#home a#homenav,
body#about a#aboutnav,
body#academy a#academynav,
body#chat a#chatnav,
body#links a#linknav,
body#gallery a#gallerynav,
body#contact a#contactnav,
body#members a#membersnav {
background: url('../images/navbutton_on.gif') repeat-x 0 0;
list-style: none;
font-weight: bold;
text-decoration: none;
color: #eee;
}
/* END of Horizontal navigation styles */