@charset "UTF-8";
/* CSS Document */

/* TOP LEVEL LEFT DROP MENU SYSTEM WITH OUT SECOND LAYERS!!!!!!!*/
div#nav, div#nav2 { width: 149px; margin: 0px 0px 0px -1px; background:#FFFFFF;}
div#nav ul.level1 li a:hover, div#nav2 ul.level1 li a:hover{ text-decoration:none; color:#FFFFFF; background: #333399; font-family:   Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;} 
div#nav ul.level2 li a:hover, div#nav2 ul.level2 li a:hover{ text-decoration:none; color:#FFFFFF; background: #333399; font-family:   Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; width: 139px;}
div#nav li a:hover, div#nav2 li a:hover {text-decoration:none; color:#FFFFFF; font-family:   Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;}
div#nav ul, div#nav2 ul {margin: 0; padding: 0px; width: 149px; background: #EEEEEF; border: 0px solid #333399;}
div#nav li, div#nav2 li {position: relative; list-style: none; margin: 0; border-bottom: 2px solid #FFFFFF;}
/* MK COM LINE ISSUE */
div#nav li.submenu:hover, div#nav2 li.submenu:hover {color:#EEEEEF;}
div#nav ul.level1 li a, div#nav2 ul.level1 li a {display: block; padding: 3px 0em 3px 10px; font-family:   Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; color:#333333; background: #EEEEEF; width: 139px;}  
div#nav ul.level2 li a:hover, div#nav2 ul.level2 li a:hover {display: block; padding: 3px 0em 3px 10px;  background: #333399; font-family:   Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; color:#FFFFFF; width: 139px;}    
div#nav>ul a, div#nav2>ul a {width: auto;}
div#nav ul ul, div#nav2 ul ul {position: absolute; top: -1px; left: 149px; display: none;}
/* KILL THESE BELOW COM LINES WHEN WHEN YOU ONLY WANT ONE LAYER 
div#nav ul.level2 {background: #EEEEEF; border: solid 1px #333399; padding: 0 0 0 0px;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
*/
/* NEVER KILL THIS COM LINE BELOW */
body {background: #FFFFFF; behavior: url('/css/csshover.htc');}
/* Horitzontal menus */
div#hor1, div#hor2, div#hor3, div#hor4 { width: 150px; margin: 0px 0px 0px -1px; background:#FFFFFF;} 

div#hor1 ul.level01 li a:hover, div#hor2 ul.level01 li a:hover, div#hor3 ul.level01 li a:hover, div#hor4 ul.level01 li a:hover { text-decoration:none; color:#FFFFFF; background: #333399; font-family:   Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;} 
div#hor1 ul.level02 li a:hover, div#hor2 ul.level02 li a:hover, div#hor3 ul.level02 li a:hover, div#hor4 ul.level02 li a:hover { text-decoration:none; color:#FFFFFF; background: #333399; font-family:   Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; width: 140px;}
div#hor1 li a:hover, div#hor2 li a:hover, div#hor3 li a:hover, div#hor4 li a:hover {text-decoration:none; color:#FFFFFF; font-family:   Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;}
div#hor1 ul, div#hor2 ul, div#hor3 ul, div#hor4 ul {margin: 0; padding: 0px; width: 150px; background: #EEEEEF; border: 0px solid #333399; z-index:50;}

/* IE MULTI Z LAYER ISSUES! */
div#hor1 li, div#hor2 li, div#hor3 li, div#hor4 li {position: relative; list-style: none; margin: 0; border-bottom: 2px solid #FFFFFF;}



/* MK COM LINE ISSUE */
div#hor1 li.horSubmenu:hover, div#hor2 li.horSubmenu:hover, div#hor3 li.horSubmenu:hover, div#hor4 li.horSubmenu:hover {color:#EEEEEF; z-index:50;}
div#hor1 ul.level01 li a, div#hor2 ul.level01 li a, div#hor3 ul.level01 li a, div#hor4 ul.level01 li a {display: block; padding: 3px 0em 3px 10px; font-family:   Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color:#333333; width: 140px;} 
div#hor1 ul.level02 li a:hover, div#hor2 ul.level02 li a:hover, div#hor3 ul.level02 li a:hover, div#hor4 ul.level02 li a:hover {display: block; padding: 3px 0em 3px 10px;  background: #333399; font-family:   Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color:#FFFFFF; width: 140px;}  
div#hor1>ul a, div#hor2>ul a, div#hor3>ul a, div#hor4>ul a {width: auto;} 
div#hor1 ul ul, div#hor2 ul ul, div#hor3 ul ul, div#hor4 ul ul {position: absolute; top: -1px; left: 140px; display: none;}
/* KILL THESE BELOW COM LINES WHEN WHEN YOU ONLY WANT ONE LAYER */
div#hor1 ul.level02, div#hor2 ul.level02, div#hor3 ul.level02, div#hor4 ul.level02 {background: #EEEEEF; border: solid 1px #333399; padding: 0 0 0 0px;}
/*
div#hor1 ul.level01 li.horSubmenu:hover ul.level02, 
div#hor1 ul.level02 li.horSubmenu:hover ul.level03 {display:block; z-index: 10;}
*/
div#hor1 ul.level01 li.horSubmenu:hover ul.level02, 
div#hor1 ul.level02 li.horSubmenu:hover ul.level03 {display:block; z-index: 13;}
div#hor2 ul.level01 li.horSubmenu:hover ul.level02, 
div#hor2 ul.level02 li.horSubmenu:hover ul.level03 {display:block; z-index: 12;}
div#hor3 ul.level01 li.horSubmenu:hover ul.level02, 
div#hor3 ul.level02 li.horSubmenu:hover ul.level03 {display:block; z-index: 11;}
div#hor4 ul.level01 li.horSubmenu:hover ul.level02, 
div#hor4 ul.level02 li.horSubmenu:hover ul.level03 {display:block; z-index: 10;}