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

#menu_vert {
   margin-left: 0px;
   margin-right: 0px;
}

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

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
background: transparent url(uploads/multihull/menu_wrap.png) repeat-x;
   border-bottom: 1px none #C0C0C0;
   width: 100%;   
}

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

#primary-nav li li { 

   width: 145px; 

}





/* 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: -1px;

   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 {  padding:12px 12px 14px 12px;text-align:center;

   display: block; 

   margin: 0px; 

font-weight: bold;

   text-decoration: none; 

   color: #16d6d4;

}

#primary-nav li a {  background-color: transparent; 

padding:12px 24px 12px 24px;

   border-left: 1px none #fff;

}

#primary-nav li li a { padding:8px 12px 8px 12px ; ;

   border: 1px none #000;background: #122979 url(uploads/multihull/) repeat-x;

}	

#primary-nav li li a:hover { padding:8px 12px 8px 12px ;

   border: 1px none #000;background: #06a8a8 url(uploads/multihull/) repeat-x;

}	

#primary-nav li { 

   background-color: transparent; 

}

#primary-nav li.menuparent { 

   background-color: transparent; 

}

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

#primary-nav li:hover { 

   background: #122979 url(uploads/multihull/) repeat-x;

}

#primary-nav li.menuactive { 

  

}





/* 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(uploads/vicsail/arrow.gif); 

   background-position: center right; 

   background-repeat: no-repeat; 

}





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





#primary-nav li.menuh, 

#primary-nav li.menuparenth, 

#primary-nav li.menuactiveh { 

     background: #002760 url(uploads/) repeat-x;

 

}



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