

/* Header */
	#logo {
		position: absolute;
		top: 0px; left: 0px;
		width: 350px;
		height: 110px; /*Need 110, not 109 so that IE does not draw 1 px of background below the nav tab*/
		border: 0; /*To get rid of the border because of it being a link*/
		z-index: 10; /* Underneath the tabs*/
	}

	#introline {
		font-size: medium;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		text-align: center;
		position: absolute;
		top: 7px;
		left: 0px;
		margin: 0;
		width: 100%;
		z-index: 20; /* On top of the logo */
		visibility: visible;
	}

	#headingtopright  {
		background: transparent url(../pics/navbar_tr.gif) right top no-repeat;
		position: absolute;
		right: 0px;
		top: 0px;
		width: 10px;
		height: 39px;
		visibility: visible;
		display: block
	}

	#headerbottomright {
		position: absolute;
		top: 103px;
		right: 0;
		width: 7px;
		height: 7px;
	}

	#header { 
		background: #178398 url(../pics/navbar_t.gif) left top repeat-x;
		position: relative;
		top: 0px;
		left: 0px;
		height: 110px; /*Need 110, not 109 so that IE does not draw 1 px of background below the nav tab*/
		padding: 0;		
	}
		
	#header h1 {
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 7px;
		font-size: 150%;
		font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
		z-index: 30; /*On top of the logo and intro line */
	}
	
	#titleLink {text-decoration: none;}
	#titleLink:link {text-decoration: none;}
	#titleLink:visited {text-decoration: none;}
	#titleLink:hover {text-decoration: none;}
	#titleLink:active {text-decoration: none;} 
	#titleLink:visited:active {text-decoration: none;}
	
	#header ul {
		width: auto;
		position: absolute;
		bottom: 0px;
		right: 0px;
		margin: 0 0 0 10px;
		padding: 0 15px 0 0;
		list-style: none;
		z-index: 40; /* On top of the h1 */
	}
	#header li {
		float: right;
		background: transparent url("../pics/navbar_tab.gif") 100% -600px no-repeat;
		padding: 0 6px 0 0;
		margin: 0 1px 0 0;
		font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		font-size: 100%;
		line-height: 1.1em;
		border-bottom: 1px solid #178398;
		white-space: nowrap;
	}
	
	#header ul a {
		float: left;
		display: block;
		padding: 4px 4px 4px 10px;
		background: transparent url("../pics/navbar_tab.gif") 0% -600px no-repeat;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}
	
	#header ul li:hover a { background-position: 0% -400px; }
	#header ul li:hover { background-position: 100% -400px; }
	
	body.sectionStorage li#nav_storage a,
	body.sectionIndustrial li#nav_industrial a,
	body.sectionHomeGarden li#nav_homegarden a,
	body.sectionAgriculture li#nav_agriculture a,
	body.sectionSports li#nav_sports a,
	body.sectionHome li#nav_home a {
		background-position: 0% -200px;
		color: #178398;
	}
	
	body.sectionStorage li#nav_storage,
	body.sectionIndustrial li#nav_industrial,
	body.sectionHomeGarden li#nav_homegarden,
	body.sectionAgriculture li#nav_agriculture,
	body.sectionSports li#nav_sports,
	body.sectionHome li#nav_home {
		background-position: 100% -200px;
		border-bottom: 1px solid #fff;
	}
	
	body.sectionStorage li#nav_storage:hover,
	body.sectionIndustrial li#nav_industrial:hover,
	body.sectionHomeGarden li#nav_homegarden:hover,
	body.sectionAgriculture li#nav_agriculture:hover,
	body.sectionSports li#nav_sports:hover,
	body.sectionHome li#nav_home:hover {
		background-position: 100% 0%;
	}
	
	body.sectionStorage li#nav_storage:hover a,
	body.sectionIndustrial li#nav_industrial:hover a,
	body.sectionHomeGarden li#nav_homegarden:hover a,
	body.sectionAgriculture li#nav_agriculture:hover a,
	body.sectionSports li#nav_sports:hover a,
	body.sectionHome li#nav_home:hover a {
		background-position: 0% 0%;
		color: #333;
	}
	
