@charset "utf-8";

#top-nav {
	letter-spacing: .2em;
	height:10px;
	font-family: gooddog;
	font-size: 110%;
	float: right;
	/*=======transitions===========*/
	-webkit-transition: all 0.3s ease;
	-moz-transition:  all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
	/*=============================*/
}
#top-nav li {
	float:left;
	padding-left: 20px;
}
#top-nav li a {
	display: block;
	padding: 5px 7px;
	/*padding-bottom: 5px;
	padding-top: 5px;*/
	/*color: #637812;*/
	color: #FFF;
}
#top-nav li a:hover {
	background-color: #879a35;
	background-color: #0A5694;
	background-color: #F7C224;
	color: rgba(255,255,255,1);
}
#top-nav li ul {
	display: none; 
	/*width: 150px; needed for opera*/
	background-color: rgba(255,255,255,.85);
}
/* this is unnecessary the dropdown expands on its own - even in opera opera
#top-nav li ul .events-dropdown {
	width: 300px;
}
#top-nav li ul .places-dropdown {
	width: 225px;
}
*/

#top-nav li li {
	margin-left: 10px;
	padding-left: 0px;
	padding-right: 8px;
}
#top-nav li:hover ul {
	display: block;
	position: absolute;
	z-index: 100;
}
#top-nav li:hover li {
	float: none; 
}
#top-nav li:hover li a {
	color: #54670b; 
	color: #0A5694;
	margin: 3px 0px;
	padding-left: 5px;
}
#top-nav li li a:hover {
	background-color: #879a35; 
	background-color: #D5B124;
	background-color: #F7C224;
	color: rgba(255,255,255,1);
}