﻿/* top navigation menu CSS */
#topnav {
	position: relative; 
	font-size: smaller;
	background-color: #ffffff;
	height: 45px;
	
/*	background-image: url('/images/KeyBridgeLogo40.png');
	background-repeat: no-repeat;
	background-position:5px 2px;
	width:90%;
	*/
}
#topnav a {
	color: #656565;
	text-decoration: none;
}
#topnav li a:hover {
	border-bottom: 1px dotted #656565;
}
#topnav ul {
	display: block;
	margin: 0;
	padding: 0px;
	/* 0 0px .5em 0px;*/
	position: absolute;
	top: 10px;
	right: 0px;
}
#topnav ul ul {
	padding-bottom: 1px;
}
#topnav li {
	display: block;
	float: left;
	margin: 0 18px 0 0;
	text-indent: 13px;
	padding-bottom: 0;
	background-image: url('/css/images/bullet-triangle.png');
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 1.1em;
	position: relative;
}
#topnav li.last {
	margin: 0;
}
#topnav li ul {
	position: absolute;
	background-color: #fff;
	border: 1px solid #D3CAAA;
	width: 10em;
	left: -999em;
	top: 1.1em;
	z-index: 100; /*	font-size: 90%;*/;
	font-size: smaller;
}
#topnav li:hover ul {
	left: 0;
	z-index: 1000;
}
#topnav li ul li {
	background-image: none;
	text-indent: 0;
	width: 100%;
	padding: 0;
	margin: 0;
}
#topnav li ul li a {
	display: block;
	width: 100%;
	padding: .2em 0;
	text-indent: .2em;
}
#topnav li ul li a:hover {
	color: white;
	background-color: #6699ff;
}
#kblogo {
	background-position: left center;
	display: block;
	width: 92px;
	height: 40px;
	background-image: url('/images/KeyBridgeLogo40.png');
	text-indent: -300px;
}
