@charset "utf-8";
/* CSS Document for TUCON Website - Jump Menu */

	.menu-jump {float:left; width:380px; height:25px; margin:-3px 0 20px 0; padding:0 0 0 20px; border:1px solid #000; background:#322f31 url(../images/nav-arrow.gif) no-repeat 380px center; z-index:10;}
	
	/* ************************************** */
	
	/* remove the bullets, padding and margins from the lists */
	.menu-jump ul {padding:0; margin:0; list-style-type:none;}
	/* make the top level links horizontal and position relative so that we can position the sub level */
	.menu-jump li {float:left; position:relative; z-index:100;}
	.menu-jump li.select {width:380px; height:25px; padding:2px 0 0 0;}
	/* use the table to position the dropdown list */
	.menu-jump table {position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:25px;}
	
	/* style all the links */
	.menu-jump a, .menu-jump :visited {width:365px; margin-right:0; padding:7px; display:block; color:#fff; text-decoration:none; border-bottom:1px dotted #fff; background:#322f31;}
	/* style the links hover */
	.menu-jump :hover {color:#f57b20; background:#322f31;}	
	/* hide the sub level links */
	.menu-jump ul ul {position:absolute; width:365px; height:0; visibility:hidden;}
	/* make the sub level visible on hover list or link */
	.menu-jump ul li:hover ul, .menu-jump ul a:hover ul {visibility:visible;}
	
	.menu-jump ul ul li {border-left:1px solid #000; border-right:1px solid #000;}
	
	/* ************************************** */
	
	.menu-jump-up {width:380px; position:relative;}
	.menu-jump-up ul li a, .menu-jump-up ul li a:visited {display:block; text-decoration:none; width:365px; height:25px; color:#fff; padding-left:10px; background:#322f31 url(../html/images/nav-arrow.gif) no-repeat 355px center; line-height:25px;}
	.menu-jump-up ul {padding:0; margin:0; list-style-type: none; }
	.menu-jump-up ul li {float:left; position:relative;}
	.menu-jump-up ul li ul {visibility:hidden; position:absolute;}
	.menu-jump-up table {border-collapse:collapse; margin:0; padding:0; margin:-1px;}
	.menu-jump-up ul li:hover a, .menu-jump-up ul li a:hover {color:#fff; background:#322f31;}
	.menu-jump-up ul li:hover ul, .menu-jump-up ul li a:hover ul {visibility:visible; bottom:25px; left:0;}
	.menu-jump-up ul li:hover ul li, .menu-jump-up ul li a:hover ul li {display:block; background:#fff; color:#fff; width:365px; clear:both;}
	.menu-jump-up ul li:hover ul li:hover a.sub, .menu-jump-up ul li a:hover ul li a:hover.sub {color:#fff;}
	.menu-jump-up ul li:hover ul li ul, .menu-jump-up ul li a:hover ul li a ul {visibility:hidden; position:absolute;}
	.menu-jump-up ul li:hover ul li a, .menu-jump-up ul li a:hover ul li a {display:block; background:#322f31; color:#fff; width:100%; padding-left:10px;}
	.menu-jump-up ul li:hover ul li a:hover, .menu-jump-up ul li a:hover ul li a:hover {color:#f57b20;}
	.menu-jump-up ul li:hover ul li:hover ul, .menu-jump-up ul li a:hover ul li a:hover ul {visibility:visible; left:210px; bottom:0;}
	.menu-jump-up ul li:hover ul.left, .menu-jump-up ul li a:hover ul.left {left:-105px;}
	.menu-jump-up ul li:hover ul li:hover ul.left, .menu-jump-up ul li a:hover ul li a:hover ul.left {left:-210px; width:365px;}