/* this css used for all OFAM Menues  */	
/* -- used for ComponentArts menu system -- */  

.MenuGroup
{	background-color:	white;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	border:				0px;
	border-color:       transparent;       
	border-style:		solid;
	border-collapse: 	collapse;
	cursor:				hand;
	height: 			18px;
}
.MenuGroupTitle
{	border-right:	1px solid Gray;
	border-top: 	1px solid Gray;	
	border-left:	1px solid Gray;
	border-bottom:  1px solid Gray;
	border-collapse:collapse;
	font-family:    Arial, helvetica, Sans-Serif;
	font-size:      11px;
	cursor:         hand;
	color:          midnightblue;
	background-color: #A9A9A9;
	height:           18px;
}

.MenuGroupHeader
{	border-top: 		1px solid Gray;
	border-bottom: 	1px solid Gray;
	border-left: 		0px solid Gray;
	border-right: 		0px solid Gray;
	border-collapse: 	collapse;
	font-weight: normal;
	font-size: 11px;
	cursor: default;
	color: #191970;
	font-family: Arial, helvetica, Sans-Serif;
	background-color: Silver;
	height: 				18px;
}

.MenuGroupDivider 
{	border-top: 		1px solid Gray;
	border-bottom: 	1px solid Gray;
	border-left: 		0px;
	border-right: 		0px;
	border-collapse: collapse;
	font-weight: normal;
	font-size: 1px;
	cursor: default;
	font-family: Arial, helvetica, Sans-Serif;
	background-color: Silver;
	height: 5px;
}

.SubMenuGroup
{	border-right: 		1px solid Gray;
	border-top: 		1px solid Gray;	
	border-left: 		1px solid Gray;
	border-bottom: 	1px solid Gray;
	border-collapse: collapse;
	font-size: 			11px;
	cursor: 				hand;
	font-family: 		Arial, helvetica, Sans-Serif;
	background-color: #FFF8DC;
	height: 				18px;
}

.TopMenuItem
{	border-right: 		1px solid Gray;
	border-top: 		1px solid Gray;	
	border-left: 		1px solid Gray;
	border-bottom: 	1px solid Gray;
	border-collapse: 	collapse;
	font-family: 	Arial, helvetica, Sans-Serif;
	font-size:		11px;
	cursor: 			hand;
	color: 			Black;
	background-color: #EBEBEB;
	height: 			18px;
}
.TopMenuItemDis
{	border-right: 		1px solid Gray;
	border-top: 		1px solid Gray;	
	border-left: 		1px solid Gray;
	border-bottom: 	1px solid Gray;
	border-collapse: collapse;
	font-family: 	Arial, helvetica, Sans-Serif;
	font-size:		11px;
	cursor: 			default;
	color: 			Gray;
	background-color: #EBEBEB;
	height: 			18px;
}

.smItem
{	border-right: 		0px solid Gray;
	border-top: 		1px solid Gray;	
	border-left: 		1px solid Gray;
	border-bottom: 	0px solid Gray;
	border-collapse: collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor: 				hand;
	color: 				Black;
	background-color: #EBEBEB;
	height: 				20px;
}

.smElderhostel
{	border-right: 		0px solid Gray;
	border-top: 		1px solid Gray;	
	border-left: 		1px solid Gray;
	border-bottom: 	0px solid Gray;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor: 				hand;
	color: 				Black;
	background-color: #B0C4DE;
	height: 				20px;
}

.smYAAcamps 
{	border-right: 		0px solid Gray;
	border-top: 		1px solid Gray;	
	border-left: 		1px solid Gray;
	border-bottom: 	0px solid Gray;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor: 				hand;
	color: 				Black;
	background-color: #A2CAAB;
	height:				20px;
}

.smSpecialEvents
{	border-right: 		0px solid Gray;
	border-top: 		1px solid Gray;	
	border-left: 		1px solid Gray;
	border-bottom: 	0px solid Gray;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor: 				hand;
	color: 				Black;
	background-color:	#FFFFE0;
	height: 				20px;
}

.smSeriesConcerts
{	border-right: 		0px solid Gray;
	border-top: 		1px solid Gray;	
	border-left: 		1px solid Gray;
	border-bottom: 	0px solid Gray;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor: 				hand;
	color: 				Black;
	background-color: #B0C4DE;
	height: 				20px;
}

