/* 
	WordPress Menubar Plugin
	sf-vertical.css stylesheet for the Suckerfish template

	Credits:
	Son of Suckerfish Dropdowns
	By Patrick Griffiths and Dan Webb
	http://www.htmldog.com/articles/suckerfish/dropdowns/
	
	COLORS AND ABSOLUTE POSITIONING MODIFICATIONS
	AND BUTTON CODE
	for UFCM National Website theme by Ed Jones-Mack, Nov 2008
*/

.sf-vertical {
   position:absolute; top:10px; left:20px;
	margin: 10px 10px 0 10px;
	padding: 0;
	text-align: left;
	z-index: 0;
	
}

.sf-vertical ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 170px;
	background: #C15DBA;
	z-index: 1;
}

.sf-vertical ul ul {
	top: 26px;
	position: absolute;
	left: -999em;
	width: 180px;
	margin: 0;
	padding: 0;
	z-index: 2;
}
	
.sf-vertical ul ul.selected {
	top: 26px;
	position: absolute;
	left: -999em}

.sf-vertical ul ul {
	margin: -26px 0 0 170px;
}

.sf-vertical li {
	float: left;
	padding: 0;
	height: 26px;
	position: relative;
}

.sf-vertical li {
	float: left;
	padding: 0;
	width: 170px;
}

.sf-vertical a, 
.sf-vertical a:hover {
display: block;
 background: url('button.gif') top left no-repeat;
 width: 160px;
 height: 28px;
 padding: 3px 5px 0px 0px;
 margin: 0px;
 border: 0px;
 color: white;
 text-decoration: none;
 font-size: 12px;
 font-weight: bold;
 overflow: hidden;
}

.sf-vertical li a, 
.sf-vertical li a:hover {
	padding: 0;
	text-indent: 15px;
	width: 167px;
}

.sf-vertical li:hover ul ul, 
.sf-vertical li:hover ul ul ul,
.sf-vertical li:hover ul ul ul ul,  
.sf-vertical li.wpmhover ul ul, 
.sf-vertical li.wpmhover ul ul ul, 
.sf-vertical li.wpmhover ul ul ul ul {
	left: -999em;
}

.sf-vertical li:hover ul, 
.sf-vertical li li:hover ul, 
.sf-vertical li li li:hover ul, 
.sf-vertical li li li li:hover ul,
.sf-vertical li.wpmhover ul, 
.sf-vertical li li.wpmhover ul, 
.sf-vertical li li li.wpmhover ul,
.sf-vertical li li li li.wpmhover ul{
	left: 0;
}

.sf-vertical li.selected {
	background: #C15DBA;
}

.sf-vertical li:hover, 
.sf-vertical li.wpmhover {
	background: #9499C9;
}

.sf-vertical li {
	border-left: 1px solid #101C8B;
	border-right: 1px solid #0A1177;
}

.sf-vertical li {
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #101C8B;
	border-bottom: 1px solid #0A1177;
}

.sf-vertical ul {
	border-left: 1px solid #101C8B;
	border-right: 1px solid #0A1177;
}

.sf-vertical-after {
	clear: left;
}