/* Start of CMSMS style sheet 'YUA: Menu' */
----------------------------------------------

/* Horizontal menu for the CMS CSS Menu Module */
/* by Thomas Hosman */




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

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

/* Fix for Opera 8 */
.clearb { clear: both; }

/* EDIT HERE 1 - FROM DOUG - Below styles the dynamically created div id="menuwrapper"
Change settings here to:
>width of nav bar - common widths are 760px, 955px, or 100%
>alignment of all all levels of menu items */

#menuwrapper {
   /*   overflow: hidden;  */
   /*background-color: transparent; */
   background:  url(uploads/Horizontal_dropdown/nav_bg.jpg) repeat 0 0px;
   width: 760px;
   
   margin-left: auto;
   margin-right: auto;
   z-index: 500;
   text-align: left;
}

/* POSITIONING ELEMENTS */
#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;
}
/* End of positioning elements */ 



/* FIRST LEVEL */

#primary-nav li a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none; 
   color: #FFFFFF;
   font-weight: bold;
   /* border-right: 1px solid #C0C0C0; */
   /* border-left: 1px solid #C0C0C0; */
   font-size: 1.0em;
   
}

#primary-nav li a:hover
{ 
        /* background:  url(uploads/Horizontal_dropdown/nav_hover_bg.jpg) repeat 0 0px; */
	color: #000000;
        line-height: 1em;
        font-weight: bold;
}

#primary-nav li a.menuactive { 
   background-color: #C7C7C7;
   color: #000000;
   background:  url(uploads/Horizontal_dropdown/nav_bg.jpg) repeat 0 0px;
}

#i76 a
{
  display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none; 
   color: #FF0000;
   font-weight: bold;
   /* border-right: 1px solid #C0C0C0; */
   /* border-left: 1px solid #C0C0C0; */
   font-size: 1.0em;
   
  }

#76 li a.menuparent:hover
{
color:  #FF0000;
url(uploads/Horizontal_dropdown/nav_hover_bg.jpg) repeat 0 0px; 
}

#i76 li a.menuactive
{
color:  #FF0000;
url(uploads/Horizontal_dropdown/nav_hover_bg.jpg) repeat 0 0px; 
}


/* SECOND LEVEL */

#primary-nav li li a { 
   display: block; 
   background:  url(uploads/Horizontal_dropdown/nav_bg.jpg) repeat 0 0px;
   padding: 5px 10px; 
   text-decoration: none;  
   color: #fff;
   font-weight: bold;
   border-right: 1px solid #C0C0C0;
   border-left: 1px solid #C0C0C0;
   width: 150px; 
}

#primary-nav li li a:hover
{ 
        /* background:  url(uploads/Horizontal_dropdown/nav_hover_bg.jpg) repeat 0 0px; */
	background-color: #D10D40;
        color: #000000;
        line-height: 1em;
        font-weight: bold;
}

#primary-nav li li a.menuactive { 
   background-color: #C7C7C7; 
}


/* THIRD LEVEL */

#primary-nav li li li a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none; 
   background:  url(uploads/Horizontal_dropdown/nav_bg.jpg) repeat 0 0px;
   color: #fff;
   font-weight: bold;
   border-right: 1px solid #C0C0C0;
   border-left: 1px solid #C0C0C0;
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   border: 1px solid #C0C0C0;
   width: 100px; 
}

#primary-nav li li li a:hover
{ 
        background:  url(uploads/Horizontal_dropdown/nav_hover_bg.jpg) repeat 0 0px;
	background-color: #D10D40;
        color: #FFF;
        line-height: 1em;
        font-weight: bold;
}

#primary-nav li li li a.menuactive { 
   background-color: #C7C7C7; 
}
	
/* MENU MENU END */

#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;
}

/* Fix for Opera 8 */
.clearb { clear: both; }

#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background-color: #ECECEC;
   border-bottom: 1px solid #C0C0C0;
   width: 98%;
}

/* 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 'YUA: Menu' */