#navigation
{
    float: left;    
    width: 860px;
    margin: 0 auto;    
    position:relative;
}

#navigation img { float: left; border: 0px;}

#navigation ul
{
    float: left;
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 860px;    
    background-image: url(/images/navigation_bg.gif); background-repeat: repeat-x;
    min-height: 38px;
}

#navigation ul li
{
    float: left;
    height: 38px;
    position: relative;    
}

#navigation ul li a 
{ 
    background-image: url(/images/navigation.gif); 
    background-repeat: no-repeat; 
    float: left;    
    height: 38px;    
}

#navigation li ul.sub
{
    display: none;
    width: 200px;
    float: left;
    clear: both;
    position: absolute;
    top: 38px;     
    background: none;  
    left: 18px;
    background: #f1f1f1;

}

#navigation li ul.sub li 
{      
    float: left; 
    clear: both; 
    margin: 0px; 
    height: 25px;
    padding: 3px;
    padding-left: 10px; 
    font-size: 15px;
    font-weight: bold;
    color: #666;
    font-family: Arial;
}


#navigation li:hover ul, 
#navigation li.over ul
{
    display: block;    
}
#navigation li:hover ul a, 
#navigation li.over ul a
{
    background: none;   color: #666; text-decoration: none;
}
#navigation li:hover ul a:hover, 
#navigation li.over ul a:hover
{ color: #4e850f; text-decoration: underline; }

#navigation ul li a span { display: none; }

a#home { width: 62px; background-position: -0px 0px; }
a#speakers { width: 90px; background-position: -63px 0px; }
a#programme { width: 112px; background-position: -154px 0px; }

a#marketing-conference-2009 { width: 250px; background-position: -63px 0px;}
a#financial-services-event { width: 250px; background-position: -313px 0px;}

a#venues { width: 75px;  background-position: -563px 0px;}
a#news { width: 60px; background-position: -638px 0px; }
a#golf { width: 60px; background-position: -708px 0px; }

a#home.selected,
a:hover#home { width: 62px; background-position: 0px -38px; }

a#speakers.selected,
a:hover#speakers { width: 90px; background-position: -63px -38px; }

a#programme.selected,
a:hover#programme { width: 112px; background-position: -154px -38px; }


a#marketing-conference-2009.selected,
a:hover#marketing-conference-2009 { width: 250px; background-position: -63px -38px;}

a#financial-services-event.selected,
a:hover#financial-services-event { width: 250px; background-position: -313px -38px;}

a#venues.selected,
a:hover#venues { width: 75px;  background-position: -563px -38px;}

a#news.selected,
a:hover#news { width: 60px; background-position: -638px -38px; }

a#golf.selected,
a:hover#golf { width: 60px; background-position: -708px -38px; }