#hd {
	vertical-align:bottom;
	padding: 20px 0 0 0;
}

#overlay {
 	
	background-color: transparent;
	background-image: url(/navbar/overlay.png);
	background-repeat: repeat;
/*	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/navbar/overlay.png", sizingMethod="scale"); */
	top: 0; left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
	filter:alpha(opacity=50);
	-moz-opacity:0.60;
	}

#solobeertab {
	background-image: url(/images/tabs/beers_tab.png);
	width: 82px;
	height: 24px;
	position: relative;
	top: 16px !Important;
	left: 394px;
	z-index: 1001;
	display:none;
	margin: 0;
	padding: 0;
	border:none;
	max-width:82px;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}


#solofindtab {
	background-image: url(/images/tabs/find_tab.png);
	width: 82px;
	height: 24px;
	position: relative;
	top: 16px;
	left: 476px;
	z-index: 1001;
	display:none;
	margin: 0;
	padding: 0;
	border:none;
	max-width:82px;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}
#solobrewerytab {
	background-image: url(/images/tabs/brewery_tab.png);
	width: 82px;
	height: 24px;
	position: relative;
	top: 16px;
	left: 558px;
	z-index: 1001;
	display:none;
	margin: 0;
	padding: 0;
	border:none;
	max-width:82px;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}
#solobistrotab {
	background-image: url(/images/tabs/bistro_tab.png);
	width: 82px;
	height: 24px;
	position: relative;
	top: 16px;
	left: 640px;
	z-index: 1001;
	display:none;
	margin: 0;
	padding: 0;
	border:none;
	max-width:82px;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}
#solostoretab {
	background-image: url(/images/tabs/store_tab.png);
	width: 82px;
	height: 24px;
	position: relative;
	top: 16px;
	left: 722px;
	z-index: 1001;
	display:none;
	margin: 0;
	padding: 0;
	border:none;
	max-width:82px;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}
#solonewstab {
	background-image: url(/images/tabs/news_tab.png);
	width: 82px;
	height: 24px;
	position: relative;
	top: 16px;
	left: 804px;
	z-index: 1001;
	display:none;
	margin: 0;
	padding: 0;
	border:none;
	max-width:82px;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}
#soloabouttab {
	background-image: url(/images/tabs/about_tab2.png);
	width: 82px;
	height: 24px;
	position: relative;
	top: 16px;
	left: 885px;	 /*.............................................................. was 885*/
	z-index: 1001;
	display:none;
	margin: 0;
	padding: 0;
	border:none;
	max-width:82px;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}

.beersTab a {
	background-image: url(/images/tabs/beers.png);
	width:82px;
	height:24px;
	z-index: 2001;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}

.beersTab a:hover {
	width:82px;
	height:24px;
	z-index: 2001;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}



.findTab a {
	background-image: url(/images/tabs/find.png);
	width:82px;
	height:24px;
	z-index: 1001;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}

.findTab a:hover {
	width:82px;
	height:24px;
	z-index: 1001;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}


.breweryTab a {
	background-image: url(/images/tabs/brewery.png);
	width:82px;
	height:24px;
	z-index: 1001;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}

.breweryTab a:hover {
	width:82px;
	height:24px;
	z-index: 1001;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}


.bistroTab a {
	background-image: url(/images/tabs/bistro.png);
	width:82px;
	height:24px;
	z-index: 1001;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}

.bistroTab a:hover {
	width:82px;
	height:24px;
	z-index: 1001;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}

.storeTab a {
	background-image: url(/images/tabs/store.png);
	width:82px;
	height:24px;
	z-index: 1001;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}

.storeTab a:hover {
	width:82px;
	height:24px;
	z-index: 1001;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}
.newsTab a {
	background-image: url(/images/tabs/news.png);
	width:82px;
	height:24px;
	z-index: 1001;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}

.newsTab a:hover {
	width:82px;
	height:24px;
	z-index: 1001;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}

.aboutTab a {
	background-image: url(/images/tabs/about.png);
	width:82px;
	height:24px;
	z-index: 1001;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}

.aboutTab a:hover {
	width:82px;
	height:24px;
	z-index: 1001;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}

#topnav {
	float:left;
	width:974px;
	background: transparent;
	margin: 0;
	padding: 0 0 0 0;
	vertical-align:bottom;
	outline: 0; /* @ Firefox, prevent dotted border after click */ }
ul#topnav  {
	display: block;
/*	height: 26px; */
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#topnav li {
	display: block;
	list-style: none;
	float:left;
	margin: 0 0 0 0;
	padding:0px 0px 0px 0px; 			/* I added 5px to E & W here */
	position: relative;
	z-index: 1002;
	vertical-align:bottom;
	outline: 0; /* @ Firefox, prevent dotted border after click */ }

ul#topnav li a{
	display: block;
	color: #999; 
	list-style: none;
	float:left;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 			/* I added 5px to E & W here */
	position: relative;
	z-index: 1002;
	text-decoration: none;
}

ul#topnav li a.on{
	display: block;
	color: #333; 
	background-color:transparent; /* my change*/
	list-style: none;
	float:left;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 			/* I added 5px to E & W here */
	border: none;
/*	border-top:#ccc solid 2px;
	border-left:#999 solid 1px;
	border-right:#999 solid 1px; */
	border-bottom: none; 	/* it was #FFFFFF solid 1px */
	position: relative;
	z-index: 1002;
}

