ul.red, ul.red li, ul.red li a, ul.green,ul.green li, ul.green li a, ul.blue, ul.blue li, ul.blue li a {
  list-style:none;
  display: block;
  text-decoration: none;
  margin-left: 2px;/* creating extra space*/
  padding: 0;
  width: 100%;
}
ul.red, ul.green, ul.blue {
	margin-bottom: 20px;
}
/*---
ul.red li a, ul.green li a, ul.blue li a {
font-family:"My Custom Font",Verdana,Arial;
  	font-size: 1.9em;
  	font-weight: normal;
)
*/
ul.red li a {
	background:  url('images/layout/red_stripe.gif') repeat-y scroll 5px center;
	font-family:"My Custom Font",Verdana,Arial;
  	font-size: 1.9em;
  	font-weight: normal;
  	color: #951B1E;
  	height: 30px;
	
	line-height: 25px;
	padding-left: 30px;
	text-decoration: none;
	margin: -5px 0 0 -5px;
}

ul.green li a {
	background: url('images/layout/green_stripe.gif') repeat-y scroll 5px center;
	font-family:"My Custom Font",Verdana,Arial;
  	font-size: 1.9em;
  	font-weight: normal;
  	color: #4F6228;
  	height: 30px;
	line-height: 25px;
	padding-left: 30px;
	text-decoration: none;
	margin: -5px 0 0 -5px;
	
}

ul.blue li a {
	background:  url('images/layout/blue_stripe.gif') repeat-y scroll 5px center;
  	font-family:"My Custom Font",Verdana,Arial;
  	font-size: 1.9em;
  	font-weight: normal;
  	color: #403152;
  	height: 30px;
	padding-left: 30px;
	margin: -5px 0 0 -5px;
}
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 100%;
}

ul.menu a {
  display: block;
  text-decoration: none;
  	
}

ul.menu li {
/*   margin: 3px; */
}

ul.menu li a {
  color: #555;	
  padding: 3px;
}


li a {display:inline-block;}
li a {display:block;}
/****/

/*****************************************
Styling vertical navigation
******************************************/