@charset "utf-8";


/* ---------- Navigation ---------- */

#top_bar {
	width: 980px; 
	margin: auto; 
	height: 40px; 
}
#nav_container { display: inline; }
#nav {
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 12px;
	color: #9f9f9f;
	z-index: 9999;
	float: left;
	position: relative;	
}
#nav, #nav ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:1em;
}
#nav a:link, #nav a:active, #nav a:visited{
	display:block;
	line-height: 35px;
	color:#fff;
	text-decoration:none;
	text-transform: uppercase;
	padding-top: 0;
	padding-right: 35px;
	padding-bottom: 0;
	padding-left: 1px;
}
#nav a:hover {
	/*border-bottom: 1px solid #ff3333;*/
	height: 33px;
	color:#000 !important;
}
#nav .on{
	
	color:#ffffff !important;
	float: left;
	position: relative;
	/*background-image: url(../images/topsmall.png);*/
}
#nav .subscribe{
	background: url(../images/subscribe.png) top left no-repeat;
	height: 40px;
	margin-left: 22px;
	float: left;
	position: relative;
}
#nav li{
    float:left;
    position:relative;
}

#nav ul {
    position:absolute;
    top:2.7em;
    display:none;	
	z-index: 0;
}
#nav li ul a {
	width:12em;
	height: 35px;
	float:left;
	background-color: #000;
	background-image: none !important;
border-width: 1px;
border-style: dotted;
border-color: #f9f #f9f #f9f #f9f;	
}
#nav li ul a:hover {
	background-color: #f9f;
	height: 35px;
	
}
#nav ul ul{
	top:auto;
}	
#nav li ul ul {
    left:11.3em;
    margin:0px 0 0 10px;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none; 
	
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
	
}