body
{
	padding: 0px;
	color: #000;
	text-align: left;
	background: #e86e0f;
	margin: 0;
	font: medium 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
}

#top
{
	margin: 0px;
	float: left;
	padding-top: 60px;
	color: #000;
	text-align: left;
	background: #170604 url(elements/w_bg.jpg) repeat-x;
}

#header
{
	float: left;
	padding-bottom: 20px;
	padding-top: 20px;
	display: block;
	width: 100%;
	background-image: url(elements/p_bg.jpg);
	background-repeat: repeat-x;
	background-color: #660000;
	color: white;
}
#hl
{
	margin-right: 1%;
	margin-left: 4%;
	float: left;
	width: 50%;
}

#hr
{
	float: left;
	width: 45%;
}

ul#nav
{
	padding: 0px;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	list-style-type: none;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	border-top-style: groove;
	border-top-color: #666666;
	border-top-width: 2px;
	font-size: large;
	font-weight: bold;
	display: block;
	background-color: #333333;
	color: white;
}
ul#nav li { text-align: center; margin: 0px; float: right; width: 10%; display: inline; list-style-type: none;}
ul#nav li a { padding-bottom: 10px; padding-top: 10px; color: white; border-width: 0px; text-decoration: none; border-style: none; display: block; list-style-type: none;}
ul#nav li a:visited { border-style: none; text-decoration: none; display: block; list-style-type: none;}
ul#nav li a:hover { text-decoration: none; border-style: none; background:#e86e0f;}
ul#nav li.here a { text-decoration: none; border-style: none; background:#ff9933;}

#container
{
	min-width: 450px;
	margin-right: auto;
	margin-left: auto;
	width: 80%;
}
#main
{
	padding: 10px;
	float: left;
	display: block;
	background-color: #ffcc99;
	width: 100%;
	background-repeat: repeat-x;
	color: white;
}
ul#sauce
{
	min-width: 74%;
	padding: 0px;
	margin: 0px;
	text-align: left;
	list-style-type: none;
	float: right;
	width: 74%;
	font-weight: bold;
	display: block;
}
ul#sauce img
{
	padding-bottom: 10px;
	padding-right: 20px;
	display: inline;
	float: left;
}
ul#sauce li { padding-bottom: 10px; text-align: left; margin: 0px; float: right; display: inline; list-style-type: none;}
ul#sauce li a
{
	color: #333333;
	text-decoration: none;
	list-style-type: none;
	display: block;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	background-color: white;
	float: left;
}
ul#sauce li a:hover
{
	color: black;
	background-color: #ff6600;
}
.sauceinfo
{
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 2%;
	margin-left: 2%;
	width: 96%;
}
.ingredients
{
	color: black;
	padding-top: 10px;
	font-size: x-small;
	text-transform: uppercase;
}
#top_foot
{
	float: left;
	margin-top: 20px;
	width: 100%;
	height: 90px;
	background-image: url(elements/foot_bg.png);
	background-repeat: repeat-x;
}
#footer
{
	background-repeat: no-repeat;
	width: 100%;
	float: left;
	background-color: #e86e0f;
}
a
{
	color: #cccccc;
}
#leftfoot
{
	padding-left: 50px;
	color: #000066;
	font-size: 30px;
	font-family: "Reenie Beanie", "Zapf Chancery", "Comic Sans MS", cursive;
	padding-top: 50px;
	min-width: 350px;
	min-height: 350px;
	background-image: url(elements/napkin.jpg);
	background-repeat: no-repeat;
	float: left;
}
#rightfoot
{
	text-align: left;
	color: black;
	margin-top: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
	padding-right: 30px;
	width: 50%;
	max-width: 50%;
	min-width: 350px;
	float: left;
}
.eight
{
	min-width: 450px;
	margin-right: auto;
	margin-left: auto;
	width: 80%;
}
.sevenfive
{
	margin-bottom: 10px;
	margin-left: 1%;
	width: 74%;
	float: left;
}

.hundred
{
	margin-bottom: 10px;
	width: 100%;
	float: left;
}

.twofive
{
	float: left;
	margin-bottom: 10px;
	width: 25%;
}
.locimg
{
	margin-right: 5%;
	font-weight: bold;
	font-size: large;
	float: left;
	margin-bottom: 10px;
	width: 14%;
}
.loctitle
{
	font-weight: bold;
	font-size: large;
	float: left;
	margin-bottom: 10px;
	width: 30%;
}
.locinfo
{
	font-size: medium;
	margin-bottom: 10px;
	margin-left: 1%;
	width: 49%;
	float: left;
}

#leftfoot a
{
	color: #000066;
	text-decoration: none;
}
#ul#nav li
{
	float: left;
	margin: 0px;
}
.white
{
	margin-bottom: 10px;
	border-color: #999999;
	border-width: 2px;
	border-style: solid;
	padding-right: 20px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	padding-left: 20px;
	padding-bottom: 30px;
	padding-top: 20px;
	float: left;
	background-color: white;
	color: #333333;
}
.white a
{
	color: #66181e;
}
.orange
{
	border-color: #666666;
	border-style: solid;
	border-width: 2px;
	color: #333333;
	padding-right: 20px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	float: left;
	background-color: #ff9933;
}
.maroon
{
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
	padding-top: 20px;
	float: left;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	background-color: #691205;
	color: #cccccc;
}
.picture
{
	margin: 20px;
	float: left;
}
.wec
{
	background-color: #cccccc;
}
ul#locations
{
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	width: 100%;
}
ul#locations li a
{
	color: #cccccc;
	text-decoration: none;
	margin-left: 0%;
	margin-bottom: 2px;
	margin-right: 0%;
	margin-top: 2px;
	list-style-type: none;
	display: block;
	padding-left: 2%;
	padding-bottom: 10px;
	padding-right: 2%;
	padding-top: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	background-color: #691205;
	width: 100%;
	float: left;
}
ul#locations li
{
	list-style-type: none;
	display: block;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	width: 96%;
	float: left;
}
ul#locations li a:hover
{
	color: black;
	background-color: #ff6600;
}

.treemenu {
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	width: 100%;
}

.treemenu UL {
	display: block;
	float: left;
	list-style : none;
	margin : 10px;
	padding: 10px;
}

.treemenu UL LI {
	display: block;
	float: left;
	list-style : none;
	margin  0px:;
	padding: 0px;
}

.treemenu UL a {
	text-decoration: underline;
	list-style : none;
	margin : 0px;
	padding : 0px;
}

.treemenu LI {
	color: #cccccc;
	text-decoration: none;
	margin-left: 0%;
	margin-bottom: 2px;
	margin-right: 0%;
	margin-top: 2px;
	list-style-type: none;
	display: block;
	padding-left: 2%;
	padding-bottom: 10px;
	padding-right: 2%;
	padding-top: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	background-color: #691205;
	width: 96%;
	float: left;
}

.treemenu a {
	display : block;
	text-decoration : none;
	color: #cccccc;

}

.treemenu .treeopen {
}		

.treemenu .treeclosed {:;
}
h1
{
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 0px;
	font-size: x-large;
}
h2
{
	font-style: italic;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0px;
	font-size: large;
}
ul#locations img
{
	border-color: white;
	border-width: 2px;
	border-style: solid;
	padding: 0px;
	margin: 0px;
}
.left
{
	float: right;
	width: 50%;
	display: inline;
}
.tbox
{
	border-color: #333333;
	border-width: 1px;
	border-style: solid;
	background-color: #cccccc;
}

