.clearit 
{
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}



/* HORIZONTAL MENU BAR 1*/

.msys.horizontal 
{
	width: 100%;
	background: transparent url(eeeeee.jpg)  center repeat-x;
	padding-left: auto;
	padding-right: auto;
	margin-left: auto;
	margin-right: auto; 
}

.msys.horizontal ul 
{
	list-style: none;
	margin: 0; /* squishes vertical whitespace */
}

.msys.horizontal ul li 
{
	float: left;  /* yup, needed */
}

.msys.horizontal ul li a 
{
	height:20px;  line-height:20px;
	display:block; 
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size:12px; font-weight:bold; text-decoration:none; vertical-align:middle; color:black;
	padding-left: 2px;
	padding-right: 2px;
}

.msys.horizontal ul li a span.pickable 
{
	display: block;
	background: transparent url(dddddd-on-rail.jpg) center repeat-x;
	font-size:12px; font-weight:bold; text-decoration:none; vertical-align:middle; color:black;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
}


.msys.horizontal ul li a span.picked 
{
	height:20px;  line-height:20px;
	display:block;
	background: transparent url(ffea03-on-rail.jpg)  center repeat-x;
	font-size:16px; font-weight:bold; text-decoration:none; vertical-align:middle; color:black;
	cursor:pointer;
	padding-left: 10px;
	padding-right: 10px;
}

.msys.horizontal ul li span.homelink 
{
	color:black;
	font-size: 12px; 
	font-weight:bold;
	text-decoration:underline;
	float: left;
	padding-right: 15px;
	line-height: 15px;
	height: 20px;
	vertical-align: middle;
	display: inline-block;
}


.msys.horizontal ul li a:hover span.pickable,
.msys.horizontal ul li.highlight a span.pickable /* HOVER AND HILIGHT of a pickable*/
{
 	color:black;
	/*background: #ffea03 center right no-repeat;*/
	background: transparent url(ffea03-on-rail.jpg)  center repeat-x;
}

.msys.horizontal ul li a:hover span.picked,
.msys.horizontal ul li.highlight a span.picked /* HOVER AND HILIGHT of a picked*/
{
 	color:purple;
	background: #ffea03 center right no-repeat;
	/*background: transparent url(eeeeee-in-ffea03.jpg)  center repeat-x;*/
}
/* END HORIZONTAL MENU BAR 1*/





/* VERTICAL MENU 1 */

.msys.vertical {
	align: left;
	margin: 0;
	padding: 0;
	display: block;
}
.msys.vertical ul {
	align: left;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
 	white-space:nowrap;	
}
.msys.vertical ul li {
	align: left;
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;	
 	background: transparent url(bar-pickable.jpg) center left repeat-y; 
}
.msys.vertical ul li a {
	align: left;
	display: block;
	margin: 0;
	width: 100%;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	text-decoration: none;
	text-indent:10px;
 	background: transparent url(bar-pickable.jpg) center repeat-y; 	
}
.msys.vertical ul li a span.pickable {
	display: block;
	margin: 0;
	width: 100%;
	height: 22px;
	padding-top: 5px;
	background: transparent url(bar-pickable.jpg) center left repeat-y;
	cursor: pointer;
	color:white;
	font-size: 12px; 	
}
.msys.vertical ul li a span.picked {
	color:black;
	font-size: 15px; 
  	font-weight:bold;
	display: block;
	margin: 0;	
	width: 100%;
	height: 22px;
	padding-top: 5px;
	background: transparent url(bar-picked.jpg) center left repeat-y;
	cursor: pointer;
}

/* HOVER AND HILIGHT */
.msys.vertical ul li a:hover,
.msys.vertical ul li.highlight a {
	background: transparent url(bar-hilight.jpg) center left no-repeat; color:red;
}
.msys.vertical ul li a:hover span.pickable,
.msys.vertical ul li.highlight a span.pickable {
	color:blue;
	background: transparent url(bar-hilight.jpg) center right no-repeat;
}
/* END VERTICAL MENU 1*/