/* Copyright 2009 Nationwide Children's Hospital ======================== */
/* banner and footer ==================================================== */


/* @group containers ==================================================== */

#banner_default {
	width:960px;
	height:214px;
	margin:0 0 0 10px;
}

#banner_home {
	width:960px;
	height:259px;
	background:url(../images/banner/banner_home_bkgd.jpg) no-repeat 237px 34px;
	margin:0 0 0 10px;
}

#banner_default .logo {
	float:left;
	background:url(../images/banner/banner_gradient.png) no-repeat 0 0;
	height:214px;
}

#banner_home .logo {
	float:left;
	background:url(../images/banner/banner_gradient_home.png) no-repeat 0 bottom;
	height:259px;
	width:237px;
}

#banner_default img {
	margin:0;
	padding:0;
}

#banner_home img {
	margin:0;
	padding:0;
}

/* @end containers ===================================================== */
/* @group main nav ===================================================== */

#mainnav, #mainnav_home, #mainnav-mych {
	clear:left;
	margin:0 10px;
}

	#mainnav p, #mainnav hr, #mainnav_home p, #mainnav_home hr, #mainnav-mych p, #mainnav-mych hr {
		display:none;
	}

	#mainnav ol, #mainnav_home ol {
		background:url(../images/nav/nav_end.png) no-repeat right bottom;
		height:25px;
	}

	#mainnav ol#homenav, #mainnav_home ol#homenav {
		background:url(../images/nav/nav_end_home.png) no-repeat right bottom;
		height:25px;
	}

	#mainnav ol#vendornav, #mainnav_home ol#vendornav {
		background:url(../images/nav/nav_end_white.png) no-repeat right bottom;
		height:25px;
	}

	#mainnav li, #mainnav_home li {
		list-style:none;
		float:left;
	}

	#mainnav li a:link, #mainnav li a:visited, #mainnav_home li a:link, #mainnav_home li a:visited {
		display:block;
		text-decoration:none;
		height:25px;
		overflow:hidden;
	}

/**** main nav background hover states ****/
	#mainnav li a#ourservices, #mainnav_home li a#ourservices {
		background:url(../images/nav/ourservices.png) no-repeat top left;
		text-indent:-9999em;
		width:126px;
	}

	#mainnav li a#medicalpros, #mainnav_home li a#medicalpros {
		background:url(../images/nav/medpros.png) no-repeat top left;
		text-indent:-9999em;
		width:196px;
	}

	#mainnav li a#research, #mainnav_home li a#research {
		background:url(../images/nav/research.png) no-repeat top left;
		text-indent:-9999em;
		width:100px;
	}

	#mainnav li a#giving, #mainnav_home li a#giving {
		background:url(../images/nav/giving.png) no-repeat top left;
		text-indent:-9999em;
		width:132px;
	}

	#mainnav li a#aboutus, #mainnav_home li a#aboutus {
		background:url(../images/nav/aboutus.png) no-repeat top left;
		text-indent:-9999em;
		width:108px;
	}

/**** main nav on state ****/
	#mainnav li a#ourservices:hover, #mainnav li a#medicalpros:hover, #mainnav li a#research:hover, #mainnav li a#giving:hover, #mainnav li a#aboutus:hover, #mainnav_home li a#ourservices:hover, #mainnav_home li a#medicalpros:hover, #mainnav_home li a#research:hover, #mainnav_home li a#giving:hover, #mainnav_home li a#aboutus:hover {
		background-position:0 -25px;
	}

/**** main nav active state ****/
	#mainnav li a#ourservices.on, #mainnav li a#medicalpros.on, #mainnav li a#research.on, #mainnav li a#giving.on, #mainnav li a#aboutus.on, #mainnav_home li a#ourservices.on, #mainnav_home li a#medicalpros.on, #mainnav_home li a#research.on, #mainnav_home li a#giving.on, #mainnav_home li a#aboutus.on {
		background-position:0 -25px;
	}

	#mainnav-mych ol {
		background:url(../images/nav-mychildrens/nav_end_white.png) no-repeat right bottom;
		height:25px;
	}

	#mainnav-mych li {
		list-style:none;
		float:left;
	}

	#mainnav-mych li a {
		display:block;
		text-decoration:none;
		height:25px;
		overflow:hidden;
	}

