/* 
      Portions based on Style sheet
      created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }
A
{
    color:#093F1B;
    font-size: 10pt;  
}
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color: #F9DD8A;
}
#wrapper { 
 margin: 0 auto 0 auto;
 width: 800px;
 
}
#faux {
 margin: 0px!important;
 padding: 0px!important;
overflow: auto; /*  Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
 background-color: #E39A31!important;
}

#header {
 width: 800px;
 padding: 0px;
 margin: 0px;
 height:145px;
 background:transparent url(../images/Boston_Banner_800.jpg) no-repeat top right;
 _background-image:url(../images/Boston_Banner_800.jpg);
}
#tagline
{
    position:relative;
    top:58px;
    left:163px;
    font-family: Georgia, Times New Roman;
    font-size:19pt;
    color:#FFFF00;
}

#hours{
    position:relative;
    top:58px;
    left:163px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10pt;
    color:#000000;
    font-weight:bold;
}
 #addr{
    position:relative;
    top:59px;
    left:163px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10pt;
    color:#000000;
    font-weight:bold;
}
#leftcolumn { 
 display: inline;
 margin: 0px!important;
 padding: 0px!important;
 width: 49%;
 float: left;
}
#rightcolumn { 
 float: right;
 margin: 0px!important;
 padding: 0px!important;
 width: 49%;
 display: inline;
 position: relative;
}
#footer { 
 width: 800px;
 clear: both;
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:10pt;
 color:#000000;
 font-weight:bold;
 text-align:center;
 background:transparent url(../images/beerwheat2_bg.jpg) no-repeat top right;
 _background-image:url(../images/beerwheat2_bg.jpg);
 
}

#leftcolumn p, #rightcolumn p, #MainContent p
{
    margin-left: 10px;
    margin-right: 10px;
}
.clear { clear: both; background: none; height:0px; }
#header img
{
   width:800px;
   height:145px;
   border: none;
}
.beerwheat2
{
 height:20px;
 width:800px; 
}
.W400_H200{
 height:200px;
 width:400px;    
    }
#MainContent{
background-color: #E39A31!important;
margin-left:8px!important;
margin-top: 10px!important;
}   
.beirheading
{
    color:#ffffff;
    font-size: 12pt;
}
.bier{
font-family: Georgia, Times New Roman;
font-size:11pt;
color:#FFFF00;
padding-top:2px;
padding-left:10px;
}
.heading{
    color:#000000;
    font-size: 11pt;
    font-weight:bold;
    margin: 5px 5px 5px 5px!important;
    padding:0px!important;
    width: 100%;
    text-align:center;
}
.Center100{
    width: 100%;
    text-align:center;
}
.greentext{
    color:#093F1B;
    font-size: 10pt;  
}
.bold
{
    font-weight:bold;
}

#UpComingBier LI, #UpComingEvents LI
{
    color:#093F1B;
    font-size: 10pt;
    list-style-type:disc;
    list-style-position: inside;
    padding-left: 1.5em;
    text-indent: -1.5em; 
      
}
.MT5{
    margin-top: 5px;
    }
.boxshadow, .boxshadow_brown {
 text-align: left;
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:986px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000;

 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under boxshadow */
}

.boxshadow .content,
.boxshadow .t,
.boxshadow .b,
.boxshadow .b div,
.boxshadow_brown .content,
.boxshadow_brown .t,
.boxshadow_brown .b,
.boxshadow_brown .b div {
 background:transparent url(../images/BoxShadow_1190x1580.png) no-repeat top right;
 _background-image:url(../images/BoxShadow_1190x1580.gif);
}

.boxshadow .content_clear,
.boxshadow .t_clear,
.boxshadow .b_clear,
.boxshadow .b_clear div {
 background:transparent url(../images/BoxShadow_1190x1580.png) no-repeat top right;
 _background-image:url(../images/BoxShadow_1190x1580.gif);
}

.boxshadow_brown .content,
.boxshadow_brown .t,
.boxshadow_brown .b,
.boxshadow_brown .b div {
 background:transparent url(../images/BoxShadow_brown_1190x1580.png) no-repeat top right;
 _background-image:url(../images/BoxShadow_brown_1190x1580.gif);
}

.boxshadow_brown .content_clear,
.boxshadow_brown .t_clear,
.boxshadow_brown .b_clear,
.boxshadow_brown .b_clear div {
 background:transparent url(../images/BoxShadow_brown_1190x1580.png) no-repeat top right;
 _background-image:url(../images/BoxShadow_brown_1190x1580.gif);
}

