/* CSS Document */

@import "main.css";
@import "nav.css";


#menu {
font-size: 1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: left;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 550px;
}

#menu p {
font-size: 1em;
color: #F8DECD;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}

#menu .bolder {
font-size: 1em;
font-weight: bold;
color: #F8DECD;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}

#menu .smaller {
margin-top: -10px;
margin-bottom: 10px;
}

#menu .extra {
margin-top: -15px;
color: #F8DECD;
display: block;
}

#menu h3 {
color: #F8DECD;
font-size: 1.4em;
margin-top: 20px;
text-align: center;
}

#menu h4 {
color: #F8DECD;
font-size: 1.3em;
margin-top: 20px;
}

#menu h5 {
color: #CC3;
font-size: 1.2em;
margin-top: 40px;
margin-bottom: 16px;
text-align: center;
}

#menu h6 {
color: #F8DECD;
font-size: 1.1em;
margin-top: 20px;
}

#menu dl {
width: 100%;
margin: 0 0 1em;
background: url(../images/dot.gif) repeat-x 0 1.2em;
overflow: hidden;
clear: both;
}

* html #menu dl {
overflow: visible;
}

#menu dt {
font-weight: bold;
font-size: 1.1em;
float: left;
padding-right: 3px;
color: #F8DECD;
background-color: #493815;
}

#menu dd {
margin:0;
}

#menu dd.price {
float: right;
font-weight: bold;
font-size: 1.1em;
color: #F8DECD;
background-color: #493815;
}

#menu dd.ingredients {
float: left;
width: 100%;
padding: 0px 0;
font-style: italic;
font-size: 1em;
color: #ccc;
}

/*
dl {
margin: 0px;
text-align: center;
width: 100%;
margin: 0 0 1em;
}

dt {
margin-top: 15px;
}

dt.special {
margin-top: 5px;
}

dd {
color: #F8DECD;
font-style: italic;
font-size: 0.9em;
margin-right: 40px;
margin-top: 0.3em;
}

dd.price {
float: right;
margin-right: 0px;
margin-top: -13px;
}

dd.ingredients {
text-align: center;
padding: 0;
}

*/

#menu2 {
font-size: 1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 600px;
}

#menu2 p {
font-size: 1em;
color: #F8DECD;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}

#menu2 .bolder {
font-size: 1em;
font-weight: bold;
color: #F8DECD;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}

#menu2 .smaller {
margin-top: -10px;
margin-bottom: 10px;
}

#menu2 .extra {
margin-top: -15px;
color: #F8DECD;
display: block;
}

#menu2 h3 {
color: #F8DECD;
font-size: 1.4em;
margin-top: 20px;
}

#menu2 h4 {
color: #F8DECD;
font-size: 1.3em;
margin-top: 20px;
}

#menu2 h5 {
text-align: center;
color: #CC3;
font-size: 1.2em;
margin-top: 40px;
margin-bottom: 16px;
}

#menu2 dl {
width: 100%;
margin: 0 0 1em;
background: url(../images/dot.gif) repeat-x 0 1.2em;
overflow: auto;
clear: both;
}

#menu2 dt {
font-weight: normal;
font-size: 1.1em;
float: left;
padding-right: 3px;
color: #F8DECD;
background-color: #493815;
}

#menu2 dd {
margin:0;
}

#menu2 dd.price {
float: right;
font-weight: normal;
font-size: 1.1em;
color: #F8DECD;
background-color: #493815;
}


#left {
margin-left: 30px;
padding: 0px;
width: 250px;
height: auto;
display: inline-block;
float: left;
clear: both;
}

#right {
margin-right: 30px;
padding: 0px;
width: 250px;
height: auto;
display: inline-block;
float: right;
}