.smConcerts
{	border-right: 		0px solid Gray;
	border-top: 		1px solid Gray;	
	border-left: 		1px solid Gray;
	border-bottom: 	0px solid Gray;
	border-collapse: collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor: 				hand;
	color: 				Black;
	background-color: #B0C4DE;
	height: 				20px;
}

.smMatinees 
{	border-right: 		0px solid Gray;
	border-top: 		1px solid Gray;	
	border-left: 		1px solid Gray;
	border-bottom: 	0px solid Gray;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor: 				hand;
	color: 				Black;
	background-color: #b9d6bd;
	height: 				20px;
}

.smMusicals
{	border-right: 		0px solid Gray;
	border-top: 		1px solid Gray;	
	border-left: 		1px solid Gray;
	border-bottom: 	0px solid Gray;
	border-collapse: collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor: 				pointer;
	color: 				Black;
	background-color: #e1c4c4;
	height: 				20px;
}
.smYAAConcerts
{	border-right: 		0px solid Gray;
	border-top: 		1px solid Gray;	
	border-left: 		1px solid Gray;
	border-bottom: 	0px solid Gray;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor: 				hand;
	color: 				Black;
	background-color: #FFDEAD;
	height: 				20px;
}
.smFilms
{	border-right: 		0px solid Gray;
	border-top: 		1px solid Gray;	
	border-left: 		1px solid Gray;
	border-bottom: 	0px solid Gray;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor: 				hand;
	color: 				Black;
	background-color: #B0E0E6;
	height: 				20px;
}
.smLectures
{	border-right: 		0px solid Gray;
	border-top: 		1px solid Gray;	
	border-left: 		1px solid Gray;
	border-bottom: 	0px solid Gray;
	border-collapse: collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor: 				hand;
	color: 				Black;
	background-color: #d8bfd8;
	height: 				20px;
}
.miHover
{	border-right: 		0px solid Gray;
	border-top: 		1px solid Gray;	
	border-left: 		1px solid Gray;
	border-bottom: 	0px solid Gray;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size: 			11px;
	cursor: 				hand;
	color: 				midnightblue;
	background-color: Silver;
	height: 				20px;
}
.miDown
{	border-right: 		0px solid Gray;
	border-top: 		1px solid Gray;	
	border-left: 		1px solid Gray;
	border-bottom: 	0px solid Gray;
	border-collapse: collapse;
	font-size:			11px;
	border-left:		black 0px solid;
	cursor:				hand;
	color:				midnightblue;
	font-family:		Arial, helvetica, Sans-Serif;
	background-color: #EBEBEB;
	height: 				20px;
}    
.DetailsMenuGroup
{	background-color: 	transparent;
	font-family: 			Arial, helvetica, Sans-Serif;
	font-size:				11px;
	border:					0px;
	border-collapse: 		collapse;
	border-color: 			transparent;
	border-style: 			none;
	cursor:					hand;
}
.DetailsTopMenuItem
{	border-right:		0px solid;
	border-top:			0px solid;	
	border-left:		DarkGray 1px solid;
	border-bottom:  	0px solid;	
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor: 				hand;
	color: 				Black;
	background-color: #F5F5DC;
}
.DetailsTabFrame
{	border-right: 		0px none;
	border-top: 		0px none;	
	border-left: 		0px none;
	border-bottom:  	DarkGray 1px solid;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor: 				hand;
	color: 				Black;
	height: 				l4pt;
	background-color: white;
	}
.DetailsMenuFrame
{	border-right: 		0px none;
	border-top: 		0px none;	
	border-left: 		0px none;
	border-bottom:  	DarkGray 1px solid;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor: 				hand;
	color: 				Black;
	background-color: #F5F5DC;
	}
.DetailsMenuFrameTop
{	border-right: 		0px none;
	border-top: 		1px none;	
	border-left: 		0px none;
	border-bottom:  	DarkGray 1px solid;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor: 				hand;
	color: 				Black;
	background-color: #F5F5DC;
	
	}
.DetailsMenuItemHover
{	border-right: 		0px none;
	border-top: 		0px none;	
	border-left: 		DarkGray 1px solid;
	border-bottom:  	0px none;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size: 			11px;
	cursor: 				hand;
	color: #191970;
	background-color: #F5F5DC;
}
.DetailsMenuTitle
{	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor: 				hand;
	border-collapse: 	collapse;
	color: 				Black;
	margin-left: 		10px;
	margin-right:		6px;
}

