/* CSS Document */

.clear {
  clear: both;
}

#navigation_holder1 {
display:block;
/* float:left; */ 
width:740px;
position:relative;
z-index: 500;

/*
background-image: url(../stylesheets/menubackground_inside.gif);
background-repeat:repeat-y;
background-position:center;
*/

}

#navigation_holder2 {
/* float:left; */
display: block;
width:740px;
/* position:relative; */
z-index: 450;
/*
background-image: url(../stylesheets/menubackground_inside.gif);
background-repeat:repeat-y;
background-position:center;
*/
}


.menu {
width: 100%;
float: left;
z-index: 500;
height:30px;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;

background-image: url(../stylesheets/menubackground_inside.gif);
background-repeat:repeat-y;
background-position:center;

}

.menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 7.7em;
float: left;
z-index: 500;
}


.menu a {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
display: block;
margin: 0;
padding: 2px 4px;
z-index: 500;
text-align:left;

}


.menu h2 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
display: block;
margin: 0;
padding: 2px 4px;
z-index: 500;
text-align:center;
color: #fff;
}



.menu ul li a {
color: #ffffff;
background: #2e415f;
text-decoration: none;
z-index: 500;

}

.menu ul li a:hover {
color: #cdc78c;
background: #778da7;
z-index: 500;
}

.menu ul li h2 a {
color: #ffffff;
text-decoration: none;
z-index: 500;
background:none;
text-align:center;

}

.menu ul li h2 a:hover {
color: #cdc78c;
z-index: 500;
text-decoration: none;
background:none;
text-align:center;

}

.menu li {
position: relative;
z-index: 500;

}

.menu li:hover {
  position: relative;
  z-index: 550;
}


.menu ul li ul li {
border-bottom: 1px solid #ffffff;
border-style: none; 
width: 15em;
z-index: 550;

}


.menu ul ul {
position: absolute;
z-index: 550;
}

.menu ul ul ul {
top: 0;
left:96%;
z-index: 550;
}


div.menu ul ul a {
  border: 1px solid #ffffff;
  border-bottom: none;
  z-index: 550;

}

div.menu ul ul a.bottom {
  border: 1px solid #ffffff;
  z-index: 550;

}


div.menu ul ul,
div.menu ul li:hover ul ul,
div.menu ul ul li:hover ul ul
{
display: none;
z-index: 550;
width:100%;
border: 1px solid #ffffff;
border-style: none; 
margin-left:6px;

}

div.menu ul li:hover ul,
div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul
{display: block;
z-index: 550;
border-style: none; 

}