﻿

#navigation
{
    position: relative;
    width: 940px;
    float: left;
    z-index: 100;
	border: 1px solid #cccccc;
	
}

ul#menu 
{
    padding: 0 0 0 1px; 
    list-style:none;  
    margin:0; 
    font-size:11px; 
    font-family:Tahoma, arial, sans-serif;
    height: 26px; 
    width: 940px;
    font-weight: bold;
    background: url(../images/navbar-repeat.jpg) repeat-x;
    z-index: 1;
    }
    
ul#menu ul  /* The dropdown list styles (hidden) */
{
    padding: 0; 
    margin-left:0; 
    list-style:none; 
    position:absolute; 
    left:-9999px;
    }
    
ul#menu table 
{
    border-collapse: collapse; 
    font-size:1em; 
    float:left; 
    margin:-1px;
    }

ul#menu ul li 
{
    float:left; 
    margin:0; 
    text-align:left; 
    }
    
ul#menu ul li a   /* dropdown menu list items */
{
    display:block; 
    line-height:20px; 
    margin:0; 
    padding:0 20px; 
    background:transparent; 
    width:150px;
	overflow: hidden;
    }

ul#menu li 
{
    display:inline; 
    margin:0 -1px; 
    text-align:left;
    }
    
ul#menu li a /* link styles for the main menu links */
{
    display:inline-block; 
    height: 26px; 
    margin: 0;
    padding: 0 25px 0 25px; 
    line-height: 23px; 
    text-decoration:none; 
    color:#ffffff;
	background: url(../images/button-divider.jpg) no-repeat right;
    }
    


html>/**/body ul#menu li 
{
    display:inline-block; 
    padding:0;
    
    }

* html ul#menu li a.sub 
{
    margin-right:3px;
    }
    
* html ul#menu li a 
{
    margin-bottom:-2px;
    }

ul#menu li a b 
{
    display:block; 
    height:12px; 
    float:left; 
    padding:0 10px 0 10px; 
    cursor:pointer;
    font-weight: bold;
    z-index: 1;
    }

ul#menu li a:hover  /* Hover colour of the main menu items - IE6 */
{
    position:relative; 
    background-position:right bottom;
	background-color: #fdfdfd; 
    color:#ff99cc;
    }
    
ul#menu li a:hover b 
{
    background-position:left bottom;
    }

ul#menu li:hover 
{
    position:relative;
    }
    
ul#menu li:hover > a   /* hover states for IE7 upwards */
{
    background-position:right bottom; 
    color:#ff99cc;
	background-color: #fdfdfd;
    }
    
ul#menu li:hover > a b 
{
    background-position:left bottom;
    }

ul#menu :hover ul /* Dropdown panel */ 
{
    left: 0;     /* indent of the dropdown panel in relation to the button above */
    width:160px; 
    top:26px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background:#ffffff;
    padding: 10px 0 10px 0;
    }
    
* html ul#menu :hover ul /* Dropdown panel  IE6 */ 
{
    top:26px;
   
    }

ul#menu :hover ul li /* Dropdown panel */ 
{
    display:block; 
    float:left; 
    margin:0; 
   
    }
    
ul#menu :hover ul li a  /* Dropdown panel */
{
    display:block; 
    float:left; 
    margin:0; 
    height:25px; 
    line-height:25px; 
    width:120px; 
    background:#ffffff; 
    font-size: 11px;
    color:#666666;
    }
    
ul#menu :hover ul li a.fly 
{
    background:#ddd url(arrow.gif) no-repeat right center;
    }
    
ul#menu :hover ul li a:hover   /* Background colour of the dropdown menu items */
{
    background:#666666; color:#ffffff;
    }
    
ul#menu :hover ul li:hover > a 
{
    background:#666666; 
    color:#ffffff;
    }






