.navArea ul {
list-style: none;
margin: 0;
padding: 0;

}

.navArea ul  li{
float: left;
width: 100px;
}

.navArea li {position: relative;}



.navArea ul li a{
font: bold 12px arial, helvetica, sans-serif;
display: block;
margin: 0;
width: 100px;
color:#ffffff;
text-decoration:none;
padding-top:8px;
padding-bottom:7px;
padding-left:8px;
padding-right:8px;
}
.navArea ul li a:hover{
font: bold 12px arial, helvetica, sans-serif;
display: block;
margin: 0;
background-color:#C12320;
text-decoration:underline;
color:#ffffff;
padding-top:8px;
padding-bottom:7px;
padding-left:8px;
padding-right:8px;
}

.navArea ul li ul li  a{
font: bold 12px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
background: #0069a3;

border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
width:200px;
padding-top:3px;
padding-bottom:3px;
padding-left:8px;
padding-right:8px;
}



.navArea ul li ul li a:hover {
color: #ffffff;
text-decoration:underline;
background: #0069a3;
padding-top:3px;
padding-bottom:3px;
padding-left:8px;
padding-right:8px;
}

.navArea ul li ul a {
color: #ffffff;
text-decoration:none;
background: blue;
}



.navArea ul ul {
position: absolute;
z-index: 10000;
}

.navArea ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div.navArea ul ul,
div.navArea ul li:hover ul ul,
div.navArea ul ul li:hover ul ul
{display: none;}

div.navArea ul li:hover ul,
div.navArea ul ul li:hover ul,
div.navArea ul ul ul li:hover ul
{display: block;}