/*--------structure-------*/

#menu{
background-repeat:no-repeat;
}

#menu .Level_1{
background-repeat:no-repeat;
display:block;
float:left;
}





#menu ul.cssMenu{
display:block;
float: left;
margin:0px 1px 0px 1px;
padding:0px 0px 0px 0px;
list-style:none;
background-color:transparent;
background-repeat:repeat;
font-family: Verdana;
font-size:11px;
}

#menu ul.cssMenu ul.Level_2{
display:none;
position: absolute;
left:-1px;
top:98%;
margin:0px;
list-style:none;
padding:0px 2px 2px 0px;
background-color:#ffffff;
background-repeat:repeat;
border-color:#AAAAAA;
border-width:2px;
border-style:solid;
width:190px;
font-size:11px;
overflow: hidden
}

#menu ul.cssMenu ul.Level_3{
display:none;
position: absolute;
left:98%;
top:-2px;
margin:0px;
list-style:none;
padding:0px 2px 2px 0px;
background-color:#ffffff;
background-repeat:repeat;
border-color:#AAAAAA;
border-width:1px;
border-style:solid;
width:170px;
font-size:11px;
overflow: hidden
}

#menu ul.cssMenu .Level_2 li{
display:block;
float:none;
margin:2px 0px 0px 2px;
height:20px;
}

#menu ul.cssMenu .Level_3 li{
display:block;
float:none;
margin:2px 0px 0px 2px;
height:20px;
}

#menu ul.cssMenu a.Level_1{
display:block;
vertical-align:middle;
background-color:transparent;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 0px;
text-align:left;
text-decoration:none;
text-decoration:none;
cursor:default;
color:#3399FF;
height:28px;
}

#menu ul.cssMenu .Level_2 a {
display:block;
vertical-align:middle;
background-color:#ffffff;
border-width:0px;
border-color:#6655ff;
border-style:solid;
text-align:left;
text-decoration:none;
padding:4px;
_padding-left:0px;  /*ie6 fix */
text-decoration:none;
cursor:default;
color:#3399FF;
white-space:nowrap;
font-weight:bolder;
}

#menu ul.cssMenu .Level_3 a {
display:block;
vertical-align:middle;
background-color:#ffffff;
border-width:0px;
border-color:#6655ff;
border-style:solid;
text-align:left;
text-decoration:none;
padding:4px;
_padding-left:0px;  /*ie6 fix */
text-decoration:none;
cursor:default;
color:#3399FF;
white-space:nowrap;
font-weight:bolder;
}

#menu ul.cssMenu DropDown span{
overflow:hidden;
display:block;
}

#menu ul.cssMenu table {   /*ie6 fix */
border-collapse:collapse;
}


/*---------Hovers--------*/
#menu ul.cssMenu a.Level_1:hover{
position:relative;
background-color:transparent;
font-size:11px;
color:transparent;
text-decoration:none;
}

#menu ul.cssMenu .Level_1 a.DropDown:hover{
cursor:default;
}

#menu ul.cssMenu .Level_1 a:hover {
cursor:pointer;
}

#menu ul.cssMenu .Level_2 a:hover{
position:relative;
background-color:#4792E6;
border-color:#665500;
border-style:solid;
font-size:11px;
color: #ffffff;
text-decoration:none;
font-weight:bolder;
cursor:pointer;
}




/*---------Divider Styling---------*/
/*IE7 behaves differently from all other browsers, so had to do some hacks to get all browsers' margins to look the same */

#menu ul.cssMenu br.MenuDivider{
line-height:12px;  /*hack for Other browsers "top margin".  IE7 doesn't see <br /> for some reason */
}

#menu ul.cssMenu li.MenuDivider{
height:6px;  /*sets "bottom margin" for all browsers. Must work in conjunction with line-height above to get all browsers to look the same*/
margin:0px 0px 2px 4px;
padding:0;
}

#menu ul.cssMenu li.MenuDivider div{
border-top:1px solid #CCCCCC;
height: 1px;
width: 180px;
position:relative;
}



/*---------special styling---------*/
#menu ul.cssMenu .Level_3 a:hover{
position:relative;
background-color:#4792E6;
border-color:#665500;
border-style:solid;
font-size:11px;
color: #ffffff;
text-decoration:none;
font-weight:bolder;
cursor:pointer;
}

#menu ul.cssMenu a:active{
outline-style:none;
}

ul.cssMenu a:focus {
outline-style:none;
}

#menu ul.cssMenu li:hover>ul{
display:block;
}

#menu ul.cssMenu li:hover{
position:relative;
}

#menu ul.cssMenu a:hover ul{
display:block;
}

#menu ul.cssMenu a:hover a:hover ul{
display:block;
}

#menu ul.cssMenu a:hover ul ul{
display:none;
}