/* CSS Document */

/****************************
AUTHOR: Heidi Weiland
DATE: January 2007
CONTACT: heidi@soundwebsolutions.net

NOTES: vertical pop-out navigation
****************************/

#navigation {
/*position:absolute;*/
position:relative;
z-index:200;
left:2px;
width:174px;
font-size:.9em;
float:left;
}
#navigation ul {
margin-top:41px;
margin-bottom:15px;
}
#navigation ul .spacer {
margin-top:10px;
}
#navigation ul .skip { /**********  FOR ACCESSIBILITY ***********/
visibility:hidden;
height:0;
}

#navigation li {position: relative;} /*copied this from CVTC*/

#navigation a, #navigation h3{
color:#ffffff;
font-weight:bold;
border-left:0px solid white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
text-decoration:none;
display:block; /*this is needed so that it will accept layout measurements*/
padding:0px 5px 0px 8px;
margin-bottom:0;
font-size:.95em;
}
#navigation h3 {
padding-top:0px;
padding-bottom:3px;
}
#navigation ul {
list-style:none;
}

#navigation a:hover, #navigation a:active, #navigation h3:hover {
background-color:#54722e;
background-image:url(../images/rollover_06.gif);
background-position:top right;
background-repeat:no-repeat;
}
#navigation a:focus {
background-color:#54722e;
}





/*******************2nd LEVEL****************/
#navigation ul ul {
margin-top:0;
margin-bottom:0;
float:left;
position: absolute;
/*z-index: 5500;*/
width:10em;
left: 100%;
background-color:#7a9d53;
top:0;
}
#navigation ul ul a {
padding-top:3px;
padding-bottom:5px;
width:inherit;
}
#navigation ul ul a:hover,#navigation ul ul a:active {
background-color:#54722e;
/*background-image:none;*/
color:#000000;
font-weight:bold;
}

div#navigation ul ul,
div#navigation ul li:hover ul ul,
div#navigation ul ul li:hover ul ul
{display: none;}

div#navigation ul li:hover ul,
div#navigation ul ul li:hover ul,
div#navigation ul ul ul li:hover ul
{display: block;}
#navigation ul ul h3:hover {
background-image:none;
background-color:#339999;
}



/******************* 3RD LEVEL ****************/
#navigation ul ul ul {
position: absolute;
top: 0;
left: 100%;
width:100%;
}
#navigation ul ul ul a {
background-color:#006666;
background-color:#339999;
color:#000000;
}
#navigation ul ul ul a:hover {
background-color:#006666;
background-color:#339999;
background-color:#006699;
background-image:none;
color:#ffffff;
}