body{
	text-align:center;
	font:12px Verdanda, Tahoma, Arial, sans-serif;
}

img{
	border:none;
}

/* --------------( layout divs )-------------------------- */

#uber, #footer{
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
}

/* Netscape 4 messes this width up, therefore we put both a wider #uber and insane values for the widths of the two divs under it */
#uber{
	border:1px solid white;
	margin-top:30px;
	width:900px;
}

#header{
	text-align:center;
	margin-top:20px;
}

#left{
	float:left;
	width:40%;
	/*border:1px solid red;*/
}

#right{
	float:right;
	width:79%;
	/*border:1px solid green;*/
}

#footer{
	padding:5px 0px;
	margin-top:30px;
	border:1px solid #ccc;
	width:900px;
	
}

div.shim{
	clear:both;
}

/* ---------------------( text formatting )------------------ */

#uber{
	font:11px Verdana, Arial, sans-serif;
}

#left{
	text-align:left;
}

#left a{
	text-decoration:none;
	font:12px verdana, Arial, sans-serif;
	font-weight:bold;
	color:#000;
}

#right, #left, #middle{
	text-align:left;
	font:11px Verdana, Arial, sans-serif;
}

#right p{
	line-height:18px;
	/*margin-left:20px;*/
}

#left p, #middle p, #uber p{
	line-height:19px;
}

#right ul{
	line-height:20px;
	margin-left:20px;
}
	

#footer{
	font:11px Verdana, Arial, sans-serif;
	text-align:center;
	color:#666;
}

#footer p{
	margin-top:5px;
}

strong{
	font-weight:bold;
}

/*for the information page */
span.whiskey{
	font:11px Verdana, Tahoma, sans-serif;
	font-weight:bold;
}

span.soda{
	font:11px Verdana, Tahoma, sans-serif;
}

/* ---------------------( twoLineMenuBar )------------------- */

td.redHead a, td.blueHead a, td.greenHead a, td.overHead a{
	font:11px Verdana, Arial, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}

td.redHead, td.blueHead, td.greenHead, td.overHead{
	text-align:center;
	margin:0;
	border:none;
	font-size:10px;
}

td.redHead{
	background:#f00;
}

td.blueHead{
	background:#36c;
}

td.greenHead{
	background:#3c3;
}

td.overHead{
	background:#fff;
}

td.overHead a{
	color:#000;
}

td.logo{
	padding:0;
	margin:0;
}

td.logo img{
	margin:0;
	border:none;
}

/* -------------------( museum & events header bar )---------------------- */
#controls{
	border:1px solid white;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	width:900px;
}

#logo{
	float:left;
	width:40%;
	text-align:left;
}

#arrows{
	float:right;
	width:59%;
	text-align:right
}