body {margin: 0; padding: 10px 0px; background-color: #000; 
	  font-family: Verdana, Helvetica, sans-serif; 
    color: #fff; font-size: 0.6em; 
		text-align:center;
    
        scrollbar-arrow-color: #fff; scrollbar-track-color: #630; scrollbar-face-color: #c90;
                      scrollbar-highlight-color: #c0c0c0; scrollbar-3dlight-color: #969696; 
                      scrollbar-darkshadow-color: #000; scrollbar-shadow-color: #000;
}

h1 {
text-align: left;
font-size: 2.2em;
background-color: #c90;
color: #ffc;
font-weight: bold;
padding: 0px 40px 0px 60px;
margin: 5px 0 0 0;
background-image:url(img/tri.gif);
background-position: right;
background-repeat:no-repeat;
}

h1 span {
text-align: right;
font-size: .64em;
font-weight: bold;
color: #630;
display:block;
}

h2 {
font-size: 1.5em; color: #ffc;
}

img {
border: none;
}
img.floatRight {
float:right; margin:10px 0px 10px 10px;
}
strong {
font-size: 1.2em;
}
#bodyBox	{ 
margin-left:auto; margin-right:auto;
width: 760px;height:480px;
background-repeat: no-repeat;
text-align:left;
background-color: #c90;
color: #c90;
padding: 0px 0px 0px 0px;
}
#banner {
background-color: #fff;
height: 128px;
}
#logo {float: left; margin-top:5px;
width: 340px; height: 116px;
background-image:url(img/logo.gif); 
background-position: 5px 0px;
background-repeat:no-repeat;
}
#logo h2 { color: #000;
font-weight: bold;text-align:center;
font-size: 1.6em; font-weight: bold;
padding:97px 0px 0px 70px;
margin:0; 
}

#address {position:relative;float: left; 
padding-top: 20px;
position:relative; text-align:center; right:0;
width: 231px;
}
#address a {display:block; margin-top:10px;color: #630;font-size: 0.8em;
}
#address a:link     {  }
#address a:visited  {  }
#address a:hover    { color: #c90; }
#address a:active   {  }

#address p {
color: #000;
font-weight: bold;
font-size: 1.5em;
}
#address p span { color: #c90; font-size: 1.2em; margin-top:5px; display:block;
}
#addressImg {position:relative;float: left; 
width: 19px; height: 128px;
background-image:url(img/addressVertical.gif); 
background-position: 0px 0px;
background-repeat:no-repeat;
}
#microImg {position:relative;float: left; 
width: 19px; height: 128px;
background-image:url(img/microVertical.gif); 
background-position: 0px 0px;
background-repeat:no-repeat;
}
#micro {position:relative;float: left; 
width: 151px; height: 128px;
background-image:url(img/vats.jpg); 
background-position: 0px 0px;
background-repeat:no-repeat;
}

#tn {
margin-top:30px;
position: relative;
width: 105px;
float:right;
margin-left: 10px;
}

#tn img {
padding-top: 15px;
}
#topMenu {position:relative; margin-top:5px;
margin-left: 5px; height:38px;
background-color: #630;
width: 750px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
}

#menu1 {background-color: #630; height: 100%; width:326px; float: left;
border-right: 1px solid #fff; margin-right: 5px; }
#menu2 {background-color: #630; height: 100%; width:326px; float: left;
border-right: 1px solid #fff; margin-right: 0px;}
#menu3 {background-color: #630; height: 100%; width:71px; float: left;
border-right: 1px solid #630; margin-right: 0px;}

#topMenu ul {list-style:none; padding:0; margin:0; width: 326px;
}

#topMenu li {
text-align:center;
padding:13px 0px 0px 0px; margin: 0 0 0 0 5px;
background-image:url(img/arrow.gif);
background-position: top center;
background-repeat:no-repeat;
float:left;
font-size: 1.8em;
}
div.bars {
float:left; width: 5px; height: 38px;
border-left: 1px solid #fff;
border-right: 1px solid #fff; 
background-color: #630;
}
#menu1 li {width: 100px;
}
#menu2 li {width: 100px;
}
#menu2 li.last {width: 90px;
}
#menu2 li.how {width: 110px;
}
#menu3 li {width: 70px;
}

#menu3 a:link     {  }
#menu3 a:visited  {  }
#menu3 a:hover    { color: #f0c; }
#menu3 a:active   {  }

#topMenu a {
text-decoration:none;
color: #c90; font-weight: bold;
}
#topMenu a:link     {  }
#topMenu a:visited  {  }
#topMenu a:hover    { color: #ffc; }
#topMenu a:active   {  }

