body {
background-color:#333;
/*background-image:url(img/bg.png);
background-repeat:repeat-x;*/
color:#fff;
font-family:verdana;
font-size:10px;
text-shadow: 0px 2px 2px #000;
}

a {
color:#ccc;
}

hr {
border:none;
border-top:1px dashed #555;
height:1px;
color:#555;
background:transparent
}

p {
margin:20px;
}

#main_box {
margin:auto;
margin-top:40px;
margin-bottom:20px;
width:600px;
}

ul#navi {
width:400px;
margin-bottom:7px;
padding:0px;
text-align:left;
vertical-align:bottom;
}

#navi li {
display:inline;
list-style:none;
}

#navi li a {
background-color:#111;
border:solid 1px #555;
margin-right:10px;
padding:7px;
padding-top:5px;
color:#ddd;
text-decoration:none;
}

#navi li a img {
position:relative;
top:1px;
}

#navi li a:hover {
background-color:#222;
}

#navi li a.active {
background-color:#222;
background-image:url(img/bg_link_active.png);
background-repeat:repeat-x;
border-bottom:dashed 0px #222;
border-top:solid 1px #222;
border-right:solid 1px #000;
padding-top:10px;
position:relative;
top:1px;
}

#main_content {
background-color:#222;
border:solid 1px #555;
line-height:18px;
padding:20px;
}