/* nav.css 
   Handles structure and image replacement for left navigation
 */
 
/* HOME */

#nav-list .home a.nav-link {
	width: 150px;
	height: 20px;
	display:block;
	cursor: pointer;
	background: #FFFFFF url(../_images/home_btn.jpg) no-repeat top left;
	}

#nav-list .home span.nav-replace {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}
	
/* ABOUT */
#nav-list .about a.nav-link {
	width: 150px;
	height: 20px;
	display:block;
	cursor: pointer;
	background: #FFFFFF url(../_images/about_btn.jpg) no-repeat top left;
	}
	

#nav-list .about span.nav-replace {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}

/* SERVE */
#nav-list .serve a.nav-link {
	width: 150px;
	height: 20px;
	display:block;
	cursor: pointer;
	background: #FFFFFF url(../_images/serve_btn.jpg) no-repeat top left;
	}
	

#nav-list .serve span.nav-replace {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}
	
/* PARTNERS */
#nav-list .partners a.nav-link {
	width: 150px;
	height: 20px;
	display:block;
	cursor: pointer;
	background: #FFFFFF url(../_images/partners_btn.jpg) no-repeat top left;
	}
	

#nav-list .partners span.nav-replace {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}	
	
/* RESEARCH */
#nav-list .research a.nav-link {
	width: 150px;
	height: 20px;
	display:block;
	cursor: pointer;
	background: #FFFFFF url(../_images/research_btn.jpg) no-repeat top left;
	}
	

#nav-list .research span.nav-replace {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}	

/* NEWSROOM */
#nav-list .newsroom a.nav-link {
	width: 150px;
	height: 20px;
	display:block;
	cursor: pointer;
	background: #FFFFFF url(../_images/newsroom_btn.jpg) no-repeat top left;
	}
	

#nav-list .newsroom span.nav-replace {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}
	
/* CONTACT */
#nav-list .contact a.nav-link {
	width: 150px;
	height: 20px;
	display:block;
	cursor: pointer;
	background: #FFFFFF url(../_images/contact_btn.jpg) no-repeat top left;
	}
	

#nav-list .contact span.nav-replace {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}

/* Nav Item Rollovers */
#nav-list .nav-here a.nav-link {
	background-position: 0px -40px;
}

#nav-list a.nav-link {
	background-position: 0px 0px;
}

#nav-list a.nav-link:hover {
	background-position: 0px -20px;
}

#nav-list .nav-here a.nav-link:hover {
	background-position: 0px -40px;
}

/* Override Bottom Margin for Sub-Navs */
#nav-list .nav-here-sub {
	margin-bottom: 0px;
}
	
	
/* Control Sub-Nav Appearance */

ul.sub-nav li {
	list-style: none;
}

ul.sub-nav li.nav-child a {
	font-size: 1.2em;
	margin-left: 4px;
	background: none;
	color: #000000;
}

ul.sub-nav li.current-child a {
	color: #991100;
}

ul.sub-nav li.nav-child a:hover {
	color: #666666;
	text-decoration: none;
}

ul.sub-nav li.current-child a:hover {
	color: #991100;
	text-decoration: none;
}

ul.sub-nav li.nav-child {
	height: 2em;
	border-bottom: 1px solid #FFAA88;
}

ul.sub-nav li.nav-child-bottom {
	height: 2em;
	border-bottom: none;
}

/* Participating States Drop-Down */

#participating-states {
	width: 150px;
	display: block;
	margin-top: 18px;
	margin-bottom: 8px;
	position: relative;
	background-color: #FEDECC;
}

#participating-states  p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #808080;
	margin-top: 2px;
	text-align: center;
}
	
#participating-states form {
	/*
	position: absolute;
	top: 25px;
	left: 5px;
	*/
}

#participating-states form select {
	width: 85px;
	margin: 6px 6px 12px 6px;
}

#participating-states a#go-state {
	
	position: absolute;
	bottom: 12px;
	right: 6px;
	/*
	float: right;
	display: block;
	*/
	width: 35px;
	height: 20px;
	cursor: pointer;
	background: transparent url(../_images/go.png) no-repeat top left;
}

#participating-states a#go-state span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

/* State Sites 'Go' rollover

#participating-states a#go-state:hover {
	background-position: 0px -20px;
}

#participating-states a#go-state {
	background-position: 0px 0px;
}

*/

/* Grantmaker Login */

#grantmaker-login {
	width: 150px;
	display: block;
	margin-bottom: 6px;
	position: relative;
	background-color: #99AABB;
}

#grantmaker-login img {
	margin-bottom: 2px;
}

#grantmaker-login a {
	color: #FFFFFF;
	text-decoration: underline;
}

#grantmaker-login .grantmaker-label {
	margin: 3px 6px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #404040;
}

#grantmaker-login form input {
	width: 136px;
	margin: 3px 6px;
	border: 1px solid #808080;
	color: #000000;
}

#grantmaker-login form input#grantmaker-submit {
	
	float: right;
	/*
	float: right;
	display: block;
	*/
	border: 0;
	width: 51px;
	height: 20px;
	cursor: pointer;
	margin: 6px 6px 12px 0;
	background: transparent url(../_images/login.png) no-repeat top left;
}

#grantmaker-login #grantmaker-links {
	margin: 6px 0 12px 6px;
	width: 75px;
	float: left;
}

#grantmaker-login #grantmaker-links a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}