/* CSS Document */

/****************************
AUTHOR: Heidi Weiland
DATE: May 2008
CONTACT: heidi@soundwebsolutions.net

NOTES: navigation formatting and layout
****************************/
/*
color:#197e97; /*sea green*/
/*color:#006699; /*sea blue*/


/******************************* NAVIGATION *********************/
#navigation {
position:absolute;
width:200px;
z-index:100;
}
#navigation a, #navigation h3{
color:#CCCCCC;
border-left:0px solid white;
font-weight:normal;
text-decoration:none;
}
#navigation #links a, #navigation #links h3, #navigation #links ul {
/*font-family:"Times New Roman", Times, serif;*/
color:#ffffff;
}
#navigation h1 {
color:#000000;
margin-top:20px;
text-align:left;
border:none;
margin-left:8px;
}
/***  ROUNDED CORNER, TOP **/
#navigation #top_corner {
background-image:url(../images/top_corner_10.gif);
background-position:top right;
background-repeat:no-repeat;
}
/**  ROUNDED CORNER, BOTTOM **/
#navigation #bottom_corner {
background-image:url(../images/green_corner_13.gif);
background-position:bottom right;
background-repeat:no-repeat;
padding-bottom:15px;
}
#navigation #bottom {
padding-bottom:15px;
}
#navigation ul {
background-color:#006699;
padding-top:15px;
list-style:none;
}
#navigation li {position: relative;} /*copied this from CVTC*/

#navigation a, #navigation h3 {
display:block; /*this is needed so that it will accept layout measurements*/
padding:0px 5px 0px 8px;
margin-bottom:0;
}
#navigation #links a, #navigation #links h3, #navigation .valdez ul a{
padding:4px 5px 4px 8px;
}
#navigation a:hover, #navigation a:active, #navigation h3:hover {
background-color:#197e97;
background-image:url(../images/rollover_06.gif);
background-position:top right;
background-repeat:no-repeat;
font-weight:normal;
}



/*2nd  NAVIGATION LEVELS*/

#navigation ul ul {
padding-top:0;
float:left;
position: absolute;
z-index: 5500;
width:10em;
left: 100%;
background-color:#197e97; /*sea green*/
top:-1em;
}

#navigation ul ul a {
width:inherit;
}
#navigation ul ul a:hover,#navigation ul ul a:active, #navigation ul ul h3:hover {
background-color:#006666;
background-color:#197e97;
background-color:#006699;
/*background-image:none;*/
color:#000000;
font-weight:normal;
background-image:none;
}

/** 3RD LEVEL OF NAVIGATION MENU **/
#navigation ul ul ul {
position: absolute;
top: 0;
left: 100%;
width:100%;
}








#navigation #links ul a:hover, #navigation #links ul h3:hover {
color:#000000;
}

/*#navigation ul ul li {
z-index:1505;
}*/
#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;
}
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;}



/*VALDEZ MENU AREA*/
#navigation .valdez {
background-color:#197e97;
}

#navigation .valdez a:hover, #navigation .valdez a:active, #navigation .valdez h3:hover {
background-color:#006699;
background-image:url(../images/rollover_valdez_06.gif);
background-position:top right;
background-repeat:no-repeat;
}
#navigation .valdez ul ul a:hover, #navigation .valdez ul ul a:active {
background-color:#006699;
background-image:none;
}
#navigation .valdez ul {
background-color:#006699;
}
#navigation .valdez ul a:hover{
background-image:none;
background-color:#339999;
}
#navigation .valdez {
color:#ffffff;
}

#navigation ul ul a:hover,#navigation ul ul a:active {
background-color:#006666;
background-color:#197e97;
background-color:#006699;
background-image:none;
color:#000000;
}


/*FOR HOME BUTTON ONLY*/
#navigation #home a{
color:#000000;
background-color:none;
}
#navigation #home a:hover, #navigation #home a:active {
color:#000000;
background-image:none;
background-color:#ffffff;
text-decoration:underline;
}
/*END*/