﻿
/* --- Start of menu styles --- */

.Navigation
{
    float: left;
    height:41px;
    width: 1000px;
    font-family: Arial;
    font-size: 0.9em;
    margin: 0!important;
	padding:0px;
    vertical-align: middle;
}

.Navigation ul
{
    display: inline;
    list-style-type: none;
    list-style-image: none;
    height: 41px;
    padding: 0px;
    margin: 0 0 0 0;
    width: 900px;
    text-align: center;
}

.Navigation li 
{
    float: left;
    height:41px;
    padding:0px;
    text-align: center;
    font-weight:bold;
}

.Navigation .menuitemfirst{    float:left;    margin:0px;    padding:0px;    height:41px;    line-height:41px;    vertical-align:middle;    position:relative;      z-index:9;  }.Navigation .menuitem{    float:left;    margin:0px;    padding:0px;      height:41px;    line-height:41px;    vertical-align:middle;    position:relative;     z-index:9;}

.menuitemfirst a{    padding:0px 15px 0px 0px;    }.menuitem a{    padding:0px 15px 0px 15px;}

.menuitemfirst .seperator, .menuitem .seperator{    position:absolute;    top:0px;    right:0px;    width:1px;    height:41px;    background-color:#ccccff;    -ms-filter: "alpha(opacity=60)";            filter:alpha(opacity=60);    opacity:0.6;    -moz-opacity:0.6;    -khtml-opacity:0.6;     }

.menuitemfirst .seperatorend, .menuitem .seperatorend{    position:absolute;    top:0px;    right:0px;    width:1px;    height:41px;    background-color:transparent;       -ms-filter: "alpha(opacity=60)";            filter:alpha(opacity=60);    opacity:0.6;    -moz-opacity:0.6;    -khtml-opacity:0.6;      }

.menuitemfirst .selected, .menuitem .selected
{
    position:absolute;
    z-index:9;    
    top:40px;
    left:50%;
    height:16px;
}

.menuitemfirst .selected .arrow, .menuitem .selected .arrow
{
    position:absolute;
    z-index:9;    
    left:-20px;
    top:0px;
    width:39px;
    height:16px;
    background-image:none;    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='Images/Bits/menuitem-selected.png', sizingMethod='crop');}html>body .menuitemfirst .selected .arrow, html>body .menuitem .selected .arrow{    filter:none;    background-color:transparent;    background-position:left top;    background-image:url('../Images/Bits/menuitem-selected.png');}

.Navigation .submenu
{
    position:relative;
    z-index:49;    
}
.Navigation .submenu .bottom{    width:100%;
    _width:120px;    
    height:20px;        filter:none;    background-color:transparent;    background-image:url('../Images/Bits/menuitem-bottom.png');
    background-position:top left;
    background-repeat:no-repeat;}

.Navigation .submenu .ie .bottom
{      
    background-image:none;    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='Images/Bits/menuitem-bottom.png', sizingMethod='crop');    
}

.Navigation .submenu ul
{   
    -ms-filter: "alpha(opacity=90)";      
    filter:alpha(opacity=90);    opacity:0.90;    -moz-opacity:0.90;    -khtml-opacity:0.90;       
    margin:0!important;
    padding:0!important;  
    width:150px;
    height:208px;       
}

.Navigation .submenu li
{
    margin:0!important;
    padding:0!important;
}

/* style all the links */
.Navigation .submenu a, .Navigation .submenu :visited
{
    display:block;
    font-size:1.0em;
    width: 100%;
    _width:120px;
    height:32px!important;
    line-height:16px!important;
    vertical-align:middle;
    padding:0px!important;
    color:#000!important;
    text-decoration:none;
    text-align:center;
    font-weight:normal;
    margin:0!important;
    clear:both;
    background-color:#f8a966!important;
    border-bottom:5px solid #f8a966;    
}

.Navigation .submenu ul
{
    padding:0;
    margin:0;
}

.Navigation .submenu a.singleline, .Navigation .submenu a.singleline:visited
{
    height:16px!important;
}

/* These cause issues in later version of IE6! */

/* sub item link hover */
.Navigation .submenu a:hover
{
    display:block;    
    width: 100%;
    _width:120px;    
    height:32px!important;
    line-height:16px!important;
    vertical-align:middle;    
    color:#ffffff!important;
    background-color:#f68c34!important;
    text-decoration:none;
    font-weight:normal;    
    clear:both;    
}

.Navigation .submenu a.singleline:hover
{
    height:16px!important;
}

/* hide sub level links */
.Navigation ul ul
{
    visibility:hidden;
    position:absolute;
    margin:0!important;
    padding:0!important;
    height:0;
    z-index:50;
    top:0px;
    left:0px;
}

/* make the sub levels visible */
.Navigation ul li:hover ul
{
    visibility:visible;
}

.Navigation ul a:hover ul
{
    visibility:visible;
}

.Navigation li a:hover
{
    visibility:visible;
}

/* --- End of menu styles --- */
