/* K'nechtology CSS Document For Site Navigation */

/* removes dotted outline from active link - edited by: EM */
a { outline:none;}

#siteNav
{
	/*need to position absolutely in order to use z-index to place nav on top of header image*/
	z-index:20;
	position:absolute;
	background-color: #84a1b3;
	border:0px solid #ff0000;
	
	border-bottom:solid 11px #84A1B3;
	margin-bottom:50px;
}

#siteNav ul
{
	list-style:none;
	padding:0px 0px 0px 10px;
	margin:0px;
}

#siteNav ul li
{
	padding:0px;
	margin:0px;
	text-align:right;
	background:#e2e9ef url(../images/listItem1ABullet.jpg) right top no-repeat;

}

#siteNav ul li.selected
{
	background-color:#84a1b3;
}
			
#siteNav ul li a
{
	display:block;
	height:24px;
	margin:0px 0px 0px 0px;
	padding:0px 30px 0px 0px;
	background:#e2e9ef url(../images/listItem1A_.jpg) left top no-repeat;
	color:#3a5568;
	line-height:24px;
	vertical-align:baseline;
	text-decoration:none;
	
	
	/* changed font size */
	font-size:12px;
	
}			

#siteNav ul li a:hover
{
	background:#e2e9ef url(../images/listItem1ASelected_.jpg) left top no-repeat;	
	color:#ffffff;
}

#siteNav ul li.selected a
{
	background:#e2e9ef url(../images/listItem1ASelected_.jpg) left top no-repeat;	
	color:#ffffff;				
}

#siteNav ul li.selected a:hover
{
	color:#ffffff;
}


#siteNav ul li.selected ul li
{
	padding:0px;
	margin:0px;
	line-height:24px;
	text-align:right;
	background:#e2e9ef url(images/listItem1BBullet.jpg) right top no-repeat;
}	

#siteNav ul li.selected ul li a
{
	background:#d5dde0 url(../images/listItem1B.jpg) left top no-repeat;
	color:#26475a;				
}	


/* NAVIGATION ADDED */
#siteNav ul li ul
{
	background:#84A1B3;
	list-style:none;
	padding:0px 0px 0px 10px;
	margin-left:-10px;
	
	display:none;
		
	
	width:100%;

}

#siteNav ul li ul li
{
	padding:0;
	margin:0;
	
	text-align:right;
	white-space:normal;

	
	
	border-bottom:solid 1px #fff;


}

#siteNav ul li ul li a
{
	display:block;
	background:none;
	
	margin:0px 0px 0px 0px;
	padding:0px 30px 0px 0px;
	background:#D5DDE0 url(../images/subListItem1A.jpg) repeat-y;
	color:#3a5568;
	line-height:22px;
	vertical-align:baseline;
	text-decoration:none;
	
	height:auto;
	
	
	/* changed font size */
	font-size:12px;

}

#siteNav ul li ul li a:hover
{
	background:none;
	text-decoration:none;
	
	background:#D5DDE0 url(../images/subListItem1A_selected.jpg) repeat-y;
	color:#333333;

}