﻿/* Top menu */

#top-menu
{
    width: 100%;
 	z-index: 5;  
}

#top-menu-img
{
  position:  relative;
  text-align: left;
  vertical-align: top;
}

/*Test */

#top-menu a:hover
{
}

#top-menu-dropdown table tr
{
    background-image: url('/Images/Europe/horizontal_bar.gif');  
	background-position: bottom;
	background-repeat: repeat-x;
	position: relative;
	z-index: 1;
	vertical-align: top;
	height: 54px;
}

#top-menu-dropdown, #top-menu-dropdown ul
{ 
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    position: inherit; 
}
/* don't know why we still have to have this but IE 6 doesn't work w/ out it */

#top-menu-dropdown-item, .separator-column
{
   position: relative;
   text-align: center;
   z-index: 10;  
}
 
#top-menu-dropdown-item img, .separator-column img 
{ 
	border: 0px; 
    position: relative;
  }

#top-menu-dropdown-item-filler
{
	background-position: bottom;
	background-repeat: repeat-x;
}

#top-menu-dropdown-item a
{
    color:  Black;
    font-weight: bold;
    position: relative;
    z-index: 10;
}

#top-menu-dropdown-item ul
{
    list-style: none;
    list-style-type: none;
    padding: 0;
    border-bottom: solid 1px #F3F3F3;
    text-align: center;
    margin: 27px 0 0 -999em;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 300;  
}

#top-menu-dropdown-item ul li
{
    list-style: none;
    text-align: left;
    padding-left: 5px; 
}

#top-menu-dropdown-item ul li a
{
    color:  black;
    font-weight: normal;
    text-decoration: none;    
}

#top-menu-dropdown-item:hover 
{
    position: relative;
}

#top-menu-dropdown-item:hover ul, #top-menu-dropdown-item.echoHover ul
{
    font-family: Verdana;
    margin-left: 0; 
    background-color: #F3F3F3;  
    top: -2px;
    width: 163px;
    font-size: 10.5px;   
}

#top-menu-dropdown-item ul li:hover a, #top-menu-dropdown-item ul li.echoHover a
{
    background-color: #C60C30;
    text-decoration: none;
    color: White; 
}

.separator-column img
{
	vertical-align: top;
}

/* Footer Menu */

#footer
{
	margin-top: 20px;
}

.footer-separator
{
	color: #C60C30;
	padding: 0px 1px 0px 1px;
}

#footer-menu a, #footer-menu a:visited
{
	color: Black;
	text-decoration: none;
}

#footer-menu a:hover
{
	color: #C60C30;
	text-decoration: none;
}
