@charset "utf-8";
/* CSS Document */
html 
{
	margin:0;
	padding:0;
	height: 100%;
}
body
{
	margin:0 auto;
	padding-bottom:0px;
	height:100%;
	color:#ffffff;
	background-color:#724e37;
	text-align:left;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background:url('images/background_img.gif') top center repeat;
}
* html 
#container {height:100%;}
#container {margin:0 auto; width:997px; min-height:100%; margin-bottom:-93px; position:relative;}
#chalkboard {float:left; margin-left:10px; width:320px;	height:363px; background:url('images/chalkboard_img3.png') top center no-repeat;}
#logo {float:left; width:368px;	height:363px; background:url('images/logo.png') top center no-repeat;}
#logo a {display:block;	width:100%;	height:100%;}
#paper {float:left;	width:288px; height:363px; background:url('images/paper_img.png') top center no-repeat;}

/* Navigation */
#blank_left {float:left; margin-left:10px; width:63px; height:307px;}
#about {float:left;	width:213px; height:307px; background:url('images/about.png') top center no-repeat;}
#about a {display:block; width:100%; height:100%;}
#about a:hover {display:block; width:100%; height:100%;	background:url('images/about_hover.gif') top center no-repeat;}
#beer {float:left; width:212px;	height:307px; background:url('images/beer.png') top center no-repeat;}
#beer a {display:block;	width:100%;	height:100%;}
#beer a:hover {display:block; width:100%; height:100%; background:url('images/beer_hover.gif') top center no-repeat;}
#events {float:left; width:213px; height:307px;	background:url('images/events.png') top center no-repeat;}
#events a {display:block; width:100%; height:100%;}
#events a:hover {display:block;	width:100%;	height:100%; background:url('images/events_hover.gif') top center no-repeat;}
#contact {float:left; width:212px; height:307px; background:url('images/contact.png') top center no-repeat;}
#contact a {display:block; width:100%; height:100%;}
#contact a:hover {display:block; width:100%; height:100%; background:url('images/contact_hover.gif') top center no-repeat;}
#blank_right {float:left; width:63px; height:307px;	background:url('images/blank_right.png') top center no-repeat;}

/* Navigation 2 */
#blank_left2 {float:left; width:238px; height:129px;}
#about2 {float:left; width:148px; height:129px;}
#about2 a {display:block; width:100%; height:100%; background:url('images/about2.png') top center no-repeat;}
#about2 a:hover {display:block;	width:100%;	height:100%; background:url('images/about2_hover.png') top center no-repeat;}
#beer2 {float:left;	width:148px; height:129px;}
#beer2 a {display:block; width:100%; height:100%; background:url('images/beer2.png') top center no-repeat;}
#beer2 a:hover {display:block; width:100%; height:100%;	background:url('images/beer2_hover.png') top center no-repeat;}
#events2 {float:left; width:148px; height:129px;}
#events2 a {display:block; width:100%; height:100%;	background:url('images/events2.png') top center no-repeat;}
#events2 a:hover {display:block; width:100%; height:100%; background:url('images/events2_hover.png') top center no-repeat;}
#contact2 {float:left; width:148px;	height:129px;}
#contact2 a {display:block;	width:100%;	height:100%; background:url('images/contact2.png') top center no-repeat;}
#contact2 a:hover {display:block; width:100%; height:100%; background:url('images/contact2_hover.png') top center no-repeat;}
#blank_right2 {float:left; width:157px;	height:129px;}

/* Heading */
.heading_about {margin-left:75px; width:912px; height:83px;	background:url('images/heading_about.png') top left no-repeat;}
.heading_beer {margin-left:75px; width:912px; height:83px; background:url('images/heading_beer.png') top left no-repeat;}
.heading_fun {margin-left:75px;	width:912px; height:83px; background:url('images/heading_fun.png') top left no-repeat;}
.heading_pictures {margin-left:75px; width:912px; height:83px; background:url('images/heading_pictures.png') top left no-repeat;}
.heading_events {margin-left:75px; width:912px;	height:83px; background:url('images/heading_events.png') top left no-repeat;}
.heading_contact {margin-left:75px;	width:912px; height:83px; background:url('images/heading_contact.png') top left no-repeat;}
.heading_tap {margin-left:75px;	width:912px; height:83px; background:url('images/heading_tap.png') top left no-repeat;}

