/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical {
	float: 		none;
	margin-top: 0px !important; /* !important is needed to override the top menu's top margin */
}
.sf-vertical, .sf-vertical * {
	width: 186px;
}

.sf-vertical a, .sf-vertical li span.current {
	padding: 6px 0 7px 21px; /* the top & bottom are duplicated in ie-hack.css and ie7-hack.css to correct those browsers */
}
.sf-vertical li a, .sf-vertical li a:visited {
	color: #676767;
}
.sf-vertical li#left-nav-top a#left-nav-heading, .sf-vertical li#left-nav-top span#left-nav-heading {
	background-image: 		url('/images/left-nav-top.gif');
	background-position:	top;
	background-color: 		#0A5D8F;
	border-bottom:			none;
	color: 					#8BBAE6;
	font-weight: 			bold;
	padding: 				10px 7px 10px 14px;
}
.sf-vertical li#left-nav-top span#left-nav-heading { /* very top level when it is the current page */
	display: block;
	color: white;
}
.sf-vertical li {
	width:	207px;
}
.sf-vertical li a { /* style for root left menu */
	border-bottom: 		1px solid #e1e0e8;
	background-color: 	#c4d4e4;
}
.sf-vertical li#left-nav-top a#left-nav-heading:hover, .sf-vertical li#left-nav-top.sfHover a#left-nav-heading { /* top nav hover */
	color: white;
}
.sf-vertical li ul li, .sf-vertical li.sfHover ul li a, .sf-vertical li:hover ul li a { /* style/background of sub menu */
	background: 	#a2c8dc none;
	border-left:	none;
	color: 			#676767; /* this is duplicated in ie-hack.css to correct those browsers */
}
.sf-vertical li.sfHover ul li a:hover, .sf-vertical li ul li a:hover { /* style/background of sub menu hovers */
	background: 	#a2c8dc url('/images/bg-left-nav-hover.gif') center repeat-x;	
	border-left:	none;
	color:			#05305D;
}
.sf-vertical li:hover, .sf-vertical li a:hover, .sf-vertical li:hover a, .sf-vertical li.sfHover, .sf-vertical li.sfHover a,
.sf-vertical a:focus, .sf-vertical a:hover, .sf-vertical a:active { /* style/background of root menu hovers */
	background: 	#c4d4e4 url('/images/bg-left-nav-hover.gif') center repeat-x;	
	outline:			0;
	margin-top: 		0px;
	color: 				#05305D;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:		208px; /* ul width + 1px */
	top:		0 !important; /* !important is needed here to override !important in superfish.css */
	width: 		207px;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {
	left:			11px;
	top:			.6em; /* IE6 only */
	width: 			10px;
	background:		url('/images/arrows-leftMenu.gif') no-repeat 0px 0;
}
.sf-vertical a > .sf-sub-indicator {
	top:		.6em;
}
.sf-vertical li#left-nav-top a .sf-sub-indicator { /* hide arrow for top nav */
	display: none;
}
/* hover arrow direction for all browsers */
.sf-vertical a:focus .sf-sub-indicator,
.sf-vertical a:hover .sf-sub-indicator,
.sf-vertical a:active .sf-sub-indicator,
.sf-vertical li:hover a .sf-sub-indicator,
.sf-vertical li.sfHover a .sf-sub-indicator {
	background-position: -10px 0;
}
/* hover arrow for parent item is different */
.sf-vertical li .parent .sf-sub-indicator, .sf-vertical li a:hover.parent .sf-sub-indicator {
	background-position: 0 -100px;
}
.sf-vertical li a:hover.parent .sf-sub-indicator {
	background-position: -10px -100px;
}

/***** indent and styles for menu levels *****/
.sf-vertical li .ancestor {
}
.sf-vertical li a.level-1, .sf-vertical li span.level-1 { 
}
.sf-vertical li a.level-2, .sf-vertical li span.level-2 {
	padding-left: 	31px; /* add 10px to ".sf-vertical a" left padding */
	width: 			176px; /* subtract 10px from ".sf-vertical *" width */
}
.sf-vertical li .level-2 span {
	left: 21px; /* subtract 10px from padding-left for same level for arrow */
}
.sf-vertical li a.level-3, .sf-vertical li span.level-3 {
	padding-left: 	41px; /* add 20px to ".sf-vertical a" left padding */
	width: 			166px; /* subtract 20px from ".sf-vertical *" width */
}
.sf-vertical li .level-3 span{
	left: 31px; /* subtract 10px from padding-left for same level for arrow */
}
.sf-vertical li a.level-4, .sf-vertical li span.level-4 {
	padding-left: 	51px; /* add 30px to ".sf-vertical a" left padding */
	width: 			156px; /* subtract 30px from ".sf-vertical *" width */
}
.sf-vertical li .level-4 span {
	left: 41px; /* subtract 10px from padding-left for same level for arrow */
}
.sf-vertical li a.level-5, .sf-vertical li span.level-5 {
	padding-left: 	61px; /* add 40px to ".sf-vertical a" left padding */
	width: 			146px; /* subtract 40px from ".sf-vertical *" width */
}
.sf-vertical li .level-5 span {
	left: 51px; /* subtract 10px from padding-left for same level for arrow */
}
.sf-vertical li a.level-6, .sf-vertical li span.level-6 {
	padding-left: 	71px; /* add 40px to ".sf-vertical a" left padding */
	width: 			136px; /* subtract 40px from ".sf-vertical *" width */
}
.sf-vertical li .level-6 span {
	left: 61px; /* subtract 10px from padding-left for same level for arrow */
}
.sf-vertical li a.level-7, .sf-vertical li span.level-7 {
	padding-left: 	81px; /* add 40px to ".sf-vertical a" left padding */
	width: 			126px; /* subtract 40px from ".sf-vertical *" width */
}
.sf-vertical li .level-7 span {
	left: 71px; /* subtract 10px from padding-left for same level for arrow */
}
#three-column-a .sf-vertical li .parent {/* "#three-column-a" is only needed for IE6 to apply 'color' property */
}
.sf-vertical li span.current {
	background:			url('/images/bg-left-nav-on.gif') repeat-x center;
	border-right:		1px solid #dadde2;
	border-bottom: 		1px solid #e2edf8;
	display: 			block;
	color: 				#edf2f8;
}

/***************************** Fix IE. Hide from IE Mac ************************************/
* html #three-column-a ul li {
	float: 	left;
	height: 1%;
	}
* html #three-column-a ul li a {
	height: 1%;
	}
/* End */