@charset "UTF-8";

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}

ul.MenuBarActive
{
	z-index: 1000;
}

ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 8em;
	float: left;
}

ul.MenuBarHorizontal ul
{
	margin:0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.5em;
	position: absolute;
	margin-top:3px;
	left: -1000em;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}

ul.MenuBarHorizontal ul ul
{
	position: relative;
	margin: 0 0 0 -2.5%;
	visibility:visible;
}
ul.MenuBarHorizontal ul ul li, ul.MenuBarHorizontal ul ul li a
{
	display:block;	
	visibility:visible;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
	width:8.2em;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	color: #333;
	text-decoration: none;
}

ul.MenuBarHorizontal#MenuBar1 ul li {
	background-color:#555555;
	width:195px;
	}
	
ul.MenuBarHorizontal#MenuBar1 ul li.about_s a:hover {
	color:#33ccf5;
	}
	
a#about {
	background-image:url(../images2/aboutOff.png);
	background-repeat:no-repeat;
	height:28px;
	}
	
a#about2 {
	background-image:url(../images2/aboutOn.png);
	background-repeat:no-repeat;
	height:28px;
	}
	
a#about:hover {
		background-image:url(../images2/aboutOn.png);
		background-repeat:no-repeat;
	}

ul.MenuBarHorizontal a#about.MenuBarItemSubmenuHover {
	background-image:url(../images2/aboutOn.png);
	}

ul.MenuBarHorizontal#MenuBar1 ul li.res_s a:hover {
	color:#fcbb19;
	}

a#resources {
	background-image:url(../images2/resourcesOff.png);
	background-repeat:no-repeat;
	height:28px;
	}
	
a#resources2 {
	background-image:url(../images2/resourcesOn.png);
	background-repeat:no-repeat;
	height:28px;
	}
	
a#resources:hover {
		background-image:url(../images2/resourcesOn.png);
		background-repeat:no-repeat;
	}

ul.MenuBarHorizontal a#resources.MenuBarItemSubmenuHover {
	background-image:url(../images2/resourcesOn.png);
}

ul.MenuBarHorizontal#MenuBar1 ul li.home_s a:hover {
	color:#ff9231;
	}
		
	
ul.MenuBarHorizontal#MenuBar1 ul li.events_s a:hover {
	color:#8dc63f;
	}
	
a#events {
	background-image:url(../images2/eventsOff.png);
	background-repeat:no-repeat;
	height:28px;
	}
	
a#events2 {
	background-image:url(../images2/eventsOn.png);
	background-repeat:no-repeat;
	height:28px;
	}

a#events:hover {
		background-image:url(../images2/eventsOn.png);
		background-repeat:no-repeat;
	}
	
ul.MenuBarHorizontal a#events.MenuBarItemSubmenuHover {
	background-image:url(../images2/eventsOn.png);
}

ul.MenuBarHorizontal#MenuBar1 ul.hover1 li a:hover {
		color:#659f15;
	}

ul.MenuBarHorizontal#MenuBar1 ul.hover2 li a:hover {
		color:#e7a709;
	}
	
ul.MenuBarHorizontal#MenuBar1 ul.hover3 li a:hover {
		color:#1ab3dd;
	}
	
a#home {
	background-image:url(../images2/homeOff.png);
	background-repeat:no-repeat;
	height:28px;
	width:138px;
	}
	
a#home2 {
	background-image:url(../images2/homeOn.png);
	background-repeat:no-repeat;
	height:28px;
	width:138px;
	}
	
a#home:hover {
		background-image:url(../images2/homeOn.png);
		background-repeat:no-repeat;
	}
	
ul.MenuBarHorizontal a#home.MenuBarItemSubmenuHover {
	background-image:url(../images2/homeOn.png);
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
	}
}