body{
margin: 20px 0px 20px 0px;
background: #666666;/*#e7e1c3;/*#f5efd0;#9D9FA1;*/
background-position:center;
font: 0.75em Tahoma;
color: #333333;
voice-family: female;
speech-rate: medium;
speak-punctuation: code;
speak-numeral: continuous;
pause: 20ms;
}

hr {
color: #FFFFFF;
height: 1px;
padding: 0px;
margin: 0px;
}

/* Header Tags - remember we are using the h5 tags for navigation!!! */

h1 {
font: bold 1.2em Tahoma;
color: #004990;
margin: 0px 0px 0px 0px;
}

/* Main Navigation - Works with Nav Link Style */
h3, H3 {
font-size: 1.0em;
margin: 0px;
padding: 0px;
display: inline;
font-weight: inherit;
}

/* Site Map Only */
h5 {
font: bold 0.75em Tahoma;
color: #CCCCCC;
margin: 0px;
margin: 3px 0px 3px 0px;
}

div#wrapper {
position:absolute;
left: 50%;
width: 800px;
margin-left: -400px;
text-align:left;
background: #FFFFFF;
}

div#wrapperHeader {
position: absolute;
top: 0px;
left: 0px;
width: 800px;
height: 172px;
background: #000000;
text-align: left;
}

div#wrapperHeaderLogo {
position: absolute;
width: 212px;
padding: 11px 0px 0px 0px;
height: 103px;
background: #004990;
text-align: center;
}

div#wrapperHeaderImage {
position: absolute;
left: 0px;
width: 800px;
height: 172px;
background: #000000;
z-index: 0;
}

div#wrapperDate {
position: absolute;
width: 800px;
top: 114px;
height: 30px;
background: #9aa7ce;
text-align: right;
}

div#wrapperBody {
position: absolute;
top: 172px;
width: 800px;
background: #FFFFFF;
vertical-align: top;
padding: 0px 0px 0px 0px;
background: #FFFFFF url(../images/bodyBG.gif) repeat-y;
border-top: 8px solid #000000;
z-index: 5;
}

div#wrapperNavigation {
position: absolute;
top: 3px;
right: 0px;
width: 551px;
padding: 5px 0px;
background: #000000;
z-index: 10;
}

div#wrapperLeftColButton {
position: absolute;
top: 158px;
left: 62px;
z-index: 20;
}

div#wrapperRightColButton {
position: absolute;
top: 158px;
right: 62px;
z-index: 20;
}

div#wrapperMainContent {
float: left;
position: relative;
width: 272px;
padding: 20px 10px;
background: transparent;
}

div#wrapperMainContentHistory {
float: left;
position: relative;
width: 780px;
padding: 20px 10px;
background: transparent;
}

div#wrapperLeftColumn {
float: left;
position: relative;
width: 219px;
height: 100%;
text-align: justify;
padding: 25px 15px;
}

div#wrapperSubNavigation {
float: left;
position: relative;
width: 249px;
text-align: left;
padding: 0px;
}

div#wrapperRightColumn {
float: right;
position: relative;
width: 219px;
height: 100%;
text-align: justify;
padding: 20px 10px;
}

div#wrapperFooter {
clear: both;
width: 800px;
padding: 5px 0px;
background: #503d02;
color: #FFFFFF;
height: 20px;
}

div#wrapperSiteMap {
clear: both;
width: 800px;
padding: 10px 0px;
background: #666666;/*#f5efd0;*/
color: #FFFFFF;
}

div#wrapperFooterBanner {
clear: both;
width: 800px;
}

/* Navigation */

div#navigation, div#navigationImage {
text-align: left;
width: 551px;
}

div#navigation ul, div#navigationImage ul {
margin: 0px; 
padding: 0px;
list-style-type: none;
}

div#navigation li, div#navigationImage li {
margin: 0px;
display: inline;
}

div#navigation a, div#navigationImage a{
width: 551px;
/*height: 20px;*/
padding: 5px 0px 5px 15px;
font-weight: bold;
text-decoration: none; /*lets remove the link underlines*/
}

