/*
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.
*/
.side .ekflexmenu
{
/*DIV; wraps the entire menu
(the outer-most non-user container element)
width: 148px;*/
	font-family: calibri, sans-serif;
	width: 200px;
	font-weight: bold;
	margin-left: 1px;
	color: #16305A;
	font-size: 1em;
	/*[empty]line-height:;*/
}
.ekflexmenu_accessible_menu_endlink
{
	position: absolute;
	margin-left: -10000px;
	text-decoration: none;
	margin-top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.ekflexmenu_accessible_menu_startlink
{
	position: absolute;
	margin-left: -10000px;
	text-decoration: none;
	margin-top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.side .ekflexmenu_submenu, .side .ekflexmenu_submenu_hover, .side .ekflexmenu_submenu_parent, .side .ekflexmenu_submenu_parent_hover
{
/*DIV; holds submenu items, such as a submenu title and links.*/
	top: 0px;
	left: -24px;
	line-height: 1.15em;
	font-family: Calibri;
	vertical-align: top;
	/*[disabled]font-weight:bold;*/
}
.side UL
{
/*UL; a container for menu list items (useful for non-graphical browsers).
list-style: none;
/*margin: 0px;
padding: 0px;*/
	list-style: disc url(../images/content/bullet_blue_disc.png);
}
.side LI
{
/*LI; container for menu items (typically either links or sub-menus).
display:inline;
margin: 0px;
padding: 0px;*/
	color: #DF8220;
	margin: 0 0 -5px;
	list-style: none url(/images/content/bullet_blue_disc.png);
	padding-top: 5px;
}
.side .ekflexmenu_submenu_items
{
/*DIV; container for menu lists.*/
	overflow: hidden;
/*truncate what cannot fit*/
	padding: 5px 0px;
	margin-bottom: -6px;
	margin-top: -14px;
}
.side .ekflexmenu_submenu_items LI
{
	margin-left: 20px;
	list-style: none url(/images/content/bullet_blue_disc.png);
	margin-top: 3px;
}
.side .ekflexmenu_submenu_items_hidden
{
/*DIV; normally hidden container for menu lists (becomes visible if
user clicks on related submenu button, or if Javascript/CSS not supported).*/
	display: none;
}
/*Button menu items, controls visibility of associated sub-menus*/
.side .ekflexmenu_button
{
/*A; holds the title of the associated submenu, and typically acts as a
button (or folder) for the submenu. Can also hold images (background, etc).*/
	font-weight: bold;
	text-indent: 10px;
	color: #152F59;
}
.side .ekflexmenu_button:hover, .side .ekflexmenu_button_hover
{
/*A; hovered version of .ekflexmenu_button, see above...*/
	font-weight: bold;
	text-indent: 15px;
	color: #DE8309;
}
.side .ekflexmenu_button_selected
{
/*A; selected version of .ekflexmenu_button, see above...*/
	font-weight: bold;
	text-indent: 10px;
	text-decoration: inherit;
	color: #99641D;
}
.side .ekflexmenu_button_selected_hover
{
/*A; hovered version of .ekflexmenu_button_selected, see above...*/
	font-weight: bold;
	text-indent: 10px;
	/*[disabled]text-decoration:underline;*/
}
/*images*/
.side .ekflexmenu_submenu_items A IMG, .side .ekflexmenu_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.*/
	border-width: 0px;
}
/*Link menu items*/
.side A.ekflexmenu_link, .side A.ekflexmenu_link:link, .side A.ekflexmenu_link:visited
{
/*A; link for individual menu items (CMS quicklink, external link, etc.).*/
	/*[disabled]padding:4px 0px;*/
	/*[disabled]text-indent:5px;*/
	color: #152F59;
	text-decoration: inherit;
}
.side A.ekflexmenu_link:hover, .side A.ekflexmenu_link:active, .side A.ekflexmenu_link:focus
{
/*A; hovered version of ekflexmenu_link, see above...*/
	text-indent: 10px;
	text-decoration: inherit;
	color: #DE8309;
}
.side A.ekflexmenu_link_selected
{
/*A; selected version of ekflexmenu_link, see above...*/
	padding: 0px;
	text-indent: 10px;
	color: #99641D;
}
.side A.ekflexmenu_link_selected:hover
{
/*A; selected and hovered version of ekflexmenu_link, see above...*/
	padding: 0px;
	text-indent: 10px;
	color: inherit;
}