ul#topnav li a.off{
	display: block;
	color: #ccc; 
	list-style: none;
	float:left;
	margin: 0px 0px 0px 0px;
	padding:1px 1px 0px 1px;
}

ul#topnav li span.printNavLabel
{
	display:none;	
}
ul#topnav li span.printNavLabelActive
{
	display:none;	
}

#menuPanel-1 				{z-index: 1001;visibility: hidden; position: absolute; margin: 0px;padding:0px; width: 808px;overflow: hidden;}
#menuPanel-2 				{z-index: 1001;visibility: hidden; position: absolute; margin: 0px;padding:0px; width: 808px;overflow: hidden;}
#menuPanel-3 				{z-index: 1001;visibility: hidden; position: absolute; margin: 0px;padding:0px; width: 808px;overflow: hidden;}
#menuPanel-4 				{z-index: 1001;visibility: hidden; position: absolute; margin: 0px;padding:0px; width: 808px;overflow: hidden;}
#menuPanel-5 				{z-index: 1001;visibility: hidden; position: absolute; margin: 0px;padding:0px; width: 808px;overflow: hidden;}
#menuPanel-6 				{z-index: 1001;visibility: hidden; position: absolute; margin: 0px;padding:0px; width: 808px;overflow: hidden;}
#menuPanel-7 				{z-index: 1001;visibility: hidden; position: absolute; margin: 0px;padding:0px; width: 808px;overflow: hidden;}
#menuPanel-8 				{z-index: 1001;visibility: hidden; position: absolute; margin: 0px;padding:0px; width: 808px;overflow: hidden;}
#menuPanel-9 				{z-index: 1001;visibility: hidden; position: absolute; margin: 0px;padding:0px; width: 808px;overflow: hidden;}
#menuPanel-10 				{z-index: 1001;visibility: hidden; position: absolute; margin: 0px;padding:0px; width: 808px;overflow: hidden;}



ul.dropDownList 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #330000; 
	list-style-type: none;
	margin: 0; 
	/*padding: 10px 10px 10px 10px;*/
	padding: 0px 5px 0px 10px; 
	text-decoration: none;
	line-height:12px;
	text-align:left;
	vertical-align:top;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 
}

ul.dropDownList li {
	display:block;
	color: #330000; 
	list-style-type: none; 
	margin: 0;
	padding: 3px 0 3px 0;
}

ul.dropDownList li ul {
	background: none; 
	margin:0 0 0 20px; 
	padding:3px 0 3px 0;
}

ul.dropDownList li ul li 
{
	font-size:10px;
	background: none;
	color: #330000;  
	margin:0; 
	padding:3px 0 3px 0;
}

ul.dropDownList li ul li ul li 
{
	background: none; 
	color: #330000; 
	margin:0 0 0 -10px; 
	padding:3px 0 3px 0;
}

ul.dropDownList li a, ul.dropDownList li a:visited, ul.dropDownList li a:link {color: #666;text-decoration: none;background: transparent;margin: 0;padding: 0; cursor:pointer;}
ul.dropDownList li a:hover {color:#999;text-decoration: underline;}

ul.dropDownList li a.current, ul.dropDownList li a.current:visited {color:#666;font-weight:bold;background: none;margin:0;padding:0;cursor:pointer;text-decoration: none;}
ul.dropDownList li a.current:hover{color:#88a2bd;text-decoration: underline;font-weight:bold;background: none;margin:0;padding: 0;}

td.panelDivider 
{
	background-image:  url(/navbar/panel_dot.gif); 
	background-repeat: repeat-y; 
	background-position:top left;
}






.shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
   /* margin-right: 3px; */
   /* margin-bottom: 3px; */
    margin-right: 0px;  /* MY CHANGE */
    margin-bottom: 0px;  /* MY CHANGE */
	height:auto;
 	width: 808px;
	overflow: hidden;
}

.shadow-container .shadow2,
.shadow-container .shadow3,
.shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
	height:auto;
	width: 808px;
	overflow: hidden;
	}

.shadow-container .shadow1 {
  /*  background: #F1F0F1; */
    background: transparent; /* MY CHANGE */
	height:auto;
	
}

.shadow-container .shadow2 {
  /*  background: #DBDADB; */
    background: transparent; /* MY CHANGE */
	height:auto;
}

.shadow-container .shadow3 {
   /* background: #B8B6B8; */
    background: transparent; /* MY CHANGE */
	height:auto;
}

/*.shadow-container MY CHANGE */
.container {
	background-color: transparent;
	position:absolute;	
	width: 808px;
	height:auto;
  /*  border: 1px solid #999; */
    border: none; /* MY CHANGE */
    padding: 0px;
	margin-top: -17px; /* MY CHANGE */
	width: 808px;overflow: hidden;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 	}
.navbar {
    background: transparent;  /* MY CHANGE */
	outline: 0; /* @ Firefox, prevent dotted border after click */ }

.navbar a:hover {
    background: transparent;  /* MY CHANGE */
}

#wrapper {
	padding: 0;
	margin:0 auto; /* "auto" makes the left and right margins center the wrapper */
	background-color: transparent; 
	height:auto;
	outline: 0; /* @ Firefox, prevent dotted border after click */ }