/* The Center for Performing Arts Drop-Down SmartMenu */

.center_dropdown_menu .ekmenu 
{
	position: relative;
    width: 760px;
	font-family: verdana, arial, sans-serif;
    font-size: 11px;
	background-color: #000000;
   	height: 2.5em;
}
/*
.center_dropdown_menu .ekmenu_start 
{
	position: absolute;
	overflow: hidden;
	top: -10000px;
	left: -10000px;
	height: 1px;
	width: 1px;
}

.center_dropdown_menu .ekmenu_end
{
	position: absolute;
	overflow: hidden;
	top: -10000px;
	left: -10000px;
	height: 1px;
	width: 1px;
}

.center_dropdown_menu .ekmenu_accessible_menu_startheading
{
	position: absolute;
	overflow: hidden;
	top: -10000px;
	left: -10000px;
	height: 1px;
	width: 1px;
}

.center_dropdown_menu .ekmenu_accessible_menu_startlink 
{

}

.center_dropdown_menu .ekmenu_accessible_menu_endlink
{
*/
}

.center_dropdown_menu .ekmenu_submenu,
.center_dropdown_menu .ekmenu_submenu_hover,
.center_dropdown_menu .ekmenu_submenu_parent,
.center_dropdown_menu .ekmenu_submenu_parent_hover
{
	top: 0px;
	left: 0px;
	height: 13px;
	text-decoration: none;
}

.center_dropdown_menu .ekmenu_accessible_submenu_navheading
{
	font-weight: normal;
	font-size: 1em;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-left: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.center_dropdown_menu .ekmenu .ekmenu_submenu_btnlink
{
	display: inline;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	text-decoration: none;
	cursor: hand;
}

.center_dropdown_menu .ekmenu_accessible_submenu_btnlink
{
    color: rgb(255, 255, 255); /* default text color */
	font-size: 1em;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width:100%;
	text-decoration: none;
}

.center_dropdown_menu .ekmenu_button_selected .ekmenu_accessible_submenu_btnlink, 
.center_dropdown_menu .ekmenu_button_selected_hover .ekmenu_accessible_submenu_btnlink 
{
    color: rgb(255, 255, 0); /* default text color */
	font-size: 1em;
    text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width:100%;
	
}

.center_dropdown_menu .ekmenu_accessibility_hidden_text
{
	position: absolute;
	width: inherit;
	top: -10000px;
	left: -10000px;
	height: 1px;
}

.center_dropdown_menu .ekmenu_unorderedlist 
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 3em;
}

.center_dropdown_menu .ekmenu_unorderedlist_item 
{
	display: inline;
	margin: 0px;
	padding: 0px;
	/*height: 3em;*/
	background-color: #ffffff;
}

.center_dropdown_menu .ekmenu_menu_level_0
{
	position: relative;
	float: left;
	width: 124px; 
	display: inline;
	padding-left: 1px;
	padding-top: 2px;
	padding-bottom: 0px;
	background-color: #000000;
	height: 2em;/* 1.3 */
	text-align: center;
	/*border-bottom: 3px solid rgb(0,0,0);  link row seperators */
	text-decoration: none;
}

.center_dropdown_menu .ekmenu_menu_level_0 a
{
   /* border-left: 10px solid #000000; */
	background-color: #a72d1a;


}

.center_dropdown_menu .ekmenu_menu_level_1
{
	position: relative;
	height: 2em; /* This is key to making submenu height cool in IE */
	text-decoration: none;

}

.center_dropdown_menu .ekmenu_menu_seperator
{
	width: 1px;
	height: 3em;
	float: left;
	display: inline;
	background-color: #ffffff;
}
.center_dropdown_menu .ekmenu_menu_level_0 .ekmenu_menu_seperator
{
	/* ...Hide all nested seperators (all but top level) */
	display: none;
}

.center_dropdown_menu .ekmenu_submenu_items
{
	position: absolute;
	width: 160%; 
	height: 100%;
	margin-left: 0px;
}

.center_dropdown_menu .ekmenu_submenu_items_hidden 
{
	display: none;
}

.center_dropdown_menu .ekmenu_submenu_parent,
.center_dropdown_menu .ekmenu_submenu_parent_hover
{
    /* border: solid 2px red; */
}