#middle {
background-color: #c90;
padding: 5px;
}

#content { 
height: 370px;
background-color: #000;
}
#content a          { text-decoration: underline; color: #c90; }
#content a:link     {  }
#content a:visited  { color: #c90; }
#content a:hover    { color: #ffc; }
#content a:active   {  }

#contentLeft  {position:relative; float:left;
width: 372px; 
}

#contentLeft img { margin: 5px 0px 0px 5px; }

#contentRight {
padding:25px 10px 10px 10px;
width: 355px;
overflow:auto;
font-family: Verdana, Helvetica, sans-serif; 
height: 335px;
}

#contentRight p {
margin-bottom: 5px; margin-top: 10px;
}
p.first { color: #ffc; font-size: 1.0em; font-weight: bold;margin-top: 0px; }

#contentBeerMenu {
margin: 0;
padding:25px 10px 10px 10px;
width: 355px;
overflow:auto;
font-family: Verdana, Helvetica, sans-serif; 
height: 315px;
}
#contentBeerMenu h2 {
color: #ffc; font-size: 1.0em; weight-bold;
}

#contentBeerMenu a          { text-decoration: underline; }
#contentBeerMenu a:link     { color: #ffc; }
#contentBeerMenu a:visited  { color: #ffc; }
#contentBeerMenu a:hover    { color: #c90; }
#contentBeerMenu a:active   { color: #ffc; }

#beerListImgs {position:relative;
height:91px;
float:right;
margin:5px 5px 0px 0px;
}
#contentbeerList {
padding: 10px;
clear: left;
/* overflow:auto; */
font-size: 1.1em; 
}
#contentbeerList table { clear: both; }
#contentbeerList td   { 
padding-left: 6px;
}
#contentbeerList tr   { 
height:10px;
}

#contentbeerList h2 {
color: #ffc; font-size: 1.0em; font-weight: bold;
}
#beerListHdr {
width:732px !important; width:730px; 
}
#contentbeerList thead tr   { 
color: #ffc; background-color: #c90; 
font-weight: bold;
font-size: 1.2em;
padding-left: 6px;
}
#contentbeerList td.name  { width: 250px; }
#contentbeerList td.proof { width: 100px; text-align: center;}
#contentbeerList td.like  { width: 350px; }
#contentbeerList td       { border-bottom: 1px solid #630;}

#scrollTable {
overflow:auto; height:180px;
}
#scrollTable td.like  { width: 330px; }

td.name { width: 200px; }



dt {
margin-top:20px;
background-image:url(img/arrow_rt.gif);
background-position: left;
background-repeat:no-repeat;
padding-left: 20px;color: #ffc;
}

dd {
margin-top:10px;
margin-left:0; padding-left: 18px;

}

#footer {
height:66px; height:66px !important;
background-color: #c90;
font-size: 1.1em;
padding:0px 0px 5px 5px;
}

#openingTimes {position:relative;float: left; 
color: #000; padding-left: 40px;
font-weight: bold;
width: 130px; 
background-image:url(img/openingVertical.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
}

#openingTimes td {
font-weight: bold;
padding:0; margin:10;
}

#subscribe {position:relative;float: left; 
color: #000; padding-left: 40px;
font-weight: bold;
width: 130px; 
background-image:url(img/newsletter.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
}

#subscribe td {
font-weight: bold;
padding:0; margin:10;
}

#footerBars {position:relative;float: left; 
width: 5px; height: 100%; 
border-left: 1px solid #fff;
border-right: 1px solid #fff; 
background-color: #c90;margin-top:0px
}
#links {position:relative;float: left; 
border-left: 1px solid #fff;color: #fff;
height: 100%; margin-left: 5px;margin-top:0px
}
#links ul { margin-top: 12px; }
#links li {
list-style: none;
text-align:center;
height: 16px; /* width: 110px; */
padding:0px 5px 0px 5px; margin: 0 0px 0 0px;
float:left;
border-right: 1px solid #fff;
}

#links li.last {
border-right: none;
}

#links a          { text-decoration: none; color: #fff; }
#links a:link     {  }
#links a:visited  {  }
#links a:hover    { text-decoration: underline; }
#links a:active   {  }

#copy {margin-left: 208px;clear:left;
color:#fff;margin-bottom:0;padding-bottom:2px;
}
#kn {margin-left: 300px;margin-top:0; padding-top:0; font-size: 0.9em;
color:#630;
}
#kn a          { text-decoration: none; color: #630; }
#kn a:link     {  }
#kn a:visited  {  }
#kn a:hover    { text-decoration: underline; }
#kn a:active   {  }
.ctr	{ text-align: center; }