/* ALL PAGES ------------------ */

a img {
border: none;
}

/* DIVS, BOXES ETC. */

p {
position: relative;
}

p.top_anchor {
margin: 0;
padding: 0;
}

body.wide {
background-color: #ffeca2 ;
background-image: url('images/background_wide.gif') ;
background-repeat: repeat-y;
margin-left: 0 ;
margin-top: 0 ;
}

body.med {
background-color: #ffeca2 ;
background-image: url('images/background_med.gif') ;
background-repeat: repeat-y;
margin-left: 0 ;
margin-top: 0 ;
}

body.narrow {
background-color: #ffeca2 ;
background-image: url('images/background_narrow.gif') ;
background-repeat: repeat-y;
margin-left: 0 ;
margin-top: 0 ;
}

div.gradient {
border: solid 1px black;
background-image: url(images/gradient_bg.gif);
padding: 5px;
}

div.container {
position: relative;
top: 22px;
left: 24px;
width: 750px;
float: left;
clear: both;
padding: 0;
display: inline;
}

div.container_med {
position: relative;
top: 22px;
left: 24px;
width: 690px;
float: left;
clear: both;
display: inline;
}

div.container_narrow {
position: relative;
top: 22px;
left: 24px;
width: 600px;
float: left;
clear: both;
display: inline;
}

/* Div style to leave a space at bottom of page: */

div.bottom {
float: left;
clear: both;
}


/* FOOTER ---------- */

div.spacer {
clear: both;
height: 20px;
margin-bottom: 12px;
}

div.footer {
float: left;
clear: both;
margin: 8px 0 18px 8px;
background-color: #ffeca2;
padding: 4px 6px 6px 10px;
border: 1px solid #000000;
width: 780px;
display: inline;
}

div.footer_move_down {
float: left;
clear: both;
margin: 60px 0 18px 8px;
background-color: #ffeca2;
padding: 4px 10px 6px 10px;
border: 1px solid #000000;
width: 780px;
display: inline;
}

.footer_text {
font: bold 10px  "gill sans", verdana, helvetica,  sans-serif  ;
color: #000000;
text-align: right;
letter-spacing: 2px;
}

.footer_text2 {
font: bold 10px  "gill sans", verdana, helvetica,  sans-serif  ;
color: #000000;
text-align: right;
letter-spacing: 1px;
}

/* FOOTER LINKS */

a.footer:link {
color: #990000 ;
font-weight: bold;
}

a.footer:visited {
color: #990000 ;
font-weight: bold ;
}

a.footer:hover {
color: #990000 ;
text-decoration: none ;
font-weight: bold ;
}

a.footer:active {
color: #990000 ;
text-decoration: none ;
}




/* TEXT */

.text_black {
color: #000000;
font: 12px  georgia, times, "times new roman", serif ;
line-height: 1.8 ;
}

.text_black_tight {
color: #000000;
font: 12px  georgia, times, "times new roman", serif ;
line-height: 1.2 ;
}

.alt {
color: #000000;
font: 12px  georgia, times, "times new roman", serif ;
}

.header1 {
font: bold 16px  "gill sans", verdana, helvetica, sans-serif ;
letter-spacing: .3em ;
line-height: 1.4 ;
}

.header2 {
color: #000000;
font: bold 10px  "gill sans", verdana, helvetica, sans-serif ;
letter-spacing: .3em ;
line-height: 1.4 ;
}

.header3 {
color: #000000;
font: bold 12px  "gill sans", verdana, helvetica, sans-serif ;
/*letter-spacing: .3em ;*/
line-height: 1.2 ;
}

.header4 {
color: #000000;
font: bold 15px  "gill sans", verdana, helvetica,  sans-serif  ;
letter-spacing: .3em ;
line-height: 1.4 ;
text-align: left;
border-bottom: solid 3px #FFEB99 ;
padding-bottom: 2px;
}

.header6 {
color: #000000;
font: bold 14px  "gill sans", verdana, helvetica, sans-serif ;
letter-spacing: .3em ;
line-height: 1.4 ;
}

