/* =main site navigation - top level */
#mainNav { 
		position: absolute;
		bottom: 2px;
		right: 0 !important;
		right: 10px;
		background: #000;
		z-index: 100;
	}
	
#mainNav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
#mainNav ul li { 
		list-style: none;
		position:relative; /* dropdown positions refer to here */ 
		z-index:auto;
		height: 15px;
		float: left;
		background: url(/images/backgrounds/main_nav_li_bg.gif) bottom left no-repeat;
		margin-bottom: 0;
	}
	
#mainNav ul li.first {
		background: url(/images/backgrounds/main_nav_li_bg_first.gif) bottom left no-repeat;
	}
	
/* link styles */
#mainNav ul li a { 
		color: #FFF;
		padding: 0px 10px 4px 20px;
		font-weight: normal;
	}
	
#mainNav > ul li a { 
		width:auto;
	}
	
#mainNav ul li a:hover,
#mainNav ul li a:active { 
		background: transparent;
		text-decoration: none;
	}
	
/* =main site navigation - sub level */
/* style drop-down */
#mainNav div.container { 
		background-color: transparent;
		background-image: url(/images/backgrounds/op70.png);
	  	background-repeat: repeat;
		color:#000; 
		font-weight:bold; 
	}

#mainNav div.container ul li {
		height: 30px;
		width: 200px;
		background: url(/images/backgrounds/li_bg.gif) no-repeat;
	}
	
#mainNav div.container ul li a {
		padding-left: 15px;
		line-height: 30px;
		color: #FFF;
		font-size: 1em !important;
		font-size: 0.6em;
	}
	
#mainNav div.container ul li:hover {
		background-color: #600;
	}
	
#mainNav div.container ul li a:hover {
		color: #FFF;
	}
	
/* links */
/* hide the sub level and give positon absolute so it takes up no room */
#mainNav ul iframe { 
		border:none; 
		display:block; 
		height:1px; 
		left:-1px; 
		position:absolute; 
		top:-500em; 
		width:1px; 
		z-index:0; /* iframe covers windowed componenets in IE - must be positioned before container */ 
	}

#mainNav ul div.container { 
		height:1px; 
		left:-1px; 
		overflow:hidden;
		position:absolute; 
		top:-500em; 
		width:1px; 
	}

/* show sub level when hover on top level list OR link */
#mainNav ul li a:hover iframe { 
		top: 15px; 
		left: 0; 
	}

#mainNav ul li:hover div.container,
#mainNav ul li a:hover div.container { 
		top: 15px; 
		left: 0; 
		height:auto; 
		width: 200px; 
	}