body { background: #FFF url() no-repeat top right; font: normal x-small/1.2 Verdana,Arial,Helvetica; color:#777; margin: 5px 10px; text-align: center }
h1 { color: #00C; font-size: 170%; font-weight: normal; margin-top: 0 }
h2 { color: #BC001B; font-size: 140%; font-weight: normal }
li { list-style-image: url(/images/star.gif); color: #C00; margin: 10px; padding-left: 25px }

#hdr, #cnt, #ftr { width: 982px; margin: auto; text-align: left }
#hdr {  }
#cnt { background: #FFF; padding: 2px 0; width: 982px }
#mnu { background: #66981F; width: 225px; float: left }
#bdy { padding: 20px 20px 20px 245px; font-size: 110% }
#ftr { background: #BC001B; text-align: right; color: #FFF; padding: 5px; font-weight: bold }
#ftr a { color: #FF0 }
#submnu { background: #DFE0FF; padding: 5px 5px 5px 50px }

.mnuitem { display: block; min-height: 22px; background: #A1A3FF; background-image:url(/images/pengy.gif); background-repeat:no-repeat; background-position: 5px 1px; border-top: 1px solid #DFE0FF; border-left: 1px solid #DFE0FF; border-bottom: 1px solid #6D70FF; border-right: 1px solid #6D70FF; text-decoration: none; font: normal 140% Arial,Helvetica; letter-spacing: 1px; color: #FFF; padding: 5px 0 5px 50px }

.mnuitem:hover { background-color: #8080FF }

#mnu h5 { background: #8080FF; color: #FFF; padding: 5px; font: bold 110% Arial,Helvetica; letter-spacing: 1px; margin: 0 }
#mnu images { border: 2px solid #FFF; border-width: 2px 0 }
#mnu p { margin: 20px; color: #FFF }

#submnu .mnuitem { display: block; background: #DFE0FF; border: 0; text-decoration: none; font: bold 100% Arial,Helvetica; letter-spacing: 1px; color: #6D70FF; padding: 0 0 0 10px }
#submnu .mnuitem:hover { text-decoration: underline }

#mnu a { color: #FFF }
#mnu a:hover { color: #CC0}

#foodmenu {font-size:0.85em}