/* =main site navigation - top level */
#mainNav { 
		font-weight: bold; 
		width: 900px;
		clear: both;
		height: 50px;
		z-index: 100;
		background: #1B6897 url(../images/misc/nav_bg.gif) no-repeat;
	}
	
#mainNav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
#mainNav ul li { 
		position:relative; /* dropdown positions refer to here */ 
		z-index:auto;
		float: left;
		height: 50px;
		background: url(../images/misc/nav_border.jpg) bottom right no-repeat;
	}
	
#mainNav ul li.last {
		background: none;
	}
	
/* link styles */
#mainNav ul li a { 
		line-height: 4.2em;
		display: block; 
		padding: 0px 24px;
		width: .1em; /* to fix IE issue */ 
		color: #FFF;
		text-decoration: none;
	}
	
#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/misc/op70.png);
	  	background-repeat: repeat;
		color:#000; 
		font-weight:bold; 
	}

#mainNav div.container ul li {
		height: 30px;
		width: 200px;
		background: url(../images/misc/li_bg.gif) no-repeat;
	}
	
#mainNav div.container ul li a {
		padding: 10px 0px 10px 15px;
		line-height: 1em;
		color: #FFF;
		font-weight: normal;
		font-size: 1em;
	}
	
#mainNav div.container ul li:hover {
		background-color: #000;
	}
	
#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: 50px; 
		left: 0; 
	}

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