/**HORIZONTAL**/
/* Author: Craig Erskine Description: Dynamic Menu System - Horizontal/Vertical */
ul#navmenu-h {
    margin: -1px 0 0 0px ;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 9999;
}

ul#navmenu-h ul {
    width: 145px; /* Sub Menu Width */
    margin: 0px 0 0 0;
    list-style: none;
    display:none;	
    position: absolute;
    top: 100%;
	left:0;
	border-left:1px solid #6b87b2;
	border-right:1px solid #6b87b2;
	padding: 0;
}

ul#navmenu-h li ul {
    margin: 3px 0 0 0;
}




ul#navmenu-h ul ul, ul#navmenu-h ul ul ul {
    top: 0;
    left: 100%;
    margin: 0px 0 0 0;
}

ul#navmenu-h li {
	height:24px;
    text-transform: uppercase;
    float: left;
    display: inline;
    position: relative;
	background: url('/css/imgs/no_selected.png') top repeat-x #335b8a;
	margin:0;
	border-right:1px solid #6b87b2;
}

ul#navmenu-h li a {
	background: url('/css/imgs/no_selected.png') bottom;
	height:20px;
    text-align: center;
 	padding:5px 20px 0 20px;
    text-transform: uppercase;
    text-decoration: none;
    font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #fff;
    float: left;
    display: inline;
    position: relative;

}
ul#navmenu-h[id] li a {

}
ul#navmenu-h li div.top-img{
	 position: relative;
	 width: 135px;
	 text-align: center;
}
ul#navmenu-h li div.bottom-img{
	 width: 135px;
	 text-align: center;
	position:absolute;
	left:0;
	bottom: -5px;	 
}
ul#navmenu-h ul {
	padding:0px 0 0 0;
 margin: 0px 0 0 0px;
}
ul#navmenu-h ul li {
	padding:5px 0 0 0;
}
ul#navmenu-h ul ul {
	padding:0px 0 0 0;
margin: -1px 0 0 0;;
}
ul#navmenu-h ul ul ul {
	padding:0px 0 0 0;
margin: -1px 0 0 0;
}
ul#navmenu-h ul ul ul ul {
	padding:0px 0 0 0;
margin: -1px 0 0 0;
}
ul#navmenu-h ul li {
height:24px;
	border:1px solid #335b8a;
    width: 180px;
    display: block;
	padding:0px 0 0 0;
    margin: 0px 0 0 0px;
}

/* Root Menu */
ul#navmenu-h a {
    float: left;
    display: block;
    text-decoration: none;
    height: 1%;
	padding-top: 4px;
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover, ul#navmenu-h li.iehover, ul#navmenu-h li:hover a, ul#navmenu-h li.iehover a {
	height:24px;	
	background: url('/css/imgs/no_selected01.png') repeat-x top #335b8a;
    color: #FFF;
	margin:0;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a, ul#navmenu-h li.iehover li a {
	margin: 0px;
        text-transform: capitalize;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
        float: none;
	border:none;
        height:24px;
        background:transparent;
}

/* 2nd Menu Hover Persistence */

ul#navmenu-h li:hover li a:hover, ul#navmenu-h li:hover li:hover a, ul#navmenu-h li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover a {
	 text-transform: capitalize;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li a {
	 text-transform: capitalize;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
padding:0 10px;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover, ul#navmenu-h li:hover li:hover li:hover a, ul#navmenu-h li.iehover li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover a {
	 text-transform: capitalize;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
padding:0 10px;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li.iehover li a {
	 text-transform: capitalize;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
padding:0 10px;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover, ul#navmenu-h li:hover li:hover li:hover li:hover a, ul#navmenu-h li.iehover li.iehover li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover li.iehover a {
	 text-transform: capitalize;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
padding:0 10px;

}

/* 5th Menu */
ul#navmenu-h li:hover li:hover li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li.iehover li.iehover li a {
	 text-transform: capitalize;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
padding:0 10px;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li:hover li a:hover, ul#navmenu-h li:hover li:hover li:hover li:hover li:hover a, ul#navmenu-h li.iehover li.iehover li.iehover li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover li.iehover li.iehover a {
	 text-transform: capitalize;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
padding:0 10px;

}

/* Hover Function - Do Not Move */
ul#navmenu-h li:hover ul ul, ul#navmenu-h li:hover ul ul ul, ul#navmenu-h li.iehover ul ul ul ul, ul#navmenu-h li.iehover ul ul ul ul ul ul {
    display: none;

}
                          
ul#navmenu-h li:hover ul, ul#navmenu-h ul li:hover ul, ul#navmenu-h ul ul li:hover ul, ul#navmenu-h li.iehover ul, ul#navmenu-h ul li.iehover ul, ul#navmenu-h ul ul li.iehover ul, ul#navmenu-h ul ul ul li.iehover ul {
    display: block;
}


/*   VERTICAL   */


ul#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul {
 width: 200px; /* Menu Width */
 margin: 0;
 list-style: none;
 cursor:pointer;
}

ul#navmenu-v li { float: left; position: relative;  width: 100%; }
ul#navmenu-v li.iehover { z-index: 1000; /* IE z-index bugfix */ }

ul#navmenu-v ul {
width: 190px; 
 display: none;
 position: absolute;
 top: 0;
 left: 100%;
 z-index: 9999;
}

/* Root Menu */
ul#navmenu-v a {
 border-top: 0px solid #FFF;
 border-right: 0px solid #FFF;
 padding: 6px 0;
 display: block;
 /*background: #DDD;*/
 background:url('/css/img/menu_back_200.jpg') no-repeat;
 color: #666;
 font: bold 11px Arial, sans-serif;
 text-decoration: none;
 height: 29px;
 width:200px;
}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {
/*background: #BBB;*/
 background:url('/css/img/menu_back_200.jpg') no-repeat;
 color: #FFF;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a {
 float: none;
 /*background: #BBB;*/
 background:url('/css/img/menu_back_190.jpg') no-repeat;

}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,ul#navmenu-v li:hover li:hover a,ul#navmenu-v li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover a {
 /*background: #999;*/
 background:url('/css/img/menu_back_190.jpg')  no-repeat;

}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a {
 /*background: #999;*/
 background:url('/css/img/menu_back_190.jpg') no-repeat;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover a {
 /*background: #666;*/
 background:url('/css/img/menu_back_190.jpg') no-repeat;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li a {
 /*background: #666;*/
 background:url('/css/img/menu_back_190.jpg') no-repeat;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li.iehover a {
 /*background: #333;*/
 background:url('/css/img/menu_back_190.jpg') no-repeat;
}

/* 5th Menu */
ul#navmenu-v li:hover li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li a {
 /*background: #666;*/
 background:url('/css/img/menu_back_190.jpg') no-repeat;
}

/* 5th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li.iehover li.iehover a {
 /*background: #333;*/
 background:url('/css/img/menu_back_190.jpg') no-repeat;
}

/* Hover Function - Do Not Move */
ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul, ul#navmenu-v li:hover ul ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul, ul#navmenu-v li.iehover ul ul ul ul { display: none; }
ul#navmenu-v li:hover ul, ul#navmenu-v ul li:hover ul, ul#navmenu-v ul ul li:hover ul, ul#navmenu-v ul ul ul li:hover ul, ul#navmenu-v li.iehover ul, ul#navmenu-v ul li.iehover ul, ul#navmenu-v ul ul li.iehover ul, ul#navmenu-v ul ul ul li.iehover ul { display: block; }