/* common_nav.css */

div#top_level_nav { background: #333 url("//cdn.oreillystatic.com/en/assets/1/eventseries/11/velocity_nav_bg.png") repeat-x; clear: both; height: 27px; width: 910px; }
div#top_level_nav ul#nav, 
div#top_level_nav ul#nav * { margin: 0; padding: 0; list-style: none; }
div#top_level_nav ul#nav { height: 27px; line-height: 1em;font-size:1em;float:left;margin-left:10px;}

div#top_level_nav ul#nav ul {position: absolute;top: -999em;font-weight:bold; width: 15em; /* left offset of submenus need to match (see below) */ }

div#top_level_nav ul#nav ul li {width: 100%;}

div#top_level_nav ul#nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

div#top_level_nav ul#nav li {float: left;position: relative;height:100%;z-index:20;margin-left:4px;}
div#top_level_nav ul#nav a {display: block;position: relative;padding:7px;text-decoration:none;color: #adadad;}
div#top_level_nav ul#nav a:hover {color: #ffffff;}
div#top_level_nav ul#nav ul li a {color:#fff;font-weight:normal;display:block;margin:0;padding:5px 10px;}
/*div#top_level_nav ul#nav li a.level_one {text-transform:uppercase;}*/
div#top_level_nav ul#nav ul li a:hover {background-color:#333;color: #ccc;}

div#top_level_nav ul#nav li:hover ul, div#top_level_nav ul#nav li.sfHover ul {left: 0;z-index: 99;
top: 27px; /* match top ul list item height */
}
div#top_level_nav ul#nav li:hover li ul, div#top_level_nav ul#nav li.sfHover li ul {top: -999em;}

div#top_level_nav ul#nav li li:hover ul, div#top_level_nav ul#nav li li.sfHover ul {top: 0;
left: 15em; /* match ul width */
}
div#top_level_nav ul#nav li li:hover li ul, div#top_level_nav ul#nav li li.sfHover li ul {top: -999em;}
div#top_level_nav ul#nav li li li:hover ul, div#top_level_nav ul#nav li li li.sfHover ul {top: 0;
left: 15em; /* match ul width */
}

div#top_level_nav ul#nav li li, div#top_level_nav ul#nav li li li {font-size:.9em;border-top:1px solid #666;background-color:#555;}
div#top_level_nav ul#nav li li.title {background-color:#aaa;color:#222;}
div#top_level_nav ul#nav li li.title a:hover {background-color:#aaa;color:#222;cursor:default;}
div#top_level_nav ul#nav li li a.title {color:#222;}
div#top_level_nav ul#nav li:hover, div#top_level_nav ul#nav li.sfHover, div#top_level_nav ul#nav a:focus, div#top_level_nav ul#nav a:hover, div#top_level_nav ul#nav a:active {outline: 0;}

div#top_level_nav ul#nav ul.level_three {margin-left:-2px;}