/* CSS Document */
body,td,a,p,label {	font-family:arial, helvetica, verdana, sans-serif;}
body{				font-size: small;
					color: #fff;
					line-height: 140%;
					margin: 0 20px 0px 20px;}
		
img,table{			border:0;}
/* general type styles */
a {					background-color: transparent;		
					color: #000;
					font-weight:bold;
					text-decoration: none;}
a:link {			background-color: transparent;
					color: #000;
					text-decoration: none;} 
a:visited {			background-color: transparent;
					color: #000;
					text-decoration: none;} 
a:active { 			background-color: transparent;
					color: #F60;  
					text-decoration:underline;} 
a:hover	{ 			background-color: transparent;
					color: #E31921; 
					text-decoration:underline;} 
a.red  {			color: #E31921;
					font-weight:bold;
					text-decoration: none;}
					
a.red:hover	{ 		background-color: transparent;
					color: #E31921; 
					text-decoration:underline;}  
							
h1	{				background-color: #fff;
					color: #444;
					font-family: arial, helvetica, verdana, sans-serif;
					font-size: 4em;
					letter-spacing: -2px;
					line-height: 1.3em;
					text-align: left;
					text-decoration: none;
					word-spacing: normal;}
		
.2 h1	{			color:#fff;
					font-family: "Lucida Sans", Georgia, "times new roman", times, serif;
					font-size: 35px;
					font-weight: bold;
					letter-spacing: -.1em;
					margin: 0px 0px 10px 0px;
					padding: 0;}
		
h2	{				border: 0;
					color: #000;
					font-family: arial, helvetica, verdana, sans-serif;
					font-size: 18px;
					font-weight: bold;
					line-height: 16px;
					margin: 0;
					padding: 0px 0px 10px 0px;}
h3	{				border: 0px;
					font-family: arial, helvetica, verdana, sans-serif;
					font-size: 12px;
					font-weight: bold;
					line-height: 16px;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 10px 0px;}
		
h4	{				border: 0px;
					font-family: arial, helvetica, verdana, sans-serif;
					font-size: 11px;
					font-weight: bold;
					line-height: 13px;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 3px 0px;}
p	{				margin: 0px 0px 10px 0px;
					padding: 0px 0px 0px 0px;}
		
img	{				margin: 0px;
					padding: 0px;}
.small {			font-size: 9px;}
.medium {			font-size: 10px;}
/* page styles */
.allcaps {			text-transform:uppercase;}
.bar-red_copper {	background: #000 url(images/bar-red_copper.jpg) no-repeat;
					height:45px;
					margin: 0px 0px 10px 0px;
					width:790px;}
#blurb {			background:url(images/bg-beer-rt_column-top.gif) no-repeat;
					color:#fff;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:15px;
					font-weight: normal;
					height: 83px;
					margin:0px 0px 0px 0px;
					overflow:auto;
					padding:5px;}
#blurb2 {			background: #000 url(images/bg-red_fade.gif);
					border-bottom:10px solid #000;
					color:#fff;
					font-family:arial, helvetica, verdana, sans-serif;
					font-size:15px;
					font-weight: normal;
					height: auto;
					margin:0px 0px 10px 0px;
					overflow:auto;
					padding:10px;
					text-transform:uppercase;}		
	
#blurb2 a:hover {	color:#FEFF9E;
					text-decoration: none;}	
					
.break	{			clear:both;
					display:block;
					height:0px;
					margin:0px;
					padding:0px;
					width:auto;}
						
#container {		background-color: #000;
					display:block;
					margin:0px;
					padding: 0px 0px 0px 0px;
					width:830px;}
			
#footer {			background-color:#000;
					display:block;
					margin: 0px;
					padding: 0px 20px 20px 20px;
					width:780px;
					text-align:left;}
#footerleft {		background-color:#000;
					float:left;
					width:300px;}
#footerright {		background: #000 url(images/bottom-jupiter.gif) no-repeat;
					background-color:#000;
					float:right;
					height:55px;
					margin:0px;
					padding:0px 0px 0px 0px;
					position:relative;
					text-align:left;
					width:285px;
					z-index:5;}		
			
#footer a	{		color: #F0BA1A;
					font-weight:bold;
					text-decoration: none;}
#footer a:link	{	color: #F0BA1A;
					text-decoration: none;} 
#footer a:visited {	color: #F0BA1A;;
					text-decoration: none;} 
#footer a:active { 	color: #F60;  
					text-decoration:underline;} 