/* Control the root-menu contents here: */
/* (and override these for deeper levels with rules after this one) */
.center_dropdown_menu .ekmenu .ekmenu_submenu_items
{
	left: 0px;
	top: 0px;
}

/* Drop-down: Position the first-child-level below the root button: */
.center_dropdown_menu .ekmenu .ekmenu_submenu_items .ekmenu_submenu_items
{
	/*left: 5px;*/
	top: 105%;
}

/* Position all deeper menus to open to the right: */
.center_dropdown_menu .ekmenu_submenu_items .ekmenu_submenu_items .ekmenu_submenu_items
{
	left: 100%;
	top: 0px;
}

/* Button menu items, controls visibility of associated sub-menus */

.center_dropdown_menu .ekmenu_button
{
	/* SPAN; holds the title of the associated submenu, and typically acts as a */
	/* button (or folder) for the submenu. Can also hold images (background, etc). */
	/* Typical parent element: div.ekmenu_submenu, or else */
	/* h3.ekmenu_accessible_submenu_navheading if 508-Compliance is enabled. */
    display: block;
	padding: 5px 0px;
    font-weight: normal;
    color: rgb(255, 255, 255); /* button-title text color */
    text-align: center; /*text-indent: 5px;*/
    width: 100%; 
    text-decoration: none;
}
.center_dropdown_menu .ekmenu_button_hover
{
	/* SPAN; hovered version of .ekmenu_button, see above... */
	/* Typical parent element: div.ekmenu_submenu, or else */
	/* h3.ekmenu_accessible_submenu_navheading if 508-Compliance is enabled. */
    display: block;
    padding: 5px 0px;
    font-weight: normal;
    color: rgb(255, 255, 255); /* button-title text color */
   /* background: rgb(47, 47, 97) url(../../images/application/menu/ek_menu_ex__btnWorkareaOrangeVista.jpg) repeat-x;  color specified in case image unavailable */
    text-align:center; /*text-indent: 5px;*/
    width: 100%; /* capture on-click for entire row that the button occupies 
    height: 100%; */
    text-decoration: none;
}
.center_dropdown_menu .ekmenu_button_selected
{
	/* SPAN; selected version of .ekmenu_button, see above... */
	/* Typical parent element: div.ekmenu_submenu, or else */
	/* h3.ekmenu_accessible_submenu_navheading if 508-Compliance is enabled. */
    display: block;
    padding: 5px 0px;
    font-weight: normal;
    color: rgb(255, 255, 255); /* button-title text color */
    /* background: rgb(47, 47, 97) url(../../images/application/menu/ek_menu_ex__btnWorkareaOrangeVistaSelected.jpg) repeat-x; color specified in case image unavailable */
    text-align:center; /*text-indent: 5px;*/
    width: 100%; /* capture on-click for entire row that the button occupies */
    height: 100%; 
    text-decoration: none;
}
.center_dropdown_menu .ekmenu_button_selected_hover
{
	/* SPAN; hovered version of .ekmenu_button_selected, see above... */
	/* Typical parent element: div.ekmenu_submenu, or else */
	/* h3.ekmenu_accessible_submenu_navheading if 508-Compliance is enabled. */
    display: block;
    padding: 5px 0px;
    font-weight: normal;
    color: rgb(255, 255, 255); /* button-title text color */
    /* background: rgb(47, 47, 97) url(../../images/application/menu/ek_menu_ex__btnWorkareaOrangeVistaSelectedHover.jpg) repeat-x; color specified in case image unavailable */
    text-align:center; /*text-indent: 5px;*/
    width: 100%; /* capture on-click for entire row that the button occupies */
    height: 100%; 
    text-decoration: none;
}

