/* Menu Stylesheet */ 

.menu {
 margin: 0;
 padding: 0;
 color: #333333;
 list-style: none;
}
.menu li {
 padding: 0;
 margin: 0;
}
.menu li a, .menu li a:visited {
 margin: 0.4em 0.4em 0 0;
 padding: 0.3em 0.5em 0.2em 0.5em;
 font-size: 1.2em;
 font-weight: bold;
 color: #cccccc;
 display: block;
 border: #333333 1px solid;
 border-bottom: #333333 3px solid;
 background: #333333;
 text-decoration: none;
}
.menu li a:hover {
 color: #ffffff;
 background: #333333;
 border: #333333 1px solid;
 border-bottom: #ffffff 3px solid;
}

.menu li {float: left;}

.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 

/* SubMenu Stylesheet */ 

.menu-sub {
 margin: 0;
 padding: 0;
 color: #333333;
 list-style: none;
}
.menu-sub li {
 padding: 0;
 margin: 0;
}
.menu-sub li a, .menu-sub li a:visited {
 margin: 0 0.4em 0.4em 0;
 padding: 0.3em 0.5em 0.2em 0.5em;
 font-size: 1em;
 font-weight: bold;
 color: #cccccc;
 display: block;
 border: #333333 1px solid;
 border-top: #333333 3px solid;
 background: #333333;
 text-decoration: none;
}
.menu-sub li a:hover {
 color: #ffffff;
 background: #333333;
 border: #333333 1px solid;
 border-top: #ffffff 3px solid;
}

.menu-sub li {float: left;}

.menu-sub:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}