/* Content */
#info_top {margin-left:10px; margin-right:10px;	width:976px; height:58px; background:url('images/info_top.png') top left no-repeat;}
#info_bottom {margin-left:10px;	width:976px; height:182px; font-size:10px; background:url('images/info_bottom.png') top center no-repeat;}
#info_bottom .left {float:left;	padding-top:65px; padding-left:128px; padding-right:25px; width:152px; height:117px;}
#info_bottom .left a {display:block; width:100%; height:100%;}
#info_bottom .middle_l {float:left;	padding-top:55px; padding-left:35px; width:189px; height:127px;}
#info_bottom .middle_r {float:left;	padding-top:55px; width:144px; height:127px;}
#info_bottom .right {float:left; padding-top:65px; padding-left:27px; padding-right:120px; width:156px;	height:117px;}
.go_btn {float:right; margin-right:5px;	width:56px;	height:20px; background:url('images/go_btn.png') top center no-repeat;}
.go_btn a {display:block; width:100%; height:100%;}

/* Information 2 */
#info_top2 {width:987px; height:58px; background:url('images/info_top2.png') top left no-repeat;}
#info_bottom2 {width:987px;	height:182px; font-size:10px; background:url('images/info_bottom2.png') top center no-repeat;}
#info_bottom2 .left {float:left; padding-top:42px; padding-left:155px; padding-right:20px; width:149px;	height:140px;}
#info_bottom2 .middle_l {float:left; padding-top:32px; padding-left:33px; width:178px; height:150px;}
#info_bottom2 .middle_r {float:left; padding-top:32px; width:137px;	height:150px;}
#info_bottom2 .right {float:left; padding-top:42px;	padding-left:30px; padding-right:140px;	width:145px; height:140px;}

/* Content 2 */
#content {margin-left:75px;	padding-top:12px; padding-left:70px; padding-right:130px; width:712px; height:152px; color:#000000;	font-size:12px;	font-family:Arial, Helvetica, sans-serif;	background: url('images/content_img.png') top left no-repeat;}
#content2 {margin-left:75px; padding-top:12px; padding-left:70px; padding-right:130px; width:712px;	height:613px; color:#000000; font-size:12px; font-family:Arial, Helvetica, sans-serif;	background:url('images/content2_img.png') top left no-repeat;}
#content3 {margin-left:75px; padding-top:12px; padding-left:70px; padding-right:130px; width:712px;	height:1400px; color:#000000; font-size:12px; font-family:Arial, Helvetica, sans-serif;	background:url('images/content3_img.png') top left no-repeat;}

/* Contact */
.contact_left {float:left; width:310px;}
.contact_right {float:left; margin-left:10px; width:380px;}

/* Footer */
#footer {margin:0 auto;	width:100%;	height:93px; background:url('images/footer_img.gif') top center repeat-x; bottom:0;	position: relative;}
#footer 
#container {margin:0 auto; width:977px;}
.clearfooter {height:93px; clear:both;}
#footer .nav {float:left; margin-top:24px; margin-left:50px; width:500px;}
#footer .nav ul {margin:0px; padding:0px;}
#footer .nav ul li {float:left;	display:inline;	list-style:none; margin:0px; padding:0px;}
#footer .nav ul li a {display:block; padding-top:0px; padding-bottom:0px; padding-left:10px; padding-right:12px; color:#ffffff;	text-decoration:none; font-size:11px; border-right:1px solid #ffffff;}
#footer .nav ul li a:hover {display:block; padding-top:0px;	padding-bottom:0px;	padding-left:10px; padding-right:12px; color:#ce9e3b; text-decoration:none;	font-size:11px;}
#footer .copyright {float:right; margin-top:24px; margin-right:50px; width:300px; text-align:right;	font-size:10px;	color:#ffffff;}
#footer p {margin-top:0px; margin-bottom:4px;}
#footer .left {float:left; margin-top:10px;	margin-left:50px; padding-left:10px; width:400px; height:20px;}

