body {background-color: #CCCCCC; text-align: center; background-image: url("images/bg_grey.jpg"); background-repeat: repeat-x; background-position: 0px 0px; margin: 0px; padding: 0px}
a img  {border: 0px;}
* {margin-bottom: 0px; margin-top: 0px; font-family: Arial, Helvetica, Verdana, sans-serif;}

p {font-size: 11px; line-height: 16px; font-weight: 400; padding-bottom:8px; color: #000000}
a:link, a:active, a:visited  {font-size: 11px; font-weight: 400; color: #4377CD; text-decoration: underline; line-height: 16px; font-family: Arial, Helvetica, Verdana, sans-serif;}
a:hover {color: #CC9933;}

ol, ul, li {font-size: 11px; line-height: 16px; font-weight: 400; padding-bottom:0px; color: #000000}

div#wrapper {width: 765px; text-align: center; margin-top: 0px; margin-left: auto; margin-right: auto; padding: 0px;}

ul#subnav 
  {height: 15px; display: block; text-align: center; padding: 3px; margin-left: auto; margin-right: auto; background-color: #CC9933; list-style: none;}
ul#subnav li 
  {display: inline; padding: 10px; color: #000000; list-style: none; text-decoration: none; font-size: 12px; font-style: bold;}
ul#subnav li a:link, ul#subnav li a:active, ul#subnav li a:visited  
  {display: inline; color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold;}
ul#subnav li a:hover   
  {display: inline; color: #000000; text-decoration: none; font-size: 12px; font-weight: bold;}

div#content {width: 715px; height: 295px; overflow: auto; text-align: left; vertical-align: top; padding-left: 20px; padding-top: 5px; padding-right: 0px;} 

h1 {border-bottom: 1px solid #CC9933; padding-top: 10px; padding-bottom: 0px; margin-bottom: 10px; color: #CC9933; font-size: 20px; font-weight: 800; line-height: 22px; font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;}
h2 {padding: 0px; margin-top: 20px; margin-bottom: 0px; color: #CC9933; font-size: 14px; font-weight: 800; text-decoration: none; font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;}
h2 a:link, h2 a:visited, h2 a:active {padding: 0px; margin-top: 20px; margin-bottom: 0px; color: #CC9933; font-size: 14px; font-weight: 800; text-decoration: none; font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;}
h2 a:hover {padding: 0px; margin-top: 20px; margin-bottom: 0px; color: #000000; font-size: 14px; font-weight: 800; text-decoration: none; font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;}
h3 {display: inline; padding: 0px; margin: 0px; color: #000000; font-size: 11px; font-weight: 800; font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;}

.beer-types {float: left; width: 85px; text-align: center; font-size: 10px; font-weight: 400; line-height: 14px; font-family: Arial, Helvetica, Verdana, sans-serif;}
a.beer-types:link, a.beer-types:active, a.beer-types:visited  {display: block; text-align: center; font-size: 10px; line-height: 14px; font-weight: 400; color: #4377CD; text-decoration: underline; font-family: Arial, Helvetica, Verdana, sans-serif;}
a.beer-types:hover {color: #CC9933;}

#main-nav {position: relative; width: 765px; height: 166px; padding: 0px; text-align: left; vertical-align: top; background-image: url("images/background_main-nav.gif");  background-repeat: no-repeat; background-position: 0px 0px;} 

ul#nav-left 
  {position: relative; top: 60px; display: inline; color: #CC9933; list-style: none; margin: 0px; padding: 0px; text-align: right;}
ul#nav-left li 
  {display: inline; margin: 0px; padding-left: 20px; color: #FFFFFF; text-decoration: none;  font-size: 13px; font-weight: 800; text-align: right;}
ul#nav-left li a:link, ul#nav-left li a:visited, ul#nav-left li a:active 
  {margin: 0px; color: #CC9933; font-size: 13px; font-weight: 800; text-decoration: none;}
ul#nav-left li a:hover {color: #FFFFFF;}
ul#nav-right 
  {position: relative; top: 60px; right: -265px; display: inline; color: #CC9933; list-style: none; margin: 0px; padding: 0px; text-align: right;}
ul#nav-right li 
  {clear: both; display: inline; margin: 0px; padding-right: 20px; color: #FFFFFF; text-decoration: none;  font-size: 13px; font-weight: 800; text-align: right;}
ul#nav-right li a:link, ul#nav-right li a:visited, ul#nav-right li a:active 
  {margin: 0px; color: #CC9933; font-size: 13px; font-weight: 800; text-decoration: none;}
ul#nav-right li a:hover {color: #FFFFFF;}
ul#home 
  {position: relative; top: 140px; right: 485px; display: inline; color: #666666; list-style: none; margin: 0px; padding: 0px; text-align: right;}
ul#home li 
  {display: inline; margin: 0px; padding-right: 20px; color: #FFFFFF; text-decoration: none;  font-size: 11px; font-weight: 800; text-align: right;}
ul#home li a:link, ul#home li a:visited, ul#home li a:active 
  {margin: 0px; color: #666666; font-size: 11px; font-weight: 800; text-decoration: none;}
ul#home li a:hover {color: #CC9933;}

#footer {width: 755px; padding-top: 7px; margin: 0px; text-align: right; color: #999999; text-decoration: none; font-size: 10px; font-weight: 800; background-image: url("images/footer-shadow.gif"); background-repeat: no-repeat; font-family: Arial, Helvetica, Verdana, sans-serif;}
#footer p {padding-top: 3px; margin: 0px;}

#contact-sidebar 
  {width: 135px; float: right; list-style: none; border: 2px solid #CC9933; text-align: left; padding-left: 7px; padding-top: 7px; padding-bottom: 7px; padding-right: 5px; margin-left: 0px; margin-top: 10px; margin-right: 15px; background-color: #FFFFFF;}
#contact-sidebar ul {padding: 0px; margin-bottom: 10px;}
#contact-sidebar li 
  {padding: 0px; color: #000000; list-style: none; text-decoration: none; font-size: 11px; font-weight: 800px;}
#contact-sidebar a:link, #contact-sidebar a:visited, #contact-sidebar a:active 
  {color: #4377CD; text-decoration: none;}
#contact-sidebar a:hover   
  {color: #CC9933; text-decoration: none;}
#contact-sidebar p {font-size: 11px; line-height: 14px; padding: 0px; margin: 0px;}

.beer-logos {width: 245px; float: left; margin: 5px; border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC;}
.beer-logos img {display: inline; float: left; padding-top: 5px; padding-right: 8px; padding-bottom: 5px;}

 .more {white-space: nowrap; padding-left: 6px; margin: 0px; color: #000000; font-size: 10px; line-height: 12px;}
a.more:link, a.more:active, a.more:visited {white-space: nowrap; padding-left: 6px; margin: 0px; color: #4377CD; font-size: 10px; line-height: 12px; text-decoration: underline;}
a.more:hover {white-space: nowrap; padding-left: 6px; margin: 0px; color: #CC9933; font-size: 10px; line-height: 12px; text-decoration: underline;}

.specials {width: 400px; height: 95px; padding: 10px; margin-top: 10px; margin-bottom: 20px; border: solid 1px #000000; background-image: url("images/bg_specials.jpg"); background-repeat: no-repeat;}
.specials img {display: inline; float: left; padding-right: 15px;}

.center  {text-align: center; margin-left: auto; margin-right: auto;}
.image-float-left  {clear: right; float: left;  padding-left: 15px; padding-right: 15px; padding-bottom: 5px; text-align: center;} 
.image-float-right {float: right; padding-left: 15px; padding-right: 15px; padding-bottom: 5px; text-align: center;} 

.contact-table {border: 1px solid #000000; width: 350px; font-size: 11px; line-height: 15px; margin: 0px;}
.contact-table td {padding: 3px 3px 3px 5px;}
form, option, select {font-size: 11px; line-height: 14px; padding-left: 5px; margin: 0px;}

#contactform {font-size: 11px; margin-top: 10px;}
#contactform .label {float: left; clear: left; width: 130px; margin-right: 10px; padding-top: 3px;  text-align: right; font-weight: bold;}
select#stateSelect {font-size: 11px; font-family: Universe, Arial, Helvetica, Verdana, sans-serif;}
input {width: 280px; font-family: Universe, Arial, Helvetica, Verdana, sans-serif; font-size: 11px; margin-top: -2px;}
input#first-name:focus, input#last-name:focus, input#title:focus, input#company:focus, input#address1:focus, input#address2:focus, input#city:focus, input#state:focus, input#postal:focus, input#phone:focus, input#email:focus, textarea#comments:focus {background-color: #FCEFA5;}
textarea#comments {width: 280px; font-family: Universe, Arial, Helvetica, Verdana, sans-serif; font-size: 11px; margin-top: -2px;}
input#submitBut {width: 100px; margin-left: 240px; font-family: Universe, Arial, Helvetica, Verdana, sans-serif;}

.CCCCCC {background: #CCCCCC;}
.CC9933 {background: #CC9933;}
.FFFFFF {color: #FFFFFF;}
a.FFFFFF:link {color: #FFFFFF;}
a.FFFFFF:active {color: #FFFFFF;}
a.FFFFFF:visited {color: #FFFFFF;}