/*general styles*/
#main {
	margin: 0px auto;
	width: 714px;
}
#logo {
	height: 62px;
}
#bgr_header {
	height: 216px;
}
#menu {
	height: 54px;
}
.col_1, .col_2 {
	float: left;
}
#page1 .col_1 {
	width: 273px;
	margin: 0px 16px 0px 16px;
}
#page1 .col_2 {
	width: 393px;
	margin: 0px 0px 0px 0px;
}
#privacy_policy .col_1 {
	width: 682px;
	margin: 0px 16px 0px 16px;
}
#gameroom .col_1 {
	width: 165px;
	margin: 0px 16px 0px 16px;
}
#gameroom .col_2 {
	width: 500px;
	margin: 0px 0px 0px 0px;
}
#about_us .col_1 {
	width: 200px;
	margin: 0px 16px 0px 16px;
}
#contact_us .col_2 {
	width: 466px;
	margin: 0px 0px 0px 0px;
}
#contact_us .col_1 {
	width: 200px;
	margin: 0px 16px 0px 16px;
}
#about_us .col_2 {
	width: 466px;
	margin: 0px 0px 0px 0px;
}
#brew_your_own .col_1 {
	width: 200px;
	margin: 0px 0px 0px 0px;
}
#brew_your_own .col_2 {
	width: 466px;
	margin: 0px 16px 0px 16px;
}
#in_stores .col_1 {
	width: 240px;
	margin: 0px 16px 0px 16px;
}
#in_stores .col_2 {
	width: 426px;
	margin: 0px 0px 0px 0px;
}
* {
	margin: 0px; 
	padding: 0px;
}
body {
	background: #FAF8F3 url('images/tall_body.jpg') repeat-x top left;
}
html, input, textarea {
	font-family: Arial;
	font-size: 11px;
	color: #4E4C32;
}
input, select {
	vertical-align: middle;
	font-weight: normal;
}
img {
	border: 0px;
	vertical-align: top;
	text-align: left;
}
ul {
	list-style: none;
}
a {
	color: #49453C;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
span a {
	color: #D71F07;
	text-decoration: underline;
}
h1 {
	display: none;
}
h2 {
	color: #FFFFFF;
	font-size: 18px;
	padding: 8px 0px 0px 10px;
	}
h3 {
	color: #ce0901;
	font-size: 18px;
	margin: 10px 0px 0px 10px;
	}
h4 {
	color: #ce0901;
	font-size: 12px;
	}
.column {
	float: left;
}
.clear {
	clear: both;
}
.right {
	float: right;
}
.left {
	float: left;
}
b {
	color: #D71F07;
}
b a {
	color: #D71F07;
	text-decoration: underline;
}
p {
	padding: 0px;
}
#signup {
	background-color: #4a463b;
	border: 1px solid #f0e9d9;
	color: #f0e9d9;
	width: 50px;
}
#sendmessage {
	background-color: #4a463b;
	border: 1px solid #f0e9d9;
	color: #f0e9d9;
	width: 100px;
}
#goButton {
	background-color: #4a463b;
	border: 1px solid #f0e9d9;
	color: #f0e9d9;
	width: 20px;
}
/*header*/
#logo img {
	margin: 0px 0px 0px 8px;
	}