/* images */
.center_dropdown_menu .ekmenu_submenu_items a img, 
.center_dropdown_menu .ekmenu_submenu_items_hidden a img 
{
	/* IMG; menu-item image, selected by CMS, can be used */
	/* with or in place of the textual title of the link. */
	/* Typical parent element: a.ekmenu_link */
	border-width: 0px;
}
.center_dropdown_menu .ekmenu_linkimage, 
.center_dropdown_menu .ekmenu_linkimage_selected
{
	/* SPAN; supports rollover-images, where a single image is scrolled */
	/* to show the desired effect for the given action-event. Separate the */
	/* .ekmenu_linkimage and .ekmenu_linkimage_selected classes for more images */
	/* Typical parent element: a.ekmenu_link */
    display: block;
	position: relative;
	background-position: 0px 0px;
	background-repeat:no-repeat;
	height: 30px;
	overflow: hidden;
}
.center_dropdown_menu .ekmenu_linkimage_hover, 
.center_dropdown_menu .ekmenu_linkimage_selected_hover
{
	/* SPAN; hovered version of ekmenu_linkimage. Supports rollover-images, */
	/* where a single image is scrolled to show the desired effect for the */
	/* given action-event. Separate the .ekmenu_linkimage_hover and */
	/* .ekmenu_linkimage_selected_hover classes to control more images */
	/* Typical parent element: a.ekmenu_link */
    display: block;
	position: relative;
	background-position: 0px -30px;
	background-repeat:no-repeat;
	height: 30px;
	overflow: hidden;
}

/* Link menu items */
/*.ekmenu_submenu_items a */
.center_dropdown_menu a.ekmenu_link, 
.center_dropdown_menu a.ekmenu_link:link, 
.center_dropdown_menu a.ekmenu_link:visited
{
	/* A; link for individual menu items (CMS quicklink, external link, etc.). */
	/* Typical parent element: div.ekmenu_submenu_items, or else */
	/* li.ekmenu_unorderedlist_item if 508-Compliance is enabled. */
    padding: 1px 0px 0px 0px; /*padding: 5px 0px; *//* set all to zero for images */
    text-indent: 10px;
    color: #ffffff;    
    text-decoration: none; /* remove underlines */
    display: block; /* force one link per row */
    width: 100%; /* fill entire row with link */
    /*white-space: normal;*/
    text-align: left;
    height: 100%;
	background-color: #808080;
}
/*.ekmenu_submenu_items a:hover */
.center_dropdown_menu a.ekmenu_link:hover, 
.center_dropdown_menu a.ekmenu_link:active, 
.center_dropdown_menu a.ekmenu_link:focus
{
	/* A; hovered version of ekmenu_link, see above... */
	/* Typical parent element: div.ekmenu_submenu_items, or else */
	/* li.ekmenu_unorderedlist_item if 508-Compliance is enabled. */
    padding: 1px 0px 0px 0px; /*padding: 5px 0px; *//* set all to zero for images */
    text-indent: 7px;
    color: #ffffff;
    /* background : rgb(181, 166, 132); */
    /* height: 2em; */
    text-decoration: none; /* remove underlines */
	display: block; 
	width: 97%;
	border-left: 3px solid #a72d1a; /* link row seperators */
	border-right: 3px solid #a72d1a; /* link row seperators */
    /*white-space: normal;*/
    text-align: left;
	background-color: #000000;
}

.center_dropdown_menu a.ekmenu_link_selected {
	/* A; selected version of ekmenu_link, see above... */
	/* Typical parent element: div.ekmenu_submenu_items, or else */
	/* li.ekmenu_unorderedlist_item if 508-Compliance is enabled. */
    padding: 0px 0px; /*padding: 5px 0px; *//* set all to zero for images */
    text-indent: 10px;
	/*color: rgb(0, 89, 231);      this and the next two lines 
    background: rgb(206, 190, 140); */
	background-color: #000000;
	display: block; 
	width: 100%;
    border-bottom: 9px solid #000000;  /*link row seperators */ /*comment out
    white-space: normal;
    /* this is added */
    text-align: left;
    color: white;
	text-decoration: none;
}
.center_dropdown_menu a.ekmenu_link_selected:hover {
	/* A; selected and hovered version of ekmenu_link, see above... */
	/* Typical parent element: div.ekmenu_submenu_items, or else */
	/* li.ekmenu_unorderedlist_item if 508-Compliance is enabled. */
    padding: 0px 0px; /*padding: 5px 0px; *//* set all to zero for images */
    text-indent: 10px;
	/*color: rgb(198, 211, 255);           comment out this and the next two lines
    background: rgb(161, 141, 81);
    border-color : rgb(161, 141, 112); 
	display: block; 
	width: 100%;
    border-bottom: 1px solid rgb(220, 220, 220); /* link row seperators */
    white-space: normal;
	text-decoration: none;

}