.boxshadow .content, .boxshadow .content_clear,
.boxshadow_brown .content, .boxshadow_brown .content_clear  {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.boxshadow .t, .boxshadow .t_clear,
.boxshadow_brown .t, .boxshadow_brown .t_clear {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.boxshadow .b, .boxshadow .b_clear,
.boxshadow_brown .b, .boxshadow_brown .b_clear   {
 /* bottom */
 position:relative;
 width:100%;
}

.boxshadow .b,
.boxshadow .b div,
.boxshadow .b_clear,
.boxshadow .b_clear div,
.boxshadow_brown .b,
.boxshadow_brown .b div,
.boxshadow_brown .b_clear,
.boxshadow_brown .b_clear div
 {
 height:15px; /* height of bottom cap/shade */
 font-size:1px;
}

.boxshadow .b, .boxshadow .b_clear,
.boxshadow_brown .b, .boxshadow_brown .b_clear {
 background-position:bottom right;
}

.boxshadow .b div, .boxshadow .b_clear div,
.boxshadow_brown .b div, .boxshadow_brown .b_clear div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.boxshadow .hd,
.boxshadow .bd,
.boxshadow .ft,
.boxshadow_brown .hd,
.boxshadow_brown .bd,
.boxshadow_brown .ft {
 position:relative;
}

.boxshadow .wrapper,
.boxshadow_brown .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.boxshadow h1,
.boxshadow p,
.boxshadow_brown h1,
.boxshadow_brown p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.boxshadow h1,
.boxshadow_brown h1  {
 padding-bottom:0px;
}

/* ----------------------------------------------------------- */


.two_col {display: inline; float:left; width:50%;} 
.three_col {display: inline; float:left; width:33%;} 
.four_col {display: inline; float:left; width:25%;}
.row .data{text-align:left!important; padding: 0;}
.row{margin-bottom:3px;}
.cell {float:left;}
.floatright {float:right;}
.labelSingleCol {
    float:left;
    width:85px; /* adjust the width the contain the widest label in the group of fields */
    margin-right:5px;
    display: inline; 
    text-align: right;
} 
.label_text{float:right;}
.required{padding-left: 12px; background: transparent url(../images/icons/ast.gif) no-repeat left top !important;}
.requiredImgShim{padding-left: 12px;}
#MarketingMessage
{
    font-family:Arial, Sans-Serif;
    font-size:12pt;
    color:#FFFF00;

    width: 391px;
    height: 226px;

}
.leftcolumnSpecial{
    background: transparent url(../images/beerupclose_rc.jpg) no-repeat left top !important;
     _background-image:url(../images/beerupclose_rc.jpg);
}     
     
div#navbar {
 height: 20px;
 width: 100%;
 background: transparent url(../images/beerwheat2_bg.jpg) no-repeat left top !important;
  _background-image:url(../images/beerupclose_rc.jpg);
  border-bottom: solid 2px #093F1B;
 }


div#navbar ul {
 margin: 0px;
 padding: 0px;
 font-family: Georgia, Times New Roman;
 font-size: 16pt;
 color: #093F1B;
 line-height: 15px;
 white-space: nowrap;
}
div#navbar ul li {
 list-style-type: none!important;
 display: inline;

}
div#navbar ul li a {
 text-decoration: none;
 padding: 4px 12px 4px 12px;
 color: #093F1B;
 font-weight:bold;
 display:inline-block; /* neede to get IE to display inderline w/ focus class */
}
div#navbar ul li a:link {
 color: #093F1B;
 padding-left: 18px;
 padding-right:18px;
}
div#navbar ul li a:visited {
 color: #32170E;
}
div#navbar ul li a:hover {
 font-weight: bold;
 color: #ffffff;
 /* background-color: #3366FF; */
}
#SocialLinks {background-color: #E39A31!important;
 padding-bottom:15px;
 text-align:center;            
}
#SocialLinks li{text-decoration:none;display:inline;font-size:11px;padding-right:5px;}
#SocialLinks ul{padding-top:5px;}
#SocialLinks a{color: #093F1B;}
#SocialLinks a:visited{ color: #32170E; }
#SocialLinks a:hover{ color: #ffffff; }
#SocialLinks a:active{ color: #ffffff; }

.Diggit{
        padding-left: 20px;
     background: transparent url(../images/digg.gif) no-repeat left top !important;
}
.BuzzIt{
    padding-left: 20px;
     background: transparent url(../images/BuzzUp.gif) no-repeat left top !important;
}
.Reddit
{
     padding-left: 20px;
     background: transparent url(../images/spreddit1.gif) no-repeat left top !important;    
}
.black
{
    color: #000000;
}
.focus{ text-decoration:underline;}
.M8{margin: 0px 8px;}
.spacer{width:50px;}
.tblHeading{
    font-weight:bold;
    color: #ffff00;    
    font-family: Georgia, Times New Roman;
    font-size:13pt;
    text-align: center;
}
h2
{
    color:#093F1B;
    font-family: Georgia, Times New Roman;
    font-size:14pt; 
    background-color: #e39a31 !important;
    padding-left: 10px;
    margin: 0px;
}
.storelist li
{
    margin-left:15px;
     padding-top:5px;
     list-style-type: disc!important;
	LIST-STYLE-POSITION: inside;
	
}
#PopUp{
display: none; 
position: absolute; 
left: 250px; 
top: 50px; 
border: solid black 1px; 
padding: 10px; 
background-color: #E39A31; 
text-align: justify; 
font-size: 12px; 
width: 550px; 
height: 300px;
}
#BottledBierList {background: url('../images/BeerBottle.gif') no-repeat bottom right;
           font-weight:bold;
           font-size: .95em; 
           } 

pre { display:none }



.pics { height: 341px; width: 332px; padding:0; margin:0; overflow: hidden }
.pics img { height: 209px; width: 300px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
.pics img {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.ContentWrapper
{
    height:300px;
   /* overflow-y: scroll;
   overflow-x: auto; */
}
.nobullet{list-style-type: none!important}
#OnTapContainer, #TapList{height:180px;}
#Taplist dt{font-family: Georgia, Times New Roman;font-size: 10pt;}

.associates{margin: 0px; padding: 0px;}
.associates li {
 list-style-type: none!important;
 float:left;
 text-align:center;
 width:255px;
}
.associates img{
	width: 220px;
	height: 82px;
}

.clear{clear:both;height:15px;}