@charset "utf-8";
/* CSS Document */

#navigation .navhighlight ul li a, 
#navigation .navhighlight ul li a .hover{
background:none;
color:#FFFFFF;}


#navigation li:hover li ul,
#navigation li.sfHover li ul {
background-image: none;
	top:			-999em;
}
#navigation li li:hover ul,
#navigation li li.sfHover ul {
background-image: none;
	left:			10em; /* match ul width */
	top:			0;
}
#navigation li li:hover li ul,
#navigation li li.sfHover li ul {
background-image: none;
	top:			-999em;
}
#navigation li li li:hover ul,
#navigation li li li.sfHover ul {
background-image: none;
	left:			10em; /* match ul width */
	top:			0;
}

#navigation li.navhighlight ul {
display: none; 
}

#navigation li.navhighlight:hover ul,
#navigation li.navhighlight.over ul {
	display: block;
	position: absolute;
	top: 32px;
	left: 0px;
	clear: both;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #576396;
	width: 100px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
	z-index: 1000;

  }



#navigation li.navhighlight:hover > ul {
	top: auto;
	left:-16px;
	z-index: 1000;
	}


a {
	cursor:pointer;
	cursor:hand;
}

#navigation {
	list-style:none;
	height:35px;
	width: 950px;
	background-color: #001A89;
	background-image: url(../images/ffHeadRule_02.gif);
	margin: 0px;
	padding: 0px;
	float: left;
	z-index: 1001;
}
#navBar {
	z-index: 1001;
}


#navigation li {
	float:left;
	position: relative;
}

#navigation a * {
	display:none;
}

#navigation a, 
#navigation a .hover {
	height:35px;
	top:0;
	left:0;
	position:relative;
	display:block;
	background-image: url(../images/ffSprites.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#navigation a.home {
	width: 58px;
	background-position: 5px 0px;
	margin-right: 5px;
	margin-left: 8px;
}

#navigation .navhighlight a.home:hover, 
#navigation a.home .hover {
	background-position: 5px -35px;
	
}

#navigation a.about {
	width: 62px;
	background-position: -75px 0px;
	margin-right:10px;
}

#navigation .navhighlight a.about:hover,
#navigation a.about .hover {
	
	background-position: -75px -35px;
}

#navigation a.plan {
	width: 58px;
	background-position: -166px 0px;
	margin-right: 10px;
}

#navigation .navhighlight a.plan:hover,
#navigation a.plan .hover {
	background-position: -166px -35px;	
}



#navigation a.planea {
	width: 65px;
	background-position: -244px 0px;
	margin-right: 5px;
}

#navigation .navhighlight a.planea:hover,
#navigation a.planea .hover {
	background-position: -244px -35px;	
}

#navigation a.order {
	width: 130px;
	background-position: -348px 0px;
	margin-right: 5px;

}

#navigation .navhighlight a.order:hover,
#navigation .order .hover {

	background-position: -348px -35px;

}

#navigation a.fundraise {	
	width: 100px;
	background-position: -500px 0px;

}

#navigation .navhighlight a.fundraise:hover,
#navigation .fundraise .hover {

	background-position: -500px -35px;

}


#navigation a.fast {
	width: 120px;
	background-position: -615px 0px;

}

#navigation .navhighlight a.fast:hover,
#navigation .fast .hover {

	background-position: -615px -35px;

}


#navigation a.involved {
	width: 110px;
	background-position: -777px 0px;
	margin-right: 5px;

}

#navigation .navhighlight a.involved:hover,
#navigation .involved .hover {


	background-position: -777px -35px;

}


#navigation a.evaluate {
	width: 100px;
	background-position: -900px 0px;
	

}

#navigation .navhighlight a.evaluate:hover,
#navigation .evaluate .hover {

	background-position: -900px -35px;

}


/*** DEMO SKIN ***/

#navigation ul li a {
	padding: 		.75em 1.8em;
	text-decoration:none;
}
#navigation a, #navigation a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
}
#navigation li {
	background-color: #003366T;
	background-image: none;
		z-index:		9999;
}
#navigation li li {
	background-color: #576396;
	display:block;
	background-image: none;
	width:135px;
	z-index:		9999;
}
#navigation li li li {
background-image:none;
	background:		#9AAEDB;
}
#navigation li:hover, #navigation li.sfHover,
#navigation a:focus, #navigation a:hover, #navigation a:active {
	outline:		0;
	background-color: #001A89;
	z-index:		9999;
}




@font-face {
font-family: "Futura"; 
src: url("futura.swf") format("opentype", "flash");
}