.tmHeader
{	border-right:		0px solid Gray;
	border-top: 		0px solid Gray;	
	border-left:		0px solid Gray;
	border-bottom: 	1px solid Gray;
	border-collapse: 	collapse;
	font-weight: 		normal;
	font-size: 			11px;
	cursor: 				default;
	color: 				#191970;
	font-family: 		Arial, helvetica, Sans-Serif;
	background-color: #D3D3D3;
	height: 				18px;
}

.tmDivider 
{	border-right:		0px solid Gray;
	border-top: 		0px solid Gray;	
	border-left:		0px solid Gray;
	border-bottom: 	1px solid Gray;
	border-collapse: 	collapse;
	font-weight: 		normal;
	font-size: 			1px;
	cursor: 				default;
	font-family: 		Arial, helvetica, Sans-Serif;
	background-color: #D3D3D3;
	height: 				5px;
}
.tmItem
{	border-right: 		0px solid Gray;
	border-top: 		0px solid Gray;	
	border-left: 		0px solid Gray;
	border-bottom: 	1px solid Gray;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor:				pointer;
	color: 				Black;
	background-color: #EBEBEB;
	height: 				20px;
}
.tmURL
{	border-right: 		0px solid Gray;
	border-top: 		0px solid Gray;	
	border-left: 		0px solid Gray;
	border-bottom: 	    1px solid Gray;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor:				pointer;
	color: 				Black;
	background-color:   #EBEBEB;
	height: 			16px;
}
.tmURLHover
{	border-right: 		0px solid Gray;
	border-top: 		0px solid Gray;	
	border-left: 		0px solid Gray;
	border-bottom: 	1px solid Gray;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor:				pointer;
	color: 				Maroon;
	background-color: #C6C6C6;
	height: 			16px;
}
.tmSubMenu
{	border-right: 		0px solid Gray;
	border-top: 		0px solid Gray;	
	border-left: 		0px solid Gray;
	border-bottom: 	1px solid Gray;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor:				pointer;
	color: 				Black;
	background-color: #EBEBEB;
	height: 				20px;
}
.tmRoot
{	border-right:		0px solid Gray;
	border-top: 		0px solid Gray;	
	border-left:		0px solid Gray;
	border-bottom: 	1px solid Gray;
	border-collapse: collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor:				pointer;
	color: 				Black;
	background-color: #EBEBEB;
	height: 				20px;
}
.tmRootHover
{	border-right:		0px solid Gray;
	border-top: 		0px solid Gray;	
	border-left:		0px solid Gray;
	border-bottom: 	1px solid Gray;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor:				pointer;
	color:				 Maroon;
	background-color: #D3D3D3;
	height: 				20px;
}
.tmExpanded
{	border-right:		0px solid Gray;
	border-top: 		0px solid Gray;	
	border-left:		0px solid Gray;
	border-bottom: 	1px solid Gray;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor:				pointer;
	color: 				Black;
	background-color: #EBEBEB;
	height: 				20px;
}
.tmItemDisabled
{	border-right:		0px solid Gray;
	border-top: 		0px solid Gray;	
	border-left:		0px solid Gray;
	border-bottom: 	1px solid Gray;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size:			11px;
	cursor: 				default;
	color: 				Gray;
	background-color: #EBEBEB;
	height: 				20px;
}
.LMIHov
{	border-right:		1px solid Gray;
	border-top: 		1px solid Gray;	
	border-left:		1px solid Gray;
	border-bottom: 	1px solid Gray;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size: 			11px;
	cursor: 				hand;
	color: 				midnightblue;
	background-color: Silver;
	height: 				20px;
}
.LMIsmHov
{	border-right:		1px solid Gray;
	border-top: 		1px solid Gray;	
	border-left:		1px solid Gray;
	border-bottom: 	1px solid Gray;
	border-collapse: 	collapse;
	font-family: 		Arial, helvetica, Sans-Serif;
	font-size: 			11px;
	cursor: 				default;
	color: 				black;
	background-color: Silver;
	height: 				20px;
}
.LMIDn
{	border-right:		1px solid Gray;
	border-top: 		1px solid Gray;	
	border-left:		1px solid Gray;
	border-bottom: 	1px solid Gray;
	border-collapse: 	collapse;
	font-size:			11px;
	border-left:		black 0px solid;
	cursor:				hand;
	color:				midnightblue;
	font-family:		Arial, helvetica, Sans-Serif;
	background-color: #EBEBEB;
	height: 				20px;
}  }