/* Start of CMSMS style sheet 'Navigation: CSSMenu - Horizontal' */
/* Horizontal menu for the CMS CSS Menu Module */

/* by Alexander Endresen */



#menu_vert {

   margin-left: 1px;

   margin-right: 1px;

}



/* 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;      */

/*   border-top: 1px solid #ff0000;  */

   width: 100%;

}



/* 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 { 

   margin-left: 0px;

   float: left; 

}

#primary-nav li li { 

   margin-left: 0px;

   margin-top: -1px;

   float: none; 

   position: relative; 

}



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

#primary-nav a { 

   display: block; 

   margin: 0px; 

   padding: 7px 16px 8px 16px; 

   text-decoration: none; 

   color: #006699;

}

#primary-nav li a { 

/*   border-right: 1px solid #C0C0C0;

   border-left: 1px solid #C0C0C0; */

}

#primary-nav li a:hover { 
	color: #ececec;
	background: #63a5c0;
}

#primary-nav li li a { 

   border: 1px solid #C0C0C0; 

}	

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

   background-color: #ececec; 

}



/* 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; 

}





/* 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 { 

/* 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: #63a5c0; 

}





/* 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' */