/* Start of CMSMS style sheet 'menuOne' */
/********************
menuOne
CSS for "menuOne" in Menu manager.  
Vertical menu/fly-out based on the CMS CSS Menu Module
By Alexander Endresen
Edited: Active parent will not display as a fly-out but below the parent label
Color of links are set in the master CSS
*********************/


/* The wrapper determines the width of the menu elements */
#menuOneContainer { 
width: 100%;
margin-bottom:10px;
}

/* Style of container UL */
#menuOne {
border-top:1px solid #449744;
}

/* default UL margins */
#menuOne, #menuOne ul { 
margin: 0px; 
padding: 0px; 
}

/* To build the fly-out effect */ 
#menuOne, #menuOne ul { 
width: 100%; 
}
#menuOne ul { 
position: absolute;
top: 0; 
left: 100%; 
margin-left: -8px;
margin-top: 3px;
display: none;
z-index:100 !important; 
}
#menuOne li { 
/*margin-bottom: -1px;*/ 
position: relative; 
}


/* Styling the basic appearance of the menu elements */
#menuOne li {
list-style:none;
margin:0;
border-bottom:1px solid #449744;
font-size:1.2em;
font-weight:bold;
line-height:1.1em;
}
#menuOne ul {
padding:0px 0 3px 0px;
border-top:1px solid #449744;
border-left:1px solid #449744;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background-color:#FFFFFF;
background-image:url(site_global/images/flyout-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#menuOne ul li {
font-size:1em;
font-weight:normal;
border-bottom:0;
}
#menuOne a { 
padding:4px 20px 4px 0;
display: block; 
min-height:1em; /* Fixes IE7 whitespace bug*/ 
}
#menuOne ul a { 
padding-left:10px;
}
#menuOne li, #menuOne li.menuParent { 
   /*background-color: #ececec;*/
   /*min-height:1em;*/ /* Fixes IE7 bug*/
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#menuOne li.menuActive { 
background-image:url(site_global/images/icon_menuSelect.gif);
background-position:right center;
background-repeat:no-repeat;
}



/* Styling the basic appearance of the menuparents - here styled the same on hover (fixes IE bug) */
#menuOne li.menuParent, 
#menuOne li.menuParent:hover, 
#menuOne li.menuParenth { 
   /*background-image: url(images/cms/arrow.gif);*/ 
   /*background-position: center right; */
   /*background-repeat: no-repeat; */
}


/* Styling the appearance of menu items on hover */
#menuOne li:hover, 
#menuOne li.menuParent:hover,
#menuOne li.menuh, 
#menuOne li.menuParenth, 
#menuOne li.menuActiveh { 
cursor:default;
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#menuOne ul, 
#menuOne li:hover ul, 
#menuOne li:hover ul ul, 
#menuOne li.menuParenth ul, 
#menuOne li.menuParenth ul ul { 
display: none;
}

#menuOne li:hover ul, 
#menuOne ul li:hover ul, 
#menuOne ul ul li:hover ul, 
#menuOne li.menuParenth ul, 
#menuOne ul li.menuParenth ul, 
#menuOne ul ul li.menuParenth ul { 
display: block; 
}

/* For the active parent menu to not display as a fly-out but below the parent label */
/* (Canceling values that were set above to build the fly-out) */
#menuOne .menuActiveParent, #menuOne .menuActiveParenth  { 
padding-top:3px;
padding-bottom:3px;
}

#menuOne li.menuActiveParent ul, #menuOne li.menuActiveParenth ul {
background:none;
border:0;
position: relative;
display: block;
left:0;
margin:0;
z-index:0 !important; 
}


/* IE Hack, will cause the css to not validate */

#menuOne li, #menuOne li.menuParenth { _float: left; _height: 1%; }
#menuOne li a { _height: 1%; }





/* Followings are not used on this web site */


/* section header */
#menuOne li.sectionHeader {
   border-left: 1px solid #006699; 
   border-top: 1px solid #006699; 
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0.5em;
   background-color: #fff;
   margin: 0;
   width: 100%;
}


/* separator */
#menuOne li hr.separator {
   display:block;
   height: 0.5em;
   color: #abb0b6;
   background-color: #abb0b6;
   width: 100%;
   border:0;
   margin:0;
   padding:0;   
   border-top: 1px solid #006699;
   border-right: 1px solid #006699;
}

/* End of 'menuOne' */