body, p, ul, li {
padding: 0;
margin: 0;
}

body {
background: #80061A url(layout/hippo_bkgr2.gif);
padding-top: 10px;
text-align: center;
color: #000;
}

a:link {
color: #83091D;
}

a:visited {
color: #000;
}

a:hover {
color: #AB0722;
}

a:active {
color: #83091D;
}

#wrapper {
background: #9B0720 url(layout/hippo_bkgr.gif);
position: relative;
text-align: left;
margin: auto;
width: 770px;
height: 583px;
overflow: hidden;
border: 2px solid #40040E;
}

/* main content area */

#content {
background: url(layout/hippo_contenttop.gif) no-repeat top center;
width: 501px;
position: absolute;
top: 92px;
left: 22px;
}

#maincontent {
background: url(layout/hippo_contentbottom.gif) no-repeat bottom center;
position: relative;
top: 10px;
padding: 15px 10px 20px 10px;
}

#scroll {
overflow: auto;
height: 415px;
padding: 0 20px;
}

/* menu */

#menu {
background: url(layout/hippo_menutop.gif) no-repeat top center;
width: 151px;
position: absolute;
top: 41px;
left: 577px;
z-index: 2;
}

#mainmenu {
background: url(layout/hippo_menubottom.gif) no-repeat bottom center;
position: relative;
top: 10px;
padding-bottom: 10px;
}

ul {
list-style-type: none;
}

#mainmenu a {
display: block;
color: #000;
font-weight: bold;
text-decoration: none;
background: url(layout/hippo_menuhover.gif) top center;
padding: 2px 15px 2px 25px;
}

#mainmenu a:hover {
color: #76081A;
background: url(layout/hippo_menuhover.gif) bottom center;
}

/* decoration */

#title {
position: absolute;
top: 26px;
left: 44px;
height: 66px;
width:250px;
background-image: url(layout/hippo_title.gif);
}

#decomenu {
position: absolute;
top: 41px;
left: 408px;
height: 33px;
width: 170px;
background-image: url(layout/hippo_decomenu.gif)
}

#deco {
position: absolute;
top: 330px;
left: 528px;
height: 260px;
width: 237px;
background: url(layout/hippo_deco.gif) bottom center;
margin-bottom: -50px;
}