html { overflow-y: scroll; }
a { outline: none; }
a img { border: none; }

body {
    background: white none repeat scroll top center;
    margin: 0px;
}

#top, #menu, #main, #bot {
    margin: auto;
}

#top {
    background: transparent url('img/topmenubot.png') no-repeat scroll top center;
    text-align: center;
}

#menu {
    background: transparent url('img/topmenubot.png') no-repeat scroll center center;
}

#menu, #menu a {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

#menu {
    text-align: center;
    overflow: visible;
}

#menu ul li {
    list-style-type: none;
    
}

#menu a,
#menu span {
    padding: 4px 0px;
    text-align: center;
    display: block;
    float: left;
}

/*#menu a:hover,*/
#menu span:hover {
    border-bottom: none;
}

#menu span a {
    display: block;
    float: none;
}

#menu ul li:hover span {
    display: none;
}

#menu span ul {
    display: none;
    padding: 0px;
    margin: 0px;
    position: absolute;
}

#menu span:hover ul {
    display: block;
}

#menu span ul li {
    background: transparent url('img/submenu.png') no-repeat scroll 50% -12px;
    border: none;
    float: none;
    margin: 0px;
}

#menu span ul li:hover {
    background-position: 50% -44px;
}

#menu span ul li.first,
#menu span ul li.last {
    background: transparent url('img/submenu.png') no-repeat scroll 50% 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 12px;
}

#menu span ul li.last {
    background-position: 50% -76px;
}

#menu span ul li a {
    border: none;
    margin: 0px;
    font-weight: normal;
}

#main {
    background: transparent url('img/mid.png') repeat-y scroll top center;
    overflow: auto;
}

#main h1:first-child {
    margin-top: 0px;
}

#bot {
    padding-top: 15px !important;
    padding-bottom: 25px !important;
    background: transparent url('img/topmenubot.png') no-repeat scroll bottom center;
    text-align: center;
    font-size: smaller;
    color: #444;
}