/*  ==============================================================   */
/*                  CSS for vertical menu                            */
/*  Diron Graphics & Web Design d/b/a Distinct Graphics & Web Design */
/*                Diane Dickler, Web Designer                        */
/*                for www.keyboardwiz.com : Gary Piacentini          */
/*  ==============================================================   */

#menu {
    width:150px;
    padding:10px;
    background: #3A415D;
    margin:auto 0 0 0;
    float: left;
    border: 1px solid #000;
}
* html #menu {width:150px; w\idth:150px;}     /* {width:202px; w\idth:150px;}  */

#menu dt {
    border:1px solid #fff;
    border-color:#000 #cde #cde #000;
    text-align:center;
    background:#698572;
    padding:5px 0;
    margin:7px 0;
    font-weight:bold;
    color:#ffffff;
}

#menu dd {
    padding:0;
    margin:3px 0px 0px 0px;
    padding: 0px 3px 0px 0px;
    text-align:center;
    background:#3A415D;
}

#menu div, #menu span {border:1px solid #000; text-align:center;}
#menu .hh {padding:1px 0;}
#menu span {display:block;}
#menu .aa {border-color:#b7cabd #698572 #698572 #b7cabd;}
#menu .bb {border-color:#698572 #93b09c #93b09c #637e6c;}
#menu .cc {border-color:#5a7362 #a2baaa #a2bbaa #5c7564;}
#menu .dd {border-color:#5a7362 #a2baaa #a2bbaa #5c7564;}
#menu .ee {border-color:#6f8d79; padding:0 2px 0 0;}
* html #menu .ee {padding:0;}
#menu a, #menu a:visited {
display:block;
width:100%;
border:1px solid #000;
color:#C5DFF0;
text-decoration:none;
}
#menu .ff {border-color:#d1ddd5 #5f6962 #5f6962 #d0ddd4;}
#menu .gg {border-color:#c9d7cd #7c8980 #7c8980 #c8d6dd;}
#menu .hh {border-color:#c0d0c5 #9aaa9f #9aaa9f #bfd0c5;}
#menu a:hover {background:#000000; color:#FF0000;}  
#menu a:hover .ff {display:block;border-color:#5f6962 #d0ddd4 #d1ddd5 #5f6962;}
#menu a:hover .gg {display:block;border-color:#7c8980 #c8d6dd #c9d7cd #7c8980;}
#menu a:hover .hh {display:block;border-color:#9aaa9f #bfd0c5 #c0d0c5 #9aaa9f; padding:2px 0 0 0;}