/*-TOP NAV STYLES-----------------------------------------------------------------------------
---The top nav is a little tricky.  It uses the LI and the A to define the look.  The LI 
---contains a 2px strip on the right side of each button, that works for the Active and 
---Inactive states.  The A contains an image that is reused in all the buttons (except the far 
---left and right buttons) that Slides under the right side of the the LI, meaning that each 
---button uses the same 2 images.  The far left and right buttons had to have their own custom 
---classes because of rounded edges. (Google "Sliding Doors CSS" for a better understanding)
----------------------------------------------------------------------------------------------*/
	
	
#navContainer ul
{
	padding: 0px;
	float: left;
	color: White;
	background-color: #009999;
	font-weight: bold;
	font-size: 90%;
	width: 990px;
	margin: 0px;
	position: relative;

	}

li.navMainLEFT
{
	padding: 0px;
	float: left;
	display: block;
	padding: 10px 0px 10px 0px;
	border-right: solid 2px white;
	background-repeat: no-repeat;
	background-position: top right;
	}
	
li.navMainLEFT a:link, 
li.navMainLEFT a:visited 
{
	text-decoration: none;
	font-weight: bold;
	
	
	color: White;
	padding: 10px 17px 10px 17px;
	margin-right: 2px;
	background-repeat: no-repeat;
	background-position: top left;
	}
	
li.navMainLEFT a:hover 
{
	text-decoration: none;
	font-weight: bold;
	
	
	color: White;	
	padding: 10px 17px 10px 17px;
	border-right: 2px;
	background-repeat: no-repeat;
	background-position: top left;
	}
	
li.navMainLEFT a:active 
{
	text-decoration: none;
	font-weight: bold;
	
	
	color: White;
	padding: 10px 17px 10px 17px;
	margin-right: 2px;
	background-repeat: no-repeat;
	background-position: top left;
	}
	

li.navMainLEFTActive
{
	padding: 0px;
	float: left;
	display: block;
	padding: 10px 0px 10px 0px;
	border-right: solid 2px white;
	background-repeat: no-repeat;
	background-position: top right;
	}
	
li.navMainLEFTActive a:link, 
li.navMainLEFTActive a:visited, 
li.navMainLEFTActive a:hover,
li.navMainLEFTActive a:active
{
	text-decoration: none;
	font-weight: bold;
	
	
	color: White;	
	padding: 10px 17px 10px 17px;
	border-right: 2px;
	background-repeat: no-repeat;
	background-position: top left;
	}

li.navMain
{
	padding: 0px;
	float: left;
	display: block;
	padding: 10px 0px 10px 0px;
	border-right: solid 2px white;
	background-repeat: no-repeat;
	background-position: top right;
	}

li.navMain#other
{
	border-right: none;
}

li.navMain#other a
{
	color: #FFFF00;
}

li.navMain a:link, 
li.navMain a:visited
{
	text-decoration: none;
	font-weight: bold;
	
	
	color: White;
	padding: 10px 15px 10px 18px;
	margin-right: 2px;
	background-repeat: no-repeat;
	background-position: top left;
	}
	
li.navMain a:hover 
{
	text-decoration: none;
	font-weight: bold;
	
	
	color: white;
	padding: 10px 15px 10px 18px;
	margin-right: 2px;
	background-repeat: no-repeat;
	background-position: top left;
	}
	
	
li.navMain a:active 
{
	text-decoration: none;
	font-weight: bold;
	
	
	color: White;
	padding: 10px 15px 10px 18px;
	margin-right: 2px;
	background-repeat: no-repeat;
	background-position: top left;
	}

	
li.navMainActive
{
	padding: 0px;
	float: left;
	display: block;
	padding: 10px 0px 10px 0px;
	border-right: solid 2px white;
	background-repeat: no-repeat;
	background-position: top right;
	}
	
li.navMainActive a:link, 
li.navMainActive a:visited, 
li.navMainActive a:hover,
li.navMainActive a:active 
{
	text-decoration: none;
	font-weight: bold;
	
	
	color: White;
	padding: 10px 15px 10px 18px;
	margin-right: 2px;
	background-repeat: no-repeat;
	background-position: top left;
	}

li.navMainRIGHT
{
	padding: 0px;
	float: left;
	display: block;
	padding: 10px 0px 10px 0px;
	background-repeat: no-repeat;
	background-position: top left;
	}
	
li.navMainRIGHT a:link, 
li.navMainRIGHT a:visited
{
	text-decoration: none;
	font-weight: bold;
	
	
	color: White;
	padding: 10px 17px 10px 17px;
	margin-left: 2px;
	background-repeat: no-repeat;
	background-position: top right;
	}
	
li.navMainRIGHT a:hover 
{
	text-decoration: none;
	font-weight: bold;
	
	
	color: White;	
	padding: 10px 17px 10px 17px;
	margin-left: 2px;
	background-repeat: no-repeat;
	background-position: top right;
	}
	
li.navMainRIGHT a:active 
{
	text-decoration: none;
	font-weight: bold;
	
	
	color: White;
	padding: 10px 17px 10px 17px;
	margin-left: 2px;
	background-repeat: no-repeat;
	background-position: top right;
	}
	
li.navMainRIGHTActive
{
	padding: 0px;
	float: left;
	display: block;
	padding: 10px 0px 10px 0px;
	background-repeat: no-repeat;
	background-position: top left;
	}

li.navMainRIGHTActive a:link, 
li.navMainRIGHTActive a:visited, 
li.navMainRIGHTActive a:hover,
li.navMainRIGHTActive a:active 
{
	text-decoration: none;
	font-weight: bold;
	
	
	color: White;	
	padding: 10px 17px 10px 17px;
	margin-left: 2px;
	background-repeat: no-repeat;
	background-position: top right;
	}