/*
*************************************************

file : vertical.css
client : Webfirm
author : Karl Brightman
date created : 9th May 2007

*************************************************
*/

#left-nav, #left-nav ul {
	list-style: none; /* hide bullet points */
	margin: 0 0 0 20px;
	padding: 0;
	width : 200px; /* set for base left-nav width */
}
#left-nav { border-top: 1px solid #ff0099; }

#left-nav li {
	float : left;
	line-height : 30px;
	position : relative; /* required - used to position subs */
	width: 200px; /* set to same width as base list */
}

#left-nav li ul {
	left: -9999em;
	margin-left : 200px;
	position : absolute; /* required - positions subs in parent list item */
	top: -1px; /* align to top */
	border: 1px solid #ff0099;
}

#left-nav li a {
	background-color: #363535;
	color: #FFF;
	text-align:center;
	display : block;
	font-size: 14px;
	font-weight:bold;
	text-decoration : none;
	padding: 0 5px;
	width: 190px;
	border-bottom: 1px solid #ff0099;
}
#left-nav li a:hover {background-color:#ff0099; color:#fff;  border-bottom: 1px solid #ff0099;}

#left-nav li ul li a {
	background-color : #212121;
	color : #fff;
	padding : 0 5px 0 15px;
	width: 180px; /* set to base width minus padding (example: 200px - 5px -5px = 190px) */
	border-bottom: 1px solid #ff0099;
	text-align: left;
}
#left-nav li ul li a:hover { background-color: #ff0099; color: #fff; border-bottom: 1px solid #ff0099; }	
#left-nav li ul li ul li a {
	background-color : #000;
	color : #fff;
	padding : 0 5px 0 15px;
	width: 180px; /* set to base width minus padding (example: 200px - 5px -5px = 190px) */
	border-bottom: 1px solid #ff0099;
	text-align: left;
}
#left-nav li ul li ul li a:hover { background-color: #ff0099; color: #fff; border-bottom: 1px solid #ff0099;  }	

/* hasSub style used to a tags which have subs - used only to make it look good and not required */
#left-nav li a.hasSub { background: #363535; }
#left-nav li a.hasSub:hover { background: #ff0099; color: #fff; }
#left-nav li ul a.hasSub { background: #212121; }
#left-nav li ul a.hasSub:hover { background: #ff0099; color: fff; }

/* hide subs on current list */
#left-nav li:hover ul ul, #left-nav li:hover ul ul ul, #left-nav li.sfhover ul ul, #left-nav li.sfhover ul ul ul {
	left: -9999em;
}

/* show subs on hover */
#left-nav li:hover ul, #left-nav li li:hover ul, #left-nav li li li:hover ul, #left-nav li.sfhover ul, #left-nav li li.sfhover ul, #left-nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}