/* Top Menu */

#top-menu
{	
	height: 31px;	
	font: bold 12px Arial, Helvetica, sans-serif;
	background: url(../Images/EchoStar/LightGreyMenuBckgrd.gif);
	width: 100%;
 }

#top-menu a
{
	color: #fff;
	text-decoration: none; 
	padding-right: 15px;
	
}

#top-menu a:hover
{
	text-decoration: NONE;
	z-index:1000;
}

#top-menu table
{
	width: 100%;

	
}

#top-menu-separator
{
   
	background-image: url(../Images/EchoStar/LightGreyMenuSeparator.gif);
	width: 2px;
/* changed to eliminate overhang of separators in FireFox. */
/*	height: 31px; */
	height: 30px;
	background-repeat: no-repeat;
}

/* don't know why we still have to have this but IE 6 doesn't work w/ out it */
#top-menu-dropdown, #top-menu-dropdown ul
{
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    z-index:1000;
   
}

#top-menu-dropdown-item
{
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.9em;
    vertical-align: middle;
    width: 157px;
    z-index: 1000;
   
}

#top-menu-dropdown-item a
{
    color: White;
    font-weight: bold;
   
}

#top-menu-dropdown-item ul
{
    list-style: none;
    list-style-type: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0 0 0 -999em;
    text-align: center;
    width: 157px;
    
}

#top-menu-dropdown-item ul li
{
    float: none;
    list-style: none;
    text-align: left; 
}

#top-menu-dropdown-item ul li a
{
    color: Black;
    font-weight: normal;
    padding-left: 15px;
	display: block;
	height: 1%;  
}

#top-menu-dropdown-item:hover 
{
    visibility: visible;
}

#top-menu-dropdown-item:hover ul, #top-menu-dropdown-item.echoHover ul
{
    margin-left: 0;
    background: url(../Images/EchoStar/dropdown_back_trans.png);
}

#top-menu-dropdown-item ul li:hover a, #top-menu-dropdown-item ul li.echoHover a
{
   background-color: #e3252d;
   text-decoration: none;
   color: White;
   display: block;
   padding-left: 15px;
   
}

/* Bottom Menu */

#footer-menu
{
	background-color: Transparent;
	
}

#footer-menu table
{
	width: 80%;
	border: 0;
	background-color: Transparent;
}

#footer-menu a
{
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

#footer-menu a:hover, #footer-menu-separator 
{
	color: #CC0000;
}