body {
background-color:#FFFFFF;
font-size: 13px;
font-family: Calibri, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0;
margin:0;
}

a {color: #000000;}
a:visited {color:#660000;}
a:hover {color: #660000;}
a:active { color:#660000;}



img
{  border-style: none;
}

h1 {
font-size: 20px;
text-transform:none;
background-color: #FFFFFF;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;

margin:0 }

h2 {
font-size:30px;
font-weight: normal;
padding: 5px 10px;
margin:0;}

h3 {
font-size:14px;
font-weight: bold;
margin:0;}

h4 {
font-size:12px;
font-weight: normal;
padding: 0px 0px;
margin:0;
}
h5 {
font-size:10px;
font-weight: bold;
font-style:italic;
padding: 0px 0px;
margin:0;
}
ul.pref {
	border-bottom: 1px solid #564b47;
	background:url(images/star75.png);
}
ul.beer li {
list-style-image:url(images/beermug.jpg);
}
ul.mug {
padding-top:25px;
}
ul.mug li {
padding-left:128px;
font-size:12px;
font-weight:800;
list-style-type:none;
}
.mugx{
padding-left:150px;
font-size:12px;
font-weight:800;
background:url(images/mug_of_beer50.gif);
background-repeat:no-repeat;
height: auto;
margin-bottom:20px;
margin-top:20px;

}
ul.mug li {
padding-left:128px;
font-size:12px;
font-weight:800;
list-style-type:none;
}
.specials{

border-top: 1px solid #564b47;
border-right: 1px solid #564b47;
border-left: 1px solid #564b47;
border-bottom: 1px solid #564b47;
height: auto;
margin:5px 5px 5px 5px;
overflow:hidden;
}
img.mugx {
margin-top:5px;
margin:5px 5px 5px 5px;
}
.instr  {
	background-color:#f0f0f0;
	border-top: 1px solid #564b47;
	border-bottom: 1px solid #564b47;
	margin-bottom:20px;
	margin-top:20px;
	}
.details  {
	background-color:#fff;
	border-top: 1px solid #564b47;
	border-bottom: 1px solid #564b47;
	margin-bottom:20px;
	margin-top:20px;
	}
.star {
	border-top: 1px solid #564b47;
	
	border-bottom: 1px solid #564b47;
	height: auto;
	
	text-align: center;
overflow:hidden;
}
ul.star{
padding; 0px 0px 0px 0px;
}	
.star li{
list-style-type:none
padding; 0px 0px 0px 0px;
text-align: left;
}
.instr li{
list-style-type:none;
}
.search  {
	background-color:#f0f0f0;
	border-top: 1px solid #564b47;
	border-right: 1px solid #564b47;
	border-bottom: 1px solid #564b47;
	border-left: 1px solid #564b47;
	margin: 0px 0px 0px 0px;
	padding; 0px 0px 0px 0px;
	
}
.search a {color: #000;}
.search a:visited {color:#000;}
.search a:hover {color: #000;}
.search a:active { color:#000;}
.search h3 {color: #000;}
.search h3:visited {color:#000;}
.search h3:hover {color: #000;}
.search h3:active { color:#000;}
.redback {
	background-color:#660000;
	border-top: 1px solid #564b47;
	border-right: 1px solid #564b47;
	border-bottom: 1px solid #564b47;
	border-left: 1px solid #564b47;
}
.redback a {color: #FFF;}
.redback a:visited {color:#FFF}
.redback a:hover {color: #FF6600;}
.redback a:active { color:#FFF;}
.redback h3 {color: #FFF;}
.redback h3:visited {color:#FFF;}
.redback h3:hover {color: #FF6600;}
.redback h3:active { color:#FFF;}
.redback li {list-style-type:none;}

.imagead{
    margin-left: auto;
    margin-right: auto;
    display:block;
}


.submit {
	background: transparent;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #FFF;
	border-left: 0;
	font-size: 10px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#660000;
	display: inline;
	margin: 0;
	padding: 0;
	width:auto;
	overflow:visible;
	
}
.index-submit {
	background: transparent;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #564b47;
	border-left: 0;
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#000000;
	display: inline;
	margin: 0;
	padding: 0;
}
.box{
margin: 10px 10px 10px 10px;
}

*:first-child+html .submit {		/* hack needed for IE 7 */
	border-bottom: 0;
	text-decoration: underline;
}

* html .submit {				/* hack needed for IE 5/6 */
	border-bottom: 0;
	text-decoration: underline;
}
img.download {vertical-align:middle;}

#header {
	background:url(images/masthead10.jpg) no-repeat;
	width:900px;
	height: auto;
}
#logo { padding:40px 0 0 300px; height:60px; }
#logo a{ color:#000; text-decoration:none; font-weight:bold; height:48px; font-size:32px; text-transform:uppercase;
line-height:60px}
#logo a:hover {color:#660000;}
#menu {  width:100%; margin: 0; height:47px; margin-top:78px; border-top: 1px solid #564b47;
border-bottom: 1px solid #564b47; overflow:hidden}
#menu ul { margin:0; padding-left:150px}
#menu ul li{ display:inline-block; float:left; list-style:none; text-align:center; height:32px; padding-right:20px}
#menu a {float:left;  color:#000; font-size:12px; font-weight:bold; text-decoration:none; padding-top:8px;}
#menu a:hover{color:#FFF; background: #660000; padding-top:8px; height:24px;}

#leftadvert {
	float:left;
	margin-right:5px;
	margin-top:10px;
	padding:0px 0px 0px 0px;
	width:160px;
	background-color:#FFF;
	border-top: 1px solid #564b47;
	border-bottom: 1px solid #564b47;
	border-right: 1px solid #564b47;
}
#rightadvert {
	float:right;
	padding:0px 0px 0px 0px;
	width:auto;
	background-color:#F00001;
}
#description {
style= width: 350px;
style= height: 200px;

}

/* ----------container to center the layout-------------- */
#container {
width: 900px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #FFFFFF;
border-top: 1px solid #564b47;
border-right: 1px solid #564b47;
border-bottom: 1px solid #564b47;
border-left: 1px solid #564b47;
}
#sub-container {
width: 60%;
margin-bottom: 10px;
margin: auto auto;
margin-left:120;
background-color: #FFFFFF;
}
#sub-container-res {
width: 60%;
margin-bottom: 10px;
margin: auto auto;
margin-left:120;
background-color: #FFFFFF;

}
#navlist li
{
display: inline;
text align: left;
list-style-type: none;
padding-right: 20px;
}
/* ----------banner for logo-------------- */
#banner {
background-color: #FF6600;
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;} 

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;



}
div#content { 
min-height:900px;
height:expression(this.scrollHeight > 600 ? "auto":"900px"); 
}
div#sub-container { 
/*min-height:1400px;
height:expression(this.scrollHeight > 1400 ? "auto":"1400px"); */
height:auto;
}
#content-map{
background-color: #ffffff;
padding: 0px;
margin-top:0px;
margin-bottom:0px;
margin-right:120px;
margin-left:0px;
width:600px;
}
#content-map li{
list-style-type:none;
}
#sub-container li{
list-style-type:none;
}
#sub-container-res li{
list-style-type:none;
}
#content li{
list-style-type:none;
}
#right-map {
float: right;
background-color: #ffffff;
border-top: 1px solid #564b47;
border-bottom: 1px solid #564b47;
border-left: 1px solid #564b47;
width: 18%;
margin-top:10px;
padding: 0;
list-style-type:none; 

}
#map{
width: 100%; 
height: 600px;
border-top: 1px solid #564b47;
border-right: 1px solid #564b47;
border-bottom: 1px solid #564b47;
border-left: 1px solid #564b47;

}
#searchcontrol .gsc-control { 
     background-color: white;
      color: black;
      font-family: Arial, sans-serif;
      font-size : 13px;
      margin: 15px;
	width : 400px; }
