/*
div#subnav{line-height:100%;margin-bottom:10px}
div#subnav ul.menu{margin:0;padding:0;list-style:none;white-space:nowrap;}
div#subnav ul.menu li{margin-bottom:0;cursor:pointer;float:left;list-style:none;}
div#subnav ul.menu li a{padding:8px 15px 0 15px;display:block;height:22px;}
*/

#subnav a * {cursor:pointer;}

#subnav{line-height:100%;height:34px;background:url(../images/subnav-bg.png) 0 0 no-repeat;padding-top:5px;}
/* Parent Level (1) */
#subnav ul.menu{margin:0 0 0 5px;padding:0;list-style:none;white-space:nowrap;}
#subnav ul li{float:left;padding:0 0 0 2px;margin:0;background:url(../images/subnav-link-l.png) 0 0 no-repeat;margin-right:5px}

#subnav ul li a{font-size:13px;text-transform:uppercase;color:#fff;display:block; text-decoration:none;padding:0 10px 0 8px;height:34px;line-height:34px;background:url(../images/subnav-link-r.png) 100% 0 no-repeat;display:block;}


/* 2nd Level Dropdowns */
#subnav ul.menu li ul{margin:0 0 0 -3px;position:absolute;width:210px;left:-999em;z-index:999;padding:0;list-style:none;}
#subnav ul.menu li li{line-height:20px;height:22px;padding:0;width:210px;}
#subnav ul.menu li li a {font-size:11px;padding:0 8px;width:194px;font-weight:normal;text-transform:none;height:22px;line-height:22px;}
#subnav ul.menu li:hover >ul{left:auto;}

/* 3rd Level+ */
#subnav ul.menu li ul ul{display:none;}


/* STYLING */
/* Top Level */
#subnav ul.menu a {font-weight:bold;}
#subnav ul.menu li a{border-bottom:none;} /* Parent Link Color */
#subnav ul.menu li.active >a,
#subnav ul.menu li#current >a {text-decoration:none;color:#fff;background-position:100% -34px;} /* Parent Link Active State Style */

#subnav ul.menu li.sfhover >a,
#subnav ul.menu li >a:hover,
#subnav li.sfhover a{background-position:100% -34px;} /* Hover style for top level */

#subnav ul li:hover,
#subnav ul li.sfhover,
#subnav ul.menu li.active,
#subnav ul.menu li#current {background-position:0 -34px;}

/* 2nd Level+ Dropdowns */
#subnav ul.menu li ul li{background-image:none;}
#subnav ul.menu li ul{/*background:url(../images/trans-white.png) 0 0 repeat;*/background:#fff;border-top:1px solid #C7C0D4;border-left:1px solid #C7C0D4;border-right:1px solid #C7C0D4;}
#subnav ul.menu li ul li.parent a,
#subnav ul.menu li ul li li.parent a{background:url(../images/2nd-level-parent.png) 0 50% no-repeat;} /* Set a background image for 2nd + 3rd level parents */
#subnav ul.menu li li{border-bottom:1px solid #C7C0D4;}
#subnav ul.menu li.sfhover li a,
#subnav ul.menu li li a{color:#9E98A8;background:none;} /* Ensures child levels retain the top-level styling */
#subnav ul.menu li li a:hover,
#subnav ul.menu li.sfhover li a:hover {background:#9E98A8!important;color:#fff;} /* Hover style for dropdowns */
#subnav ul.menu li li.active >a,
#subnav ul.menu li li#current >a{background-image:none;color:#9E98A8;} /* Dropdown Active State Style */
#subnav ul.menu li li.active >a:hover,
#subnav ul.menu li li#current >a:hover{background-image:none;color:#fff;}

/* 3rd Level+ Dropdowns */
#subnav ul.menu li ul li.parent li a{background-image:none} /* Disables the background image for children of 2nd level parents */
