#jcssmenu{
float:left;
margin:0/* all lists */
}
#jcssmenu ul{
margin:0;/* all lists */
padding:0
}
#jcssmenu li{
background:none;
cursor:pointer;
display:block;
float:left;
margin:0;/* all list items */
padding:0
}
#jcssmenu li ul{
height:auto;
left:-999em;/* using left instead of display to hide menus because display:none isn't read by screen readers */
position:absolute;/* second-level lists */
w\idth:15.9em;
width:16.4em;
z-index:99
}
#jcssmenu li ul ul{
margin:-1.5em 0 0 12em/* third-and-above-level lists */
}
#jcssmenu li li{
margin:0;
padding:0 1em 0 0;
width:14.9em
}
#jcssmenu ul a{
w\idth:10.8em;
width:14.8em
}
#jcssmenu li:hover ul ul,#jcssmenu li:hover ul ul ul,
#jcssmenu li.sfhover ul ul,#jcssmenu li.havechildsfhover ul ul,#jcssmenu li.havechild-activesfhover ul ul,
#jcssmenu li.sfhover ul ul ul,#jcssmenu li.havechildsfhover ul ul ul,#jcssmenu li.havechild-activesfhover ul ul ul{
left:-999em
}
/* This "unhides" the sub-menus (left:-999em is what hides them) */
#jcssmenu li:hover ul,#jcssmenu li li:hover ul,#jcssmenu li li li:hover ul,
#jcssmenu li.sfhover ul,#jcssmenu li.havechildsfhover ul,#jcssmenu li.havechild-activesfhover ul,
#jcssmenu li li.sfhover ul,#jcssmenu li li.havesubchildsfhover ul,#jcssmenu li li.havesubchild-activesfhover ul,
#jcssmenu li li li.sfhover ul,#jcssmenu li li li.havesubchildsfhover ul,#jcssmenu li li li.havesubchild-activesfhover ul{
left:auto
}
/* STYLING THE MENU
-----------------------------------*/
#jcssmenu li ul{
background:#FFFFFF;
border:1px solid #E9D8B3
}
#jcssmenu li ul li{
border-bottom:1px solid #E9D8B3
}
#jcssmenu li ul a{
background:none;
border-right:none;
border-top:none;
color:#333333;
font-weight:normal;
line-height:normal;
padding:5px 10px
}
#jcssmenu li ul a:hover,
#jcssmenu li ul a:active,
#jcssmenu li ul a:focus{
color:#D3660D
}
#jcssmenu li a{
color:#E8E5CD;
display:block;
font-size:150%;
font-weight:bold;
margin:0;
padding: 14px 15px 11px 15px;
}
#jcssmenu li a:hover,
#jcssmenu li a:active,
#jcssmenu li a:focus{
background:url(../images/arrow-down.gif) no-repeat top center;
color:#FFFFFF;
outline:none
}
#jcssmenu li a.active,
#jcssmenu li a.active:hover,
#jcssmenu li a.active:active,
#jcssmenu li a.active:focus{
background:#D3660D;
color:#FFFFFF
}
#jcssmenu li li a{
font-size:125%
}
#jcssmenu li li a.active,
#jcssmenu li li a.hover,
#jcssmenu li li a.active,
#jcssmenu li li a.focus{
background:none !important;
border-bottom:none !important;
color:#D3660D !important;
font-weight:bold !important
}
#jcssmenu li.havechild{
}
#jcssmenu li.havechild-active{
}
#jcssmenu li.havesubchild{
background:url(img/arrowchild.gif) no-repeat 94% 50%
}
#jcssmenu li.havesubchild-active{
background:url(img/arrowchild.gif) no-repeat 94% 50%
}
#jcssmenu ul li:hover,
#jcssmenu ul ul li:hover,
#jcssmenu ul li.sfhover,
#jcssmenu ul li.havesubchildsfhover,
#jcssmenu ul li.havesubchild-activesfhover,
#jcssmenu ul ul li.sfhover,
#jcssmenu ul ul li.havesubchildsfhover,
#jcssmenu ul ul li.havesubchild-activesfhover{
background:#FFFAE4;
color:#D3660D
}
#jcssmenu li:hover,
#jcssmenu li.sfhover,
#jcssmenu li.havechildsfhover,
#jcssmenu li.havechild-activesfhover,
#jcssmenu li:hover a.first-item,
#jcssmenu li.sfhover a.first-item,
#jcssmenu li.havechildsfhover a.first-item,
#jcssmenu li.havechild-activesfhover a.first-item{
background:url(../images/arrow-down.gif) no-repeat top center;
color:#FFFFFF
}
#jcssmenu li a.active-first-item,
#jcssmenu li a.active-first-item:hover,
#jcssmenu li a.active-first-item:active,
#jcssmenu li a.active-first-item:focus{
background:#D3660D;
color:#FFFFFF
}