/* CSS PAGE RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0; line-height:normal;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal; line-height:normal;}caption {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%; line-height:normal;}q:before,q:after{content:'';}

/* MAIN STYLES */
body { background:#a8151d url(../../media/images/layout/bg_outer.jpg) top left repeat-x; width:100%; height:100%; margin-top:0px; }
body, div, p, ul, li, td, select, input, textarea { font-size:12px; line-height:1.7em; font-family: Verdana, Arial, Helvetica, sans-serif; color:#a69d76; }
p { margin:0px 0px 20px 0px; }
img, div { behavior: url(../../includes/iepngfix/iepngfix.htc) }
h1{font-size:16px; color:#b7821f; font-weight:bold; margin-bottom: 10px }
h2{font-size:14px; color:#b7821f; font-weight:bold; margin-bottom: 5px }
h3{line-height:21px;}
a, a:active, a:visited, a:focus {color:#a5151d; text-decoration:none; outline:none; -moz-outline:none }
a:hover {color:#FF0000; text-decoration:none;}
hr{color:#a69d76; height:1px;}

.spacer { display:block; width:auto; height:20px; }
.divider { display:block; width:auto; height:21px; border-top:solid 1px #e6eff4; margin:20px 0px 20px 0px; }
.floatRight { float:right } /* floats a box area right in your page. The floated element must precede the element it should be next to on the page. */
.floatLeft { float:left; margin-right:20px; } /* floats a box area left in your page */
.clearFloat { clear:both; line-height:0px; height:0px; font-size:0px; }
.floatRightImg { float:right; margin:0px 0px 15px 15px; } /* floats img right in your content */
.floatLeftImg { float:left; margin:0px 15px 15px 0px; } /* floats img left in your content */
.prnt { display:none; }
/* class for image text; hides text on display but visible in source code for search engines */ 
span.imgText { margin: -10000em; padding:0; }


ol, ul { margin-bottom: 20px }
ul li { padding-left:2px; margin-left:30px; margin-bottom:15px; line-height:16px }

/* FORM ELEMENTS */
.formGeneral .formTitle { float:left; width:70px; text-align:right; margin:3px 10px 0px 0px; font-weight:bold; color:#b7821f }
.formGeneral .formTitleShort { float:left; width:50px; text-align:right; margin:3px 10px 0px 0px; font-weight:bold; color:#b7821f }
.formGeneral .formInput, .formGeneral .formInputShort { float:left; margin-bottom:5px }
.formGeneral .formInput input { width:150px; margin-top:3px; border:solid 1px #7b7b7b; background-color:#fff8e5; line-height:normal }
.formGeneral .formInputShort input { width:35px; margin-top:3px; border:solid 1px #7b7b7b; background-color:#fff8e5; line-height:normal }
.formGeneral .formInputLong input { margin-top:3px; padding:1px; border:solid 1px #7b7b7b;}
.formGeneral .dropDown { margin-top:3px; border:solid 1px #a69d76; background-color:#fff; line-height:normal }
.formBtn { padding-top:15px; text-align:center; }

/* ASP GRIDVIEW */
.grid td { color:#a69d76; font-size:11px; line-height:normal; text-align:left; vertical-align:top; padding:5px }
.grid td a, .grid td a:active, .grid td a:visited,.grid td a:focus { font-weight:bold; font-size:10px; text-transform:uppercase }
.gridRow { background-color:#f8f8e8 }
.gridAlternateRow { background-color:#fff }
.gridHeader { text-align:left; color:#b7821f; font:bold 14px Arial, Verdana, Helvetica, sans-serif }
.gridHeader th { padding:8px 0px 8px 5px; }

/*  border:solid 1px #ff0000;  */

/* CONTAINER */
#topBorder {  width:1001px; height:31px; padding:0px; margin:0px auto; background: url(../../media/images/layout/bg_top.jpg) bottom no-repeat; border:0px; }

#outerBackgroundContainer {  width:1001px; padding:0px; margin:0px auto; background: url(../../media/images/layout/bg_sides.gif) top repeat-y; border:0px; }
#backgroundContainer { width:968px; padding:7px 0px 0px 33px; margin:0px 0px 0px 0px; border:0px;  background: url(../../media/images/layout/bg_mid.gif) top no-repeat;  }
/*#mainContainer{ padding:7px 0px 0px 33px; overflow:auto }*/
#contentContainer{padding:15px 0px 15px 0px; width:950px; display:block; float:left }


/* HEADER */
#logo { position:absolute; z-index:2; width: 100px; height: 100px;  /* display:block; float:left; position:relative; */ }
#mainNav { display:block; width:811px; height:27px; padding:0; margin:54px 0 0 119px }
#mainNavEmpty { display:block; width:811px; height:27px; padding:0; margin:54px 0 0 119px; background: url(../../media/images/layout/nav_empty.gif) no-repeat }

#homepageFlash { display:block; width:930px; min-height:337px; background: url(../../media/images/layout/bg_mediaBar.gif) top left no-repeat; padding:0px; margin:0px; }
#pageTitleImgText { position: absolute; z-index:2 }
#pageTitleBg { display:block; width:900px; height:47px; padding: 65px 0 0 30px; background: url(../../media/images/layout/title_bg.jpg) top left no-repeat }


/* MAIN NAV */
.aboutLinkContainer a, .aboutLinkContainer a:active, .aboutLinkContainer a:visited, .aboutLinkContainer a:focus { display:block; margin:0; padding:0; width:150px; height:27px;  background:url(../../media/images/layout/nav_about_off.gif) no-repeat; }
.aboutLinkContainer a:hover, .aboutLinkContainer a.selected{ display:block; margin:0; padding:0; width:150px; height:27px; background:url(../../media/images/layout/nav_about_on.gif) no-repeat; }

.portfolioLinkContainer a, .portfolioLinkContainer a:active, .portfolioLinkContainer a:visited, .portfolioLinkContainer a:focus { display:block; margin:0; padding:0; width:160px; height:27px; background:url(../../media/images/layout/nav_portfolio_off.gif) no-repeat; }
.portfolioLinkContainer a:hover, .portfolioLinkContainer a.selected { display:block; margin:0; padding:0; width:160px; height:27px; background:url(../../media/images/layout/nav_portfolio_on.gif) no-repeat; }

.awardsLinkContainer a, .awardsLinkContainer a:active, .awardsLinkContainer a:visited, .awardsLinkContainer a:focus { display:block; margin:0; padding:0; width:105px; height:27px; background:url(../../media/images/layout/nav_awards_off.gif) no-repeat; }
.awardsLinkContainer a:hover, .awardsLinkContainer a.selected { display:block; margin:0; padding:0; width:105px; height:27px; background:url(../../media/images/layout/nav_awards_on.gif) no-repeat; }

.careersLinkContainer a, .careersLinkContainer a:active, .careersLinkContainer a:visited, .careersLinkContainer a:focus { display:block; margin:0; padding:0; width:109px; height:27px; background:url(../../media/images/layout/nav_careers_off.gif) no-repeat; }
.careersLinkContainer a:hover, .careersLinkContainer a.selected { display:block; margin:0; padding:0; width:109px; height:27px; background:url(../../media/images/layout/nav_careers_on.gif) no-repeat; }


.distributorsLinkContainer a, .distributorsLinkContainer a:active, .distributorsLinkContainer a:visited, .distributorsLinkContainer a:focus { display:block; margin:0; padding:0; width:147px; height:27px; background:url(../../media/images/layout/nav_distributors_off.gif) no-repeat; }
.distributorsLinkContainer a:hover, .distributorsLinkContainer a.selected { display:block; margin:0; padding:0; width:147px; height:27px; background:url(../../media/images/layout/nav_distributors_on.gif) no-repeat; }

.contactLinkContainer a, .contactLinkContainer a:active, .contactLinkContainer a:visited, .contactLinkContainer a:focus { display:block; margin:0; padding:0; width:140px; height:27px; background:url(../../media/images/layout/nav_contact_off.gif) no-repeat;  }
.contactLinkContainer a:hover, .contactLinkContainer a.selected { display:block; margin:0; padding:0; width:140px; height:27px; background:url(../../media/images/layout/nav_contact_on.gif) no-repeat; }


/* CONTENT */

/* FUN FACTS (GLOBAL) */
#funFact{width:930px; min-height:116px; height:116px; margin:15px 0px 0px 0px; display:block; float:left;}

#funFact_left{ display:block; float:left; width:109px; min-height:116px; height:116px; background:url(../../media/images/layout/funFact_leftBG.gif) no-repeat; }
#funFact_left h1{ text-align:center; padding-top:60px; margin-left:-6px; color:#841817; font-size:17px; font-weight:bold; }

#funFact_right{ display:block; float:left; width:316px; min-height:116px; background:url(../../media/images/layout/funFact_rightBG.gif) no-repeat; padding:0px; margin:0px;  }
#funFact_mid{ display:block; float:left; width:505px; min-height:116px; height:116px; height:116px; background:url(../../media/images/layout/funFact_midLine.gif) bottom no-repeat; padding:0px; margin:0px; }
.funFact_topline{ display:block; float:left; width:505px; height:1px; background:url(../../media/images/layout/funFact_midLine.gif) top no-repeat; }

.funFact_text{ display:block; float:left; padding: 15px 0px 0px 20px; margin:0px; color:#a69d76; font-size:11px; }
.ie6 .funFact_text{ display:block; float:left; padding: 0px 0px 0px 20px; margin:0px; color:#a69d76; }
.funFact_text h1{ font-weight:bold; color:#b7821f; line-height:1.5em; font-size:11px; margin-bottom:0}

#funFact{width:930px; min-height:116px; height:116px; margin:15px 0px 0px 0px; display:block; float:left;}

/* WORDPRES SCRAPER (GLOBAL) */
#wpScrape{width:930px; min-height:176px; height:176px; margin:15px 0px 0px 0px; display:block; float:left;}

#fromthearchivestitle {color:#B7821F;
					   font-size:16px;
					   font-weight:bold;
					   margin-bottom:4px;}

#wpScrape_left{ display:block; float:left; width:11px; min-height:176px; height:176px; background:url(../../media/images/layout/wpScrape_leftBG.gif) no-repeat; }

#wpScrape_right{ display:block; float:left; width:200px; min-height:176px; height:176px; background:url(../../media/images/layout/wpScrape_rightBG.gif) no-repeat; padding:0px; margin:0px;  }
#wpScrape_mid{ display:block; float:left; width:718px; min-height:116px; height:116px; height:176px; background:url(../../media/images/layout/wpScrape_midLine.gif) bottom repeat-x; padding:0px; margin:0px; }
.wpScrape_topline{ display:block; float:left; width:718px; height:1px; background:url(../../media/images/layout/wpScrape_midLine.gif) top repeat-x; }
#wpScrape_right a {position:relative; left: -20px; top: 20px; margin: auto;}
#wpScrape_right img {border: 1px #f0f2e5 solid; padding: 7px;}

.fromTheArchivesImage {border: 1px #f0f2e5 solid; padding: 7px;}

.wpScrape_text{ display:block; float:left; padding: 15px 0px 0px 20px; margin:0px; color:#a69d76; font-size:11px; }
.ie6 .wpScrape_text{ display:block; float:left; padding: 0px 0px 0px 20px; margin:0px; color:#a69d76; }
.wpScrape_text h1{ font-weight:bold; color:#b7821f; line-height:1.5em; font-size:11px; margin-bottom:0}

.wpScrape_text_body {width: 75%; margin-bottom: 4px;}

.fromTheArchivesTitleContainer .fromTheArchivesTitle {font-size: 14px; width: 90%; margin: 0px; padding: 0px;}

.fromTheArchivesTitleContainer {padding-bottom: 10px;}

/* HOME PAGE */
.homepageFeature{width:304px; height:172px; margin:0px 13px 0px -2px; display:block; float:left;}


/* SUB PAGES */
#subpageTextContainer{ margin:0px 0px 0px 0px; display:inline; float:left; width:615px; }
#subpageText_top{ width:615px; height:15px; display:block; float:left; background: url(../../media/images/layout/bg_subpageText_top.gif) bottom no-repeat; }
#subpageText{ padding:15px 30px; width:553px; min-height:340px; display:block; float:left; border-left:solid 1px #e9e9d2; border-right:solid 1px #e9e9d2; }
#subpageText_bottom{ width:615px; height:15px; display:block; float:left; background: url(../../media/images/layout/bg_subpageText_bottom.gif) top no-repeat;}

#fullWidthSubpageTextContainer{ margin:0px 0px 0px 0px; display:inline; float:left; width:930px; }
#fullWidthSubpageText_top{ width:930px; height:15px; display:block; float:left; background: url(../../media/images/layout/bg_timelinePage_top.gif) bottom no-repeat; }
#fullWidthSubpageText{ padding:15px 30px; width:868px; min-height:340px; display:block; float:left; border-left:solid 1px #e9e9d2; border-right:solid 1px #e9e9d2; }
#fullWidthSubpageText_bottom{ width:930px; height:15px; display:block; float:left; background: url(../../media/images/layout/bg_timelinePage_bottom.gif) top no-repeat;}

#timelineTextContainer{ margin:0px 0px 0px 0px; display:inline; float:left; width:930px;}
#timelineText_top{ width:930px; height:15px; display:block; float:left; background: url(../../media/images/layout/bg_timelinePage_top.gif) bottom no-repeat; }
#timelineText{ padding:15px 30px; width:868px; min-height:340px; display:block; float:left; border-left:solid 1px #e9e9d2; border-right:solid 1px #e9e9d2; }
#timelineText_bottom{ width:930px; height:15px; display:block; float:left; background: url(../../media/images/layout/bg_timelinePage_bottom.gif) top no-repeat;}

.timelineHeader{font-size:24px; color:#a69d76;}
.year{font-size:16px; color:#b7821f; font-weight:bold; margin:10px 0px -3px 0px; }

.timelineNav{width:220px; height:193px; display:block; float:left; padding-top:21px; margin:0px; background: url(../../media/images/layout/timelines_navBG.gif) top left no-repeat;}

.timelineBody{margin-right:39px; width:550px; float:right;}
.ie6 .timelineBody{margin-right:25px; width:550px; float:right;}

.timelineLogo{display:block; float:right; margin:0px 0px 15px 15px;}


.timelineNavOldStyleContainer a, .timelineNavOldStyleContainer a:active, .timelineNavOldStyleContainer a:visited, .timelineNavOldStyleContainer a:focus { display:block; margin:0; padding:0; width:220px; height:30px; background:url(../../media/images/layout/timelineNav_oldStyle_off.gif) no-repeat;  }
.timelineNavOldStyleContainer a:hover, .timelineNavOldStyleContainer a.selected { display:block; margin:0; padding:0; width:220px; height:30px; background:url(../../media/images/layout/timelineNav_oldStyle_on.gif) no-repeat; }

.timelineNavPabstContainer a, .timelineNavPabstContainer a:active, .timelineNavPabstContainer a:visited, .timelineNavPabstContainer a:focus { display:block; margin:0; padding:0; width:220px; height:30px; background:url(../../media/images/layout/timelineNav_pabst_off.gif) no-repeat;  }
.timelineNavPabstContainer a:hover, .timelineNavPabstContainer a.selected { display:block; margin:0; padding:0; width:220px; height:30px; background:url(../../media/images/layout/timelineNav_pabst_on.gif) no-repeat; }

.timelineNavSchlitzContainer a, .timelineNavSchlitzContainer a:active, .timelineNavSchlitzContainer a:visited, .timelineNavSchlitzContainer a:focus { display:block; margin:0; padding:0; width:220px; height:30px; background:url(../../media/images/layout/timelineNav_schlitz_off.gif) no-repeat;  }
.timelineNavSchlitzContainer a:hover, .timelineNavSchlitzContainer a.selected { display:block; margin:0; padding:0; width:220px; height:vpx; background:url(../../media/images/layout/timelineNav_schlitz_on.gif) no-repeat; }

.timelineNavStrohContainer a, .timelineNavStrohContainer a:active, .timelineNavStrohContainer a:visited, .timelineNavStrohContainer a:focus { display:block; margin:0; padding:0; width:220px; height:30px; background:url(../../media/images/layout/timelineNav_stroh_off.gif) no-repeat;  }
.timelineNavStrohContainer a:hover, .timelineNavStrohContainer a.selected { display:block; margin:0; padding:0; width:220px; height:30px; background:url(../../media/images/layout/timelineNav_stroh_on.gif) no-repeat; }


#sideImage { width:300px; display:block; float:left; margin:4px 0 0 15px }
#sideImage img { margin-bottom: 15px }
#sideImage img.imgWithCaption { margin-bottom: 2px }
span.caption { display: block; margin-bottom: 15px; font: 10px Verdana, Arial, sans-serif; color: #b7821f }

table.beerList { width: 100% }
table.beerList td, table.beerList th { text-align: left; vertical-align: top; padding: 5px 5px 5px 0 }
table.beerList th { padding-left: 10px }
table.beerList tr.dark { background:#f8f8e8 }

.newsContainer{border-bottom:solid 1px #a69d76; padding:15px 0px 15px 0px; }
.date{font-size:11px;}


/* FOOTER */
#bottomBorder { width:1001px; min-height:30px; padding:0px; margin:0px auto; background:#4b0100 url(../../media/images/layout/bg_bottom.jpg) top no-repeat; }
#footer{ padding:40px 0px 40px 0px; text-align:center; font-size:.9em; color:#FFF; }
#footer a, #footer a:visited, #footer a:active, #footer a:focus { font-weight:bold; text-transform:uppercase; color:#FFF; line-height:3em; text-decoration:none; }
#footer a:hover { /* color:#d7b75e; */ color:#c45442; text-decoration:none; }