/* 

These styles are used to display the main navigation menus in an accessible way
I'm using a sprite-based image-replacement , so there are only three image files
being used to generate the entire main nav (one for each row of buttons):
top_menu.gif, bottom_menu.gif, treasure_menu.gif

*/

/* serves as container for all the main navigation */
#nav {
	
}

	#nav ul {
		margin: 0;
	}
	
	#nav ul li { /* make lists horizontal and add spacing */
		float: left;
		margin-left: 1px;
	}
	
	#nav li a { /* all links to block */
		display: block;
	}
	
	
	
/* TOP ROW BUTTONS */
	
	/* position top row of buttons */
	#toprow {
		position: absolute;
		top: 39px;
		right: 0px;
		list-style: none;
	}
	
	/* Contact Us Button */
	#nav1 a { /* normal state */
		height: 24px;
		width: 89px;
		background: transparent url('../images/shared/top_menu.gif') 0 24px ;
		}
		
	#nav1 a:hover, #nav1 .lit { /* hover and currently lit state */
		background-position: 0 0;
	}
	
	/* Site Map Button */
	#nav2 a { /* normal state */
		height: 24px;
		width: 87px;
		background: transparent url('../images/shared/top_menu.gif') -90px 24px ;
		}
		
	#nav2 a:hover, #nav2 .lit  { /* hover and currently lit state */
		background-position: -90px 0;
	}
	
	/* Blog Button */
	#nav3 a { /* normal state */
		height: 24px;
		width: 75px;
		background: transparent url('../images/shared/top_menu.gif') -178px 24px ;
		}
		
	#nav3 a:hover, #nav3 .lit  { /* hover and currently lit state */
		background-position: -178px 0;
	}
	
	/* Podcast Button */
	#nav4 a { /* normal state */
		height: 24px;
		width: 87px;
		background: transparent url('../images/shared/top_menu.gif') -254px 24px ;
		}
		
	#nav4 a:hover, #nav4 .lit  { /* hover and currently lit state */
		background-position: -254px 0;
	}
	
	/* Search Button */
	#nav13 a, #mediaSearch { /* normal state */
		height: 24px;
		width: 74px;
		background: transparent url('../images/shared/top_menu.gif') -342px 24px ;
		}
		
	#nav13 a:hover, #mediaSearch:hover, #nav13 .lit  { /* hover and currently lit state */
		background-position: -342px 0;
	}
	
/* BOTTOM ROW BUTTONS */
	
	/* position bottom row of buttons */
	#bottomrow{
		position: absolute;
		top: 70px;
		right: 0px;
		list-style: none;
		
	}
	
	/* position bottom row of buttons */
	
	/* Hear Button */
	#nav5 a { /* normal state */
		height: 24px;
		width: 126px;
		background: transparent url('../images/shared/bottom_menu.gif') 0 24px ;
		}
		
	#nav5 a:hover, #nav5 .lit  { /* hover and currently lit state */
		background-position: 0 0;
	}
	
	/* About Button */
	#nav6 a { /* normal state */
		height: 24px;
		width: 126px;
		background: transparent url('../images/shared/bottom_menu.gif') -127px 24px ;
		}
		
	#nav6 a:hover, #nav6 .lit  { /* hover and currently lit state */
		background-position: -127px 0;
	}
	
	/* Support Button */
	#nav7 a { /* normal state */
		height: 24px;
		width: 126px;
		background: transparent url('../images/shared/bottom_menu.gif') -254px 24px ;
		}
		
	#nav7 a:hover, #nav7 .lit  { /* hover and currently lit state */
		background-position: -254px 0;
	}
	
	/* Store Button */
	#nav8 a { /* normal state */
		height: 24px;
		width: 126px;
		background: transparent url('../images/shared/bottom_menu.gif') -381px 24px ;
		}
		
	#nav8 a:hover, #nav8 .lit  { /* hover and currently lit state */
		background-position: -381px 0;
	}

/* LOGIN ROW BUTTONS */
	
	/* position login buttons */
	#loginrow{
		position: absolute;
		top: 100px;
		right: 0px;
		list-style: none;
		font-size: 11px;
		color: #B76769;
	}
	
	
	#nav #loginrow #nav12 a{ display: inline;} /* override for login */
	
	
/* TREASURES NAVIGATION */
	
	/* position treasures row of buttons */
	#treasuresrow{
		position: absolute;
		top: 128px;
		/*top: 155px; FOR MORE THAN 4 TREASURES */
		right: 0px;
		list-style: none;
	}
	
	
	/* Treasures of Faith */
	#nav9 a { /* normal state */
		height: 36px;
		width: 123px;
		background: transparent url('../images/shared/treasures_menu.gif') 0 36px ;
		}
		
	#nav9 a:hover, #nav9 .lit { /* hover and currently lit state */
		background-position: 0 0;
	}
	
	/* Treasures of Encouragement */
	#nav10 a { /* normal state */
		height: 36px;
		width: 124px;
		background: transparent url('../images/shared/treasures_menu.gif') -124px 36px ;
		}
		
	#nav10 a:hover, #nav10 .lit { /* hover and currently lit state */
		background-position: -124px 0;
	}
	
	/* Treasures in Darkness */
	#nav11 a { /* normal state */
		height: 36px;
		width: 124px;
		background: transparent url('../images/shared/treasures_menu.gif') -249px 36px ;
		}
		
	#nav11 a:hover, #nav11 .lit { /* hover and currently lit state */
		background-position: -249px 0;
	}