/* ==========================================================================
CSSMenu Component Style - by Soft Idiom www.softidiom.com.
This stylesheet was modified and used with permission of the copyright holder
=============================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
========================================================================== */
    /* style the outer div to give it width */
.main_menu {
    font-family: arial,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 4px;
}

/* remove all the bullets, borders and padding from the default list styling */
.main_menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    height: 12px;
    background: transparent;
    z-index: 9999999;
}

/* style the sub-level lists */
.main_menu ul ul {
    width: 100px;
    border: 1px solid #c0c0c0;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.main_menu ul li {
    float: left;
    height: 12px; /*height of the top menu bar items */
    line-height: 12px; /*line height of the top menu bar items */
}

/* style the sub level list items */
.main_menu ul ul li {
    display: block;
    width: 200px;
    height: auto;
    line-height: 12px;
}

/* style the links for the top level */
.main_menu a,.main_menu a:hover,.main_menu a:visited {
    display: block;
    float: left;
    font-family: arial, sans-serif;
    font-size: 10pt;
    text-decoration: none;
    color: #004687;
    background-color: transparent;
    padding: 2px 6px 10px 2px;
}
.main_menu a:hover {
	color:#000!important;
}

.main_menu ul .bar {
    display: block;
    float: left;
    background-color: #FFFFFF;
    margin: 4px 0px 4px 4px;
    width: 3px;
    height: 12px;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0;
}

/* style the sub level links */
.main_menu ul ul a,.main_menu ul ul a:visited {
    display: block;
    background-color: #DEE0F3;
    font-size: 10pt;
    text-decoration: none;
    color: #004687;
    width: 196px;
    height: auto;
    line-height: 12px;
    padding: 4px;
    border-bottom: 2px solid #FFFFFF;
}

* html .main_menu ul ul a,* html .main_menu ul ul a:visited {
    width: 186px;
}

/* style for item images */
.main_menu ul li img {
    border: 0px;
    margin-right: 4px;
}

/*style for items that display a submenu */
.main_menu .sub {
    
}

/*style for sub menu */
.main_menu ul ul {
    
}

/* style the table so that it takes no part in the layout - required for IE to work */
.main_menu table {
    position: absolute;
    left: 1px;
    top: 0;
    width: 0;
    height: 0;
    font-size: 12px;
    z-index: -1;
}

/* style the level hovers */ /* first */
* html .main_menu a:hover {
    color: #004687;
    position: relative;
    z-index: 9100;
}

.main_menu li:hover {
    position: relative;
}

.main_menu :hover>a {
    color: #004687;
}

/* second */
* html .main_menu ul ul a:hover {
    color: #004687;
    background-color: #F4F5FC;
    position: relative;
    z-index: 9110;
}

.main_menu ul ul li:hover {
    position: relative;
}

.main_menu ul ul :hover>a {
    color: #000;
    background-color: #F4F5FC;
    padding: 4px;
}

/* third */
* html .main_menu ul ul ul a:hover {
    background-color: #F4F5FC;
    position: relative;
    z-index: 9120;
}

/* fourth */
* html .main_menu ul ul ul ul a:hover {
    background-color: #F4F5FC;
    position: relative;
    z-index: 9130;
}

/*fifth*/
* html .main_menu ul ul ul ul ul a:hover {
    background-color: #F4F5FC;
    position: relative;
    z-index: 9140;
}

/*sixth*/
.main_menu ul ul ul ul ul ul a:hover {
    background-color: #F4F5FC;
    position: relative;
    z-index: 9150;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.main_menu ul ul {
    visibility: hidden;
    position: absolute;
    height: 0;
    top: 20px;
    left: 0px;
    width: 204px;
    z-index: 99999;
}

/* position the third level flyout menu */
.main_menu ul ul ul {
    left: 140px;
    top: 0;
    width: 204px;
}

/* hover visibility */
.main_menu ul :hover ul {
    visibility: visible;
    height: auto;
}

.main_menu ul :hover ul ul {
    visibility: hidden;
}

.main_menu ul :hover ul :hover ul {
    visibility: visible;
}

.main_menu ul :hover ul :hover ul ul {
    visibility: hidden;
}

.main_menu ul :hover ul :hover ul :hover ul {
    visibility: visible;
}

.main_menu ul :hover ul :hover ul :hover ul ul {
    visibility: hidden;
}

.main_menu ul :hover ul :hover ul :hover ul :hover ul {
    visibility: visible;
}

.main_menu ul :hover ul :hover ul :hover ul :hover ul ul {
    visibility: hidden;
}

.main_menu ul :hover ul :hover ul :hover ul :hover ul :hover ul {
    visibility: visible;
}

.main_menu ul :hover ul :hover ul :hover ul :hover ul :hover ul ul {
    visibility: hidden;
}

.main_menu ul :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul
    {
    visibility: visible;
}