/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ First layer of list items +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#nav {
margin: 5px 0 0 45px;
padding: 0;
position: relative;
height: 50px;
list-style: none;
width: 850px;
}
#nav li {
float: left;
padding: 0 31px 0 0; /* Spacing between the main menu items */
}
#nav li a:hover {
color: #8ebd43;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ Second layer of list items +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#nav ul {
display: none;
position: absolute;
left: 0;
top: 20px;
clear: both;
width: 850px;
}
#nav ul li {
float: left;
padding: 0 15px 0 0;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ Show menu on mousehover of the first layer +++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#nav li:hover ul {
display: block;
}
#nav li.onHover ul {
display: block;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ Visual styles of the first layer +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#nav li a {
font-size: 110%;
color: #999;
text-decoration: none;
}
#nav li li a {
color: #8ebd43;
}
#nav li li a:hover, #nav li li a.active {
color: #000;
}