/* TOP NAVIGATION *****************************************************/
#topNav{ float: left; position: relative;  width: 725px; z-index: 100; padding: 0px 0 0 0; }
#topNav .containerPadding{padding: 10px 0px 0px 0px; z-index: 300;  }

/* THE MAIN LINKS */

#topNav ul{
	margin:0;
	padding:0;
	list-style:none;
	height:24px;
	width: auto;
	border-left:1px solid #ccc;	
}

#topNav li {
	text-align: left;
	position:relative;
	display: block;
	float:left;
	z-index:200;
	line-height:18px;
	padding: 0px;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#900;
	width: auto;
	
}

#topNav li a, #topNav li .navNoLink {
	display: block;
	color: #900;
	width: auto;
	text-decoration:none;
	padding:2px 9px 2px 10px;	

}


#topNav li a:hover, #topNav li .navNoLink:hover{
	width: auto;
	color: #FFF;
	background-color:#339;

}

#topNav li ul {
	width: 150px;
	text-align: left;
	margin-left: -1px;
	border:1px solid #ccc; 
	display: block;
	background-color:#FFF;
	height:auto;
	padding: 5px 0px;
	position: absolute;
	left: -9999px;
}


#topNav li ul a{
	text-align: left;
	display: block;	 

}
#topNav li.hover ul , #topNav li:hover ul{display: block;}
#topNav ul ul li{
	text-align: center;
	display:inline;
	float:none;
	border: none;
}



/* THE SUB LINKS */
#topNav li ul li a, #topNav li ul li .navNoLink {
	float:none;
	border: none;
	padding:0 0 0 8px;
	color:#039;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}


/* YOU SHOULD NOT HAVE TO EDIT ANY OF THE STYLES BELOW */

#topNav li:hover ul ul, #topNav li:hover ul ul ul, #topNav li.sfhover ul ul, #topNav li.sfhover ul ul ul {
	left: -9999px;
	z-index: 501;
}

#topNav li:hover ul, #topNav li li:hover ul, #topNav li li li:hover ul, #topNav li.sfhover ul, #topNav li li.sfhover ul, #topNav li li li.sfhover ul {
	left: auto;
	z-index: 501;
}

/* Support for the "iehover-fix.js" */
ul.navItems iframe {
	position: absolute;
	left: -0.25em;
	top: -0.25em;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}


* html ul.navItems li { z-index: 501; }

/* this is for IE 5.0
	select.hide { visibility: hidden; }

/* End Support for the "iehover-fix.js" */


/* secondaryNav *****************************************************/
#secondaryNav{ float: left; position: relative;  width: 728px; z-index: 99; padding: 0px 0 0 0; }
#secondaryNav .containerPadding{padding: 10px 0px 0px 0px; z-index: 299;  }

#secondaryNav ul{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
}
#secondaryNav li{ 
	position: relative;
	width: auto;
	height: auto;
	display: block;
	float:left;
	border-right:1px solid #039;
	color:#039;

	font-size:10px;
        font-weight:bold;
	padding:0px 5px;
	text-align: left;
	}
	
#secondaryNav  a {
	display:block;
	float:left;
	color:#039;
	font-size:10px;
}
#secondaryNav .last {
	border: none;
	padding-bottom:5px;
	}

#secondaryNav ul ul li{
	text-align: left;
	float:none;
	width:160px;
	border:none;
}

#secondaryNav li ul {
	width: 160px;
	text-align: left;
	border:1px solid #ccc; 
	display: block;
	background-color:#FFF;
	padding: 0px;
	position: absolute;
	top: 18px;
	left: -9999px;
	float:left;
	margin-left:-45px;
}


/* THE SUB LINKS */
#secondaryNav li ul li a, #secondaryNav li ul li a:hover {
	float:none;
	border: none;
	padding:0px 0px 0px 8px;
	color:#039;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
	line-heigth: 15px; 
}





/* YOU SHOULD NOT HAVE TO EDIT ANY OF THE STYLES BELOW */

#secondaryNav li:hover ul ul, #secondaryNav li:hover ul ul ul, #secondaryNav li.sfhover ul ul, #secondaryNav li.sfhover ul ul ul {
	left: -9999px;
	z-index: 502;
}

#secondaryNav li:hover ul, #secondaryNav li li:hover ul, #secondaryNav li li li:hover ul, #secondaryNav li.sfhover ul, #secondaryNav li li.sfhover ul, #secondaryNav li li li.sfhover ul {
	left: auto;
	z-index: 502;
}


/** Custom Link Class for "Tune In To Your Planet"  **/
#TuneInPlanetLink{ color: #336600 !important; font-weight: bold;}


/* Support for the "iehover-fix.js" */
ul.navItems iframe {
	position: absolute;
	left: -0.25em;
	top: -0.25em;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

* html ul.navItems li { z-index: 501; }

/* this is for IE 5.0
	select.hide { visibility: hidden; }

/* End Support for the "iehover-fix.js" */









