/********************************************************************************************/
/********************************************************************************************/
/* HORIZONTAL MENU STYLING BELOW HERE *******************************************************/
/********************************************************************************************/
/********************************************************************************************/
#horiz_menu {
 background: #006;
    height: 400px;
    overflow: hidden;
    border-top: 2px solid #004;
}


#horiz_menuwrap_outer {
    float: left;
    position: relative;
    left: 50%;
}

#horiz_menuwrap_inner {
    float: left;
    position: relative;
    left: -50%;
}


/* remove the bullets, padding and margins from the lists */
#horiz_menuwrap_inner ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
#horiz_menuwrap_inner li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
#horiz_menuwrap_inner table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
#horiz_menuwrap_inner a, #horiz_menuwrap_inner :visited {
display:block;
font-size:.75em;
line-height: 20px;
padding:5px 13px;
color:#fff;
background: transparent;
text-decoration:none;
margin-right:1px;
font-size: 1em;
}
/* style the links hover */
#horiz_menuwrap_inner :hover,
#horiz_menuwrap_inner li:hover

{
background-color: #4ea2d0;
color: #000;
}

/* hide the sub level links */
#horiz_menuwrap_inner ul ul {
visibility:hidden;
position:absolute;
height:0;
text-align: left;

}

#horiz_menuwrap_inner ul ul li { width: 200px;
border-bottom: 1px solid white; text-align: left;
}

#horiz_menuwrap_inner ul ul a,
#horiz_menuwrap_inner ul ul li {
    background-color:#006;
}
/* make the sub level visible on hover list or link */
#horiz_menuwrap_inner ul li:hover ul,
#horiz_menuwrap_inner ul a:hover ul{
visibility:visible;
color: #eee;

background-color: #0c222e;

}

.rt {
    position: absolute;
    top: 30px;
    right: 0;
}

/********************************************************************************************/
/********************************************************************************************/
/* END OF HORIZONTAL MENU STYLING  *******************************************************/
/********************************************************************************************/
/********************************************************************************************/
.vmenu {position:relative; z-index:500; margin-left:0px;}
.vmenu ul {padding:0; margin:0; list-style:none; width:160px; padding:1px; background:#040;}
.vmenu ul ul {position:absolute; left:-9999px;}
.vmenu table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}
.vmenu ul li {width:160px; background:#472876;}

* html .vmenu ul li {float:left;}

.vmenu ul li a {display:block; width:145px; padding:8px 10px 8px 5px; font:bold 11px verdana, sans-serif;
color:#eee; text-decoration:none;
background:#472876 url(../images/whitehat.gif) right 1px no-repeat;

border:1px solid #020; border-color:#020 #555 #555 #020; clear:left;
}

.vmenu .more {
}
.vmenu ul li a.fly {background:#67b367;}

.vmenu ul li:hover {position:relative;}
.vmenu ul li a:hover { position:relative;}
.vmenu ul li:hover > a {
    text-decoration: underline;
background:#371866 url(../images/whitehat.gif) right 1px no-repeat;

}

.vmenu ul :hover ul,
.vmenu ul :hover ul :hover ul,
.vmenu ul :hover ul :hover ul :hover ul,
.vmenu ul :hover ul :hover ul :hover ul :hover ul {left:162px; top:-1px;}

.vmenu ul :hover ul ul,
.vmenu ul :hover ul :hover ul ul,
.vmenu ul :hover ul :hover ul :hover ul ul {left:-9999px;}