/*
 * Author: Janson Lytle
 * Date: July 28 2007
 * Version: 3
 
 * Color Pallet ASQ
 * #12346A - Dark Blue
 * #1A4C97 - Light Blue
 * #D5EDB3 - Light Green - flair
 * #930 - Dark Red
 * #CCC - Grey
 * #EEE - Light Grey
 * #5C743D - Dark Green - flair
 * #9C6 - Med Green - flair
 * #FFF - White 
 */


/**************** menu coding *****************/
#menu {
/*width: 10.3em; */
background: #eee;
}

#menu ul {

list-style: none;
margin: 0;
}

#menu a, #menu h2 {
display: block;
border-bottom: solid 2px #FFF;
margin: 0;
padding: 8px 5px;
}

#menu h2 {
font: bold 14px/16px arial, helvetica, sans-serif;
color: #930;
background: #D5EDB3;
text-transform: uppercase;
text-align: center;
}

#menu a {
font: bold 11px/16px arial, helvetica, sans-serif;
color: #FFF;
background: #1A4C97;
text-decoration: none;
}

#menu a:hover {
color: #000;
background: #CCC;
border-right: solid 2px #FFF;
}
#menu li.cataloglink a, #menu li.cataloglink a:hover 
{
color: #a00;
background: #1A4C97;
border-right:none;

}
#menu li {
position: relative;
}

#menu ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
border-left: solid 2px #FFF;
}

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

div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display: block;}



/**************** menu coding *****************/
.menu2 {
/*width: 10.3em; */
background: #EEE;
}

.menu2 ul {

list-style: none;
margin: 0;
}

.menu2 a, .menu2 h2 {
display: block;
border-top: solid 1px #FFF;
border-bottom: solid 1px #FFF;
margin: 0;
padding: 8px 5px;
}

.menu2 h2 {
font: bold 14px/16px arial, helvetica, sans-serif;
color: #930;
background: #D5EDB3;
text-transform: uppercase;
text-align: center;
}

.menu2 a {
font: bold 11px/16px arial, helvetica, sans-serif;
color: #FFF;
background: #5C743D;
text-decoration: none;
}

.menu2 a:hover {
color: #a00;
background: #99CC66;
border-right: solid 2px #FFF;
}

.menu2 li {
position: relative;
}

.menu2 ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
border-left: solid 2px #FFF;
}

.menu2 ul ul ul,
.menu2 ul ul li:hover ul ul
{display: none;}

.menu2 ul ul li:hover ul,
.menu2 ul ul ul li:hover ul
{display: block;}



#menu li.authenticated a
{
    background-color: #CCC;
    color: #000;
}
#menu li.authenticated a:hover
{
    color: #FFF;
}