div#navigation a:link, div#navigation a:active, div#navigation a:visited, div#navigationImage a:link, div#navigationImage a:active, div#navigationImage a:visited {
color: #CCCCCC;
text-decoration: none; /*lets remove the link underlines*/
font-weight: bold;
}

div#navigation a:hover,  div#navigationImage a:hover {
color: #FFFFFF;
text-decoration: none; /*lets remove the link underlines*/
font-weight: bold;
}   


div#wrapperSubNavigation ul, div#wrapperSubNavigationImage ul {
margin: 0px; 
padding: 0px;
list-style-type: none;
}

div#wrapperSubNavigation li, div#wrapperSubNavigationImage li {
margin: 0px;
}

div#wrapperSubNavigation a, div#wrapperSubNavigationImage a {
display: block;
width: 209px;
/*height: 20px;*/
padding: 0px 20px;
font-weight: bold;
}

div#wrapperSubNavigation a:link, div#wrapperSubNavigation a:active, div#wrapperSubNavigation a:visited,
div#wrapperSubNavigationImage a:link, div#wrapperSubNavigationImage a:active, div#wrapperSubNavigationImage a:visited {
}

div#wrapperSubNavigation a:hover,  div#wrapperSubNavigationImage a:hover {
}

.active, .navLevel_0 {
color: #f5efd0;
background: #99855f;
border-bottom: 3px solid #f5efd0;
padding: 10px 0px;
}

.active a:link, .active a:visited, .active a:active,
.navLevel_0 a:link, .navLevel_0 a:visited, .navLevel_0 a:active {
color: #f5efd0;
text-decoration: none;
}

.active a:hover, .navLevel_0 a:hover {
color: #f5efd0;
text-decoration: underline;
}

.mainActive {
color: #FF0000;
font-weight: bold;
}

.subActive {
color: #99855f;
text-decoration: underline; /*lets remove the link underlines*/
}

.activeIndent {
background: url(../UserFiles/Image/Template/default/mouseoverBG.gif) no-repeat left;
padding: 0px 0px;
color:  #99855f;
}

.indent, .navLevel_1 {
padding: 3px 0px;
}

.indent a:link, .indent a:visited, .indent a:active,
.navLevel_1 a:link, .navLevel_1 a:visited, .navLevel_1 a:active {
color:  #99855f;
padding: 2px 0px;
text-decoration: none;
}

.indent a:hover, .navLevel_1 a:hover {
color:  #99855f;
background: url(../UserFiles/Image/Template/default/mouseoverBG.gif) no-repeat left;
text-decoration: none;
padding: 2px 0px;
}

.pageIndent {
padding: 0px 20px;
}

.pageIndent a:link, .pageIndent a:visited, .pageIndent a:active,
.navLevel_2 a:link, .navLevel_2 a:visited, .navLevel_2 a:active {
color:  #99855f;
margin: 0px 20px;
}

.pageIndent a:hover, .navLevel_2 a:hover {
color:  #99855f;
background: url(../UserFiles/Image/Template/default/mouseoverBG.gif) no-repeat left;
text-decoration: none;
margin: 0px 20px;
}


.activeIndent a:link, .activeIndent a:visited, .activeIndent a:active {
color:  #99855f;
margin: 0px 0px;
}

.activeIndent a:hover {
color:  #99855f;
background: url(../UserFiles/Image/Template/default/mouseoverBG.gif) no-repeat left;
text-decoration: none;
margin: 0px 0px;
}

/* List Styles */
div#downloadList ul {
margin: 0px; 
padding: 0px;
list-style-type: none;
}

div#downloadList li {
background: #FFFFFF url(../UserFiles/Image/icon_pdf.jpg) no-repeat;
padding: 2px;
}

div#downloadList a{
display: block;
padding: 0px 0px 0px 25px;
text-decoration: none; /*lets remove the link underlines*/
}

div#downloadList a:link, div#downloadList a:active, div#downloadList a:visited {
color: #6db33f;
}

div#downloadList a:hover {
color: #6db33f;
text-decoration: underline; /*lets remove the link underlines*/
}

