/* top navigation section
 *  
*/
#topNav {
	width: 100%
	left:0px;
	position: relative;
	top: 10px;
	height: 0px;
}
#topNav a {
	color: #656565;
	text-decoration: none;
	font-size: 80%;
	border-bottom: 1px dotted #fff;
	border-style: none;
	list-style-type:none;
	padding:0pt 0.5em;
}
#topNav li a:hover {
        text-decoration: none;
        color: #656565;
	border-bottom: 1px dotted #656565;
}
#topNav a:hover {
        text-decoration: none;
	border-bottom: 1px dotted #656565;
}
#topNav ul {
	display: block;
	margin: 0;
	padding: 0 0px .5em 0px;
	position: absolute;
	top: 10px;
	right: 0px;
	border-bottom: 1px solid #D6D6D6;
}
#topNav ul ul {
	padding-bottom: 0;
}
#topNav li {
	display: block;
	float: left;
	margin: 0 18px 0 0;
	text-indent: 13px;
	padding-bottom: 0;
	background-image: url(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%;
}
#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,#topNav li ul li a:active {
	color: white;
	background-color: #D3CAAA;
}
#topNav img {
	margin: 0;
	padding: 0;
	border-style: none;
}
#topNav img.rule {
	border-top: 1.7em solid white;
	/* ugly, ugly, but the line is too close to the tabs w/out it
	   using ems means this lowers as the users font-size increases */
}
ul.links {
margin:0pt;
padding:0pt;
}
ul.links.inline {
display:inline;
}
ul.links li {
display:inline;
list-style-type:none;
padding:0pt 0.5em;
}