#list-menu {
width: 130px;
/* this width value is also effected by
the padding we will later set on the links. */
}

#list-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

font-family: verdana, arial, sanf-serif;
font-size: 12px;

#list-menu li {
margin: 2px 0 0;
}

#list-menu a {
display: block;
width:120px;

/*font-family: comic sans ms, helvetica, verdana, arial, sanf-serif;*/
font-size: 14px;

padding: 2px 2px 2px 10px;
border: 1px solid #000088;
background: #dcdcdc;
text-decoration: none; /*lets remove the link underlines*/
}

#list-menu a:link, #list-menu a:active{
color: #000000;
}

#list-menu a:visited {
color: #000055;
}


#list-menu a:hover {
border: 1px solid #000000;
background: #3333ff;
color: #ffffff;
}


#sub-menu {
width: 110px;
/* this width value is also effected by
the padding we will later set on the links. */
}

#sub-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#sub-menu li {
margin: 0 15px 0;
}

#sub-menu a {
display: block;
width:105px;

/*font-family: comic sans ms, helvetica, verdana, arial, sanf-serif;
font-size: 12px;*/

padding: 2px 2px 2px 10px;
border: 1px solid #000088;
background: #dcdcdc;
text-decoration: none; /*lets remove the link underlines*/
}

#sub-menu a:link, #sub-menu a:active{
color: #000000;
}

#sub-menu a:visited {
color: #000055;
}


#sub-menu a:hover {
border: 1px solid #000000;
background: #2222ff;
color: #ffffff;
}