body { font-family: "comic sans ms";
}

.top { background-image: url('images/top1.png');
}

.middle { background-image: url('images/middle1.png');
}

.bottom { background-image: url('images/bottom1.png');
}

.navigation { padding-left: 70px;
  padding-top: 55px;
  padding-right: 63px;
}

.text { padding-left: 70px;
  padding-right: 63px;
}

.footer { padding-left: 70px;
  padding-right: 63px;
  font-size: 12px;
}

.heading { font-size: 20px;
  font-weight: bold;
}

.small { font-size: 13px;
}

.paragraph { text-indent: 1cm;
}

.form { background: #EAEBD8;
  border: 1px solid #8DC093;
}




#dd { margin: 0;
  padding-left: 30px;
  width: 100%;
}

#dd li { margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font: bold 11px "comic sans ms";
}

#dd li a.menu { display: block;
    text-align: center;
    background: #4F7856;
    padding: 4px 4px;
    margin: 0 1px 0 0;
    color: #FFF;
    width: 105px;
    text-decoration: none;
}

#dd li a.menu:hover { background: #8DC093;
}

.submenu { background: #EAEBD8;
    border: 1px solid #8DC093;
    width: 95px;
    visibility: hidden;
    position: absolute;
    z-index: 3;
}

    .submenu a { display: block;
        font: 11px "comic sans ms";
        text-align: left;
        text-decoration: none;
        padding: 5px;
        color: #000000;
    }

    .submenu a:hover { background: #8DC093;
        color: #000000;
    }