/* Start of CMSMS style sheet 'DEE_menu' */
/* Start of CMSMS style sheet 'Navigation: CSSMenu - Horizontal' */

/* Horizontal menu for the CMS CSS Menu Module */

/* by Alexander Endresen */



/*

a.menuparent span {

  display: block;

  padding-top: 18px;

  padding-bottom: 4px;

  font-weight: bold;

}

*/



ul#primary-nav li a span {

  display: block;

  padding-top: 18px;

  padding-bottom: 4px;

  font-weight: bold;

}

ul#primary-nav li ul li a span {

  display: inline;

  padding: 0px;

  font-weight: normal;

}



#menu_vert {

   /* orig: margin-left: 1px; 

            margin-right: 1px;

   */

   margin-left: 0px;

   margin-right: 0px;

   font-size: 13px;

   position: absolute;

   margin-left: 202px;

   margin-top: -51px;

   width: 773px;

   background: url(./images/fda/fda_06.gif) top right no-repeat;

}



/* The wrapper clears the floating elements of the menu */



/* Fix for Opera 8 */

.clearb { clear: both; }

#menuwrapper { 

   /* Fix for Opera 8 */ 

   /*   overflow: hidden;  */ 

   background-color: #ECECEC;

   background: url(./images/fda/menuwrapper.gif) 0 0 repeat-x;

   /* orig:

   border-bottom: 1px solid #C0C0C0;

   */

   width: 766px;

   height: 51px;

}



/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li { 

   width: 200px; 

}





/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 

   list-style: none; 

   margin: 0px; 

   padding: 0px;

}



#primary-nav ul { 

   position: absolute; 

   top: auto;

   display: none; 

}



#primary-nav ul ul { 

   margin-top: 1px;

   margin-left: -1px;

   left: 100%; 

   top: 0px; 

}

	

#primary-nav li { 

   /* orig: margin-left: -1px; */

   margin-left: 0px;

   float: left;

}

#primary-nav li li { 

   margin-left: 0px;

   margin-top: -1px;

   float: none; 

   position: relative;

   background-image: none;

   background-color: #670000;

}



/* Styling the basic apperance of the menu elements */

#primary-nav a { 

   display: block;

   margin: 0px;

   /* orig: 

   padding: 5px 10px;

   */

   padding: 0px 15px 0px 15px;

   text-decoration: none; 

   color: #f5f5e5;

   height: 51px;

}



#primary-nav li a {

  /* orig: 

   border-right: 1px solid #C0C0C0;

   border-left: 1px solid #C0C0C0;

  */

}



#primary-nav li li a {

   /* 

   border: 1px solid #C0C0C0;

   */

   padding: 8px;

   border-top: solid 1px #440000;

}

	

#primary-nav li, #primary-nav li.menuparent { 

   background-color: #ececec;

   background: url(./images/fda/menu.gif) top right no-repeat; 

}



/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */



#primary-nav li.menuactive { 

   background-color: #C7C7C7; 

   background: url(./images/fda/menu.gif) right -153px no-repeat;

}





/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, 

#primary-nav ul li.menuparent:hover, 

#primary-nav ul li.menuparenth { 

  background: url(./images/fda/menu.gif) right -153px no-repeat; 

/* arrow for menuparents */

  /* 

   background-image: url(images/cms/arrow.gif); 

   background-position: center right; 

   background-repeat: no-repeat;

  */

}



/* Styling the apperance of menu items on hover */



#primary-nav li:hover, 

#primary-nav li.menuh, 

#primary-nav li.menuparenth, 

#primary-nav li.menuactiveh { 

   background-color: #E7AB0B; 

   background: url(./images/fda/menu.gif) right -51px no-repeat;

}



#primary-nav li li:hover {

  background: url(./images/fda/menu.gif) right -153px no-repeat;

}





/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */



/* 

just add 

#primary-nav li:hover ul ul, 

#primary-nav li.menuparenth ul ul ul,

for fourth level 

*/

#primary-nav ul, 

#primary-nav li:hover ul, 

#primary-nav li:hover ul ul, 

#primary-nav li.menuparenth ul, 

#primary-nav li.menuparenth ul ul { 

   display: none; 

}



/* add 

#primary-nav ul ul ul li:hover ul, 

#primary-nav ul ul ul li.menuparenth ul,

for fourth level

*/

#primary-nav li:hover ul, 

#primary-nav ul li:hover ul, 

#primary-nav ul ul li:hover ul, 

#primary-nav li.menuparenth ul, 

#primary-nav ul li.menuparenth ul, 

#primary-nav ul ul li.menuparenth ul { 

   display: block; 

}





/* IE Hacks */

#primary-nav li li { 

   float: left; 

   clear: both; 

}

#primary-nav li li a { 

   height: 1%; 

}

/* End of 'Navigation: CSSMenu - Horizontal' */



/* End of 'DEE_menu' */