#footer a:hover	{ 	color: #E31921; 
					text-decoration:underline;} 
		
#footer p {			font-size:10px;
					font-weight:bold;
					line-height:1.2em;}
		
#head {				background-image:url(images/bg-header.gif);
					height: 152px;
					margin:0px;
					padding: 0px 0px 0px 0px;
					width:830px;}
.if1 {				height:618px;
					width:618px;}
				
.if3 {				height:259px;
					width:618px;}
					
#iframe{			border: none;
					float:right;
					height: 620px; 
					margin:0px 0px 10px 0px;
					padding: 0px;
					width:618px;}
#iframe2{			border:none;
					float:left;
					height:auto;
					margin:0px 0px 10px 0px;
					padding: 0px;
					width:436px;}
#iframe3{			border: none;
					float:right;
					height: 259px; 
					margin:0px 0px 10px 0px;
					padding: 0px;
					width:618px;}			
			
/* left columns */
			
#left_column{		background: #000 url(images/sidebar.gif);
					float:left;			
					height: 618px; 
					margin:0px 10px 10px 0px;
					padding:0px;
					width:162px;}	
					
#left_column-events{
					background: #000 url(images/sidebar-events.jpg);
					float:left;			
					height: 618px; 
					margin:0px 10px 10px 0px;
					padding:0px;
					width:162px;}						
			
#left_column-about {
					background: #000 url(images/sidebar-about3.jpg);
					float:left;			
					height: 618px; 
					margin:0px 10px 10px 0px;
					padding:0px;
					width:162px;}						
						
#left_column-beer{
					background: #000 url(images/sidebar-beer.jpg);
					background-repeat:no-repeat;	
					float:left;			
					height: 618px; 
					margin:0px 10px 10px 0px;
					padding:0px;
					width:162px;}
						
#left_column-get_there {
					background: #000 url(images/sidebar-4.jpg);
					float:left;			
					height: 618px; 
					margin:0px 10px 10px 0px;
					padding:0px;
					width:162px;}		
							
#left_column-menu {
					background: #000 url(images/sidebar-menu4.jpg);
					float:left;			
					height: 618px; 
					margin:0px 10px 10px 0px;
					padding:0px;
					width:162px;}
			
.main { 			background: #000 url(images/bg.gif);}			

#maptop {			background: #fff;
					border: none;
					float:right;
					height: 170px; 
					margin:0px 0px 10px 0px;
					overflow:hidden;
					padding: 0px;
					width:618px;}
			
#map{				border: none;
					float:right;
					height: 170px; 
					margin:0px 0px 9px 0px;
					padding: 0px;
					width:618px;}
		
#middle	{			background-color:#000;
					clear:both;
					display:block;
					margin: 0px 0px 10px 0px;
					padding:0px;
					width:790px;}		
						
#right_column{		background: #000;
					float:right;			
					height: 618px; 
					margin:0px 0px 10px 10px;
					padding:0px;
					width:162px;}
			
/* nav */
			
#nav {				background-color: transparent;
					color:#ff0000;
					display:block;
					font-family:arial, helvetica, verdana, sans-serif;
					font-size:18px;
					font-weight:bold;
					left:120px;
					margin:0px;
					padding:2px;
					position: relative;
					text-decoration: none;
					text-transform:uppercase;
					top:10px;
					width:450px;}
			
#nav a	{			color:#ff0000;
					padding:2px;
					text-decoration: none;}
			
			
#nav a:hover { 		background-color: #E31921;
					color: #fff;
					text-decoration:none;} 
			
/* nav */
			
#nav-home {			background-color: transparent;
					color:#ff0000;
					display:block;
					font-family:arial, helvetica, verdana, sans-serif;
					font-size:18px;
					font-weight:bold;
					margin:0px;
					padding:2px;
					position: relative;
					text-decoration: none;
					text-transform:uppercase;
					top:10px;}
			
#nav-home a	{		color:#ff0000;
					padding:2px;
					text-decoration: none;}
			
			
#nav-home a:hover { background-color: #E31921;
					color: #fff; 
					text-decoration:none;} 
			
#page-about {		background-image:url(images/page-about.gif);
					background-repeat: no-repeat;
					left:305px;
					height:38px;
					position:relative;
					top:33px;
					width:161px;
					z-index:10;}
			
#page-beer {		background-image:url(images/page-beer.gif);
					background-repeat: no-repeat;
					left:331px;
					height:36px;
					position:relative;
					top:34px;
					width:123px;
					z-index:10;}		
			
