body 	{background-color: #ffffff
		font-family: "arial, verdana, sans-serif";
		}

a:link	{
		color: #990000
		}
a:visited	{
		color: #333333
		}
a:hover	{
		color: #FFCC00
		}
a:active	{
		color: #330000
		}

.header 	{
		font-family: "arial, verdana, sans-serif";
		font-size: 18pt;
		font-weight: bold;
		color: #333333;
		text-align: left;
		}
		
.h2 	{
		font-family: "arial, verdana, sans-serif";
		font-size: 14pt;
		font-weight: bold;
		color: #333333;
		text-align: left;
		}
.h2:link	{
		color: #990000;
		text-decoration: none;
		}
		
.h2:visited	{
		color: #333333;
		text-decoration: none;
		}
		
.h2:hover	{
		color: #FFCC00;
		text-decoration: none;
		}		

		
.h3 	{
		font-family: "arial, verdana, sans-serif";
		font-size: 13pt;
		font-weight: bold;
		color: #333333;
		text-align: left;
		}

.subhead 	{
		font-family: "arial, verdana, sans-serif";
		font-size: 9pt;
		font-weight: bold;
		color: #333333;
		text-align: left;
		}
		
.super 	{
		font-family: "arial, verdana, sans-serif";
		font-size: 8pt;
		font-weight: bold;
		color: #999999;
		text-align: left;
		}

.more	{
		font-family: "arial, verdana, sans-serif";
		font-size: 8pt;
		font-weight: bold;
		color: #999999;
		text-align: left;
		}
.more:visited	{
		color: #330000;
		}
.more:hover	{
		color: #FFCC00;
		}
		

		
.photocredit 	{
		font-family: "arial, verdana, sans-serif";
		font-size: 7pt;
		font-weight: normal;
		color: #999999;
		text-align: left;
		}
		
.photocaption 	{
		font-family: "arial, verdana, sans-serif";
		font-size: 8pt;
		font-weight: normal;
		color: #333333;
		text-align: left;
		}
		
.body 	{
		font-family: "arial, verdana, sans-serif";
		font-size: 8pt;
		color: #333333;
		text-align: left;
		}
		
.winechart	{
		font-family: "arial, verdana, sans-serif";
		font-size: 8pt;
		color: #666666;
		text-align: left;
		}
		
.dropdowns 	{
		font-family: "arial, verdana, sans-serif";
		font-size: 8pt;
		color: #333333;
		text-align: left;
		padding: 5px 0px 5px 5px;
		}
		
.leftnav 	{
		font-family: "arial, verdana, sans-serif";
		font-size: 8pt;
		color: #333333;
		text-align: left;
		padding: 2px 0px 2px 0px;
		}

.footer 	{
		font-family: "arial, verdana, sans-serif";
		font-size: 7pt;
		color: #666666;
		text-align: left;
		}

div.regionbox {
	background-color: #cccccc;
	width: 388px;
	padding: 10px;
	}

/* this is the horizontal menu */

#articles, #articles ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	width: 139px;
	z-index: 1;
	}
	
#articles li { /* all list items */
	background-color: #CCCCCC;
	float: left;
	margin: 0px;
	width: 139px; /* width needed or else Opera goes nuts */
	z-index: 1;
}

#articles li ul { /* second-level lists */
	background-color: #CCCCCC;
	position: absolute;
	margin: 0px;
	background: #CCCCCC;
	width: 139px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 1;
}

#articles li:hover ul, #articles li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 1;
}

#clear {
	clear: left;
}


#padding {
		padding: 5px;
}

#articles a.topmenu_1 {
	display: block;
	background-image: url('../images/hp_btn_region.gif');
	background-repeat: no-repeat;
	width: 139px;
}
#articles a.topmenu_1:hover {
	display: block;
	background-image: url('../images/hp_btn_regionOvr.gif');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 139px;
}
#articles a.menu_1a {
	display: block;
	width: 139px;
	padding: 0px;
	font-family: "arial, verdana, sans-serif";
	font-size: 8pt;
	font-weight: normal;
}
#articles a.menu_1a:hover {
	display: block;
	background-color: #4A0000;
	width: 139px;
	padding: 0px;
	color: #FFFFFF;
	font-family: "arial, verdana, sans-serif";
	font-size: 8pt;
	font-weight: normal;
}

#region, #region ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	width: 94px;
	z-index: 1;
	}
	
#region li { /* all list items */
	background-color: #CCCCCC;
	float: left;
	margin: 0px;
	width: 94px; /* width needed or else Opera goes nuts */
	z-index: 1;
}

#region li ul { /* second-level lists */
	background-color: #CCCCCC;
	position: absolute;
	margin: 0px;
	background: #CCCCCC;
	width: 94px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 1;
}

#region li:hover ul, #region li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 1;
}

#clear {
	clear: left;
}


#region a.topmenu_1 {
	display: block;
	background-image: url('../images/hp_btn_region.gif');
	background-repeat: no-repeat;
	width: 94px;
}
#region a.topmenu_1:hover {
	display: block;
	background-image: url('../images/hp_btn_regionOvr.gif');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 94px;
}
#region a.menu_1a {
	display: block;
	width: 94px;
	padding: 0px;
	font-family: "arial, verdana, sans-serif";
	font-size: 8pt;
	font-weight: normal;
}
#region a.menu_1a:hover {
	display: block;
	background-color: #4A0000;
	width: 94px;
	padding: 0px;
	color: #FFFFFF;
	font-family: "arial, verdana, sans-serif";
	font-size: 8pt;
	font-weight: normal;
}

#activities, #activities ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	width: 108px;
	z-index: 1;
	}
	
#activities li { /* all list items */
	background-color: #CCCCCC;
	float: left;
	margin: 0px;
	width: 108px; /* width needed or else Opera goes nuts */
	z-index: 1;
}

#activities li ul { /* second-level lists */
	background-color: #CCCCCC;
	position: absolute;
	margin: 0px;
	background: #CCCCCC;
	width: 108px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 1;
}

#activities li:hover ul, #activities li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 1;
}

#clear {
	clear: left;
}

#activities a.topmenu_1 {
	display: block;
	background-image: url('/new/images/sep.gif');
	background-repeat: no-repeat;
	width: 108px;
}
#activities a.topmenu_1:hover {
	display: block;
	background-image: url('/new/images/sep.gif');
	background-repeat: no-repeat;
	background-color: #CCCCCC;
	width: 108px;
}
#activities a.menu_1a {
	display: block;
	width: 108px;
	padding: 0px;
	font-family: "arial, verdana, sans-serif";
	font-size: 8pt;
	font-weight: normal;
}
#activities a.menu_1a:hover {
	display: block;
	background-color: #4A0000;
	color: #FFFFFF;
	width: 108px;
	padding: 0px;
	font-family: "arial, verdana, sans-serif";
	font-size: 8pt;
	font-weight: normal;
}

/* Above is the horizontal menu */