/*                                                                          */
/* NOTICE:                                                                  */
/*    To support more than one-single FlexMenu server control per page      */
/*    the CSS files' name is used as a class and is prefixed to all of      */
/*    the selectors (without the path or extension).                        */
/*                                                                          */
/*    The server control will automatically wrap the entire FlexMenu        */
/*    within a div-tag, whose class-name will be derived from the filename. */
/*                                                                          */
/*    *** THESE MUST BE ENTIRELY IN LOWER CASE! ***                         */
/*    The server control will cast these filenames to lower before use!     */
/*                                                                          */
/*    Only the base ASCII character set is supported.                       */
/*                                                                          */
/*    Also, spaces and periods before the extension will be converted       */
/*    into underscores, as these are not permitted within the selector.     */
/*                                                                          */

.mainnav
{
	margin: 0;
	padding: 0px;
	padding-top: 0px;
	display: block;
	font-family: Arial; 
	font-size: 12px;
	position: absolute;
	float: left;
	margin-left: 0px; 
	z-index: 89 !important;
	
}


.mainnav UL
{
	display: block;
	padding: 0px;
	margin:0px;
	
}

.mainnav LI
{
	float: left;
	display: block;
	position: relative;
	padding: 0px;
	font-size: 1em;
	margin-top: 0px;
	margin-right: 15px;
	position: relative; /* mine*/
	/*width: 101px; this really does not work well*/
	
	/*float: left;
	position: relative; 
	display: inline;
	margin-right: 14px;
	font-size: 1em;*/
}

.mainnav .ekflexmenu_menu_level_0 .ekflexmenu_submenu_items
{
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	padding: 0px;
	
}

.ekflexmenu_menu_level_0 .ekflexmenu_startlevel
{
    border-right:1px solid #007bbd;
	display: inline;
}

.mainnav .ekflexmenu_menu_level_1 .ekflexmenu_submenu_items
{
	position: absolute;
	left: 0px;
	top: 100%;
/*	font-size: 12px;*/
	border: 0px;
	background-color: #006cb3;
	margin-left: 3px;
	padding:7px 0 5px 5px;
	text-align: left;
	color: #000;
	z-index: 2900 !important;
	width: 220px;
	display:list-item;

	
}
.mainnav .ekflexmenu_menu_level_2 
{
	background-image: url('/images/arrowright.png');
	background-position:right;
	background-repeat:no-repeat;
	
}

.mainnav .ekflexmenu_menu_level_2 .ekflexmenu_submenu_items
{
	position: absolute;
	left: 205px;
	top: 0px;
	margin-top: 0px;
	z-index: 99999 !important;
	background:#006cb3;
	padding: 0px 10px 0px 10px;
	width: 220px;
	border: 1px solid white;
	
}

.mainnav .ekflexmenu_menu_level_1 .ekflexmenu_submenu_items li
{
	
	width: 170px;

	
}
.mainnav .ekflexmenu .ekflexmenu_submenu_items_hidden
{
	display: none;
	background:#c5d9f2;
}

.horizontal .ekflexmenu_button,
.mainnav .ekflexmenu_button_hover,
.horizontal .ekflexmenu_button_visited
{
}



.mainnav a
{
	color: #777;
	text-decoration: none;
	font-size: 13px;
}

.mainnav a:hover
{
	color:#4A9DC6;
}

.horizontal a.ekflexmenu_link, 
.horizontal a.ekflexmenu_link:link, 
.horizontal a.ekflexmenu_link:visited 
{
	z-index: 9999 !important;
	
}

.mainnav a.ekflexmenu_link:hover, 
.mainnav a.ekflexmenu_link:active, 
.mainnav a.ekflexmenu_link:focus
{
	color: #4A9DC6;
	text-decoration: none;
	font-size: 13px;
}

.mainnav a.ekflexmenu_link_selected:hover
{
	/*white-space: normal;*/
}