body {
	behavior: url(../../css_fix/htcmime.php?file=csshover.htc); /* WinIE Behaviour Call to support non-javascript menu behaviours - not needed by other browsers */
}
div#vertical_nav { /* Use this class to format the default settings for the area where the vertical navigation list is */
	clear: both;
	float: left;
	width: 175px;
	background: #000066;
	/* Format the text? */
	font-family: Tahoma, Tahoma, Arial, Helvetic, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	/* padding-left: 10px; */
	/* height: 130px; */
}
div#vertical_nav ul { /* Strip away all indentation */
	margin: 0; /* Strip away all indentation */
	padding: 0; /* Strip away all indentation */
	width: 175px; /* Set list widths equal to that specified in parent div above */
	/* background: #FF0000;  We don't need to set the background colour for all lists as we're pulling this from the DB inline */
	border: 0px solid; /* Set the border style for all lists */
}
div#vertical_nav li {
	position: relative; /* Make all children line up alongside their parents (vertically) */
	list-style: none; /* Ditch the bullets */
	margin: 0;
	border-bottom: 1px solid #FFFFFF;
	height: 35px; /* Set the 'button' height */
}
div#vertical_nav li li {
	background: #000066;
}
div#vertical_nav li:hover {
	background: #CC0000; 
	
}
div#vertical_nav li li:hover {
	background: #CC0000; /* Set the rollover colour for all li elements descending from a div#vertical_nav */
	
}
div#vertical_nav li.submenu { /* Use this class to format parents that have children */
	  /*background: url(media/images/navigation/arrow.gif) 95% 50% no-repeat;  Setting a background colour though will override the default rollover as specified in the li:hover tag*/ 
}
div#vertical_nav li a {
	display: block;
	padding: 4px 2px 4px 8px;
	text-decoration: none;
	width: 167px;
	color: #FFFFFF;
}
div#vertical_nav li a.soloparent {
	font-size: 14px;
}
div#vertical_nav li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
div#vertical_nav li li a:hover {
	color: #FFFFFF;
}
div#vertical_nav li.more { /* Use this class to format the link for 'more categories' */
	   background: #000066;
	   font-style: italic;
	   text-align: right;
	   vertical-align: middle;
	  /* background: url(media/images/navigation/iles_logo2.gif) 2% 50% no-repeat; WE could show an icon or image here but the one I've got looks shit */
}
div#vertical_nav li.more a { /* Use this class to format the link for 'more categories' */
	  padding: 4px 8px 4px 30px;
}
div#vertical_nav li.more:hover { /* Use this class to format the link for 'more categories' */
	  background: #CC0000;
}
div#vertical_nav>ul a {
	width: auto; /* Unset the width setting above for all browsers except Win/IE that can't understand this */
}
div#vertical_nav ul ul { /* Make sure any submenus (lists) appear alongside their parent list but are hidden by default */
	position: absolute;
	top: 0;
	left: 176px; /* Make this the same width as the dfault class width and then add one to get a fine border */
	display: none;
	/*filter: alpha(opacity=90); /* Transparency setting for IE only, however this prevents third level flyouts from displaying  */
	/*-moz-opacity: 0.9; /* Transparency setting for CSS3 compliant browsers inc. Firefox  */
	/*opacity: 0.9; /* Transparency setting for CSS3 compliant browsers inc. Firefox  */
}
div#vertical_nav ul.level1 li.submenu:hover ul.level2, div#vertical_nav ul.level2 li.submenu:hover ul.level3 { /* Make the sub-list flyouts appear */
	display: block;
		z-index: 200;
}

/* Everything that follows applies only to Current Category */

