@charset "UTF-8";


/** Okay, I'm aware that my CSS is a mess and I'm a little embarrassed if anyone looks too deeply at it. This was one of my first sites and it was a learning experience at the same time. Rest assured, future sites will not be such a mess! :) **/


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	background-position: center;
	margin-top: 0px;
}
#container {
	width: 800px;
	margin-top: 0px;
	height: 200px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 800px;
}
h3 {
	font-size:14px;
	margin:0;
	color:#333;
}
#container2 {
	width: 798px;
	margin-top: 0px;
	border: 1px solid #660000;
	background-repeat: repeat-y;
	background-position: left;
	background-image: url(images/container2_bkgrd.jpg);
	margin-left: auto;
	margin-right: auto;
}
#container2 #content {
	margin-top: 0px;
	margin-right: 25px;
	margin-left: 125px;
	padding-top: 0px;
	text-align: left;
}
#container2 #content a:link {
	font-size: 12px;
	font-weight: normal;
	color: #660000;
}
#container2 #content #events {
	width: 650px;
}
#container2 #content #gallery {
	height: 700px;
	
}
#container2 #content #gallery_pic {
	float: right;
	height: 400px;
	width: 300px;
}
#container2 #content #gallery_text {
	float: left;
	height: 400px;
	width: 300px;
}
#container2 #content a:hover {
	font-size: 12px;
	font-weight: normal;
	color: #003300;
}
#container2 #content a_visited {
	font-size: 12px;
	font-weight: normal;
	color: #003300;
}
#container2 #content #directions {
	height: 600px;
	width: 650px;
}
#container2 #content #text_pic {
	/*width: 650px;*/
	margin-top: 25px;
	margin-bottom: 25px;
	height: 200px;
	text-align: left;
}
#container2 #content #text_pic #img {
	float: right;
	height: 200px;
	/*width: 300px;*/
	margin-left: 25px;
}
#container2  #content  #pic100x75 {
	height: 75px;
	width: 325px;
}
#container2 #content #text_pic #text {
	float: left;
	height: 200px;
	width: 325px;
	text-align: left;
}
#container2 #content #text_pic #text #kid_food {
	float: left;
	height: 200px;
	width: 175px;
}
#container2 #content #text_pic #text #kid_price {
	height: 200px;
	width: 100px;
	float: left;
}
#nav_bar {
	float: left;
	width: 98px;
	background-color: #660000;
	padding-left: 1px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #003300;
	padding-top: 15px;
	color: #003300;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
#container2 #content #specials {
	height: 650px;
	
	background-image: url(images/happy_hour.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.homePageAnnouncement {
	float: right;
	height: 100px;
	width: 150px;
}
.maroon_bold_14pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #660000;
}
#menu {
	height: 100%;
	width: 95%;
	float: left;
}
.yellow_bullet {
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 18px;
	font-weight: bold;
	color: #CCCC00;
}
#container2 #content #specials #prices {
	height: 500px;
	width: 350px;
}
#container2 #content #specials #beer {
	height: 350px;
	width: 250px;
	margin-left: 350px;
	float: left;
}
#container2 #content #bogeyinfo {
	height: 110px;
	width: 650px;
}
#container2 #content #bogeyinfo_lt {
	width: 325px;
	text-align: center;
	background-position: center;
	float: left;
	height: 100px;
	
}
#container2 #content #bogeyinfo_rt {
	width: 325px;
	text-align: center;
	background-position: center;
	float: right;
	height: 100px;
	
}
#container2 #content #vip {
	height: 375px;
	
}
#container2 #content #vip #form {
	float: left;
	height: 350px;
	
}
#container2 #content #vip #card {
	float: right;
	height: 200px;
	width: 300px;
	margin-left: 25px;
}
#footer {
	text-align: center;
	height: 100px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
#footer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #660000;
}
#footer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #003300;
}
#footer a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #660000;
}
.new {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #FFCC00;
	font-family: Arial, Helvetica, sans-serif;
}

<!-- BEGIN LIGHTBOX -->
.gallery_thumbs {
	float:left; 
	display:inline; 
	width:175px; 
	height:125px; 
	margin:10px;	
}

<!-- END LIGHTBOX -->