#bgr_header {
	background: url('images/bgr_header.jpg') no-repeat top left;
	width: 712px;
	text-align: center;
	padding-top: 16px
}
/*navigation menu*/
#menu a {
	text-decoration: none;
	font-size: 12px;
	color: #f0e9d9;
	font-weight: bold;
	background: url('images/m1.jpg') no-repeat top left;
	float: left;
	width: 119px;
	height: 44px;
	padding-top: 6px;
	font-style :normal;
	font-variant :normal;
}
#menu a:hover {
	color: #fff;
	text-decoration: underline;
	background: url('images/m2.jpg') no-repeat top left;
}
#menu .selected {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	background: url('images/m2.jpg') no-repeat top left;
	float: left;
	width: 119px;
	height: 44px;
	padding-top: 6px;
	font-style: normal;
	font-variant: normal;
}
#menu ul {
	list-style: none;
}
#menu li {
	float: left;
	width: 119px;
	height: 44px;
	text-align: center;
}
#menu .long {
	width: 148px;
}
#menu .short {
	width: 100px;
}
/*mailing list box*/
.mailingListText {
	color: #FFFFFF;
	padding: 2px 10px 10px 10px;
	font-weight: bold;
}
/*quads*/
.quadContainer {
	padding: 4px;
	width: 175px;
}
.quadContainer a {
	color: #ce0901;
}
.quadHeadline {
	color: #ce0901;
	font-size: 12px;
	font-weight: bold;
}
.quadIcon {
	float: left;
	height: 40px;
	width: 41px;
	margin: 4px 10px 4px 4px;
}
#icon1 {
	background: url('images/icon_1.gif') no-repeat left top;
}
#icon2 {
	background: url('images/icon_2.gif') no-repeat left top;
}
#icon3 {
	background: url('images/icon_3.gif') no-repeat left top;
}
#icon4 {
	background: url('images/icon_4.gif') no-repeat left top;
}
#quadRow1 {
	margin-right: 10px;
}
#quadRow2 {
	margin: 4px 10px 0px 0px;
}
/*footer*/
#footer { 
	padding: 10px 0px 10px 28px; 
	color: #000;
	font-weight: bold; 
	clear: both;
}
#footer a {
	color: #979385;
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: none;
}
/*content*/
.wrapper_top { 
	width: 704px;
	height: 20px;
	background: #FFFFFF url('images/con_top_right.gif') no-repeat top right;
	float: right;
}
.wrapper_top2 {
	width: 10px;
	height: 20px;
	background: #FFFFFF url('images/con_top_left.gif') no-repeat top right;
	float: left;
}
.wrapper_bottom {
	width: 704px;
	height: 20px;
	background: #FFFFFF url('images/con_bottom_right.gif') no-repeat bottom right;
	float: right;
}
.wrapper_bottom2 {
	width:10px;
	height: 20px;
	background: #FFFFFF url('images/con_bottom_left.gif') no-repeat bottom right;
	float: left;
}
.wrapper_content {
	width: 714px; 
	background: #FFFFFF;
	float: left;
	margin: 0px;
}
#page1 .box_title_red {
	background: url('images/box_title_red1.jpg') repeat-x top left;
	width: 100%;
	height: 45px;
}
#gameroom .box_title_red {
	background: url('images/box_title_red1.jpg') repeat-x top left;
	width: 100%;
	height: 45px;
}
#about_us .box_title_red {
	background: url('images/box_title_red1.jpg') repeat-x top left;
	width: 100%;
	height: 45px;
}
#contact_us .box_title_red {
	background: url('images/box_title_red1.jpg') repeat-x top left;
	width: 100%;
	height: 45px;
}
#brew_your_own .box_title_red, #in_stores .box_title_red {
	background: url('images/box_title_red1.jpg') repeat-x top left;
	width: 100%;
	height: 45px;
}
#privacy_policy .box_title_red {
	background: url('images/box_title_red1.jpg') repeat-x top left;
	width: 682px;
	height: 45px;
	margin-left: 16px;
}
.box_title_red div {
	background: url('images/box_title_red2.jpg') no-repeat top left;
	width: 100%; 
	height: 45px;
}
.box_title_red div div {
	background: url('images/box_title_red3.jpg') no-repeat top right;
	width: 100%;
	height: 45px;
}
.box_title_red div div img {
	margin: 14px 0px 0px 15px;
}
.all_overflow {
	width: 662px;
	height: 450px;
	margin: 10px 16px 10px 16px;
	padding: 10px;
	overflow: auto; 
	border: 1px solid #d5d5d5;
	background: #f8f5ed url('images/table_bkgd.gif');
	background-repeat:repeat;
}
.col_1 .box_red {
	width: 273px;
}
#about_us .col_1 .box_red {
	width: 200px;
}
#contact_us .col_1 .box_red {
	width: 200px;
}
#brew_your_own .col_1 .box_red { 
	width: 200px;
	margin: 0px;
}
#in_stores .col_1 .box_red {
	width: 240px;
	margin-bottom: 20px;
}
.col_1 .box_red .t {
	background: #ce0901;
}
.col_1 .box_red .l_t {
	background: url('images/m2-l-t.gif') no-repeat left top;
}
.col_1 .box_red .r_t {
	background: url('images/m2-r-t.gif') no-repeat right top;
}
.col_1 .box_red .l_b {
	background: url('images/m2-l-b.gif') no-repeat left bottom;
}
.col_1 .box_red .r_b {
	background: url('images/m2-r-b.gif') no-repeat right bottom;
	width: 100%;
	padding-top: 5px;
}
.col_1 .box_red .text {
	margin: 0px 0px 0px 11px;
	}
.col_1 .box_red .input {
	padding: 0px 0px 0px 14px;
	height: 38px;
	}
.col_1 .box_red .input img, input {
	vertical-align: middle;
	}
.col_1 .box_red .input input {
	width: 175px;
	height: 18px;
	border: 1px solid #BFBB8D;
	color: #000000;
	padding: 1px 0 1px 4px;
	font-family: Tahoma;
	font-size: 11px;
	margin-right: 10px;
	}
