/*
   file: menuv.css
   usage: style sheet for vertical menu
   created: October 12, 2009
   author: Calvin Chan
   copyright: Total Website Solutions Inc
*/

/*****************************/
/*** --- Vertical Menu --- ***/
/*****************************/

/*
preferred colors

#21e521   huntergreen // 33 229 33
#006400   darkgreen // 0 100 0
#43cd80   seagreen //67 205 128

other colors used
#7cfc00   lawngreen //124 252 0
#4b0082   indigo
#912cee   purple
#00ff00   lime
#ffff00   yellow
#ffffff   white
#000000   black

*/

#menuv {
  float: 		left;
  width: 		100px;
  list-style: 		none;
  line-height: 		1;
  padding: 		0;
  border-width: 	0;
  margin: 		0;
  font-weight: 		900;
  font-size:		12px;
  font-family:		helvetica, arial, sans-serif;
} 

/* all lists */
#menuv ul { 
  list-style: 		none;
  line-height: 		1;
  width:		100px;
  height:		auto;
  padding-left: 	0;
  margin-left:		0;
  border-width: 	0;
}

/* all list items */
#menuv li { 
  float: 		left;
  list-style: 		none;
  width:		100px;
  padding-top:		6px;
  padding-bottom:	6px;
  padding-left:		10px;
  margin-left:		0;
  margin-bottom:	0;
  border:		0;
  color:		#ffffff;
  background-color:	transparent;
  outline:		none;
}

/* all links */
#menuv a {
  display:		block;
  height:		15px;
  color:		#ffffff;
  text-decoration:	none;
  outline:		none;
}

/* second-level lists */	
#menuv li ul { 
  position:		absolute;
  left:			-999em;
  margin-left:		100px;
  margin-top:		-21px;
}
	
#menuv li ul li,
#menuv li ul ul li {
  color:		#000000;
  background-color:	#308014;
}

#menuv li:hover,	
#menuv li.sfhover {
  position:		static;
  color:		#000000;
  background-color:	#21e521;
}
	
#menuv a:hover,
#menuv a.sfhover {
  color:		#000000;
}

/* third-and-above-level lists */
#menuv li ul ul { 
  left:			-999em;
}

#menuv li:hover ul ul, 
#menuv li.sfhover ul ul, 
#menuv li:hover ul ul ul, 
#menuv li.sfhover ul ul ul {
  left:			-999em;
}

/* lists nested under hovered list items */	
#menuv li:hover ul, 
#menuv li.sfhover ul, 
#menuv li li:hover ul, 
#menuv li li.sfhover ul, 
#menuv li li li:hover ul, 
#menuv li li li.sfhover ul { 
  left:			auto;
}