@charset "UTF-8";
/* CSS Document */

/*-----------Menu---------------------*/
#menu{
	background:url(/images/bg_menu.gif) #000;
	height:16px;
	padding:12px 0 0;
	position:relative;
	text-align:right;
}
#menu .wrapper{
	background:url(/images/bg_menu_at.gif) #DDD;
	height:16px;
	float:right;
}
#menu h4.rollover_text{
	font-family: Futura, Arial, Helvetica;
	text-decoration: none;
	word-spacing: normal;
	text-align: right;
	letter-spacing: 0;
	line-height: 18px;
	font-size: 10px;
	text-align:center;
	font-weight:normal;
	margin:0;
	padding:0;
}
#menu .button{
	float:left;
	background-color: #fff;
	color: #369;
	text-decoration: none;
	height:16px;
}
#menu .button:hover{
	background-color: #9cf;
	color: #369;
}
#menu .button_at{
	float:left;
	background:none;
	color: #000;
	text-decoration: none;
	height:16px;
}

#menu #nav_2{width:105px;}
#menu #nav_3{width:71px;}
#menu #nav_4{width:87px;}
#menu #nav_5{width:44px;}
#menu #nav_6{width:107px;}
#menu #nav_7{width:65px;}

#menu #nav_2 span{background-image:url(/images/menu_foundation.gif);}
#menu #nav_3 span{background-image:url(/images/menu_programs.gif);}
#menu #nav_4 span{background-image:url(/images/menu_apply.gif);}
#menu #nav_5 span{background-image:url(/images/menu_news.gif);}
#menu #nav_6 span{background-image:url(/images/menu_grants.gif);}
#menu #nav_7 span{background-image:url(/images/menu_contact.gif);}

/*------------Navigation--------------------*/
li a {display:inline-block;} /*fixes spacing issues in ie */
li a {display:block;}

