@charset "utf-8";
/*CSS for Navigation bar*/

#nav {
	border:1px solid #ccc;
	border-width:1px 0;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
#nav li {
	position:relative;
	display:inline;
}
#nav a {
	display:inline-block;
	padding:10px;
}
#nav ul {
	position:absolute;
	/*top:100%; Uncommenting this makes the dropdowns work in IE7 but looks a little worse in all other browsers. Your call. */
			left:-9999px;
	margin:0;
	padding:0;
	text-align:left;
}
#nav ul li {
	display:block;
}
#nav li:hover ul {
	left:0;
}
#nav li:hover a {
	text-decoration:underline;
	background:#FFF;
}
#nav li:hover ul a {
	text-decoration:none;
	background:#FFF;
}
#nav li:hover ul a:hover {
	text-decoration:underline;
	background:#FFF;
}
#nav ul a {
	white-space:nowrap;
	display:block;
	border-bottom:1px solid #ccc;
}