html {
    background-color: #000033;
    padding: 20px;
}
body {
    width: 800px;
    background-color: #333333;
    margin: 0px auto 0px auto;
    font-family: verdana, helvetica, sans serif;
    font-size: 12px;
    padding: 0px;
}

#menu ul {
    padding: 0px;
    margin: 0px;
    float: right;
}
#menu {
    width: 100%;
    height: 34px;
    background-color: #666666;
    background-image: url(layout/menu_greyed.gif);
    background-position: right;
    clear: both;

}
#menu h1 {
    float: left;
    padding: 0px;
    margin: 0px;
    color: white;
    font-family: trebuchet ms, verdana, sans serif;
    font-weight: normal;
    font-size: 22px;
    padding-top: 3px;
    padding-left: 5px;
}
#menu ul li {
    float: left;
  	position: relative;
    width: 80px;
    height: 28px;
    text-align: center;
    background-image: url(layout/menu.gif);
    border: 1px #666666 solid;
    margin: 0px -1px 0px 0px;
    font-family: trebuchet ms, verdana, sans serif;
    font-size: 16px;
    color: white;
    padding: 4px 0px 0px 0px;
    list-style: none;
}
#menu ul li:hover {
    background-image: url(layout/menu_blue.gif);
}
#menu ul li.selected {
    background-image: url(layout/menu_green.gif);    
}
#menu a {
    color: white;
    text-decoration: none;
}


#contents {
    width: 200px;
}

#info {
    width: 580px;
    background-color: black;
    overflow: auto;
    padding: 10px;
}
#contents {
    font-weight: bold;
}

#info, #contents {
    color: white;
    float: left;
    display: block;
}
#contents h1 {
    height: 32px;
    background-image: url(layout/menu_red.gif);
    background-position: right;
    font-family: trebuchet ms, verdana, helvetica, sans serif;
    text-align: center;
    font-size: 16px;   
    height: 28px;
    border: 1px #666666 solid;
    margin: 0px;
    font-family: trebuchet ms, verdana, sans serif;
    font-size: 16px;
    color: white;
    padding: 4px 0px 0px 0px;
    font-weight: normal;
    
}
#contents ul {
    padding: 0px;
    margin: 0px;
}
#contents li {
    padding: 0px;
    list-style: none;
    height: 16px;
    font-size: 12px;
    padding: 0px 0px 2px 0px;
    background-image: url(layout/title.gif);
    font-weight: normal;
    text-align: center;
    font-family: trebuchet ms, verdana, helvetica, sans serif;
    border: 1px #666666 solid;
    margin: -1px 0px 0px 0px;
}
#contents li:hover {
    background-image: url(layout/title_blue.gif);
}
#contents li.selected {
    background-image: url(layout/title_green.gif);    
}
#contents a {
    color: white;
    text-decoration: none;
}
#footer {
    font-family: trebuchet ms, verdana, helvetica, sans serif;
    font-weight: bold;
    font-size: 11px;
    padding: -1px 0px 0px 5px;
    margin: 0px;
    height: 17px;
    background-image: url(layout/title.gif);
    color: white;
    border-top: 1px solid #333333;
    text-align: center;
    clear: both;
 }

#info h1 {
    font-size: 18px;
}
#info h2 {
    font-size: 14px;
}
#info h1, h2 {
    font-family: trebuchet ms, verdana, helvetica, sans serif;
    margin: 0px 0px 6px 0px;
}
#info p {
    margin: 0px 0px 6px 0px;
}