/************** NAVIGATION SYSTEM **************/
#nav, #nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#nav li {
  float: left;
  position: relative;
  width: 8em;
}

#nav li ul {
  display: none;
  position: absolute; 
  top: 2.6em;
  left: 0;
  width: 10.5em; /* CHANGES WIDTH OF OUTTER BOX */
}

#nav li:hover ul, li.over ul{ 
	display: block; 
}

/************** ABOUT MENU **************/
#about, #about ul {
	border: 1px solid #FFFFFF;
	background-color: #6E673B;
	margin: 0em;
	width: 14em; /* WIDTH OF ROLL OUT MENU */
}

#about a {
  	display: block;
  	width: 14em; /* WIDTH OF ROLL OUT MENU */
  	text-decoration: none;
	
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
}

#about a:hover {
  	background-color: #9e9453;
	width: 14em; /* WIDTH OF ROLL OUT MENU */
	padding-top: 1px;
	padding-bottom: 1px;
}

#about li {
  	float: left;
	position: relative;
	width: 14em; /* WIDTH OF ROLL OUT MENU */
	padding-top: 1px;
	padding-bottom: 1px;

	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-color: #FFFFFF;
}

/************** PROGRAMS MENU **************/
#program, #program ul {
	border: 1px solid #FFFFFF;
	background-color: #bf9f5a;
	margin: 0em;
	width: 14em; /* WIDTH OF ROLL OUT MENU */
}

#program a {
  	display: block;
  	width: 14em; /* WIDTH OF ROLL OUT MENU */
  	text-decoration: none;
	
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
}

#program a:hover {
  	background-color: #e9c26d;
	width: 14em; /* WIDTH OF ROLL OUT MENU */
	padding-top: 1px;
	padding-bottom: 1px;
}

#program li {
  	float: left;
	position: relative;
	width: 14em; /* WIDTH OF ROLL OUT MENU */
	padding-top: 1px;
	padding-bottom: 1px;

	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-color: #FFFFFF;
}

/************** GRANTEES MENU **************/
#grantees, #grantees ul {
	border: 1px solid #FFFFFF;
	background-color: #8b2e20;
	margin: 0em;
	width: 14em; /* WIDTH OF ROLL OUT MENU */
}

#grantees a {
  	display: block;
  	width: 14em; /* WIDTH OF ROLL OUT MENU */
  	text-decoration: none;
	
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
}

#grantees a:hover {
  	background-color: #c2402c;
	width: 14em; /* WIDTH OF ROLL OUT MENU */
	padding-top: 1px;
	padding-bottom: 1px;
}

#grantees li {
  	float: left;
	position: relative;
	width: 14em; /* WIDTH OF ROLL OUT MENU */
	padding-top: 1px;
	padding-bottom: 1px;

	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-color: #FFFFFF;
}

/************** INITIATIVES MENU **************/
#initiatives, #initiatives ul {
	border: 1px solid #FFFFFF;
	background-color: #556f77;
	margin: 0em;
	width: 14em; /* WIDTH OF ROLL OUT MENU */
}

#initiatives a {
  	display: block;
  	width: 14em; /* WIDTH OF ROLL OUT MENU */
  	text-decoration: none;
	
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
}

#initiatives a:hover {
  	background-color: #85acb8;
	width: 14em; /* WIDTH OF ROLL OUT MENU */
	padding-top: 1px;
	padding-bottom: 1px;
}

#initiatives li {
  	float: left;
	position: relative;
	width: 14em; /* WIDTH OF ROLL OUT MENU */
	padding-top: 1px;
	padding-bottom: 1px;

	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-color: #FFFFFF;
}

/************** PARTNERSHIPS MENU **************/
#partnerships, #partnerships ul {
	border: 1px solid #FFFFFF;
	background-color: #8b2e20;
	margin: 0em;
	width: 14em; /* WIDTH OF ROLL OUT MENU */
}

#partnerships a {
  	display: block;
  	width: 14em; /* WIDTH OF ROLL OUT MENU */
  	text-decoration: none;
	
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
}

#partnerships a:hover {
  	background-color: #c2402c;
	width: 14em; /* WIDTH OF ROLL OUT MENU */
	padding-top: 1px;
	padding-bottom: 1px;
}

#partnerships li {
  	float: left;
	position: relative;
	width: 14em; /* WIDTH OF ROLL OUT MENU */
	padding-top: 1px;
	padding-bottom: 1px;

	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-color: #FFFFFF;
}

/************** SUPPORTERS MENU **************/
#giving, #giving ul {
	border: 1px solid #FFFFFF;
	background-color: #6E673B;
	margin: 0em;
	width: 14em; /* WIDTH OF ROLL OUT MENU */
}

#giving a {
  	display: block;
  	width: 14em; /* WIDTH OF ROLL OUT MENU */
  	text-decoration: none;
	
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
}

#giving a:hover {
  	background-color: #9e9453;
	width: 14em; /* WIDTH OF ROLL OUT MENU */
	padding-top: 1px;
	padding-bottom: 1px;
}

#giving li {
  	float: left;
	position: relative;
	width: 14em; /* WIDTH OF ROLL OUT MENU */
	padding-top: 1px;
	padding-bottom: 1px;

	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-color: #FFFFFF;
}



/* SECT Navigation*/	
#navcontainer { margin:  20px 0 0 15px; 
					padding: .25em 0 0 0; }
* html #navcontainer { margin: 0; 
					padding: 0; }
/*Fat Erik's Pipelist*/
#sect_nav 	{
			list-style: none;
			padding: 0 0 .35em 0;
			margin: 0 auto;
			}
#sect_nav li {
			display: inline;
			padding: 0;
			margin: 0;
			}
#sect_nav li a	{ 
			color:#6d1c0f;
			font: 12px Verdana, Helvetica, sans-serif;
			font-weight: normal;
			text-decoration: none; }
#sect_nav li a:hover
			{ color:#fff; text-decoration: overline;
}
#sect_nav li:before { content: "| "; color: #6d1c0f; }
#sect_nav li:first-child:before { content: ""; }
/*IE workaround*/
/*All IE browsers*/
* html #sect_nav li	{
				border-left: 1px solid #fffe8c;
				padding: 0 0.4em 0 0.4em;
				margin: 0 0.4em 0 -0.4em;
			}
/*Win IE browsers - hide from Mac IE\*/
* html #sect_nav { height: 1%; }
* html #sect_nav li
{
display: block;
float: left;
}
/*End hide*/
/*Mac IE 5*/
* html #sect_nav li:first-child { border-left: 0; }