body     { color: #574230 !important; font-size: 115%; font-family: Palatino, "Times New Roman", Times; line-height: 1.5em; background-color: #9bbf9b; word-spacing: 0.25em; letter-spacing: 0.25em; position: relative; }
a, a:visited { color: #574230; }
a:active { color: #963; }
.window { font-size: 80% ; line-height: 1.5em; padding: 8px; width: 600px; height: 400px; border: inset 2px #9bbf9b; margin-left: auto; margin-right: auto; }
li.drawlist   { position: relative; left: -12px; list-style-type: none; padding: 0 20px 0 50px; display: inline;   }
li.centlist { list-style-type: none; display: inline; padding: 0 20px 0 50px; position: relative; left: -30px; }
li.endlist { position: relative; left: -24px; list-style-type: none; display: inline; padding-right: 5px; }
.line { color: #574230; padding-top: 10px; border-top: 1px solid #574230; width: 400px; border-right-color: #574230; border-bottom-color: #574230; border-left-color: #574230; }
.titlefont { font-size: 125% }
.smfont, .menfont { font-size: 80%; line-height: 1.5em; }
.menfont { font-size: 66%; word-spacing: 0.1em; letter-spacing: 0.1em; }
.winfont { -webkit-text-size-adjust: 100%; line-height: 2em; text-align: left; word-spacing: normal; letter-spacing: normal; }
.midfont { font-size: 100% ; }
.listfont  { color: #574230; text-decoration: none; }
.listfonton  { color: #960; text-decoration: none; }
.listfontover  { color: #963; text-decoration: none; }
#listbord { border-left: groove 2px #9bbf9b; border-right: ridge 2px #9bbf9b; }
#listbord:hover  { border-left: ridge 2px #9bbf9b; border-right: groove 2px #9bbf9b; }
.fadefont { color: #77a477; }
.mentab { border-top: 2px solid #963; border-right: 2px solid #963; border-bottom-color: #963; border-left-color: #963; }
#header { line-height: normal; background-color: #9bbf9b; background-image: url(media/bg3.gif); background-repeat: no-repeat; background-position: center bottom; width: 100%; float: left; }
#footer { line-height: normal; width: 100%; float: left; }
#header ul { text-align: center; width: 540px; margin: 0; padding-top: 10px; padding-bottom: 0; padding-left: 10px; list-style-type: none; }
#footer ul { text-align: center; list-style-type: none; margin: 0 auto 0 auto; padding-top: 20px; padding-bottom: 45px; padding-left: 24px; width: 700px;  }
#header li { background-repeat: repeat-x; background-position: left top; float: left; margin: 0; padding: 0 0 0 9px; width: 121px; }
#footer li {  background-image: url(media/grade3.gif); background-repeat: repeat-x; background-color: #9bbf9b; background-position: center bottom; padding: 0 0 0 0; float: left; width: 221px; }
#header a { background-repeat: repeat-x; background-position: right top; width: 100px; padding: 5px 15px 4px 6px; display: block; }
#footer a { background-image: url(media/grade8.gif); background-repeat: no-repeat; background-position: left top; height: 27px; display: block; padding: 5px 15px 0 6px; width: 200px; }
#footer a:hover { background-image: url(media/grade5.gif); background-repeat: repeat-x; background-position: left bottom; display: block; width: 200px; height: 27px; }
#header a:hover, #footer a:hover { color:#963; }
#header #current { background-color: #99cc99; background-image: url(media/left2.gif); }
#grocery { margin-left: -0.50em; }
#header #current a { background-image: url(media/right2.gif); padding-bottom: 5px; }
.alr { text-align: right; width: 450px; position: absolute; left: 10px; }
.alrful { text-align: right; width: 420px; position: absolute; left: -10px; }
#dinlin { height: 7em; width: 10em; padding-top: 1em; }