#page-events {		background-image:url(images/page-events.gif);
					background-repeat: no-repeat;
					left:305px;
					height:38px;
					position:relative;
					top:33px;
					width:180px;
					z-index:10;}
			
#page-info {		background-image:url(images/page-info.gif);
					background-repeat: no-repeat;
					left:342px;
					height:38px;
					position:relative;
					top:33px;
					width:105px;
					z-index:10;}			
			
#page-get_there {	background-image:url(images/page-get_there.gif);
					background-repeat: no-repeat;
					left:275px;
					height:38px;
					position:relative;
					top:33px;
					width:260px;
					z-index:10;}
						
#page-menu {		background-image:url(images/page-menu.gif);
					background-repeat: no-repeat;
					left:328px;
					height:37px;
					position:relative;
					top:34px;
					width:135px;
					z-index:10;}
			
						
#page-tour {		background-image:url(images/page-tour.gif);
					background-repeat: no-repeat;
					left:305px;
					height:38px;
					position:relative;
					top:33px;
					width:128px;
					z-index:10;}	
					
#topbar-beer {		background-image:url(images/beers-row.gif);
					background-repeat: no-repeat;
					height:45px;
					left:87px;
					position:relative; 
					width:380px;
					top:-8px; 
					z-index:10;}							
			
/* colors */
.black {			color:#000;}
.brown {			color:#953302;}
.blue {				color:#0C4B91;}
.red {				color:#E31921;}
.white {			color:#fff;}
.fade-gold {		background-image:url(images/bg-golden_fade.gif);
					background-position:bottom;
					background-repeat:repeat-x;}
/* container page styles */
#home,
#connect,
#events,
#beer,
#tour,
#about,	{			margin: 0px;
					padding: 0px;	
					width: 830px;}
	
.home { 			background: #000;}
#home {				background-color: transparent;
					display:block;
					margin:0px;
					padding: 0px 0px 0px 0px;
					width:830px;}
				
#home-content {		background-image:url(images/bg-home11.jpg);
					background-repeat:no-repeat;
					background-position:left;
					margin:-42px 0px 0px 0px;
					width:800px; 
					height:630px;}
	
#logo {				background-image:url(images/logo3.gif);
					background-repeat:no-repeat;
					position:relative;
					top:5px;
					margin:30px 0px 1px 0px;
					width:120px; 
					height:53px;
					z-index:30;}
			
/* content pages styles */
.content-frame {	background-color: #fff;
					color:#000;
					margin: 10px;
					padding: 0px;}
		
.content-frame h1 {	background-color:#fff;
					color:#000;
					font-family: arial, helvetica, verdana, sans-serif;
					font-size: 34px;
					font-weight:bold;
					letter-spacing:-2px;
					line-height:1.0em;
					margin: 0px 0px 10px 0px;
					text-align:left;
					text-decoration:none;
					text-transform:uppercase;
					word-spacing:normal;}
		
.date	{			background-color: #FFFF66;
					font-weight: bold;}
		
.date2	{			background-color: #FFFFCC;
					font-weight: bold;}
		
.email {			margin: 0px 0px 5px 0px;
					padding: 0px;}
				
.events_intro {		background-image:url(images/bg-gold_fade.gif);
					border-bottom: 1px dashed #000;
					border-top: 1px dashed #000;
					color:#000;
					font-family: arial, helvetica, verdana, sans-serif;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0px;
					line-height: 20px;
					margin: 0px 0px 10px 0px;
					padding: 10px;
					text-shadow: 2px 2px #f0f0f0;}
					
.special_event {	
					color:#000;
					font-family: arial, helvetica, verdana, sans-serif;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0px;
					line-height: 20px;
					margin: 20px 0px;
					}	
					
					
		
.hr {				border-bottom: 1px dashed #000;
					height: 1px;
					margin: 0px 0px 10px 0px;
					padding-bottom:0px;}
		
.hr2 {				border-bottom: 1px dashed #953302;
					height: 1px;
					margin: 0px 0px 10px 0px;
					padding-bottom:0px;}
					
#page-events {		background-image:url(images/page-events.gif);
					background-repeat: no-repeat;
					left:305px;
					height:38px;
					position:relative;
					top:33px;
					width:180px;
					z-index:105;}
					
div#xspf {			float:left;
					width:301px;
					left:318px;
					height:15px;
					margin:0px;
					padding:0px;
					position:relative;
					top:54px;
					z-index:1;}
					
/* form styles */
input {				font-family: monaco, geneva, "Courier New", Courier, mono;}