/* Created by TopStyle Pro Version - www.bradsoft.com */
/* last edit by Tak 7/4/2007 correct fonts in menu, use pt instead of px, add imgicon property */
/* 7/5/2007 corrent IE active link not styled problem. IE order the style not correctly */
/* 7/8/2007 Additional side menu for 3rd and 4th level of menu */

/* menu item seperator */
div.ecmenu ul.links li.item, div.ecmenu ul.links li.item-first {
	border-right: 1px solid;
	border-color: white;
}

img.menuicon
{
	padding: 3px 0px 0px 3px;
	float: left
}

div#menu-topmargin  /* checked IE+Firefox */
{
	height:5px;
	background-color:#101A98;
	clear: both;
	margin: 0;
	padding: 0;
}
div#dlr-menu-topmargin  /* checked IE+Firefox */
{
	height:5px;
	background-color:#101A98;
	clear: both;
	margin: 0;
	padding: 0;
}

div#sitemenu-menu-0
{
	margin: 0;
	height: 20px;
	padding: 0;
	background-color:#101A98;
	text-align: left;
	border: 0;
	position: relative;
}

div#dlr-sitemenu-menu-0
{
	margin: 0;
	height: 20px;
	padding: 0;
	background-color:#70B83B;
	text-align: left;
	border: 0;
	position: relative;
}

div#sitemenu-menu-1, div#sitemenu-menu-2
{
	/* height: 22px; */
	background-color: #70B83B;
	clear: both;
	font: normal 8pt "Myriad Web", Arial, sans-serif;
	letter-spacing: .05em;
	text-align: left;
}

div#dlr_sitemenu-menu-1, div#dlr_sitemenu-menu-2
{
	/* height: 22px; */
	background-color: #79B4E4;
	clear: both;
	font: normal 8pt "Myriad Web", Arial, sans-serif;
	letter-spacing: .05em;
	text-align: left;
}

div#sitemenu-menu-0 ul
{
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0px;
}

div#sitemenu-menu-1 ul, div#sitemenu-menu-2 ul
{
	padding-bottom: 3px;
	padding-top: 4px;
	padding-right: 0px;
	padding-left: 0px; 
	margin: 0;
}
div#sitemenu-menu-0 ul li
{
	padding: 0;
	margin:0;
}

div#sitemenu-menu-0 ul li a
{
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	font: bold 8pt "Myriad Web", Arial, sans-serif;
	text-transform: uppercase;
	margin: 0;
	color: white;
}

div#sitemenu-menu-0 a:link, div#sitemenu-menu-0 a:visited,
{
	font: bold 8pt "Myriad Web", Arial, sans-serif;
	text-decoration: none;
	color: white;
}

div#sitemenu-menu-1 a:link, div#sitemenu-menu-1 a:visited,
div#sitemenu-menu-2 a:link, div#sitemenu-menu-2 a:visited
{
	font: normal 8.5pt "Myriad Web", Arial, sans-serif;
	text-decoration: none;
	color: white;
}
/* second level menu active links */

/* first level menu active links */
div#sitemenu-menu-0 a.link-active { background-color: #70B83B; }

/* has to put ul.links and li to specifier, IE does not apply style in the correct order */
div#sitemenu-menu-1 ul.links li a.link-active, div#sitemenu-menu-2 ul.links li a.link-active 
{ 
	color: #101898; 
}

div#sitemenu-menu-0 a:hover {	text-decoration: none; 	background-color: #70B83B; }
div#sitemenu-menu-1 a:hover, div#sitemenu-menu-2 a:hover
{
	font: normal 8.5pt "Myriad Web", Arial, sans-serif;
	text-decoration: none; 
	color: #101898; 
}

/* 
 * special block that display additional menu items when the level goes over predefined limit 
 */

/* This has to be 0 padding and 0 margin, otherwise the box will appear on other page that does not have third level menu */
div#side-menu, #sidebar-right div.block-menu, #sidebar-right-front div.block-menu
{
    padding:0;  
    margin:0;
}

div#side-menu ul, #sidebar-right ul.menu, #sidebar-right-front ul.menu
{
    text-align: left;
    background-color: #79b4e4;
    font: normal 9pt "Myriad Web", Arial, sans-serif;
    letter-spacing: .05em;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    margin: 0;
}

div#side-menu ul ul, #sidebar-right ul.menu ul, #sidebar-right-front ul.menu ul
{
    padding: 0;  /* take off extra line spacing in sub-sub-level */
    margin: 0;
}

div#side-menu ul.menu li, #sidebar-right ul.menu li, #sidebar-right-front ul.menu li
{
    list-style: none;
    list-style-image: none;
    /* list-style-image: url('images/ec_snav_arrow2.gif'); */     /* this is needed to over ride system default. IE does not take list-style correctly */
    /* list-style-position: inside; */
    border: 1px solid #79b4e4;  /* eliminate space between <li> in IE, and only IE */
    padding: 0;
    margin: 0;
}

div#side-menu a, #sidebar-right ul.menu a, #sidebar-right-front ul.menu a
{
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0;
    color: white;
    text-decoration: none;
    display: block;        /* always block to make the border appear across */
    border-bottom: 1px solid #ccc;
    background-position: left;
    background-repeat: no-repeat;
}

/* 
 * Indent for sub-level menu. If extra level is needed, just create addition block with extra indention 
 */
div#side-menu ul a, #sidebar-right ul.menu a, #sidebar-right-front ul.menu a
{
    background-image: url('images/ec_snav_arrow1.gif');
    text-indent: 16px;
}

div#side-menu ul ul a, #sidebar-right ul.menu ul a, #sidebar-right-front ul.menu ul a
{
    text-indent: 24px;
    background-image: url('images/ec_snav_arrow3.gif');
    background-position: 8px;
}

div#side-menu ul ul ul a, #sidebar-right ul.menu ul ul a, #sidebar-right-front ul.menu ul ul a
{
    text-indent: 32px;
    background-position: 16px;
}

#side-menu a:hover, 
#side-menu a.active,
#sidebar-right ul.menu a:hover, 
#sidebar-right ul.menu a.active,
#sidebar-right-front ul.menu a:hover, 
#sidebar-right-front ul.menu a.active
{
    color: #101898;
}