/* CSS Document */

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

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

#navigation {
background-color:#B0C191; /* lt olive */
background-color:#006600;
border-left:none;
position:absolute;
width:180px;
}
#navigation ul {
padding-top:15px;
padding-bottom:15px;
}
#navigation li {position: relative; /*copied this from CVTC*/
}

#navigation a, #navigation h3{
color:#000000;
border-left:0px solid white;
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;
margin-top:0em;
}
#navigation a {
padding-top:4px;
padding-bottom:4px;
}
#navigation ul {
list-style:none;
}

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


#navigation a:focus {
background-color:;
}



/*******************2nd LEVEL****************/
#navigation ul ul {
padding-top:0;
float:left;
position: absolute;
/*z-index: 5500;*/
width:10em;
left: 100%;
background-color:#197e97;
top:0;
}
#navigation ul ul a {
width:inherit;
}
#navigation ul ul a:hover,#navigation ul ul a:active {
background-color:#006666;
background-color:#197e97;
background-color:#006699;
/*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;
}