#menu {
    position: absolute;
    z-index: 1;
/*    top: 87px;*/
    top: 127px;
    margin-left: 20px;
    margin-bottom: 15px;
    height: 125px;
    font-family: "Trebuchet MS",Arial,sans-serif;
}

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

#menu li {
    display: inline;
    float: left;
}

#mainmenu a { 
    width: 78px;
    height: 74px;
    float: left;
    margin: 3px 0 0 2px;
}

/************ main menu ************/

#mainmenu {
    width: 718px;
    height: 92px;
}

#mainmenu a img {
    position: absolute;
    top: 19px;
}

#mainmenu a span { 
    display: block;
    font-size: 12px;
    border-left: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    height: 12px;
    width: 50px;
    white-space: nowrap;
    margin: 0;
    margin-right: 3px;
    padding: 0px 0 2px 3px;
}

#mainmenu li#aboutme span { color: #af4945; }
#mainmenu li#culture span { color: #3e8f55; }
#mainmenu li#theorem span { color: #493e9f; }
#mainmenu li#philosophy span { color: #9f3e8e; }
#mainmenu li#amused span { color: #d06203; }

#mainmenu a:hover { text-decoration: none; }
#mainmenu a:hover  img{ background: #eee; }
#mainmenu a:active img{ background: #e4e4e4; }
#mainmenu a:hover span { 
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

#mainmenu a.current {
    height: 90px;
    background: url(imgfragments/curbuttonbg.png) 0 16px;
    background-repeat: no-repeat;
}
#mainmenu a.current img { background: #ddd }
#mainmenu a.current span {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
#mainmenu a.current:hover  img{ background: #d4d4d4; }
#mainmenu a.current:active img{ background: #ccc;    }
#mainmenu a.current:hover span {
    border-left: 1px solid #bbb;
    border-top: 1px solid #bbb;
}

#mainmenu a.pooh:hover img{ /* for my dear beloved Joanna */
    background-image: url(pooh.png);
    background-position: 27px 3px;
    background-repeat: no-repeat;
}

#mainmenu a.homepage {
    margin: 17px 0 0 0;
    width: 55px;
    height: 66px;
}

#mainmenu a.homepage img { top: 17px; }

#homespacer {
    height: 1px;
    width: 263px;
    margin-top: 36px;
    border-top: 1px dotted #a4a5a6;
}

/************** submenus ****************/

.submenu{
    position: absolute;
    font-size: 13px;
    height: 25px;
}

.descendent{
    position: absolute;
    margin-top: 26px;
}

.submenuspacer{
    height: 1px;
    float: left;
}

.submenu a{
    background: url(imgfragments/subbutton.png);
    background-repeat: no-repeat;
    float: left;
    border-top: 1px solid #a4a5a6;
    padding: 4px 20px 0 12px;
    color: #808080;
    height: 22px;
}

.submenu.descendent a{
   font-size: 12px;
   padding-top: 5px;
}

.submenu a.color-aboutme {  color: #af4945; }
.submenu a.color-theorem {  color: #493e9f; }
.submenu a.color-philosophy {  color: #9f3e8e; }
.submenu a.color-amused {  color: #d06203; }
.submenu a.color-culture,
.submenu a.color-puns {  color: #3e8f55; }

.submenu a.rev{
    background: url(imgfragments/subbuttonrev.png);
    background-repeat: no-repeat;
    border-top: none;
    padding-top: 5px;
}

.submenu.descendent a.rev{
    padding-top: 6px;
}

.submenu a.desc{
    background: url(imgfragments/subdesc.png);
    background-repeat: no-repeat;
}

.submenu a:hover{
    background: url(imgfragments/subbutton-hov.png);
    background-repeat: no-repeat;
}

.submenu a.rev:hover{
    background: url(imgfragments/subbuttonrev-hov.png);
    background-repeat: no-repeat;
}

.submenu a.desc:hover{
    background: url(imgfragments/subdesc-hov.png);
    background-repeat: no-repeat;
}