/* --------------left navi------------- */
#left {
float: left;
background-color: #ffffff;
width: 20px;
margin: 0;
padding: 0;
}
#left li { 
  list-style-type:none; 
} 
#right {
float: right;
background-color: #ffffff;
width: 300px;
margin: 0;
padding: 0;
}

#right li { 
  list-style-type:none; 
}
#right-map li { 
  list-style-type:none; 
}
/* -----------footer--------------------------- */
#footer {
background:url(images/mug_of_beer50.gif);
	background-repeat:repeat-x;
	height: 250px;
	width:100%;
	text-align:center
	
}


#left_footer {float:left; padding:40px 0 0 60px; background:url(images/c.gif) no-repeat 30px 35px; text-transform:uppercase; color:#000; font-weight:bold; font-size:11px;}
#left_footer a { color:#000;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right;  padding:40px 30px 0 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:right;}
#right_footer a { color:#FFFFFF;}
#right_footer a:hover { text-decoration:none;}

#mug1 {
	background:url(images/mug_of_beer1.gif);
	background-repeat:no-repeat;
	height: 130px;
	
}
#mug2 {
	background:url(images/mug_of_beer2.gif);
	background-repeat:no-repeat;
	height: 130px;
	
}
#mug3 {
	background:url(images/mug_of_beer3.gif);
	background-repeat:no-repeat;
	height: 130px;
	
}
#mug4 {
	background:url(images/mug_of_beer4.gif);
	background-repeat:no-repeat;
	height: 130px;
	
}
#mug5 {
	background:url(images/mug_of_beer50.gif);
	background-repeat:no-repeat;
	height: 130px;
}
#mug4b {
	background:url(images/mug_of_beer.gif);
	background-repeat:no-repeat;
	height: 130px;
}

	
	
	
}
p, pre{
padding: 5px 10px;
margin:0px;
}

a.ovalbutton{
background: transparent url('images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}