/* Generic styles to align text: */

.align_center {
text-align: center;
}

.indent {
text-indent: 6px ;
}

/* REGULAR LINKS */

a:link {
color: #990000 ;
font-weight: bold ;
}

a:visited {
color: #990000 ;
font-weight: bold ;
}

a:hover {
color: #990000 ;
text-decoration: none ;
font-weight: bold ;
}

a:active {
color: #FFF2BF ;
text-decoration: none ;
}

/* BORDERS */

.border_tan {
border: solid 1px #FFF2BF ;
}

.border_black {
border: solid 1px #000000 ;
}

.border_grey {
border: solid 1px #999999 ;
}


/* End ALL PAGES ---------- */

/*  NAV BAR  (new ) --------------- */

ul.nav {
padding: 0;
margin: 0;
display: table;
width: 800px;
position: relative;
top: 9px;
left: 8px;
font:  bold 10px  "gill sans", verdana, helvetica,  sans-serif ;
letter-spacing: 0.3em ;
text-decoration: none ;
list-style-type: none;
white-space: nowrap;
z-index: 1;
}

li.nav {
display: inline;
font:  bold 10px  "gill sans", verdana, helvetica,  sans-serif ;
}

li.nav a:link {
float: left;
background-color: #FFF2BF ;
border: solid 1px #990000 ;
color: #000000 ;
text-decoration: none ;
padding: 5px ;
margin-right: 7px;

}

li.nav a:visited {
float: left;
background-color: #FFF2BF ;
border: solid 1px #990000 ;
color: #000000 ;
text-decoration: none ;
padding: 5px ;
margin-right: 7px;
}

li.nav a:hover {
float: left;
border: solid 1px #FFF2BF ;
color: #FFF2BF ;
background-color: #990000 ;
text-decoration: none ;
padding: 5px ;
margin-right: 7px;
}

li.nav a:active {
float: left;
border: solid 1px #990000 ;
color: #FFF2BF ;
background-color: #FFF2BF ;
text-decoration: none ;
padding: 5px ;
margin-right: 7px;
}

/*  End NAV BAR --- */


/*  FEATURED BEERS --------------------- */

.beer_feature_box {
background-color: #fff3bf ;
padding: 8px 6px 4px 6px;
/* display: table; */
display: inline;
width: 330px ;
float: right ;
margin: 6px 30px 8px 8px;
background-image: url(images/gradient_bg3.gif) ;
background-repeat: repeat-x;
}

.beer_image {
float: right;
padding: 0 6px 6px 4px ;
}

.beer_copy {
padding: 0 6px 0 6px ;
margin: 4px 4px 4px 4px;
}

.header3_beers {
color: #000000;
font: bold 10px  "gill sans", verdana, helvetica,  sans-serif  ;
letter-spacing: .2em ;
line-height: 1.0 ;

text-align: center;
}


/*  NEXT EVENT BOX -------------------- */

.event_box {
float: right ;
width: 180px;
background-color: #fff3bf ;
padding: 12px;
background-image: url(images/gradient_bg3.gif) ;
background-repeat: repeat-x;
}


/*  HOME PAGE ------------------------ */

div.top_div_home {
margin-bottom: 8px;
}

.main_div_home {
background-color: #fff3bf ;
padding: 12px;
/* display: block; */
display: inline;
width: 670px ;
margin: 8px 0 24px 12px ;
float: left ;
clear: both ;
background-image: url(images/gradient_bg3.gif) ;
background-repeat: repeat-x;
}

.main_div_home_promo {
background-color: #fff3bf ;
padding: 12px 12px 0 20px;
display: inline;
width: 600px ;
margin: 8px 0 24px 36px ;
float: left ;
clear: both ;
background-image: url(images/gradient_bg3.gif) ;
background-repeat: repeat-x;
}


.promo_image_home {
float: right;
clear: left;
margin: 4px 36px 8px 20px;
display: inline;
}

.promo_image_home2 {
float: right;
clear: left;
margin: 8px;
display: inline;
}

