body {background-color: #fdeeda;}

div.body {margin: auto; width: 1200px; }

div.header {height: 96pt; border-bottom: groove chocolate 1pt;
    font-family: Verdana, Sans, sans-serif; }
div.header .logo {float: left; margin-right: 20pt}
div.header .home {padding-left: 2pt}
div.header .menu {float: left; padding-top: 0pt; }
div.header .menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #fffae3;
}
div.header .menu ul li {
    float: left;
}
div.header .menu ul li a {
    display: block;
    padding: 2pt 12pt;
    text-decoration: none;
    text-align: center;
    color: #422b34;
    font-weight: bold;
    margin: 2pt 6pt;
}
div.header .menu ul li a:hover {
    background-color: bisque;
}

form[name="items"] {color: #422b34}
form[name="items"] label {width: 160px; float: left; margin: 1px}
fieldset.unleft label {float: none;}
form[name="items"] input, form[name="items"] select, form[name="items"] textarea {margin: 3px}
fieldset.unleft label.fleft {float: left}
/*form[name="items"] input[type="text"] {float: left}*/

div.infobox {
    margin: 6pt auto; width: 80%; border: solid 1px silver; text-align: center; padding: 2pt;
}
div.tumb {
    margin: 2px; padding: 1px; text-align: center; float: left; border: solid 1px lightgoldenrodyellow;
}
div.main {clear: both}
div.footer {clear: both; border-top: solid 1px gray; padding-top: 5px; margin-top: 5px;}
div.listsmall {border: solid 1px silver; width: 32.7%; margin: 2px; min-height: 62px; float: left; overflow: hidden}
div.listsmall img {float: left; padding-right: 5px;}
div.listsmall h4 {margin: 2px; white-space: nowrap;}

div.listbig {border: solid 1px silver; width: 49%; margin: 3px; min-height: 122px; float: left;}
div.listbig img {float: left; padding-right: 6px;}
div.listbig h4 {margin: 3px;}

.green {background-color: rgba(0,190,0,0.3)}
.red {background-color: rgba(190,0,0,0.3)}
.yellow {background-color: rgba(190,190,0,0.3)}