@charset "utf-8";
/* ---- Global Styles ---- */

* {margin: 0; padding: 0;}
body {
	height:96%;
	margin:0 auto;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0b3543;
	background-color: #ffffff;
	}
p {font-size: 12px; color: #000000; margin: 8px 0px 6px 0px;}
h1 {font-size: 18px; color: #003399;}
#rightColumnText li { margin-left: 18px; }

/* ---- Page Styles ---- */
#wrapper {width: 960px; margin: 0 auto;}

	#header{width: 960px; height: 153px; position: relative; border-bottom: solid 1px #003399;}
		#header a img { border: none; }

		#nav_row {width: 714px; height: 15px; background-color: #ffffff; position: absolute; bottom: 0; right: 0; z-index:9999}
		#nav_row ul {float: left; list-style: none;}
		#nav li{float: left;}
		#nav li a {height: 15px; display: block; overflow: hidden; text-decoration: none; background-repeat: no-repeat;}
		a.home {width: 60px; background-image: url(../images/home/nav_btn_home.gif);  background-position: 0 -15px; margin-right: 10px;}
		a.who {width: 95px; background-image: url(../images/home/nav_btn_who.gif);  background-position: 0 -15px; margin-right: 10px;}
		a.what {width: 105px; background-image: url(../images/home/nav_btn_what.gif);  background-position: 0 -15px; margin-right: 10px;}
		a.how {width: 100px; background-image: url(../images/home/nav_btn_how.gif);  background-position: 0 -15px; margin-right: 10px;}
		a.recent {width: 96px; background-image: url(../images/home/nav_btn_recent.gif);  background-position: 0 -15px; margin-right: 10px;}
		a.news {width: 121px; background-image: url(../images/home/nav_btn_news.gif);  background-position: 0 -15px; margin-right: 10px;}
		a.contact {width: 77px; background-image: url(../images/home/nav_btn_contact.gif);  background-position: 0 -15px;}

		#nav li a:hover {background-position: 0px 0px;}
		#nav li a span {visibility: hidden;}
		.navActive {background-position: 0px 0px;}



		/* --- Button Styles and Backgrounds --- */
		#who{background:url(../images/home/n_whoweare.gif) no-repeat; width: 80px;}
		#what{background:url(../images/home/n_whatwefund.gif) no-repeat; width:100px;}
		#how{background:url(../images/home/n_howtoapply.gif) no-repeat; width:100px;}
		#grants{background:url(../images/home/n_recentgrants.gif) no-repeat; width: 100px;}
		#news{background:url(../images/home/n_newsAndResources.gif) no-repeat; width: 118px;}
		#contact{background:url(../images/home/n_contact_us.gif) no-repeat; width: 71px;}

		/* --------------------- STYLES FOR TOP LINKS IN RIGHTCONTENT DIV --------------
		#topLinks { background-color: #003399; height: 25px; padding-left: 5px; padding-top: 3px; }
		#topLinks ul { list-style: none; color: #FFFFFF;}
		#topLinks ul li {float: left; padding-left: 5px; }
		#topLinks ul li a { font-size: 11px; font-weight: bold; color:#FFFFFF; text-decoration: none;}
		#topLinks ul li a:hover { text-decoration: underline; }*/


		/*-------------------------****  DROP DOWN MENU ADDED 1/22/09 ****---------------------*/
			#nav li:hover, #nav li.hover {position: static;/* fix for ie7 stuck menu */}
			#nav li ul { /* second-level lists */
				position: absolute;
				left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
				z-index: 999;
				width: 150px;
				font-size: 11px;
				border-bottom: solid 1px #FFFFFF;
				background: url(../images/home/g_dropdownBG.png) repeat;
			}

			#nav li ul a{ color: #FFFFFF; height: 15px;}

			#nav li ul a:hover{ text-decoration: underline;}

			#nav li ul li {border-bottom: 1px solid #FFFFFF; padding: 5px 0px 5px 5px; width: 99.5%;}

			#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}

			#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */left: auto;}

			#nav li:hover ul li ul li, #nav li li:hover ul li ul li, #nav li li li:hover ul li ul li, #nav li.sfhover ul li ul li, #nav li li.sfhover ul li ul li, #nav li li li.sfhover ul li ul li{ /* lists nested under hovered list items */margin-left: -240px; margin-top: -25px;}


		/* ------------------------ End new drop down styles -----------------------------------*/

	#contentWrapper{padding-top: 20px; padding-bottom: 20px; width: 960px;}
		#leftContent{width: 280px; float: left;}
			#leftColumn{}

		#rightContent{width: 680px; float: left; margin-bottom: 15px;}
			#rightColumnText{height: 330px; padding: 15px; overflow: auto; border: 1px solid #003399;}
			#rightColumnText2{height: 302px; padding: 15px; overflow: auto; border: 1px solid #003399;}


			#tabContent ul {font-size: 12px; color: #000000;}
			#tabContent ul li{ margin-left: 20px; }


/* Jacob - 1/23/09 - removed height from #tabs */
		#tabs{ width: 960px;}
/* Jacob - 1/23/09 - adjusted borders and width on #tabContent */
			#tabContent { width: 918px; height: 360px; border-left: 1px solid #003399; border-right: 1px solid #003399;clear: both; padding: 20px; line-height: 18px; overflow-x: hidden;}


			ul#tabList{ width: 960px; }
			ul#tabList li { list-style: none; float: left;}
			ul#tabList li span {visibility: hidden;}
			ul#tabList li a{ display: block; height:30px; background-position: 0 0; background-repeat: no-repeat;}
			.blankHolder{ display: block; height:30px; width: 110px; background-position: 0 0; background-repeat: no-repeat;}
			#tab_1, #tab_2, #tab_3, #tab_4, #tab_0, #tab_5{ display: none; padding-bottom: 15px; padding-left: 8px;}

			/* --- Tab Classes --- */
			li.application a{ background-image: url(../images/home/g_tabApp.jpg); width: 249px;}
			li.tabOne a{ background-image: url(../images/home/g_tabOne.jpg); width: 150px;}
			li.tabTwo a{ background-image: url(../images/home/g_tabTwo.jpg); width: 150px;}
			li.tabThree a{ background-image: url(../images/home/g_tabThree.jpg); width: 150px;}
			li.tabFour a{ background-image: url(../images/home/g_tabFour.jpg); width: 150px;}
			li.tabFive a{ background-image: url(../images/home/g_tabFive.jpg); width: 150px;}

			ul#tabList a.selectedTab{ background-position: bottom; }


	#footer{width:960px; clear:both; padding-top: 5px; border-top: solid 1px #003399; text-align: center;}


	.container_main {
				margin: 0 auto;
				width: 895px;
				}

.splash_logo {margin-top: 20px;}

p.live_info {
  position: relative;
  width: 779px;
  height: 14px;
  left: -40px;
}

p.live_info span {
  background: url(../images/home/txt_splash.gif) no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
}


#nav2_row {
	position:relative;
	left: 55px;
	width: 845px;
	height: 15px;
	margin-top: 25px auto 0 auto;
	background-color: #ffffff;
	}

	#nav2_row ul {
			float: left;
			list-style: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0%;
			}

	#nav2 li{
			float: left;
			}

	#nav2 li a {
				height: 15px;
				display: block;
				overflow: hidden;
				text-decoration: none;
				background-repeat: no-repeat;
				}

		a.who2 {
			width: 95px;
			background-image: url(../images/home/nav_btn_who.gif);
			background-position: 0px -15px;
			margin-right: 50px;
			}

		a.what2 {
			width: 105px;
			background-image: url(../images/home/nav_btn_what.gif);
			background-position: 0px -15px;
			margin-right: 50px;
			}

		a.how2 {
			width: 100px;
			background-image: url(../images/home/nav_btn_how.gif);
			background-position: 0px -15px;
			margin-right: 50px;
			}

		a.recent2 {
			width: 96px;
			background-image: url(../images/home/nav_btn_recent.gif);
			background-position: 0px -15px;
			margin-right: 50px;
			}

		a.news2 {
			width: 121px;
			background-image: url(../images/home/nav_btn_news.gif);
			background-position: 0px -15px;
			margin-right: 50px;
			}

		a.contact2 {
			width: 77px;
			background-image: url(../images/home/nav_btn_contact.gif);
			background-position: 0px -15px;
			}


		#nav2 li a:hover {background-position: 0px 0px; }
		#nav2 li a span {visibility: hidden;}