#content #navigation, #content_ui #navigation{
	min-width:454px;
	float:left;
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	display:block;
}
#content #navigation .button, #content_ui #navigation .button{
	width:227px;
	height:19px;
	text-align:right;
	font-family:Futura, Arial, Helvetica;
	background-color: #fff;
	color: #369;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	font-size: 12px;
	font-variant:small-caps;
}
#content_ui #navigation .button{
	line-height: 19px;
}
#content #navigation .button:hover{
	background-color: #99ccff;
	text-decoration: none;
}
#content #navigation .button_at, #content_ui #navigation .button_at, #content_ui #navigation .button_parent{
	width:227px;
	height:19px;
	text-align:right;
	font-family:Futura, Arial, Helvetica;
	color: #369;
	word-spacing: normal;
	text-align: right;
	letter-spacing: 0;
	line-height: 18px;
	font-size: 12px;
	font-variant:small-caps;
	background-color: #99ccff;
	text-decoration: none;
}
/*--User Interface--*/
#content_ui #navigation{
	padding:0 0 0 1px;
	min-width:210px;
	min-height:20px;
	height:auto !important;
	height:20px;
	width:210px;
}
#content_ui #navigation .button{
	width:198px;
	height:19px;
	text-align:right;
	padding:0 10px 0 0;
	border-right:1px solid #98aeb3;
	border-bottom:1px solid #6699c6;
	background:none;
}
#content_ui #navigation .button_at{
	width:199px;
	padding:0 10px 0 0;
	border-right:none;
	border-bottom:1px solid #6699c6;
	background:url(/images/bg_nav_at.gif) repeat-y right #99ccff;
}
#content_ui #navigation .button_parent{
	width:198px;
	padding:0 10px 0 0;
	border-right:1px solid #6699c6;
	border-bottom:1px solid #6699c6;
	background:url(/images/bg_nav_at.gif) repeat-y right #99ccff;
}
#content_ui #navigation .button:hover{
	text-decoration: none;
	border-right:1px solid #6d99b3;
	background:url(/images/bg_nav_over.gif) repeat-y right #99ccff;
}
#content_ui #navigation ul{
	list-style:none;
	text-align:right;
	margin:0;
	padding:0;
	display:block;
	width:209px;
	border-bottom:1px solid #6699c6;
	background:#DFDFDF;
}
#content_ui #navigation ul ul{
	border-bottom:none;
	background:none;
}
#content_ui #navigation ul a{
	padding:0 24px 0 0;
	background-color:none;
	line-height: 18px;
	font-size: 10px;
	font-family: Futura;
	letter-spacing: 0;
	background-position:194px 5px;
	border-right:1px solid #6d99b3;
	width:184px;
}
#content_ui #navigation ul ul a{
	padding:0 38px 0 0;
	background-position:196px 5px;
	width:170px;
}
#content_ui #navigation ul a:link, #content_ui #navigation ul a:visited{
	text-decoration:none;
	color: #336699;
	background-image:url(/images/nav_bullet_ui.gif);
	background-repeat:no-repeat;
}
#content_ui #navigation ul a:hover{
	background-color: #036;
	color: #fff;
	background-image:url(/images/nav_bullet_ui_over.gif);
}
#content_ui #navigation .menuItem ul a.at{
	background-color: #FFF;
	color: #000;
	background-image:url(/images/nav_bullet_ui_at.gif);
	width:185px;
	border:none;
	cursor:default;
}
#content_ui #navigation ul ul a.at{
	width:171px;
}
/*--Main Page--*/
#content #navigation ul{
	font-size:12px;
	font-family:Futura, Arial, Helvetica;
	font-variant:small-caps;
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	z-index:2;
	display:none;
	background:#cce5ff;
	top:-999px;
	left:227px;
}
#content #navigation .menuItem{
	margin:0;
	padding:0;
	position:relative;
	display:block;
	width:227px;
	height:auto;
}
#content #navigation .menuItem:hover,
#content #navigation .menuItem.sfHover,
#content #navigation .menuItem:hover li,
#content #navigation .menuItem.sfHover li{
	width:auto;
	height:auto;
}
#content #navigation .menuItem:hover .button span,
#content #navigation .menuItem.sfHover .button span{
	background-position:right;
}
#content #navigation .menuItem:hover ul,
#content #navigation .menuItem.sfHover ul{
	width:auto !important;
	width:227px;
	height:19px;
	top:0px;
	left:227px;
	display:block;
}
#content #navigation .menuItem:hover ul ul,
#content #navigation .menuItem.sfHover ul ul{
	left:0;
	top:0;
}
#content #navigation ul a{
	padding:0 5px;
	display:block;
}
#content #navigation ul ul{
	position:relative;
	top:0;
	left:0;
}
#content #navigation ul a:link, #content #navigation ul a:visited{
	text-decoration:none;
	line-height:19px;
	color:#336699;
	background-color:#CCE5FF;
}
#content #navigation ul a:hover{
	color:#FFFFFF;
	background-color:#003366;
}
#content #navigation ul ul a:link, #content #navigation ul ul a:visited{
	padding:0 5px 0 20px;
	background-image:url(/images/nav_bullet.gif);
	background-repeat:no-repeat;
	background-position:10px 7px;
	font-variant:normal;
}
#content #navigation ul ul a:hover{
	background-image:url(/images/nav_bullet_over.gif);
}

#content #navigation #nav_2 span{background-image:url(/images/nav_foundation.gif);}
#content #navigation #nav_3 span{background-image:url(/images/nav_programs.gif);}
#content #navigation #nav_4 span{background-image:url(/images/nav_apply.gif);}
#content #navigation #nav_5 span{background-image:url(/images/nav_news.gif);}
#content #navigation #nav_6 span{background-image:url(/images/nav_grants.gif);}
#content #navigation #nav_7 span{background-image:url(/images/nav_contact.gif);}