/*----------
 drop down menu styles
 --------------------*/

ul.pageNav,
ul.pageNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-position:outside;
	line-height: 1;
	}

ul.pageNav {
    border-bottom:1px solid #D5D5D5;
    border-top:1px solid #D5D5D5;
    float:left;
    width:100%;
    background-color: #fff;    
    }

ul.pageNav a {
	display: block;
	width: 10em;
	color: #7D7D7D;
	}

ul.pageNav a:hover {
	}

ul.pageNav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
	background-image: none;
	display:block;
	margin: 5px 0 0;
	}
	
ul.pageNav li:hover,
ul.pageNav li.hover, {
	position:static;
	}

ul.pageNav li ul { /* second-level lists */
	position: absolute;
	background: #eee none;
	border: 1px solid #ccc;
	width: 10em;
	padding-right: 6px;
	padding-bottom: 6px;
	left: -999em; /* using left: because display: none isn't read by screen readers */
	}

*html ul.pageNav li ul {
	padding-right: 0;
	}

ul.pageNav li:hover ul, 
ul.pageNav li.sfhover ul {  /* lists nested under hovered list items */
	left: auto;
	}

ul.pageNav li a.subLink {
	padding-right: 20px;
	height: 14px;
	width: 10em;
	padding-top: 5px;
	background: transparent url(/graphics/storysec_dropdown.gif) no-repeat right 50%;
	}

ul.pageNav h1.sectionTitle {
	border: none;
	float: left;
	}

ul.pageNav a.rss_linkStory {
	float: right;
	margin: 7px 6px 0 0;
	padding: 0;
	width: auto;
	}