.center_align {text-align: center;}
/* Jacob - 1/23/09 - adjusted borders and width on #tabContent */
			#tabContent { width: 918px; height: 330px; border-left: 1px solid #003399; border-right: 1px solid #003399;clear: both; padding: 10px 20px 20px 20px; line-height: 18px;  overflow-x: hidden; overflow-y:auto;}
			#tabContent ul {font-size: 12px; color: #000000;}
			#tabContent ul li{ margin-left: 20px; }

			ul#tabList{ width: 960px; }
			ul#tabList li { list-style: none; float: left;}
			ul#tabList li span {visibility: hidden;}
			ul#tabList li a{ display: block; height:30px; background-position: 0 0; background-repeat: no-repeat;}
			.blankHolder{ display: block; height:30px; width: 110px; background-position: 0 0; background-repeat: no-repeat;}
			#tab1{ width: 960px; height: 400px;}
			#tab2{ width: 960px; height: 400px;}
			#tab3{ width: 960px; height: 400px;}
			#tab4{ width: 960px; height: 400px;}
			#tab5{ width: 960px; height: 400px;}

			/* --- Tab Classes --- */
			li.application a{ background-image: url(../images/home/g_tabApp.jpg); width: 249px;}
			li.tabOne a{ background-image: url(../images/home/g_tabOne.jpg); width: 150px;}
			li.tabTwo a{ background-image: url(../images/home/g_tabTwo.jpg); width: 150px;}
			li.tabThree a{ background-image: url(../images/home/g_tabThree.jpg); width: 150px;}
			li.tabFour a{ background-image: url(../images/home/g_tabFour.jpg); width: 150px;}

			ul#tabList a.selectedTab{ background-position: bottom; }