.col_2 .bootm_box {
	margin-bottom: 10px;
}
.col_2 .bootm_box .indent ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.col_2 .bootm_box .indent li {
	background: url('images/bull_2.gif') no-repeat top left;
	color: #48443C;
	margin: 0px 0px 0px 11px;
	padding: 0px 0px 0px 56px;
}
.col_2 .bootm_box .indent li strong {
	color: #D71F07;
	}
.col_2 .bootm_box .indent li strong a {
	color: #48443C;
	text-decoration: underline
	}
.col_2 .bootm_box .indent li strong a:hover {
	color: #48443C;
	text-decoration: none
}
.col_2 .bootm_box .indent li a:hover {
	text-decoration: none;
	color: #FD7914;
}
/*==================index.html==================*/
#page1 .col_1 ul {
	margin: 10px 0px 20px 0px;
}
/*top_box_col_2*/
#page1 .col_2 .top_box .indent {
	padding: 15px 0 15px 7px;
}
#page1 .col_2 .top_box .col_left .ind_1 {
	padding: 6px 11px 23px 17px;
}
#page1 .col_2 .top_box .col_left .ind_2 {
	padding: 4px 11px 0 17px;
}
#page1 .col_2 .top_box .col_left {
	width: 192px;
	float: left;
}
#page1 .col_2 .top_box .col_right { 
	width: 171px;
	float: left;
}
#page1 .col_2 .top_box .col_right .ind_1 {
	padding: 4px 0 10px 17px;
}
#page1 .col_2 .top_box .col_right .ind_2 {
	padding: 4px 0 0 17px;
}
#page1 .col_2 .bootm_box .indent {
	padding: 15px 19px 10px 17px;
}
/*==================list_and_wrapper_table====================*/
.list_1 ul {
	margin: 0px;
	padding: 10px 4px 10px 4px;
	list-style: none;
	overflow :auto;
	height: 310px;
	border: 1px solid #d5d5d5;
	background: #f8f5ed url('images/table_bkgd.gif') repeat-x bottom left;
}
.list_1 li {
	background: url('images/bull_1.gif') no-repeat top left;
	color: #49453C;
	margin: 0px 0px 14px 0px;
	padding: 0px 0px 0px 25px;
	}
.list_1 li strong {
	display: block;
}
.list_1 li strong a {
	color: #D71F07;
	text-decoration: none;
}
.list_1 li strong a:hover {
	color: #D71F07;
	text-decoration: underline;
}
.list_1 li a {
	line-height: 16px;
	color: #FD7914;
	text-decoration: underline;
}
.list_1 li a:hover {
	text-decoration: none;
	color: #FD7914;
}
/*==================food menu====================*/
.two-up {
	width: 662px;
	margin: 10px 16px 10px 16px;
	padding: 10px; 
	border: 1px solid #d5d5d5;
	background: url('images/table_bkgd.gif') no-repeat bottom left;
	float: left;
}

.two-up img {
	margin: 10px;
}
.two-up a {
	text-decoration: none;
	font-size: 16px;
	color: #ce0901;
	font-weight: bold;
}
.two-up a:hover {
	color: #ce0901;
	text-decoration: underline;
}
#pubMenu {
	width: 682px;
	margin: 10px 16px 10px 16px;	
}
#pubMenu a {
	text-decoration: none;
	font-size: 16px;
	color: #ce0901;
	font-weight: bold;
}
#pubMenu a:hover {
	color: #ce0901;
	text-decoration: underline;
}
#pubMenu ul {
	list-style: none;
}
#pubMenu li {
	float: left;
	width: 113px;
	text-align: center;
}
#width130 {
	width: 130px;
}
#width90 {
	width: 90px;
}
#width100 {
	width: 100px;
}
.menuText {
	float: left;
	width: 662px;
	margin: 10px 16px 10px 16px;
	padding: 10px;
	border: 1px solid #d5d5d5;
	background: url('images/table_bkgd.gif') no-repeat bottom left;
}
.invisible {
	display: none;
}
.category {
	font-size: 16px;
	color: #ce0901;
	font-weight: bold;
	float: left;
	clear: both;
}
.subCategory {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	float: left;
	clear: both;
	border-bottom: 2px dotted #ddd;
	width: 642px;
}
.itemName {
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	float: left;
	clear: both;
}
.itemNameLarge {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	float: left;
	clear: both;
}
.itemDescription {
	float: left;
	clear: both;
}
.itemNote {
	float: left;
	clear: both;
	font-style: italic;
}
/*==================what's on tap_table====================*/
table {
	border-collapse: collapse;
	background: #f8f5ed url('images/table_bkgd.gif') repeat-y;
	border-left: 1px solid #686868;
	border-right: 1px solid #686868;
	color: #333;
	width: 682px;
	margin: 10px 16px 10px 16px;		
}
td, th {
	padding: 5px;
	vertical-align: top;
	text-align: left;
}
caption {
	display: none;
}
table a {
	color: #950000;
	text-decoration: none;
}
table a:visited {
	font-weight: normal;
	color: #666;
	text-decoration: line-through;
}
table a:hover {
	border-bottom: 1px solid #bbb;
}
thead th, tfoot th, tfoot td {
	background: #333 url('images/llsh.gif') repeat-x;
	color: #fff;
}
tfoot td {
	text-align: right;
}
tbody th, tbody td {
	border-bottom: dashed 1px #333;
}
.last {
	border-bottom: none;
}
tbody th {
	white-space: nowrap;
}
tbody th a {
	color: #333;
}
thead th, thead td {		
	font-size: 14px;
	font-weight: bold;
}
tbody tr:hover {
	background: #fafafa;
	color: #000000;
}
/*==================gameroom====================*/
#gameroomCallout {
	width: 133px;
	height: 90px;
	float: left;
	border: 2px dotted #ddd;
	padding: 6px;
}
#gameroom h3 {
	width: 133px;
	float: left;
	margin-bottom: 10px;
}
#gameroom #overflow {
	clear: both;
	margin: 0px; 
	overflow: auto;
	height: 314px;
	border: 1px solid #d5d5d5;
	background: #f7f4ed;
	text-align: center;
	}