/*misc*/
.clear {clear:both;	font-size:1px; line-height:1px;}
p {margin-top:0px; margin-bottom:10px;}
.bold {color:#37591f; font-weight:bold;}
.bold2 {padding-bottom:6px;	color:#6f9c4f; font-weight:bold; font-size:13px;}
.beer_heading {padding-bottom:6px; color:#37591f; font-size:14px; font-weight:bold;}
.beer_text {margin-top:0px;	margin-bottom:20px;}
.green {color:#37591f;}
.bold_heading {margin-bottom:12px; color:#37591f; font-size:13px; font-weight:bold;}
.line {margin-top:12px;	margin-bottom:12px;	border-color:#7237a8; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; border-top-width:0px;	border-bottom:1px dashed #7237a8;}
.shim {height:30px;}
a.content_link {color:#37591f; text-decoration:none; border-color:#37591f; border-bottom-width:1px;	border-left-width:0px; border-right-width:0px; border-top-width:0px;	border-style:dotted;}
a.content_link:hover {color:#b17c0f; text-decoration:none; border-color:#b17c0f; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; border-top-width:0px;	border-style:dotted;}
a.content_link:active {color:#37591f; text-decoration:none;	border-color:#37591f; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; border-top-width:0px;	border-style:dotted;;}
a.info_link {color:#ffc852;	text-decoration:none; border-color:#ffc852;	border-bottom-width:1px; border-left-width:0px;	border-right-width:0px;	border-top-width:0px; border-style:dotted;}
a.info_link:hover {color:#ce9e3b; text-decoration:none;	border-color:#ce9e3b; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; border-top-width:0px; border-style:dotted;}
a.info_link:active {color:#ce9e3b; text-decoration:none; border-color:#ce9e3b; border-bottom-width:1px;	border-left-width:0px; border-right-width:0px; border-top-width:0px;	border-style:dotted;;}
a.copyright_link {color:#ce9e3b; font-size:9px;	text-decoration:none; border-color:#ce9e3b;	border-bottom-width:1px; border-left-width:0px;	border-right-width:0px;	border-top-width: 0px; border-style:dotted;}
a.copyright_link:hover {color:#b17c0f; font-size:9px; text-decoration:none;	border-color:#b17c0f; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; border-top-width:0px; border-style:dotted;}
a.copyright_link:active {color:#ce9e3b;	font-size:9px; text-decoration:none; border-color:#ce9e3b; border-bottom-width:1px;	border-left-width:0px; border-right-width:0px;	border-top-width:0px; border-style:dotted;}
.form {padding:3px;}
label {display:block; clear:both; float:left; margin-right:6px;	margin-bottom:3px; padding-top:4px;	width:140px; color:#37591f;	font-weight:bold; text-align:right;}
.input {color:#37591f; font-size:11px; border:2px solid #37591f; height:14px; text-align:left; background-color:#ede8de; padding-left:6px; padding-right:6px; padding-top:3px;	padding-bottom:3px;}
.input_message {color:#37591f; font-size:11px; border:2px solid #37591f; height:40px; text-align:left; background-color:#ede8de; padding-left:6px; padding-right:6px; padding-top:3px;	padding-bottom:3px;}
.submit_btn {width:58px; height:20px; border:none; cursor:pointer; background:url('images/go_btn.png') top center no-repeat;}
#calendar {width:735px;}
#calendar .month {padding:6px; width:100%; height:20px;	text-align:center; color:#254510; font-size:16px; font-weight:bold;}
#calendar .date_left {float:left; padding:6px; width:88px; height:20px;	text-align:center; color:#fcae1b; background-color:#254510;	font-size:14px;	font-weight:bold; border-top:1px solid #254510; border-bottom:1px solid #254510;	border-left:1px solid #254510;}
#calendar .date {float:left; padding:6px; width:88px; height:20px; text-align:center; color:#fcae1b; background-color:#254510; font-size:14px; font-weight:bold; border-top:1px solid #254510; border-bottom:1px solid #254510; border-left:1px solid #254510;}
#calendar .date_right {float:left; padding:6px;	width:88px;	height:20px; text-align:center;	color:#fcae1b; background-color:#254510; font-size:14px; font-weight:bold; border-top:1px solid #254510; border-bottom:1px solid #254510;	border-left:1px solid #254510; border-right:1px solid #254510;}
#calendar .square_left {float:left;	padding:6px; width:88px; height:88px; color:#254510; border-bottom:1px solid #254510; border-left:1px solid #254510;}
#calendar .square {float:left; padding:6px;	width:88px;	height:88px; color:#254510;	border-bottom:1px solid #254510; border-left:1px solid #254510;}
#calendar .square_text {padding-top:8px; width:100%; color:#254510;}
#calendar .square_right {float:left; padding:6px; width:88px; height:88px; color:#254510; border-bottom:1px solid #254510; border-left:1px solid #254510; border-right:1px solid #254510;}
.popup {position:relative; margin-top:6px;}
div.popup em {width:370px; padding:12px; position:absolute; top:-70px; left:-400px; text-align:left; z-index:2; display:none; color:#fcae1b; background-color:#254510;}
#popup_text {color:#37591f;	font-weight:bold; text-decoration:none;	border-color:#37591f; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; border-top-width:0px; border-style:dotted;}

/*Gallery*/
#gallery .left {float:left;	margin-left:20px; margin-bottom:20px; width:300px;}
#gallery .right {float:right; margin-right:20px; margin-bottom:20px; width:300px;}


