@import url("reset.css");
body {
	font-family: times, "Times new roman", arial, sans-serif, verdana;
	font-size: 1em;
	line-height: 1.8em;
	color: #006600;
	width: 100%;
	background: url(../img/bg.gif) repeat;
}
#wrapper {
	width: 849px;
	background: #fdfdee;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-bottom: 10px;
}
#clear {
	clear: all;
	margin-top: 40px;
}
#logo {
text-align: center;
}
#hr1 {
	width: 839px;
	height: 6px;
	margin: 0 auto;
	border: 0px solid red;
}
#hr2 {
	width: 839px;
	height: 6px;
	margin: 0 auto;
	border: 0px solid red;
}
#hr3 {
	width: 839px;
	height: 6px;
	margin: 0 auto;
	border: 0px solid red;
}
#content {
	background: #fdfdee;
	width: 800px;
	margin: 30px auto;
	border: 0px solid blue;
}
#contentForm {
	background: #fdfdee;
	width: 800px;
	margin: 20px auto 0;
	border: 0px solid blue;
}
.txtMain {
width: 600px;
margin:0 auto;
	margin-bottom: 15px;	
	padding-right: 5px;
	
	text-indent: 4em;
	text-align: left;
	line-height: 1.3em;
	
	
}
.txtMiddle {
width: 600px;
margin:0 auto;
	text-align: center;
	margin-bottom: 15px;	
	line-height: 1.3em;
	
	
}
.txtMenus {
width: 500px;
margin:0 auto;
	margin-bottom: 15px;	
	text-align: center;
	
	
	
}
#txtSecondary {
	width: 400px;
	margin: 10px auto;
}
.colFull {
	width: 800px;
	margin: 20px auto;
	height: 127px;
	border: 0px solid red;
}
.imgLeft {
	float: left;
}
.supHead {
	color: #370;
	margin-left: 480px;
	margin-bottom: 10px;
	
}
.supFoot {
clear: all;
	margin-left: 460px;
	margin-top: -3px;
	margin-bottom: -2px;	
	color: #810;
	
}
.supTxtLeft {
	float: left;
	margin-left: 40px;
	width: 200px;
	border: 0px solid green;
	text-align: left;
	line-height: 1.4em;
	/*font-size: .85em;*/
	
}
.supTxtRight {
	float: left;
	margin-left: 10px;
	width: 200px;
	border: 0px solid green;
	text-align: left;
	/*font-family: sans-serif, arial;
	line-height: 1.4em;
	font-size: .85em;
	font-weight: bold;*/
}
#navHolder {
	
	width: 850px;
	margin: 0 ;
	height: 30px;
	border: 0px solid red;
}
#nav {
	margin-left: 10px;
	padding: 0;
	height: 24px;
	list-style: none;
	display: inline;
	overflow: hidden;
}
#story a {
	width: 116px;
	margin-left: 33px;
	background: url(../img/ourstory-2.gif) top left no-repeat;
}
#menu a {
	width: 76px;
	margin-left: 27px;
	background: url(../img/menu-2.gif) top left no-repeat;
}
#locations a {
	width: 108px;
	margin-left: 27px;
	background: url(../img/locations-2.gif) top left no-repeat;
}
#contact a {
	width: 121px;
	margin-left: 27px;
	background: url(../img/contact-2.gif) top left no-repeat;
}
#employment a {
	width: 124px;
	margin-left: 27px;
	background: url(../img/employment-2.gif) top left no-repeat;
}
#banquet a {
	width: 104px;
	margin-left: 27px;
	background: url(../img/banquet-2.gif) top left no-repeat;
}
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	
}
#nav a {
	float: left;
	padding: 24px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:24px; /* for IE5/Win only */
}
#nav a:hover {
	background-position: 0 -24px;
}
#nav a:active, #nav a.selected {
	background-position: 0 -24px;
}
#collageHome {
	margin-top: 50px;
	height: 180px;
	background: url(../img/home.jpg) no-repeat;
}
#collageLocations {
	margin-top: 50px;
	height: 123px;
	background: url(../img/locationsImg.jpg) no-repeat;
}
#collageStory {
	margin-top: 50px;
	height: 180px;
	background: url(../img/ourstory.jpg) no-repeat;
}
#collageMenu {
	margin-top: 50px;
	height: 123px;
	background: url(../img/menuImg.jpg) no-repeat;
}
#collageContact {
	margin-top: 50px;
	height: 180px;
	background: url(../img/contactus.jpg) no-repeat;
}
#collageEmploy {
	margin-top: 50px;
	height: 180px;
	background: url(../img/employment.jpg) no-repeat;
}
#footer {
	width: 849px;
	height: 22px;
	margin-top: 20px;
	padding-bottom: 20px;
	background: url(../img/foot.jpg) no-repeat;
	border: 0px solid red;
}