/* Jacob - 1/23/09 - removed border from #footer */
	#footer{width:960px; clear:both; padding-top: 5px; text-align: center;}

/* Jacob - 1/23/09 - added lines 102-140 for new application page style */
	div#steps {
		border-top: 1px solid #003399;
		border-left: 1px solid #003399;
		border-right: 1px solid #003399;
		padding: 5px 5px 0 5px;
		}
	div#toggler { height: 54px; }
	div#steps a {
		display:block;
		height: 54px;
		background-position: 0 0;
		float: left;
		text-indent:-999em;
		}

		div#steps a.selectedStar {background-position: 0 -54px;}

		#step-1 {background-image:url(../images/home/gfx_step-one.png); width: 149px}
		#step-2 {background-image:url(../images/home/gfx_step-two.png); width: 165px}
		#step-3 {background-image:url(../images/home/gfx_step-three.png); width: 167px}
		#step-4 {background-image:url(../images/home/gfx_step-four.png); width: 158px}
		#step-5 {background-image:url(../images/home/gfx_step-five.png); width: 244px}

	div#back-forward {
		height: 23px;
		width: 958px;
		padding-bottom: 10px;
		padding-top: 18px;
		border-top: 1px solid #003399;
		}

		div#back-forward img {
			float:right;
			margin-right: 15px;
			cursor:pointer;
			}

		span.clear {display:block;clear: both;}
div#xToolbar {
  	width: 100%;
	margin: 0 auto;
	position: fixed;
	top: 0px;
	left: 0px;
	color:#efefef;
	z-index:9999;
	text-align: center;
}