/* Start of CMSMS style sheet 'CSSMenu' */
/* Vertical menu for the CMS CSS Menu Module */
/* by works */
/* The wrapper determines the width of the menu elements */
#menuwrapper { 
width: 165px;
}
/* Unless you know what you do, do not touch this */ 
#primary-nav, 
#primary-nav ul {
list-style: none; 
margin: 0; 
padding: 0; 
width: 100%;
font-size: 16px;
}
#primary-nav ul { 
position: absolute; 
top: 0; 
left: 100%; 
display: none; 
}
#primary-nav li { 
position: relative;
z-index: 20;
}
/* Styling the basic apperance of the menu elements */
#primary-nav a { 
display: block; 
margin: 0; 
padding: 3px 3px 4px 3px; 
text-decoration: none;
color: #445577; 
}

/* 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: transparent url([[root_url]]/uploads/menu/0ff.gif); 
}
/* The magic - set to work for up to a 4 level menu, but can be increased unlimited */

#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul, 
#primary-nav li.menuparenth ul ul ul { 
display: none;
width: 100%;
}
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav ul ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul, 
#primary-nav ul ul ul li.menuparenth ul  { 
display: block; 
}
/* IE Hack, will cause the css to not validate */
#primary-nav li, 
#primary-nav li.menuparenth {
 _float: left; 

}
#primary-nav li.menuparenth {float: left;}
#primary-nav li a {zoom: 1;}

/*stuff for graphic menu*/

#primary-nav a span{ 
visibility: hidden;
}
#primary-nav li li a {
/*background-color: #2b45cd;*/
background: #4564FD; /*#EC9343 url([[root_url]]/uploads/layout/glossyback.gif) repeat-x bottom left;*/
color: #ffffff;
margin: 0;
padding: 3px;
border: 1px solid #88C3FF;
}
#primary-nav li li a span{
visibility: visible;
}
#primary-nav li li a:hover
{ background-color: #EC9343; color: #111;
/*background-image: url(uploads/layout/glossyback3.gif);*/
}
#primary-nav li li li a:hover 
{ background-color: #FF0033; color: #111;
background-image: url([[root_url]]/uploads/layout/glossyback4.gif);}

/* Tier Menu */
ul#tier {
margin: 0;
padding: 0;
list-style-type: none;
white-space: nowrap;
}

ul#tier li {
float: left;
font-family: verdana, arial, sans-serif;
font-size: 9px;
font-weight: bold;
margin: 0;
padding: 5px 0 4px 0;
background-color: #eef4f1;
border-top: 1px solid #e0ede9;
border-bottom: 1px solid #e0ede9;
}

#tier a, #tier a:link {
margin: 0;
padding: 5px 9px 4px 9px;
color: #01008E;
border-right: 1px dashed #d1e3db;
text-decoration: none;
}

ul#tier li#active {
color: #95bbae;
background-color: #deebe5;
}

#tier a:hover {
color: #74a893;
background-color: #d1e3db;
}
/* End of 'CSSMenu' */