body{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; z-index: 20; }
ol { color: #ff0; font-size: 30px; font-family: futura, Arial, Helvetica, Geneva, Swiss, SunSans-Regular ; }
ul { color: #ff0; font-size: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; z-index: 20; list-style-position: inside   }
li 
{ z-index: 20; float: left; }
a 
{ font-size: 13px; font-family: futura, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; display:block; }
a:visited { font-size: 0.95em; font-family: futura, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none ; }
a:hover { font-size: 13px; font-family: futura, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none ; z-index: 20; }
a:active { font-size: 0.95em; text-decoration: none ; z-index: 20; }


submenu
{ visibility: hidden; position: absolute; z-index: 20; }

#sddm
{       margin: 0;
        padding: 0;}

#sddm li
{ margin: 0 1px; padding: 0; list-style: none; float: left; font: 13px futura; width: 100px; z-index: 40; }

/*this defines the top level menu static state*/

#sddm li a
{ display: block; margin: 0 2px 0 0; padding: 8px 4px 10px; width: 100px; background: #b51b03; color: #ffffff; text-align: center; text-decoration: none; z-index: 40; }
        
/*this defines the top level menu hover state*/

#sddm li a:hover
{ background: #d2887c; color: #ffffff; }


#sddm div
{ visibility: hidden; margin: 0; padding: 0; background: white; position: absolute; z-index: 40; border: solid 1px #ffffff   }

/*this defines the dropdown menu static state*/

        #sddm div a
        { position: relative; display: block; margin: 0; padding: 8px 4px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background: #ffffff; color: #721a0c; font: 12px arial; z-index: 40; }

      
/*this defines the dropdown hover state*/
    
        #sddm div a:hover
        { background: #d2887c; color: #ffffff; }