/* ---------------------------------------------
Keyboard accessible dropdown menu
Author:Adriana Palazova
Version:22 February 2009
last rev.: 19 October 2009
gratitude to Matthew Carroll - http://carroll.org.uk/sandbox/suckerfish/bones2.html
and
Alan Gresley and Duncan Hill - http://css-class.com/articles/ursidae/
------------------------------------------------ */


/* --- TOP LEVEL MENU STYLES --- */
#ddmenu { width:980px }
#ddmenu li { position:relative; float:left; list-style:none }
#ddmenu li a { display:block; }
    
/* --- SUB MENU ITEMS --- */
/*#ddmenu li li { z-index:20} /* no width here because of IE */
#ddmenu li li a { } 
#ddmenu ul > li {display:block; float:none} /* for Opera */

/* --- SUB MENU FIRST LEVEL INITIAL POSITION --- */  
#ddmenu ul { position:absolute; left:-9999px; top:100%; z-index:903 }

/*for modern browsers:*/
#ddmenu li > ul  { top:auto; /*width:auto*/}

/*see the conditional comments for IE7*/

/* --- SHOW FIRST LEVEL SUB MENU --- */

/*For ie6:*/
#ddmenu li.sfhover ul, 
#ddmenu li a:active ul, 
#ddmenu li.sffocusparent ul, 
#ddmenu li a.sffocus ul {left:0}

/* for modern browsers + IE7:*/
#ddmenu li:hover > ul, 
#ddmenu li.sfhover > ul, 
#ddmenu li.sffocusparent > ul, 
#ddmenu li a:active > ul, 
#ddmenu li a:focus + ul, 
#ddmenu li a.sffocus + ul {left:inherit /*20100528 left:auto*/}

/* --- SUB MENU SECOND LEVEL and following levels UNHOVERED POSITION --- */  
#ddmenu li:hover ul ul, #ddmenu li:active ul ul, #ddmenu a:focus ul ul, #ddmenu li.sfhover ul ul, #ddmenu a.sffocus ul ul,
#ddmenu li.sffocusparent ul ul,
#ddmenu li.sffocus ul ul {left:-9999px}

/* --- SHOW SECOND LEVEL SUB MENU --- */

/* For ie6: */
#ddmenu ul li a:hover ul, #ddmenu ul li.sfhover ul,
#ddmenu ul li a:active ul,
#ddmenu ul li.sffocusparent ul,
#ddmenu ul li.sffocus ul {margin-left:12em; top:-1px; left:1px}

#ddmenu li.sfhover, #ddmenu li.sffocusparent { z-index:999; display:block; background-color: #FFF}

/* for modern browsers + IE7: */
#ddmenu ul li:hover > ul,
#ddmenu ul li.sfhover > ul,
#ddmenu li li a.sffocus + ul,
#ddmenu li li.sffocus > ul {margin-left:12em; top:-1px; left:1px}


/* --- SUB LEVEL positions for JavaScript  OFF - thanks http://css-class.com/articles/ursidae/ --- */ 

/* --- The focus position for submenu anchors --- */
#ddmenu.jsoff li li a:focus, #ddmenu.jsoff li li a:active { /* --- THE FOCUS POSITION FOR FIRST SUB MENU ANCHORS --- */
	position:relative; left:9999px; top:-1px }
#ddmenu.jsoff li li li a:focus, #ddmenu.jsoff li li li a:active { /* --- THE FOCUS POSITION FOR SECOND SUB MENU ANCHORS --- */
	left:19999px; margin-left:12em; top:-2.9em; }

/* --- The hovered position for submenu anchors when the anchor is in focus --- */
#ddmenu.jsoff li:hover li a:focus, #ddmenu.jsoff li:hover li a:active { 
	position:relative; left:auto; top:-1px; margin-left:0}
 
#ddmenu.jsoff li:hover a:focus + ul { /* --- THE POSITION OF FIRST LEVEL SUB MENU, WHEN THE PARENT IS FOCUSSED AND HOVERED --- */
	margin-left:0px;
}
#ddmenu.jsoff li li a:focus + ul { /* --- THE POSITION OF SECOND LEVEL SUB MENU, WHEN THE PARENT IS FOCUSSED FOR JavaScript  OFF --- */
	top:-1px;
	left:12em;
	margin-left:10000px;
}
#ddmenu.jsoff li:hover li a:focus + ul { /* --- THE POSITION OF SECOND LEVEL SUB MENU, WHEN THE PARENT IS FOCUSSED AND HOVERED --- */
	left:12em;
	margin-left:1px;
}

/* --- BACKGROUND IMAGES OF PARENT ITEMS --- */

#ddmenu li a.mum {  }
#ddmenu ul li a.mum {  }

/* --- LINK HOVER STYLES --- */

#ddmenu li a:link, #ddmenu li a:visited  { /*background-color:transparent */}

#ddmenu li a:hover, #ddmenu li:hover a, #ddmenu li a:focus, #ddmenu li a:active, 
#ddmenu li.sfhover a, #ddmenu li a.sffocus, #ddmenu li.sffocusparent a { background-color:#144565; color:#FFF}

#ddmenu li li a:link, #ddmenu li li a:visited  { background-color:#FFF; color:#144565}

#ddmenu ul li a:hover, #ddmenu ul li:hover a, #ddmenu ul li a:focus, #ddmenu ul li a:active, 
#ddmenu ul li.sfhover a, #ddmenu ul li a.sffocus, #ddmenu ul li.sffocusparent a {background-color:#144565; color:#FFF}

#ddmenu li li li a:link, #ddmenu li li li a:visited  {/*background-color:transparent*/}

#ddmenu li li li a:hover, #ddmenu li li li:hover a, #ddmenu li li li a:focus, #ddmenu li li li a:active, 
#ddmenu li li li.sfhover a, #ddmenu li li li a.sffocus, #ddmenu li li li.sffocusparent a {background-color:#144565; color:#FFF}