#proj {list-style-type: none; margin: 0 0 0 10px; padding:0;}

#proj li {display:block; float: left; position:relative; z-index:50; margin-right:1px;}
#proj li span {display:block; z-index:50; background-color: #455a70; padding: 5px 8px;font-size:1.0em;}
#proj li a, #proj li a:visited {display:block; padding:0;}

#proj dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: url(/img/spacer.gif);}
#proj dt {background: #455a70; margin:0; font-size: 1.0em; float:left; border-right:1px dotted #fff;}
#proj dd {display:none; background: transparent; border-bottom:1px solid #83AAD5; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;border-left:1px dotted #fff}

#proj dt a, #proj dt a:visited {display:block; color:#fff; padding: 5px 8px; text-decoration:none;}
#proj dd a, #proj dd a:visited {background:#455a70; color:#fff; text-decoration:none; display:block; padding: 5px 10px;}

#proj li a:hover {border:0;}

#proj li:hover dd, #proj li a:hover dd {display: block;}
#proj li:hover dl, #proj li a:hover dl {/*border-bottom: 1px dotted #c6f6f8;*/}
#proj li:hover dt a, #proj li a:hover dt a, #proj dd a:hover {background: #6a7b8d; color: #fff;}