/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}

.nav li {
  border-left: 1px solid #000;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}

/* === Style for master menu items when not hovering over them === */
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: bold 14px Arial, Helvetica, sans-serif;
  background: #939597;
  color: #FFFFFF;
  display: block;
  padding: 0 9px;
  text-transform: capitalize;
  text-decoration: none;
  height: 21px;
  width: 98px;
  padding-top: 4px;
}

.nav .navGold a, .nav .navGold a:link, .nav .navGold a:active, .nav .navGold a:visited 
{
	background: #FFCB70;
}

.nav .navDark a, .nav .navDark a:link, .nav .navDark a:active, .nav .navDark a:visited 
{
	background: #58595B;	
}

.nav .navMedium a, .nav .navMedium a:link, .nav .navMedium a:active, .nav .navMedium a:visited
{
	background: #808284;
}

.nav li a:hover {
  background: #ccc;
  color: #FFF;	
}

/* === Style for hovering over master menu items === */
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #FFE2B1; /*Old colour: #ccc;*/
  color: #58595B; /*Old colour: #FFF;*/
  width: 98px;
}

/* === Style for hovering over gold menu items === */
/* --- NOT NEEDED ANYMORE AS ALL ELEMENTS USE GOLDEN HOVER - FOR EXAMPLE PURPOSES ONLY (AS MY CSS KNOWLEDGE IS SCETCHY AT BEST) --- */
#nav-one .navGold:hover a,
#nav-one .navGold.sfHover a
{
	background: #FFE2B1;
	color: #58595B;
	width: 98px;
}

/* === Style for submenu items when hoving over master menu item === */
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #939597; /*Old colour: #565656;*/
  color: #FFFFFF;
  font-size: 9pt;
  width: 98px;
}

#nav-one .navDark:hover ul a,
#nav-one .navDark.sfHover ul a 
{
	background: #58595B;
}

#nav-one .navMedium:hover ul a,
#nav-one .navMedium.sfHover ul a 
{
	background: #808284;
}

/* === Style for hovering over submenu items === */
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover { 
  background: #ccc;
  color: #FFF;	
}

.nav ul {
  background: #565656;
  border-bottom: 1px solid #000;
  list-style: none;
  margin: 0;
  width: 118px;
  position: absolute;
  top: -999em;
  left: -1px;
}

.nav li:hover ul,

.nav li.sfHover ul {
  top: 25px;
}

.nav ul li {
  border: 0;
  float: none;
}

.nav ul a {
  border: 1px solid #000;
  border-bottom: 0;
  padding-right: 0px;
  width: 98px;
  white-space: nowrap;
}

.nav ul a:hover {
  background: #ccc;
  color: #FFF;
}