.promo_image_home3 {
float: left;
/*clear: left;*/
margin: 32px 6px 32px 16px;
display: inline;
}


.promo_text_home {
margin: 12px 16px 4px 20px;
padding: 12px;
width: 330px;
display: inline;
float: left;
clear: left;
}

.promo_text_home2 {
padding-left: 12px;
width: 300px;
display: inline;
float: left;
clear: left;
}

.promo_text_home3 {
padding: 24px 12px 12px 12px;
width: 300px;
display: inline;
float: right;
/*clear: left;*/
}

p.promo_text_gold_award {
padding: 22px;
}

.promo_text_home_right {
float: right;
clear: both;
margin: 6px 6px 0 12px;
width: 250px;
}

.promo_text_home_left {
float: left;
clear: both;
margin: 6px 6px 0 12px;
width: 250px;
}

div.email_home {
clear: both;
}

div.email_form_home {
float: left;
margin: 6px 0 0 16px;
display: inline;
}


div.logo {
float: left ;
margin-left: 8px ;
padding: 0;
display: inline;
}

div.top_right {
border: solid 1px black;
margin: 8px 0 0 370px;
width: 300px;
padding: 5px;
background-image: url(images/gradient_bg.gif);
background-repeat: repeat-y;
}

div.top_right2 {
margin: 14px 12px 4px 360px ;
}

div.main_image {
float: right ;
margin: 4px 12px 12px 12px;
display: inline;
}

div.mid_left {
float: left ;
clear: left ;
display: inline;
width: 300px ;
margin: 4px 0 0 18px ;
}

.mid_left3 {
float: left;
width: 350px;
display: inline;
margin: 6px 0 0 0;
}

.mid_left4 {
float: left;
width: 280px;
display: inline;
margin: 28px 0 0 0;
}

/* TEXT */


.header3_home {
color: #000000;
font: bold 10px  "gill sans", verdana, helvetica, sans-serif ;
letter-spacing: 0.2em ;
line-height: 1.5 ;
display: block;
padding-bottom: 4px;
}


/* End HOME PAGE --------- */


/*  EVENTS PAGE ---------------------- */


div.calendar_title2 {
margin: 24px 0 12px 32px;
border: solid 1px black;
background-image: url(images/gradient_bg.gif);
float: left;
clear: both;
width: 460px;
padding: 5px 5px 5px 5px;

display: inline;
}

div.calendar_title2 h1 {
color: #000000;
font: bold 15px "gill sans", verdana, helvetica,  sans-serif  ;
letter-spacing: .3em ;
line-height: 1.4 ;
text-align: left;
padding: 0 0 0 6px;
margin: 0;
display: inline;
}


.main_div_events {
margin: 0px 0 12px 40px;
background-color: #fff3bf ;
border-left: solid 14px #FFEB99;
border-right:  solid 6px #FFEB99;
padding: 4px 12px 12px 12px;
display: inline;
width: 540px;
float: left;
clear: left;
display: inline;
}


.header5 {
color: #000000;
font: bold 12px  "gill sans", verdana, helvetica,  sans-serif  ;
letter-spacing: .2em ;
line-height: 1.1 ;
display: table;
border-bottom: solid 3px #FFEB99 ;
padding-bottom: 2px;
}

.text_black_calendar {
color: #000000;
font: 13px  georgia, times, "times new roman", serif ;
line-height: 1.1 ;
}

.text_red_calendar {
color: #990000;
font: bold 14px  georgia, times, "times new roman", serif ;
}

.border_bottom_red {
border-bottom: solid 1px #990000 ;
padding: 4px 10px 10px 16px;
margin: 0 0 16px 0px;
}

/*  End EVENTS PAGE ------- */


/*  WHERE TO BUY ------------------------ */

div.menu_where {
margin: 4px 0 12px 35px;
float: left;
width: 270px;
display: inline;
}

.logo_where {
margin: 4px 8px 8px 20px;
float: left;
display: inline;
}

