/* this block exists so that I can look up the dropdown menu colors (including hover colors) in the jquery.dropdown.js script */
/* these classes don't actually exist anywhere in the DOM, but should reflect colors used below */

.ddmLevel0Background { background-color: #009C82; }
.ddmLevel0Text { color: #FFFFFF; }
.ddmLevel1Background { background-color: #007B66; }
.ddmLevel1Text { color: #FFFFFF; }
.ddmLevel1Highlighted { background-color: #006050; }
.ddmLevel2Background { background-color: #006050; }
.ddmLevel2Highlighted { background-color: #45B7A3; }
.ddmLevel3Background { background-color: #45B7A3; }
.ddmLevel3Highlighted { background-color: #23A670; }

/* menu styles below are actually used in the DOM */
/* combines with sharedDropDownStyle.css */

/* matches .ddmLevel0Background */
#jsddm
{
    background-color: #009C82;
}

#jsddm li
{
    background-color: #009C82;
}

/* matches .ddmLevel0Text */

#jsddm li a
{
    color: #FFFFFF;        
}

/* matches ddmLevel1Background */

#jsddm li ul
{
    background-color: #007B66;
}

#jsddm li ul li
{
    background-color: #007B66;
}

#jsddm li ul li a
{
    background-color: #007B66;
}

/* matches ddmLevel1Text */

#jsddm li ul li a
{
    color: #FFFFFF;
}

/* matches ddmLevel1Highlighted and .ddmLevel2Background */

#jsddm li a.hoverClass:hover
{
    background-color: #006050;
}

#jsddm li ul li:hover
{
    background-color: #006050;
}

#jsddm li ul li a:hover
{	
    background-color: #006050;
}

#jsddm li ul li ul
{
    background-color: #006050;
}

#jsddm li ul li ul li
{
    background-color: #006050;
}

#jsddm li ul li ul li a
{
    background-color: #006050;
}

/* matches .ddmLevel2Highlighted and .ddmLevel3Background */

#jsddm li ul li ul li:hover
{
    background-color: #45B7A3;
}

#jsddm li ul li ul li a:hover
{	
    background-color: #45B7A3;
}

#jsddm li ul li ul li ul
{
    background-color: #45B7A3;
}

#jsddm li ul li ul li ul li
{
    background-color: #45B7A3;
}

#jsddm li ul li ul li ul li a
{
    background-color: #45B7A3;
}

/* matches .ddmLevel3Highlighted */

#jsddm li ul li ul li ul li:hover
{
    background-color: #23A670;
}

#jsddm li ul li ul li ul li a:hover
{	
    background-color: #23A670;
}