body {
    background-image: url(../_img/bg02.jpg);
    color: #444;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 16px;
}

#wrapper {
    margin: 3% 8% 0 8%;
    padding: 24px;
    background: #ffe;
    /* min-width: 600px; */
    
}

#content {
    margin: 0;
    padding: 24px;
    border: 24px solid #c9c393;
}



#mastlogo {
    width: 470px;
    margin-left: auto;
    margin-right: auto;
}

#navs {
    width: 100%;
    margin: 24px 0 24px -24px;
    /* border: 1px solid green; */
    /* background: #c9c393; */
    /* display: none; */
}

#nav {
    
    padding: 0;
    margin: 0;
}

#nav li {
    list-style: none;
    float: left;
    margin: 0;
    padding: 2px 0;
    width: 80px;
    white-space: nowrap;
    background: #c9c393;
    text-align: center;

    /* border: 1px dotted red; */
}

#nav li.current {
    background: #a9a373;
}

#nav a {
    color: #fffff8;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 3px 3px 3px 3px;
    text-decoration: none;
    display: block;
    /* border: 1px solid blue; */
}


#nav a:hover {
    color: #873831;
}

#subnavs {
    width: 100%;
    margin: 24px 0 24px -24px;
    padding: 1px 0;
    clear: both;

    /* border: 1px solid green; */
    /* background: #c9c393; */
    /* display: none; */
}

#subnav {
    
    padding: 0;
    margin: 0;
}

#subnav li {
    list-style: none;
    float: left;
    margin: 0;
    padding: 2px 0;
    width: 120px;
    white-space: nowrap;
    background: #c9c393;
    text-align: center;

    /* border: 1px dotted red; */
}

#subnav li.current {
    background: #a9a373;
}

#subnav a {
    color: #fffff8;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 3px 3px 3px 3px;
    text-decoration: none;
    display: block;
    /* border: 1px solid blue; */
}


#subnav a:hover {
    color: #873831;
}

#main {
    clear: both;
    margin: 24px 0 24px 240px;
}

#main img {
    border: 2px solid #333;
    width: 265px;
    margin: 5px auto 5px auto;
}

#menu {
    clear: both;
    margin: 24px 0 24px 0;
}

h1 {
    color: #873831;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 20px;
    padding: 10px 0 0 0;
    margin: 20px 0 10px 0;
    /* border: 1px solid green; */
}

h2 {
    color: #873831;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 16px;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}

h2.dimmed {
    color: #c77871;
}

h2 span {
    color: #444;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
}

#main li {
    list-style: none;
    line-height: 150%;
}

a {
    color: #873831;
    font-weight: bold;
}

a:link {
    color: #873831;
    font-weight: bold;
}

a:visited {
    color: #873831;
    font-weight: bold;
}


.highlight {
    background: #d2c97c;
    padding: 0 10px 10px 10px;
    margin-top: 10px;
}

p {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 15px;
    margin: 10px 0 5px 0;
}

p.description {
    margin-left: 20px;
}

ul.catering li {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
}

table.catering {
    margin-top: 20px;
    padding: 0;
    border: 1px solid #a9a373;
}

.catering tr {
    margin: 0;
    padding: 0;
}

.catering th {
    margin: 0;
    padding: 2px 4px;
    background-color: #a9a373;
    color: #fffff8;

}

.catering td {
    margin: 0;
    padding: 2px 4px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
}

.catering tr.odd td {
    background-color: #c9c393;
}

.catering td span {
    font-size: 12px;
    font-style: italic;
}

.contact .label {
    text-align: right;
}

.smalltext {
    font-size: 70%;
}

.highlighttext {
    color: #873831;
}


#menuboard {
    position: absolute;
    top: 300px;
    left: 14.5%;
    width: 214px;
    padding: 8px;
    color: #f8f8af;
    background-color: #ad9353;
    border: 2px solid #333;
}

#menuboard h1 {
    color: #f8f8af;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 95%;
}

#menuboard h2 {
    color: #f8f8af;
    margin: 8px 0 0 0;
    padding: 0;
    text-align: center;
    font-size: 80%;
}

#menuboard dl {
    margin: 0;
    padding: 0;
}

#menuboard dt {
    color: #00460a;
    margin: 0;
    font-size: 75%;
    font-weight: bold;
}

#menuboard dd {
    color: #ffffff;
    margin: 0 5px 5px 5px;
    font-size: 70%;
    font-weight: normal;
}

.footer {
    margin-top: 50px;
}

.mainphoto {
    position: absolute;
    top: 340px;
    left: 14%;
    width: 233px;
}

.mainphoto img {
    border: 2px solid #333;
}