html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
  background-imagex: url('../images/background.jpg');
  background-image: url('../images/fabric_background.jpg');
	line-height: 1;
	color: #ffffff;
	minimum-width: 800px;
	
	background-attachment: fixed;
	background-position: inherit;
	background-repeat: repeat;
	font-family: Verdana, sans-serif;
  font-size: 12px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {color: #ffffff; font-weight: bold; text-decoration: none} 
a:link {color: #ffffff; font-weight: bold; text-decoration: none}
a:hover {color: #44874d; font-weight: bold; text-decoration: none;}


#page_frame {
  width: 800px;
  border-left: medium solid #000000;
  border-right: medium solid #000000;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  background-color: #095816;
}
#logo {
  height: 300px;
}
#navmenu {

}
#content {
  text-align: left;
 
}
#content p {
  padding-bottom: 15px;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
}
#content h1 {
  font-size: 12px;
  font-weight: bold;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 10px;
  padding-bottom: 8px;
}
#footer {
  padding-top: 20px;
  height: 40px;

}

#page_caption p {
  font-size: 20px;
  text-align:center;
  padding-top:15px;
}

#specials_caption p {
  font-size: 20px;
  text-align:center;
  padding-top:15px;
  padding-bottom: 5px;
}


#centered_text {
  color: #fff;
	font-weight: bold;
	text-align: center;}

img.floatLeft { 
    float: left; 
    border: 1px solid #000;
    margin: 10px; 
}
img.floatRight { 
    float: right;  
    border: 1px solid #000;
    margin: 10px;
}

img.thumbnail_image { 
  margin-left: 5px;
  margin-bottom: 3px;
  border: 2px;
  border-style: solid;
  border-color: #000;
}
td.oddcell {
	background-color: #0dab27;
	padding-bottom: 5px;
	padding-top: 5px;
  text-align: left;
		}
td.evencell {
	background-color: #095816;
	padding-bottom: 5px;
	padding-top: 5px;	
	text-align: left;
}

#draft_beer {
  text-align: left;
  margin: 0 auto;
  align:center; 
  padding-bottom: 20px;
}

#draft_beer td {
  padding-left:10px;
}

#bottle_container div { float: left; width: 33%; }

#img_center {
  text-align: center;
  display: block;
  padding: 15px;
}

#address {
    float: left;
    width: 30%;
    padding-top: 15px;
    }
    
#hours {
    float: right;
    width: 40%;
    padding: 0px,0px,0px,0px;
    margin: 0px;
    }

#phone {
    text-align: center;
    }
    
#footer {
	clear: both;
	width: 100%;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	padding-top:10px;
	color: #fff;
	}
	
#footer .notice {
		float: center;
		floatx: left;
		text-align: center;
		color: #fff;
		}
	
#menu_item {
	font-weight: bold;
	padding: 0;
}

#menu_desc {
  margin-left: 20px;
  padding-bottom: 10px;
}

#menu_notes {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  font-style: italic;
}

#beer_country {
  color: #fff;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 5px;
}

#beer_name {
  color: #fff;
	padding-left: 10px;
}

#specialsx {
  color: #ffffff;
  font-size: 1.2em;
  text-align: center; 
  padding-bottom: 0px;
  padding-top: 0px; 
}

#happy_hour {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;  
}

p.sampler_item {
  padding: 0px;
}

p.sampler_desc {
  padding-left: 20px;
  padding-right: 0px;
}

    /*Credits: CSSplay */
    /*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
    .preload2 {background: url(../images/button4.gif);}
    .menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:40px; 
            background:#fff url(../images/button1a.gif) repeat-x; 
            position:relative; font-family:arial, verdana, sans-serif; }
    .menu2 li.top {display:block; float:left; position:relative;}
    .menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; 
             color:#fff; text-decoration:none; font-size:11px; 
             font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
    .menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
    .menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; 
             height:40px; background:url(../images/down.gif) no-repeat right top;}
    .menu2 li a.top_link:hover {color:#fff; background: url(../images/button4.gif) no-repeat;}
    .menu2 li a.top_link:hover span {background:url(../images/button4.gif) no-repeat right top;}
    .menu2 li a.top_link:hover span.down {background:url(../images/button4a.gif) no-repeat right top;}
    
    .menu2 li:hover > a.top_link {color:#fff; background: url(../images/button4.gif) no-repeat;}
    .menu2 li:hover > a.top_link span {background:url(../images/button4.gif) no-repeat right top;}
    .menu2 li:hover > a.top_link span.down {background:url(../images/button4a.gif) no-repeat right top;}
    
    
    .menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
    
    /* Default link styling */
    
    /* Style the list OR link hover. Depends on which browser is used */
    
    .menu2 a:hover {visibility:visible;}
    .menu2 li:hover {position:relative; z-index:200;}
    
    /* keep the 'next' level invisible by placing it off screen. */
    .menu2 ul, 
    .menu2 :hover ul ul, 
    .menu2 :hover ul :hover ul ul,
    .menu2 :hover ul :hover ul :hover ul ul,
    .menu2 :hover ul :hover ul :hover ul :hover ul ul {text-align: left; position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
    
    .menu2 :hover ul.sub {left:2px; top:40px; background: #fff; padding:3px 0; border:1px 
    solid #000000; white-space:nowrap; width:156px; height:auto;}
    .menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:156px;}
    .menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:153px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
    .menu2 :hover ul.sub li a.fly {background:#fff url(../images/arrow.gif) 80px 7px no-repeat;}
    .menu2 :hover ul.sub li a:hover {background:#095816; color:#fff;}
    .menu2 :hover ul.sub li a.fly:hover {background:#095816 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
    .menu2 :hover ul li:hover > a.fly {background:#095816 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 
    
    .menu2 :hover ul :hover ul,
    .menu2 :hover ul :hover ul :hover ul,
    .menu2 :hover ul :hover ul :hover ul :hover ul,
    .menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
    {left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #000000; white-space:nowrap; width:156px; z-index:200; height:auto;}