#gameroom #overflow img {
	margin: 2px 0px 2px 0px;
}
#flashcontent {
	width: 500px; 
	margin: 0px; 
	padding: 0px;
}
#gameroom1 {
	margin: 0px; 
	padding: 0px;
	background: #FFF;
}
.calloutHeadLine {
	display: block;
	font-size: 18px;
	font-weight: bold;	
}
.calloutStrong {
	display: block;
	font-size: 12px;
	font-weight: bold;	
}
.calloutNormal {
	display: inline;
	font-size: 10px;
	font-weight: normal;	
}
/*Photo gallery link*/
.photo_gallery {
	width: 100%;
	text-align: center;
}
.photo_gallery a {
	color: #ce0901;
	font-size: 18px;
	margin: 10px 0px 0px 30px;
	padding-top: 90px;
	background: #fff url('images/camera.gif')  no-repeat top left;
	text-decoration: none;
	float: left;
	width: 120px;
}
.photo_gallery a:hover {
	color: #ce0901;
	text-decoration: underline;
}
.page_image {
	float: right;
	width: 260px;
	margin: 0px 0px 8px 8px;
}
.tentop {
	margin-top: 10px;
}
.twentytop {
	margin-top: 10px;
}
.twentytop fieldset {
	width: 200px;
	border: 0px dotted #ddd;
}
.twentytop legend {
	text-decoration: none;
	font-size: 16px;
	color: #ce0901;
	font-weight: bold;
}
.twentytop input {
	width: 200px;
	margin-bottom: 4px;
}
.twentytop textarea {
	width: 200px;
	height: 100px;
	margin-bottom: 4px;
}
.redh3 {
	width: 220px;
	float: left;
}
.rss_image {
	display: inline;
	float: right;
	margin: 12px 12px 0px 0px;
}
#logoBlock {
	height: 101px;
	width: 273px;
	background: url('images/grey_back.gif') no-repeat left top;
	padding: 4px 6px 10px 5px;
}
.logoBlockText {
	color: #fff;
	text-align: center;
	width: 253px;
}
.madBrewLogo {
	margin: 4px 0px 0px 10px; 
}
.actionlink a {
	text-decoration: none;
	font-size: 16px;
	color: #ce0901;
	font-weight: bold;
}
.actionlink a:hover {
	color: #ce0901;
	text-decoration: underline;
}
.calloutNormal a {
	text-decoration: none;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
}
.calloutNormal a:hover {
	color: #fff;
	text-decoration: underline;
}
.calloutHeadLine a {
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}
.calloutHeadLine a:hover {
	color: #fff;
	text-decoration: underline;
}
.leftMargin20 {
	margin-left: 20px;
}
#mapDiv1 {
	margin-left: 20px;
	 margin-top: 10px;
}
#mapDiv1 #map {
	 width: 450px;
	 height: 330px;
	 margin-top: 10px;
	 text-align: left;
}

#mapDivFull {
	margin-left: 20px;
	 margin-top: 10px;
}
#mapDivFull #map {
	 width: 660px;
	 height: 440px;
	 margin-top: 10px;
	 text-align: left;
}
.redLinks{
	margin: 10px 0px 10px 0px;
	float: left;
}
.redLinks2{
	margin: 10px 20px 10px 20px;
	float: left;
}