/**** mychart nav ****/

	#mainnav-mych li a#ourservices {
		background:url(../images/nav-mychildrens/ourservices.png) no-repeat top left;
		text-indent:-9999em;
		width:126px;
	}

	#mainnav-mych li a#ourlocations {
		background:url(../images/nav-mychildrens/ourlocations.png) no-repeat top left;
		text-indent:-9999em;
		width:137px;
	}

	#mainnav-mych li a#yourvisit {
		background:url(../images/nav-mychildrens/yourvisit.png) no-repeat top left;
		text-indent:-9999em;
		width:107px;
	}

	#mainnav-mych li a#mychart {
		background:url(../images/nav-mychildrens/mychart.png) no-repeat top left;
		text-indent:-9999em;
		width:110px;
	}

	#mainnav-mych li a#myprofile {
		background:url(../images/nav-mychildrens/myprofile.png) no-repeat top left;
		text-indent:-9999em;
		width:111px;
	}

	#mainnav-mych li a#mychildrens {
		background:url(../images/nav-mychildrens/mychildrens.png) no-repeat top left;
		text-indent:-9999em;
		width:174px;
	}

/**** main nav on state ****/
	#mainnav-mych li a#ourservices:hover, #mainnav-mych li a#ourlocations:hover, #mainnav-mych li a#yourvisit:hover, #mainnav-mych li a#mychart:hover, #mainnav-mych li a#myprofile:hover, #mainnav-mych li a#mychildrens:hover {
		background-position:0 -25px;
	}

/**** main nav active state ****/
	#mainnav-mych li a#ourservices.on, #mainnav-mych li a#ourlocations.on, #mainnav-mych li a#yourvisit.on, #mainnav-mych li a#mychart.on, #mainnav-mych li a#myprofile.on, #mainnav-mych li a#mychildrens.on {
		background-position:0 -25px;
	}


/* @end main nav =========================================================== */
/* @group subnav =========================================================== */

#subnav {
	background-color:#0078ae;
	height:2.6em;
	padding:0 0 0 4px;
	margin:0 10px;
}

	#subnav ul li.navdescription {
		display:none;
	}

	#subnav ul li {
		font-weight:normal;
		font-size:1.12em;
		color:#fff;
		line-height:26px;
		margin:0 0 0 15px;
	}

	#subnav ul li a {
		height:2.2em; /* fixes safari blockiness */
		display:block;
		float:left;
		text-decoration:none;
		color:#fff;
		margin:0 15px 0 0;
		padding:0 20px 0 0;
		background:url(../images/subnav_separator.png) no-repeat center right;
	}

	#subnav ul li a:hover {
		color:#fff;
		text-decoration:underline;
	}

	#subnav ul li a.on {
		font-weight:bold;
		text-decoration:none;
	}

	#subnav ul li a.on:hover {
		color:#fff;
		text-decoration:none;
	}

	#subnav li a.last {
		background:none;
	}

/* @end subnav =========================================================== */
/* @group topnav ========================================================= */

ul.topnav {
	padding:7px 0 3px 290px;
	margin:0 0 4px 0;
	background:url(../images/colorbar_long.png) no-repeat 300px bottom ;
	height:20px;
}

ul#topnav_home {
	padding:7px 0 3px 286px;
	margin:0 0 4px 0;
	background:url(../images/colorbar_long.png) no-repeat 295px bottom ;
	height:20px;
}


	ul.topnav li.navdescription {
		display:none;
	}

	ul.topnav li {
		font-size:1em;
		font-weight:bold;
		list-style:none;
		margin:0 0 0 12px;
	}

	ul.topnav li a {
		display:block;
		float:left;
		color:#004d90;
		text-decoration:none;
		background:url(../images/topnav_separator.png) no-repeat center right;
		margin:0 12px 0 0;
		padding:0 18px 0 0;
	}

	ul.topnav li a.last {
		background:none;
	}

ul.topnav li a:hover {
	color:#333;
	text-decoration:underline;
}
/* @end main topnav ======================================================= */
/* @group footernav ======================================================= */

p.footerlogos, p.footerlogos {
	text-align:right;
	margin:0 20px 0 0;
}

#footernav p {
	margin:25px 20px 0 0;
	text-align:right;
}

#footernav ul {
	margin:2px 20px 0 0;
	text-align:right;
}

	#footernav ul li {
		display:inline;
		margin:0 5px 0 7px;
		padding:0 10px 0 0;
		background:url(../images/footernav_separator.png) no-repeat center right;
	}
	
	#footernav ul li.last {
		margin:0 0 0 5px;
		padding:0;
		background:none;
	}
	
	#footernav li a:link, #footernav li a:visited {
		color:#555;
		text-decoration:none;
		margin:0;
		padding:0;
	}
	
	#footernav li a:hover {
		color:#4f91cd;
		text-decoration:underline;
	}


/* @end footernav ========================================================= */