body{
 padding:5px;
 width: 180px; 
 background: transparent;
 background-image:url("../graphics/sea.png");
}

html {
 background: #5577ee;

}
html{
background: #555;
font-family: Verdana, Helvetica, Sans-serif;
font-size: 8pt;
}

#top{
  background-image:url("../graphics/grass.png");
 background-repeat: repeat-x;
 background-position: 0 -60px;
 margin:-5px;
 padding: 5px;
}

#top h1{
 width: 110px;
 height: 130px;
 font-size: 40pt;
 font-family: Arial, Helvetica, Sans-serif;
 float:left;
 text-indent: -200em;
 color: #000;
 margin: 0;
 background-image:url("../graphics/mart-handheld.png");
 background-repeat: no-repeat;
}

#top h2{
 font-family: verdana, Helvetica, Sans-serif;
 font-size:15px;
 font-weight: bold;
 text-align: center;
 color: #fff;
 margin-top: 15px;
 margin-bottom: 55px;
 border: 1px solid #247d23;
 background:#31ac30;
}

#navbar, #footer {
 border-left: 1px solid #0f0;
 border-top: 1px solid #0f0;
 border-bottom: 1px solid #247d23;
 border-right: 1px solid #247d23;
 background:#31ac30;
 background-image:url("../graphics/gradient-up.png");
 background-repeat: repeat-x;
 padding:2px;
 float: none;
 clear:both;
}


#navbar ul{
 display: block;
 margin: 0;
 padding: 0;
 list-style: none; 
}
#navbar li{
 display: block;
 margin: 0;
 padding: 0;
}

#navbar a{
 font-size: 12px;
 display: block;
 width: 100%;
 font-family: Verdana, Helvetica, Sans-serif;
 color: #fff;
 text-decoration: none;
 border: 1px solid #247d23;
 border: 1px transparent;
 margin-right: 13px;
 padding: 2px;

}
 
#navbar a.navbar-active{
 padding: 1px; /*why wants only 1?*/
 border-right: 1px solid #0f0;
 border-bottom: 1px solid #0f0;
 border-top: 1px solid #247d23;
 border-left: 1px solid #247d23;
 background: #207319;
}

#navbar a:hover{
 background:#31cc30;
 border-left: 1px solid #0f0;
 border-top: 1px solid #0f0;
 border-bottom: 1px solid #247d23;
 border-right: 1px solid #247d23;
}

#navbar a:active{
 padding: 2px 0px 0px 2px;
 border-right: 1px solid #0f0;
 border-bottom: 1px solid #0f0;
 border-top: 1px solid #247d23;
 border-left: 1px solid #247d23;
 background-image:url("../graphics/gradient-down.png");
 background-repeat: repeat-x;
}

#main{
 background: #fff;
 padding: 5px; 
 text-align: justify;
 border: 1px solid #555;
}

#main h3{
 background: #247d23;
 color: #fff;
}