#mainmenu {
height: 30px;
margin: 0px 0px 0px 0px;
padding: 0;
position: relative;
z-index: 100;
float: none;
width: 100%;
font-size: 11px;
letter-spacing: 1px;
}

#mainmenu ul {
float: left;
list-style: none;
padding: 0;
margin: 0;
height: 30px;
position: relative;
}

#mainmenu ul li {
position: relative;
}

/*PARENT MENU*/

#mainmenu a {
color: #666666;
text-decoration: none;
cursor: pointer;
height: 30px;
line-height: 30px;
float: left;
padding: 0;
margin: 0;
}

#mainmenu ul li {
background: transparent url(../images/mainnav/mainbutton_left.png) no-repeat 0px 0px;
}

#mainmenu ul li a {
display: block;
background: url(../images/mainnav/mainbutton_right.png) no-repeat 100% 0%;
padding-left: 17px;
padding-right: 17px;
color: #666666;
}

#mainmenu ul li.parent a {
display: block;
background: url(../images/mainnav/mainbutton_right_child.png) no-repeat 100% 0%;
padding-left: 17px;
padding-right: 17px;
color: #666666;
}

/*PARENT MENU ACTIVE*/

#mainmenu ul li#current {
background: url(../images/mainnav/mainbutton_left.png) no-repeat 0 -30px;
}

#mainmenu ul li#current a {
display: block;
background: url(../images/mainnav/mainbutton_right.png) no-repeat 100% -30px;
color: #ffffff;
}

#mainmenu ul li.parent#current a {
display: block;
background: url(../images/mainnav/mainbutton_right_child.png) no-repeat 100% -30px;
color: #ffffff;
}

#mainmenu ul li#currrent li {
background: none;
}

#mainmenu ul li#current ul a {
background: none;
color: #666666;
}

#mainmenu ul li#current ul li a:hover {
background: none;
}

#mainmenu ul li ul li a.child, #mainmenu ul li ul li a {
background: none;
color: #666666;
}

/*PARENT MENU ITEM HOVER*/

#mainmenu ul li:hover, #mainmenu ul li.iehover {
background: url(../images/mainnav/mainbutton_left.png) no-repeat 0 -30px;
}

#mainmenu ul li:hover a:hover, #mainmenu ul li:hover a,
#mainmenu ul li.iehover a:hover, #mainmenu ul li.iehover a {
display: block;
background: url(../images/mainnav/mainbutton_right.png) no-repeat 100% -30px;
color: #ffffff;
}

#mainmenu ul li.parent:hover a:hover, 
#mainmenu ul li.parent:hover a,
#mainmenu ul li.iehover a.haschild:hover, 
#mainmenu ul li.iehover a.haschild {
display: block;
background: url(../images/mainnav/mainbutton_right_child.png) no-repeat 100% -30px;
color: #ffffff;
}

#mainmenu ul li.parent:hover li a:hover, 
#mainmenu ul li.parent:hover li a,
#mainmenu ul li.parent#current:hover li a:hover, 
#mainmenu ul li.parent#current:hover li a,
#mainmenu ul li.iehover li a.haschild:hover, 
#mainmenu ul li.iehover li a.haschild
{
display: block;
background: none;
color: #666666;
}


/*ALL LISTS*/

#mainmenu li {
float: left;
padding: 0;
background: none;
}

#mainmenu ul ul a,
#mainmenu ul li:hover ul a,
#mainmenu ul li.parent:hover ul a {
background: none;
}

#mainmenu li:hover ul, 
#mainmenu li li:hover ul, 
#mainmenu li li li:hover ul, 
#mainmenu li li li li:hover ul,
#mainmenu li.iehover ul, 
#mainmenu li li.iehover ul, 
#mainmenu li li li.iehover ul,
#mainmenu li li li li.iehover ul {
background: #ededed;
}

/*PARENT ITEM SEPARATOR*/

/*DEFINE HOVER COLORS*/

#mainmenu ul li a:hover,
#mainmenu ul li ul li a:hover,
#mainmenu ul li ul li ul li a:hover {
background: none;
color: #ffffff;
}