.main_div_where {
margin: 30px 0 12px 32px;
background-color: #fff3bf ;
border-left: solid 14px #FFEB99;
border-right:  solid 6px #FFEB99;
padding: 4px 12px 12px 12px;
width: 540px;
float: left;
clear: both;
display: inline;
}

div.where_title {
margin: 8px 0 12px 10px;
float: left;
width: 300px;
text-align: center ;
display: inline;
}


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

/* HISTORY PAGE --------------- */

div.menu_history {
margin: 4px 0 4px 35px;
float: left;
clear: left;
width: 230px;
display: inline;
}

.main_image_history {
float: right;
margin: 4px 12px 4px 8px;
display: inline;
}

.caption_right_history {
font: 11px georgia, times, "times new roman", serif ;
color: #9D8B43 ;
float: right;
clear: right;
margin: 4px 12px 12px 0;
width: 60%;
display: inline;
text-align: right;
}

.caption_left_history {
font: 11px georgia, times, "times new roman", serif ;
color: #9D8B43 ;
float: left;
clear: left;
margin: 4px 0 6px 4px;
width: 60%;
display: inline;
}

.main_div_history {
background-color: #fff3bf ;
padding: 12px;
width: 710px ;
margin: 8px 0 26px 28px ;
float: left ;
clear: left ;
background-image: url(images/gradient_bg3.gif) ;
background-repeat: repeat-x;
display: inline;
}

.history_image_right {
float: right;
margin: 12px 0 6px 12px;
display: inline;
}

.history_image_left {
float: left;
margin: 18px 16px 6px 10px;
display: inline;
}

.history_text {
margin: 8px 18px 4px 16px;
}

/* BEERS PAGE ------------------------- */

.main_div_beers {
background-color: #fff3bf ;
padding: 12px;
display: inline;
width: 495px ;
margin: 8px 0 26px 24px ;
float: left ;
clear: both ;
background-image: url(images/gradient_bg3.gif) ;
background-repeat: repeat-x;
display: inline;
}

.beer_image_right {
float: right;
clear: both;
margin: 2px 0 4px 6px;
display: inline;
}

.beer_image_left {
float: left;
clear: both;
margin: 2px 16px 4px 6px;
display: inline;
}

.beers_page_left {
float: left;
clear: both;
margin: 12px 12px 12px 12px;
width: 100%;
display: inline;
}

.beers_page_right {
float: right;
clear: left;
margin: 12px 12px 12px 12px;
width: 100%;
display: inline;
}

.beers_page_lower { /* this is to get link to top positioned */
clear: both;
}

.gold_award_left {
float: left;
clear: none;
margin: 8px;
display: inline;
}

.award_text {
margin: 16px 6px 6px 6px;
font: bold 11px georgia, times, "times new roman", serif ;
color: #000000 ;
line-height: 1.4 ;
display: table;
}

h2.header_beers_left {
color: #000000;
font: bold 15px  "gill sans", verdana, sans-serif  ;
letter-spacing: .3em ;
line-height: 1.4 ;
text-align: left;
border-bottom: solid 3px #FFEB99 ;
padding-bottom: 2px;
margin: 0 0 6px 0;
}

h2.header_beers_right {
color: #000000;
font: bold 15px "gill sans", verdana, sans-serif  ;
letter-spacing: .3em ;
line-height: 1.4 ;
text-align: left;
border-bottom: solid 3px #FFEB99 ;
padding-bottom: 2px;
margin: 0 0 6px 0;
}

.text_black_beers {
color: #000000;
font: 13px  georgia, times, "times new roman", serif ;
line-height: 1.4 ;
display: block;
margin: 12px 12px 8px 12px;
padding: 12px 12px 6px 12px;
}

.menu_beers {
margin: 6px 0 4px 36px;
color: #000000;
font: 12px  georgia, times, "times new roman", serif ;
line-height: 1.5 ;
}

div.title_beers {
margin: 8px 24px 12px 10px;
float: right;
clear: right;
width: 270px;
text-align: center ;
display: inline;
}

.logo_beers {
margin: 4px 40px 8px 4px;
float: right;
display: inline;
}