/* Image Styles */

div#wrapperRightColumn img, div#wrapperLeftColumn img {
padding: 0px 0px 5px 0px;
}

/* Text Styles */
.headerText {
text-align: left;
vertical-align: middle;
font-weight: bold;
color: #FFFFFF;
padding: 5px;
}

/* Main Body Styles */

.image_left {
float: left;
width: 100px;
height: 75px;
overflow: hidden;
}

.image_right {
float: right;
width: 200px;
height: 211px;
}

/* Right Colum Styles */

.imageTitle {
position: relative;
padding: 0px 10px 10px 0px;
clear: both;
}

.newsImage {
padding: 10px 0px;
}

.elementNews {
position: relative;
background: #DCE9D6;
width: 210px;
padding: 5px;
}

.textDate {
float: right;
width: 200px;
font-weight: bold;
color: #FFFFFF;
padding: 5px 10px 0px 0px;
}

/* Class Link Styles */

div#wrapperMainContent a:link, div#wrapperMainContent a:visited,
div#wrapperMainContentHistory a:link, div#wrapperMainContentHistory a:visited,
div#wrapperLeftColumn a:link, div#wrapperLeftColumn a:visited,
div#wrapperRightColumn a:link, div#wrapperRightColumn a:visited {
color: #99855f;
text-decoration: none;	
}

div#wrapperMainContent a:hover, div#wrapperMainContentHistory a:hover, div#wrapperRightColumn a:hover, div#wrapperLeftColumn a:hover {
color: #99855f;
text-decoration: underline;	
}

div#wrapperFooter a:link, div#wrapperFooter a:visited {
color: #FFFFFF;
text-decoration: none;
}

div#wrapperFooter a:hover {
color: #FFFFFF;
text-decoration: underline;
}

.footerLeft {
float: left;
width: 380px;
}

.footerRight {
float: right;
width: 380px;
text-align: right;
}

/* Image Mouseover Link Styles */

.mouseover a:link, .mouseover a:visited {
color: #99855f;
text-decoration: none;	
}

/* Class Header Styles */

div#wrapperMainContent h1, div#wrapperMainContentHistory h1, div#wrapperLeftColumn h1, div#wrapperRightColumn h1 {
font-size: 1.2em;
color: #99855f;
}

div#wrapperMainContent h2, div#wrapperMainContentHistory h2, div#wrapperLeftColumn h2, div#wrapperRightColumn h2 {
font-size: 1.0em;
color: #000000;
margin: 0px 0px 0px 0px;
}

/* Class Form Styles */

input, select {
font-size: 0.75em;
border: 1px solid #000000;
padding: 3px;
}

.text2 {
font-size: 1.0em;
border: 1px solid #000000;
padding: 3px;
}

/* OSC CSS Attributes */
/*
/* These are only required in ie.css as this is the only file that OSC will call up */
/*
/* -------------------------------------------------------------------------------- */

.shopColRight td, div#wrapperMainContent td {
font: 0.75em Tahoma;
}

div#wrapperFooterShop {
clear: both;
width: 790px;
padding: 5px 0px;
background: #000000;
color: #FFFFFF;
}

.footerText {
padding: 0px 5px;
}

.navLevel_0_static {
color: #f5efd0;
background: #99855f;
border-bottom: 3px solid #f5efd0;
padding: 10px 20px;
font-weight: bold;
}

.category_desc {
font: 1.5em Tahoma;
color: #99855f;
padding: 20px 0px;
}

.productPrice {
font: bold 1.65em;
padding: 20px 0px 0px 0px;
color: #99855f;
}

.productImage {
float: right;
width: 110px;
height: 110px;
text-align: center;
}

.pageHeading {
padding: 0px 0px 10px 0px;
}

.beerShopProductView td {
font: 1.25em Tahoma;
}

.beerShopProductViewHeader {
background: #99855f;
font: 2.0em Tahoma;
color: #FFFFFF;
}

.beerShopProducts {
border: 1px solid #99855f;
}

/* History Page Mods */

.tdCentral {
padding: 0px 40px;
}