div#vertical_nav_current { /* Use this class to format the default settings for the area where the vertical navigation list is */
	clear: both;
	float: left;
	width: 175px;
	/* Format the text? */
	font-family: Tahoma, Tahoma, Arial, Helvetic, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	/* padding-left: 10px; */
	/* height: 130px; */
}
div#vertical_nav_current ul { /* Strip away all indentation */
	margin: 0; /* Strip away all indentation */
	padding: 0; /* Strip away all indentation */
	width: 175px; /* Set list widths equal to that specified in parent div above */
	background: #000066;  
	border: 0px solid; /* Set the border style for all lists */
	margin: 0;
}
div#vertical_nav_current li {
/* 	position: relative; Make all children line up alongside their parents (vertically) */
	list-style: none; /* Ditch the bullets */
	margin: 0;
	border-bottom: 0px;
/*	height: 15px;  Set the 'button' height */
}
div#vertical_nav_current ul.title {
	text-indent: -8px;
}
div#vertical_nav_current li.title a {
	font-size: 14px; 
	font-weight: bold; 
	color: #FFFFFF;
	display: block;
	padding: 1px 2px 1px 15px;
	text-decoration: none;
	width: 167px;
	color: #FFFFFF;
	text-indent: -8px; 
}
div#vertical_nav_current li.bottom {
	border-bottom: 1px solid #FFFFFF;
	height: 23px;  /*Set the 'button' height */
}
div#vertical_nav_current li a {
	display: block;
	padding: 1px 2px 1px 15px;
	text-decoration: none;
	width: 167px;
	color: #FFFFFF;
	text-indent: -8px; 
}
div#vertical_nav_current li li a {
	display: block;
	padding: 1px 2px 1px 20px;
	text-decoration: none;
	width: 152px;
	color: #FFFFFF;
	text-indent: -10px; 
}
div#vertical_nav_current li a:hover {
	/*color: #CC0000;
	text-decoration: underline;*/
}
div#vertical_nav_current li li a:hover {
	/*color: #CC0000;
	text-decoration: none;*/
}
div#vertical_nav_current>ul a {
	width: auto; /* Unset the width setting above for all browsers except Win/IE that can't understand this */
}
div#vertical_nav_current ul ul { /* Make sure any submenus (lists) appear alongside their parent list but are hidden by default */
	padding: 1px 2px 1px 8px;
	width: 164px;
}
div#vertical_nav_current ul ul a.selected {
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	background-color:#00009F;
	width:175px;
	margin-left:-10px;
	padding-left:30px;
}
html>body div#vertical_nav_current ul ul a.selected {
	width:155px;
	padding-left:20px;
} 






div#vertical_nav_current ul a.selected {
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	background-color:#00009F;
	width:185px;
	margin-left:-10px;
	padding-left:35px;
}
html>body div#vertical_nav_current ul a.selected {
	width:155px;
	padding-left:25px;
} 








/* Top Select Only *****************************************************************************************/
div#vertical_nav_topselect { /* Use this class to format the default settings for the area where the vertical navigation list is */
	float: left;
	width: 175px;
	background: #FFFFFF;
	/* Format the text? */
	font-family: Tahoma, Tahoma, Arial, Helvetic, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	/* padding-left: 10px; */
	/* height: 130px; */
}
div#vertical_nav_topselect ul { /* Strip away all indentation */
	margin: 0; /* Strip away all indentation */
	padding: 0; /* Strip away all indentation */
	width: 175px; /* Set list widths equal to that specified in parent div above */
	background: #000066;  
	border: 0px solid; /* Set the border style for all lists */
	margin: 0;
}
div#vertical_nav_topselect li {
	position: relative; /* Make all children line up alongside their parents (vertically) */
	list-style: none; /* Ditch the bullets */
	margin: 0;
  /*border-bottom: 1px solid #FFFFFF; We dont want a border at the bottom of this one, it needs to merge with the top of div#vertical_nav_current */
	height: 12px; /* Set the 'button' height */
}
div#vertical_nav_topselect li a {
	display: block;
	padding: 4px 2px 0px 8px; 
	text-decoration: none;
	width: 167px;
	color: #FFFFFF;
}
div#vertical_nav_topselect li a:hover {
	/*color: #CC0000;
	text-decoration: none;*/
}
div#vertical_nav_topselect>ul a {
	width: auto; /* Unset the width setting above for all browsers except Win/IE that can't understand this */
}