.link_to_top_left {
font: 12px  georgia, times, "times new roman", serif ;
line-height: 1.4 ;
clear: both;
}

.link_to_top_right {
font: 12px  georgia, times, "times new roman", serif ;
line-height: 1.4 ;
clear: both;
text-align: right;
}

/* LINKS PAGE ------------------------ */

.main_image_links {
margin: 8px;
float: left;
display: inline;
}

div.title_links {
margin: 8px 0 12px 30px;
float: left;
width: 110px;
text-align: center ;
display: inline;
}

.logo_links {
margin: 4px 0 8px 20px;
float: left;
display: inline;
}


/* CONTACT US PAGE ------------------------ */

.contact_form {
border: 1px solid #000000 ;
background-color: #fff3bf;
padding: 3px;
margin: 0 0 0 0;
}

.main_image_contact {
margin: 18px 8px 8px 12px;
float: left;
display: inline;
}

.logo_contact {
margin: 4px 0 8px 40px;
float: left;
display: inline;
}

div.title_contact {
margin: 8px 0 12px 30px;
float: left;
width: 210px;
text-align: center ;
display: inline;
}

div.email_form {
float: left;
margin: 6px 0 0 16px;
display: inline;
}

p.email_form {
margin: 0 0 0 10px;
}

p.email_button {
margin: 4px 0 0 10px;
}

div.contact_wrapper {
padding: 0;
margin: 0;
}

.main_div_contact {
background-color: #fff3bf ;
padding: 12px 6px 6px 12px;
display: inline;
width: 250px ;
margin: 4px 0 4px 4px ;
float: left ;
background-image: url(images/gradient_bg3.gif) ;
background-repeat: repeat-x;
}

p.thanks {
float: left;
padding: 12px 12px 12px 20px;
margin: 12px;
width: 200px;
border: solid 1px black;
display: inline;
}

p.error_text {
color: #990000;
font: bold 12px  georgia, times, "times new roman", serif ;
float: left;
padding: 12px;
margin: 12px 0 4px 12px;
width: 250px;
border: solid 1px #990000;
display: inline;
}

.text_red_contact {
color: #990000;
font: bold 12px georgia, times, "times new roman", serif ;
line-height: 1.8 ;
}

/* ABOUT US PAGE -------------- */

.main_image_about {
margin: 12px 12px 8px 12px;
float: right;
display: inline;
}

.main_image_about2 {
margin: 6px 8px 8px 12px;
float: left;
clear: right;
display: inline;
}

.logo_about {
margin: 4px 28px 8px 12px;
float: left;
display: inline;
}

div.about_text_wrapper {
clear: left;
}

div.title_about {
margin: 8px 20px 12px 28px;
float: left;
clear: left;
width: 200px;
text-align: center ;
display: inline;
}

.about_text {
margin: 8px 16px 4px 16px;
padding: 0 10px 0 10px;
}

.about_image_right {
float: right;
margin: 12px 12px 20px 12px;
display: inline;
}

.about_image_left {
float: left;
margin: 18px 20px 6px 12px;
display: inline;
}

/* EMAIL FORM ---------------- */

.email_form_web {
border: 1px solid #000000 ;
background-color: #ffeca2;
padding: 3px;
margin: 0 0 0 0;
}

p.thanks_email {
float: left;
clear: right;
padding: 12px 12px 12px 20px;
margin: 12px;
width: 300px;
border: solid 1px black;
font-weight: bold;
display: inline;
}

p.error_text_email {
color: #990000;
font: bold 12px  georgia, times, "times new roman", serif ;

padding: 12px;
margin: 12px 0 4px 12px;
width: 300px;
border: solid 1px #990000;
}

div.web_design {
width: 700px;
padding: 6px 0 32px 0;
text-align: right;
}

div.web_design_narrow {
width: 600px;
padding: 6px 0 32px 0;
text-align: right;
}

div.web_design_med {
width: 650px;
padding: 6px 0 32px 0;
text-align: right;
}

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

.red {
color: red;
}