/*
======================  Horizontal Navigation Style Sheet for the WITS UNIVERSITY Website ======================
URI: http://www.wits.ac.za
Created by: Graham Holtshausen
Department: Marketing & Communications
Email: graham.holtshausen@wits.ac.za
Date Created: 21 June 2010

---------- Latest Version -----------
Modified by: Graham Holtshausen
Date: 17 October 2010
-------------------------------------

================================================================================================================
*/




#dropList { 
	background-image: url(../images/top-nav-bg.png);
	background-repeat: no-repeat;
	width: 960px;
	height: 46px;
	font-size:11px; 
	z-index:10000; 
	position: relative;
	} 
	
#dropList h5 {
font-style: normal;
font-weight: bold;
	} 	
	
#dropList a:hover {
	border:none;
}	
	
#dropList ul#menu { 
	margin:0; 
	padding:0 10px 0 10px; 
	list-style:none; 
	white-space:nowrap; 
	} 
	
#dropList ul#menu li.level1-li { 
	float:left; 
	height: 46px;
	width: 134px;
	padding-top:4px; 
	margin-right:0px; 
	

	} 
	
	#dropList ul#menu li.level1-li a.level1-a { 
	display:block; 
	height: 56px; 
	width: 130px;
	float:left; 
	/*border-left:1px solid #7e8586; 
	border-right:1px solid #2d2d2d; */
	padding:0px 0 0 6px; 	
	line-height:18px; 
	white-space:nowrap; 
	font-weight:bold; 
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none; 
	text-align: center;
	text-shadow: -1px -1px 1px #003c58;
	vertical-align: middle;
	} 
	
	#dropList ul#menu li.sub a.level1-a {
	color:#fff;
	} 
	
	#dropList ul#menu li.level1-li:hover, #dropList ul#menu li.level1-li a.level1-a:hover {
	position:relative;
	} 
	
	#dropList ul#menu li.level1-li a.level1-a:hover, #dropList ul#menu li.level1-li:hover a.level1-a {
	/*border-left:1px solid #2d2d2d; 
	border-right:1px solid #000; */
	color: #fff;
	background: url(../images/nav-hover-bg.png) no-repeat 10px -3px;

} 
	
	#dropList ul#menu li.sub a.level1-a:hover {
	height: 42px;
	color: #fff;
	background: url(../images/nav-hover-bg.png) no-repeat 10px -3px;
	
}  
	
	#dropList ul#menu li.sub:hover > a.level1-a {
	height: 42px;	
	color: #fff;
	background: url(../images/nav-hover-bg.png) no-repeat 10px -3px;
} 
	
	#dropList ul#menu li div.listHolder {
	position: absolute;
	left: -9999px;
	top: 46px;
	background: #f1f5fb url(../images/droplist-nav-top.gif) repeat-x;
	border: 1px solid #1d83b4;
	border-width: 0 1px 1px 1px;
	padding: 0;
} 
	
	/* IE6 only */ #dropList table { 
	border-collapse:collapse; 
	margin:-1px -10px; 
	font-size:1em; 
	width:0; 
	height:0; 
	} 
	
	#dropList ul#menu :hover div.listHolder {
	left:0;
	} 
	
	#dropList ul#menu a:hover div.listHolder {
	left:-1px; 
	top:29px;
	
	} #dropList ul#menu div.col1 {
	width:160px;
	} 
	
	#dropList ul#menu div.col2 {
	width:360px;
	} 
	
	#dropList ul#menu div.col3 {
	width:520px;
	} 
	
	#dropList ul#menu div.col4 {
	width:730px;
	} 	
	
	#dropList ul#menu a:hover div.left1, #dropList ul#menu :hover div.left1 {
	left:-171px;
	} 
	
	#dropList ul#menu div.listHolder div.bottomLine {
	clear: left;
	background: url(../images/droplist-nav-bottom.gif) repeat-x;
	height: 29px;
} 
	
	/*
	#dropList ul#menu a:hover div.listHolder div.bottomLine {
	height:1px;
	}
	*/ 
	

	#dropList ul.atoz {
	padding:0; 
	margin:0; 
	list-style:none; 
	width:420px; 
	height:24px; 
	background:#fff;
	} 
	
	#dropList ul.atoz div.subListHolder {
	position:absolute; 
	left:-9999px;
	} 
	
	#dropList ul.atoz li {
	display:block; 
	float:left;
	} 
	
	#dropList ul.atoz li a {
	display:block; 
	padding:0 10px; 
	float:left; 
	height:24px; 
	line-height:24px; 
	background:#fff; 
	color:#000; 
	text-decoration:none; 
	text-align:center; 
	font-weight:bold;
	} 
	
	#dropList ul.atoz li a:hover {
	background:#069; 
	color:#fff;
	} 
	
	#dropList ul.atoz li:hover > a {
	background:#069; 
	color:#fff;
	} 
	
	#dropList ul.atoz :hover div.subListHolder {
	left:-1px; 
	top:24px; 
	background:#fff url(divider.gif); 
	border:1px solid #000; 
	border-width:0 1px 1px 1px;
	} 
	
	#dropList div.listCol {
	display:block; 
	float:left; 
	padding:0 15px 0 15px; 
	margin:0; 
	width:150px;
	} 
	
	#dropList div.listCol h5 {
	padding: 20px 0 0px 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #1277a6;
	text-transform: uppercase;
	border-bottom: 1px dotted #1277a6;
	text-align: left;
	max-width:145px;
	overflow: hidden;
	white-space: pre-line;
} 
	
	#dropList div.listCol ul {
	padding:0; 
	margin:3px 0 0 0; 
	list-style:none;
	} 
	
	#dropList div.listCol ul li {
	line-height: 12px;
	padding: 0 0 5px 3px;
	margin: 0;
	background-image: url(../images/subnav-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	overflow: hidden;
	white-space: pre-line;	
} 
	
	#dropList div.listCol ul li a {
	display:block;  
	color:#000; 
	text-decoration:none; 
	padding-left:10px; 
	font-weight:normal; 
	white-space:nowrap; 
	text-align:left; 
	width:130px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow: hidden;
	white-space: pre-line;	
	} 
	
	#dropList div.listCol ul li a:hover {
	text-decoration:underline;
	} 
	
	#dropList div.sublistCol {
	display:block; 
	float:left; 
	padding:10px; 
	margin:0; 
	width:150px; 
	text-align:left; 
	line-height:15px;
	} 
	
	#dropList div.sublistCol h5 {
	clear:left; 
	padding:5px 0 0 0; 
	margin:0; 
	font-size:11px; 
	line-height:13px; 
	text-align:left; color:#000;
	} 
	
	#dropList div.sublistCol ul {
	padding:0; 
	margin:0; 
	list-style:none; 
	width:110px;
	} 
	
	#drop List div.sublistCol ul li {
	line-height:15px; 
	padding:0; 
	margin:0; 
	width:110px
	} 
	
	#dropList div.sublistCol ul li a {
	display:block; 
	float:left; 
	color:#069; 
	text-decoration:none; 
	padding-left:10px; 
	font-weight:normal; 
	white-space:nowrap; 
	height:15px; 
	line-height:15px; 
	font-weight:normal;
	} 
	
	#dropList div.sublistCol ul li a:hover {
	text-decoration:underline; 
	color:#069;
	} 
	
	#dropList div.sublistCol ul li:hover  a {
	text-decoration:underline; 
	color:#069; 
	} 
	
	#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine {
	clear:left; 
	background:#666;
	padding:5px 10px; 
	text-align:left;
	} 
	
	#dropList ul#menu a:hover div.listHolder ul.atoz div.bottomLine {
	height:1px;
	} 
	
	#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine p {
	padding:0 0 0 15px; 
	margin:0; 
	line-height:20px; 
	color:#fc0; 
	background:url(arrow.gif) no-repeat left center; 
	font-weight:bold;
	} 
	
	#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine p a {
	color:#fff; 
	background:#666; 
	display:inline; 
	float:none; 
	padding:0; 
	text-decoration:underline;
	} 
	
	#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine p a:hover {
	text-decoration:none;
	} 
	
	#dropList table table { 
	border-collapse:collapse; 
	margin:-1px -10px 0 -10px; 
	font-size:1em; 
	width:0; 
	height:0; 
	}
	
	#dropList ul#menu a:hover div.item3, #dropList ul#menu :hover div.item3 {left:-60px;}
	#dropList ul#menu a:hover div.item4, #dropList ul#menu :hover div.item4 {left:-300px;}
	#dropList ul#menu a:hover div.item5, #dropList ul#menu :hover div.item5 {left:-400px;}		
 	#dropList ul#menu a:hover div.item6, #dropList ul#menu :hover div.item6 {left:-595px;}	
 	#dropList ul#menu a:hover div.item7, #dropList ul#menu :hover div.item7 {left:-596px;}