body {
margin: 0;	
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#container {width: 750px; margin: 0 auto;}
#header {width: 750px; height: 150px;}
#logo {width: 287px; height: 128px; background: url(logo.gif) no-repeat; float: left; margin: 10px 0;}
#text {width: 463px; height: 128px; float: left; padding: 10px 0;}
#menu {width: 750px; height: 24px; background: #ae2100; border-bottom: 10px solid #ebd59b; clear: both; padding-top: 10px; text-align: center;}
a.nav {height: 40px; color: #ebd59b; font-weight: bold; text-decoration: none;padding: 10px 40px 10px 40px;}
a.nav:hover {background: #ebd59b; color: #ae2100;}

#content {width: 750px;}
#content #leftCol {width: 530px; line-height: 22px; text-align: justify; color: #444; float: left}
#content #leftCol h2 {color: #ae2100; padding: 10px 0 0 0; margin: 0; font-size: 14px;}
#content #rightCol {width: 210px; float: left; margin-left: 10px; clear: right;}
#content #footer {margin: 0 auto; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; clear: both; width: 450px; padding: 5px 0 10px 0; text-align: center}

form label { width: 150px; display: block; float: left; margin: 3px;}
form input {float: left; width: 250px; margin: 3px;}
form input.button {width: auto; margin-left: 158px;}
form textarea { width: 250px; margin: 3px; height: 150px;}
input.error {border: 1px solid #ff0000;}
.menu {float: left; width: 170px;}
.menu h3 {color: #ae2100; font-size: 12px;}
.menu .price {color: #ff0000; font-weight: bold;}


.bread {width: 90px; float: left; margin: 10px; background: #ebd59b; text-align: center; padding: 10px; font-weight: bold;}
.bread:hover {background: #ae2100; color: #ebd59b;}
.fillings {width: 90px; float: left; margin: 10px;background: #ebd59b; text-align: center; padding: 10px; font-weight: bold;}
.fillings:hover {background: #ae2100; color: #ebd59b;}
.meats {width: 135px; float: left; margin: 10px;background: #ebd59b; text-align: center; padding: 10px; font-weight: bold;}
.meats:hover {background: #ae2100; color: #ebd59b;}
.condiments {width: 135px; float: left; margin: 10px;background: #ebd59b; text-align: center; padding: 10px; font-weight: bold;}
.condiments:hover {background: #ae2100; color: #ebd59b;}

.selected {background: #ae2100; color: #ebd59b;}
.selected:hover {background: #ebd59b; color:#444;}

.error {color: #ff0000; font-weight: bold;}
.Hidden {visibility: hidden;}
#sandwich {width: 530px; height: 100px;}
#order {width: 530px; height: 100px;}