/*
POSSIBLE TO SHOW PARENT INDICATOR HERE (NEEDS PADDING)
#mainmenu a.haschild,
#mainmenu li.active a.haschild {
background: url(../images/mainnav/arrow_right.gif) 100% 0 no-repeat;}
*/

/*SUBLEVEL PARENT INDICATORS*/

#mainmenu ul li ul li a.child:hover, #mainmenu ul li ul li:hover a.child, #mainmenu ul li ul li.iehover a.child {
background: url(../images/mainnav/arrow_right.gif) 184px 50% no-repeat;
padding:0px;
color: #666666;
}

#mainmenu ul li li a#active_menu.sublevel, #mainmenu ul li li a#active_menu.sublevel_current {
color: #fff;
background-image: none;
}

/*SUBLEVEL STYLES*/

/*SUBLEVEL TEXT STYLES*/

#mainmenu ul li ul li a, 
#mainmenu ul li ul li ul li a,
#mainmenu ul li.parent ul li a, 
#mainmenu ul li.parent ul li ul li a,
#mainmenu ul li.parent:hover ul li a, 
#mainmenu ul li.parent:hover ul li ul li a {
display: block;
font-weight: normal;
padding: 0;
height: 18px;
line-height: 18px;
text-indent: 5px;
width: 190px;
color: #666666;
text-decoration: none;
text-transform: none;
background: none;
}

#mainmenu li li {
padding: 0;
background: none;
/*DONT SHOW THE BACKGROUND IMAGE*/
border-bottom: 1px solid #d4d4d4;
border-top: 1px solid #ededed;
}

/*SUBLEVEL POSITIONING*/
#mainmenu li ul {
top: 30px;
position: absolute;
left: -999em;
height: auto;
width: 193px;
font-weight: normal;
border-width: 0;
margin: 0;
padding: 0;
border-right: 1px solid #ededed;
border-left: 1px solid #ededed;
border-bottom: none;
border-top: none;
}

#mainmenu li li {
float: left;
padding: 0;
width: 193px;
}

#mainmenu li ul ul {
margin: -31px 0 0 193px;
}

#mainmenu li:hover, #mainmenu li.iehover {
left: 0;
}

/*SUBLEVEL HOVER STYLES*/

#mainmenu ul ul a:hover {
background: none;
height: 18px;
line-height: 18px;
padding: 0;
margin: 0;
}

#mainmenu li li:hover, 
#mainmenu li.parent li:hover, 
#mainmenu li#current li:hover, 
#mainmenu li li.iehover, 
#mainmenu li#current li.iehover {
background: none;
border-bottom: 1px solid #979797;
border-top: 1px solid #979797;
background-color: #979797;
}

#mainmenu li li:hover a.child, #mainmenu li li:hover a.child:hover,
#mainmenu li li.iehover a.child, #mainmenu li li.iehover a.child:hover {
color: #ffffff;
}

/* NO ACTIVE STYLES */

#mainmenu li li.active, #mainmenu li li.active {
background-image: none;
}

/* HIDE OTHER LISTS FROM IE */
#mainmenu li:hover ul ul, 
#mainmenu li:hover ul ul ul,
#mainmenu li:hover ul ul ul ul,  
#mainmenu li.iehover ul ul, 
#mainmenu li.iehover ul ul ul, 
#mainmenu li.iehover ul ul ul ul {
left: -999em;
}

#mainmenu li:hover ul, 
#mainmenu li li:hover ul, 
#mainmenu li li li:hover ul, 
#mainmenu li li li li:hover ul,
#mainmenu li.iehover ul, 
#mainmenu li li.iehover ul, 
#mainmenu li li li.iehover ul,
#mainmenu li li li li.iehover ul {
z-index: 100;
left: 0;
}

#mainmenu ul li:hover ul li a, #mainmenu ul li.iehover ul li a {
background: none;
color: #666666;
}

#mainmenu ul li:hover ul li a:hover, #mainmenu ul li.iehover ul li a:hover {
background: none;
}

#mainmenu ul li:hover ul li a.child:hover, #mainmenu ul li.iehover ul li a.child:hover {
background: url(../images/mainnav/arrow_right.gif) 184px 50% no-repeat;
}

#mainmenu ul li:hover ul li ul li a:hover, #mainmenu ul li.iehover ul li ul li a:hover {
background: none;
}