need help changing to a specific subnav based on the nav selected

stevemtno · Dec 8, 2008

I'm working on a 2 level menu for our website. I'm close, but I have a (hopefully) minor issue to fix. I want to display a specific submenu based on the primary menu item selected. For example, if you click on Entertainment, I want to display the Entertainment subnav.

Here's a link to the test page I'm working on:

http://newsroom2.stltoday.com/stlto...DA88147CF8A02B03862575130066A927?OpenDocument

Thanks in advance!

Steve

BillyRayPreachersSon · Dec 8, 2008

If, instead of setting display & colour in the JS, you used a class, then you could simply output that class onto the relevant item server-side when delivering the page.

Problem aside, the one thing you probably want with that many navigation items on the page is a 'skip to content' link right before it!

Hope this helps,

Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

stevemtno · Dec 8, 2008

Actually, this is all new JS code. I had originally had less JS and more CSS (which I'm more familiar with). The problem with that was that as soon as you would mouse off of the primary nav, the background color would disappear.

The new JS code kept the primary tab's background color on when you'd mouse off of it. If there's a way to keep that on, using my old code. I'd probably go back to it. I tried to attach it to this reply, but it didn't work. So, I'll try to post it her between code tags:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml"[/URL] xml:lang="en" lang="en">
<head>
<title>STLtoday - Home </title>

<meta http-equiv="refresh" content="300;url=http://www.stltoday.com" />
<meta name="description" content="The definitive online guide to all things St. Louis; including news, business, entertainment, sports, jobs, autos and real estate."/>
<meta name="keywords" content="St. Louis, STL, StLouis, Saint Louis, St Louis, auto, car, bar, club, Blues,  books, business, calendar, Cardinals, Cards, career, job, employment, classifieds, community, neighborhood, dining, restaurant,  dance, downtown, entertainment, finance, stock, fair, Fair, Festival, Forest Park, golf, Illini, movies, music, Metro, Missouri,  MO, Mizzou, baseball, basketball, football, sports, news, Postnet, Post, Dispatch, Prep, Rams, real estate, home, house,  apartment, property, relocation, rentals, reviews, SLU, attractions, racing, bands, concert, fine arts, fishing, forecast,  weather, funeral, obituary, obit, hockey, information, living, theaters, Muny, museums, online, opera, outdoor, parks, shows,  soccer, Suburban Journals, television, tickets, tourism, University, venues, yellow, Zoo"/>
<meta name="ICBM" content="38.63541, -90.19534"/>
<meta name="DC.title" content="STLtoday.com - St. Louis Post-Dispatch"/> 
<link rel="alternate" type="application/rss+xml" href="[URL unfurl="true"]http://www.stltoday.com/rss/news"[/URL] title="STLtoday RSS News"/>



<script language="JavaScript" type="text/javascript"> <!--
_version=10; //--> </script>
<script language="JavaScript1.1" type="text/javascript"> <!--
_version=11;
if (navigator.userAgent.indexOf('Mozilla/3') != -1){
_version=10;}
// -->

</script>

<script language="JavaScript" type="text/javascript"> <!--

var OAS='[URL unfurl="true"]http://OAS-Central.RealMedia.com/RealMedia/ads/';[/URL]
var sitepage='[URL unfurl="true"]www.stltoday.com/front';[/URL]
var RN = new String (Math.random());
var RNS = RN.substring(2,11);

function DisplayAds (position, width, height)
{
var OASpage=sitepage+'/1'+RNS+'@'+position;

if (_version < 11) {
document.write ('<a href="' + OAS + 'click_nx.ads/' + OASpage + '" target="_top"><img src="' + OAS + 'adstream_nx.ads/' + OASpage + '" border="0" width="' + width + '" height="' + height + '"/><'+'/a>');
} else {
document.write('<script language="JavaScript1.1" src="' + OAS + 'adstream_jx.ads/' + OASpage + '" type="text/javascript">');
document.write('<'+'/script>');
}
}
// -->
</script>
<link rel="Stylesheet" type="text/css" href="[URL unfurl="true"]http://images.stltoday.com/stltoday/styles/stl-headerfooter.css"[/URL] />
<!--[if lt IE 7]>
<link rel="Stylesheet" type="text/css" href="[URL unfurl="true"]http://images.stltoday.com/stltoday/styles/stl-headerfooter-ie-lt-7.css"[/URL] />
<![endif]-->
<link rel="Stylesheet" type="text/css" href="[URL unfurl="true"]http://images.stltoday.com/stltoday/styles/stltodaymain.css"[/URL] />
<link rel="Stylesheet" type="text/css" href="[URL unfurl="true"]http://images.stltoday.com/stltoday/styles/slideshow08.css"[/URL] />
<script type="text/javascript" language="javascript" src="[URL unfurl="true"]http://images.stltoday.com/stltoday/js/stl-headerfooter.js"></script>[/URL]
<style type="text/css">
div.rss_item {background-position:1px 7px;margin-top:3px;display:block;padding-left:10px;background-image:url([URL unfurl="true"]http://images.stltoday.com/stltoday/images/bullet.gif);background-repeat:no-repeat}[/URL]
a.rss_link {font-size:12px;color:#333;line-height:20px;text-decoration:none;}

/* TEST NAV CSS FILE */

/* @group Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body {font-family:tahoma, arial, sans-serif; font-size:16px;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
font {font-family:inherit;font-size:inherit;color:inherit;}

/* @end */

/* @group Main navigation */

#stlnav {
	margin: 6px 0 5px 0;
}

ul#stlprimary {
	margin: 0;
	background: #fff;
	border-top: 1px solid #333333;
	padding-left: 12px;
}

ul#stlprimary li {
	margin: 0;
	padding: 0 5.5px 0 0 ;
/* uncomment the following line to add the lines
	border-right: 1px solid #c4cbdb; */
	background: none;	
	list-style: none;
	float: left;
	font-size: 16px;
}

ul#stlprimary li.lastLi {
	border-right: none;
}

ul#stlprimary li.active2 a {
	background: #fff;
	color: #900;
	font-weight: bold;
}

ul#stlprimary li a {
	padding: 5px 6px;
	color: #333;
	text-decoration: none;
	float: left;
}

ul#stlprimary li a:hover {
	padding: 5px 6px;
	background-color:#900;
	color: #fff;
	text-decoration: none;
	float: left;
}

#stlsubnav {
	border-bottom: 1px solid #ddd;
	background: #900;
	padding-left: 11px;
	height: 20px;
}

#stlsubnav ul {
	margin: 0;
}

#stlsubnav ul li {
	margin: 0;
	padding: 0;
/* uncomment the following line to add the lines
	border-right: 1px solid #ddd; */
	background: none;
	line-height: 15px;
	list-style: none;
	float: left;
	display: inline;
	font-size: 12px;
}

#stlsubnav ul li.lastLi {
	border-right: none;
}

#stlsubnav ul li.SubTag {
	background: #fff;
	border-right: none;
	border-left: 1px solid #ddd;
	float: right;
}

#stlsubnav ul li.SubTag a {
	padding: 2px 0;
}

#stlsubnav ul li a {
	padding: 2px 7.9px;
	float: left;
	color: #fff;
	font-weight: bold;
}

/* end */

/* Clearfix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after, .ajc-container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .ajc-container {display:inline-block;}
* html .clearfix, * html .ajc-container {height:1%;}
.clearfix, .ajc-container {display:block;}

/* end */
</style>

</head>
<body id="ajchome" text="#000000" bgcolor="#FFFFFF">
<!-- page container starts -->
<div class="stlbody">

<!-- header starts: two rows, first row: Top ad, home links / weather, misc links -->
<div id="stl-header">
	<div class="row1">
<div class="top_add">
<!-- MComponent0 - Top -->
<script language="JavaScript" type="text/javascript">
<!-- 
DisplayAds("Top","","");
//-->
</script>
</div>
		<div class="weather">
			<script language="javascript" type="text/javascript" src="[URL unfurl="true"]http://images.stltoday.com/stltoday/text/stlweather3.js"></script>[/URL]
			<script language="javascript" type="text/javascript">
			<!-- 
			writeWeather(); 
			//-->
			</script>	
		</div>

	</div>
	<div class="row2">
		<div class="left">
			<a href="[URL unfurl="true"]http://www.stltoday.com/">Home</a>[/URL]
			|	<a href="[URL unfurl="true"]http://www.stltoday.com/todayspd"[/URL] class="highlite">Find it in today's St. Louis Post-Dispatch</a>
			|	<a href="[URL unfurl="true"]http://suburbanjournals.stltoday.com/">Suburban[/URL] Journals</a>

			|	<a href="[URL unfurl="true"]http://www.stltoday.com/lifestyle/bestbridal">St.[/URL] Louis' Best Bridal</a>
			|	<a href="[URL unfurl="true"]http://www.laduenews.com/">Ladue[/URL] News</a>
			|	<a href="[URL unfurl="true"]http://my.stltoday.com/">MySTLtoday.com</a>[/URL]
		</div>
		<div class="right">
			<a id="login_link" class="highlite" href="[URL unfurl="true"]http://www.stltoday.com/membercenter/">Log[/URL] In</a> |
			<a href="[URL unfurl="true"]http://www.stltoday.com/help/subscriber-services">Subscriber[/URL] Services</a> |
			<a href="[URL unfurl="true"]http://www.stltoday.com/help/advertise-with-us">Place[/URL] an Ad</a>

		</div>
	</div>
</div>
<!-- header, first row ends, second row begins: search form, logo, top2 add / nav-box panels -->

<!-- the margin-bottom is required for IE to display the sponsor ad properly -->
<div id="stl-masthead" style="height: 170px; #margin-bottom: 13px">
	<div class="left">
		<div id="peel-down">
			<script language="JavaScript" type="text/javascript">
<!-- 
DisplayAds("Left","","");
//-->
</script>

      </div>

		<div class="search-prompt">
			Web Search powered by <span style="color:#f03">YAHOO!</span> <span style="color:#545454">SEARCH</span>
		</div>
		<form id="stlsearch" name="stlsearch" action="/websearch" method="get">
			<input class="query" name="query" value="" title="Enter text to search for and click 'GO'" type="text" />
			<select class="stltype" name="stltype">
				<option value="stltoday">site</option>

				<option value="web">web</option>
			</select>
			<input class="submit" name="submit" value="GO" type="submit" />
			<input name="site" value="STLtoday" type="hidden" />
			<input name="ch" value="" type="hidden" />
			<input name="subch" value="" type="hidden" />
		</form>
	</div>

	<div class="center"><a class="logo" href="[URL unfurl="true"]http://www.stltoday.com"[/URL] title="STLtoday.com"></a></div>
	<div class="right" style="margin-top: 8px">
<!-- MComponent2 - Top2  -->
<script language="JavaScript" type="text/javascript">
<!-- 
DisplayAds("Top2","","");
//-->
</script>
	</div>
	
<!-- new nav starts here -->	
	<div id="stlnav" style="clear:both">
	<div id="stlprinav">
	<ul id="stlprimary" class="clearfix">			
		<li id="stlnav-home"><a href="[URL unfurl="true"]http://www.stltoday.com/">Home</a></li>[/URL]
		<li id="stlnav-news"><a href="[URL unfurl="true"]http://www.stltoday.com/news">News</a></li>[/URL]
		<li id="stlnav-opinion"><a href="[URL unfurl="true"]http://www.stltoday.com/interact">Opinion</a></li>[/URL]
		<li id="stlnav-business"><a href="[URL unfurl="true"]http://www.stltoday.com/business">Business</a></li>[/URL]
		<li id="stlnav-sports"><a href="[URL unfurl="true"]http://www.stltoday.com/sports">Sports</a></li>[/URL]
		<li id="stlnav-ent"><a href="[URL unfurl="true"]http://www.stltoday.com/entertainment">Entertainment</a></li>[/URL]
		<li id="stlnav-lifestyle"><a href="[URL unfurl="true"]http://www.stltoday.com/lifestyle">Life[/URL] &amp; Style</a></li>
		<li id="stlnav-multimedia"><a href="[URL unfurl="true"]http://www.stltoday.com/multimedia">Multimedia</a></li>[/URL]
		<li id="stlnav-jobs" style="background-color:#ccc"><a href="[URL unfurl="true"]http://www.stltoday.com/jobs">Jobs</a></li>[/URL]
		<li id="stlnav-rides" style="background-color:#ccc"><a href="[URL unfurl="true"]http://www.stltoday.com/rides">Rides</a></li>[/URL]
		<li id="stlnav-homes" style="background-color:#ccc"><a href="[URL unfurl="true"]http://www.stltoday.com/realestate">Homes</a></li>[/URL]
		<li id="stlnav-shopstl" style="background-color:#ccc"><a href="[URL unfurl="true"]http://www.stltoday.com/realestate">ShopSTL</a></li>[/URL]
		<li id="stlnav-class" class="lastLi" style="background-color:#ccc"><a href="[URL unfurl="true"]http://www.stltoday.com/classifieds">Classifieds</a></li>[/URL]
	</ul>
	</div>

	<div id="stlsubnav" class="clearfix">
	
		<div id="stlsubnavs" onmouseover="stopreset()">
		
			<div id="stlsubnav-home" style="display:none;">
				<ul>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/weather">Weather</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/obits">Obituaries</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.post4trafficonline.com">Traffic</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/entertainment/casinos">Lottery</a></li>[/URL]		
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/todayspd">Today's[/URL] P-D</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/help/archives/simplesearch">Archive</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/news/infozone">STL[/URL] Info</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/sitemap">Site[/URL] Map</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/help/subscriber-services">Subscribe</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/rss">RSS</a></li>[/URL]		
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/newsletters">Newsletters</a></li>[/URL]
					<li class="lastLi"><a href="[URL unfurl="true"]http://www.stltoday.com/contests">Contests</a></li>[/URL]
				</ul>
			</div>
		
			<div id="stlsubnav-news" style="display:none;">
				<ul>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/news/city-county">Metro</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/news/illinois-news">Illinois</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/news/stcharles">St.[/URL] Charles</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/obits">Obituaries</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/news/nation">Nation/World</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/news/politics">Politics</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/news/science">Science</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/news/law">Crime</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/news/education">Education</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/news/religion">Religion</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/news/infozone">STL[/URL] Info</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/columnists#news">Columns</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/blogzone/news">Blogs</a></li>[/URL]
					<li class="lastLi"><a href="[URL unfurl="true"]http://www.stltoday.com/forums/index.php?c=3">Forums</a></li>[/URL]
				</ul>
			</div>
			
			<div id="stlsubnav-opinion" style="display:none;">
				<ul>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/news/editorial">Editorials</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/blogzone/letters-to-the-editor/">Letters</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://stltoday.mycapture.com/mycapture/category.asp?CategoryID=25906">Cartoons</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/newsletters">Newsletters</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://my.stltoday.com">MySTLToday</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/columnists">Columns</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/blogzone">Blogs</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/forums">Forums</a></li>[/URL]
					<li class="lastLi"><a href="[URL unfurl="true"]http://www.stltoday.com/discussions">Discussions</a></li>[/URL]
				</ul>
			</div>
		
			<div id="stlsubnav-business" style="display:none;">
				<ul>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/business/yourmoney">Money</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/business/econdev">Development</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/business/manutech">Manufacturing</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/business/healthcare">Health[/URL] Care</a></li>
					<li><a href="[URL unfurl="true"]http://hosted.ap.org/dynamic/external/ibd.morningstar.com/AP/StockRank.html?CN=AP707&SITE=MOSTP&SECTION=DJSP_COMPLETE">Stock[/URL] Quotes</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/pr">Press[/URL] Releases</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/columnists#business">Columns</a></li>[/URL]
					<li class="lastLi"><a href="[URL unfurl="true"]http://www.stltoday.com/blogzone/business">Blogs</a></li>[/URL]
				</ul>
			</div>
		
			<div id="stlsubnav-sports" style="display:none;">
				<ul>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/sports/cards">Cards</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/sports/rams">Rams</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/sports/blues">Blues</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/sports/mizzou">Mizzou</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/sports/slu">SLU</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/sport/illini">Illini</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/prepsports">Preps</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/outdoors">Outdoors</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/golf">Golf</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/autoracing">Auto[/URL] Racing</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/sports/othersports">More[/URL] Sports</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/columnists#sports">Columns</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/blogzone/sports">Blogs</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/forums/index.php?c=4">Forums</a></li>[/URL]
					<li class="lastLi"><a href="[URL unfurl="true"]http://tickets.stltoday.com">Tickets</a></li>[/URL]
				</ul>
			</div>
			
			<div id="stlsubnav-ent" style="display:none;">
				<ul>
 					<li><a href="[URL unfurl="true"]http://www.stltoday.com/entertainment/music">Nightlife</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/entertainment/dining">Restaurants</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/entertainment/movies">Movies</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/entertainment/tv">TV</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/entertainment/stage">Stage</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/entertainment/books">Books</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/entertainment/people">People</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/entertainment/comics">Comics</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/entertainment/horoscopes">Horoscopes</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/entertainment/visitstlouis">Events</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://tickets.stltoday.com">Tickets</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/columnists#entertainment">Columns</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/blogzone/entertainment">Blogs</a></li>[/URL]
					<li class="lastLi"><a href="[URL unfurl="true"]http://www.stltoday.com/forums/index.php?c=1">Forums</a></li>[/URL]
				</ul>
<img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/sponsor_nav_ent_225.gif"[/URL] width="225" height="20" alt="" border="0" style="float:right; padding-top: 3px" />
			</div>
		
			<div id="stlsubnav-lifestyle" style="display:none;">
				<ul>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/lifestyle/cooking">Food</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/lifestyle/homedecor">Home/Garden</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/lifestyle/healthfitness">Health</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/lifestyle/fashion">Fashion</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/lifestyle/travel">Travel</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/lifestyle/parenting">Parenting</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/lifestyle/pets">Pets</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.people2people.com/?connect=stltoday&page=login">Personals</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/lifestyle/bestbridal">Best[/URL] Bridal</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/columnists#lifestyle">Columns</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/blogzone/life-style">Blogs</a></li>[/URL]
					<li class="lastLi"><a href="[URL unfurl="true"]http://www.stltoday.com/forums/index.php?c=9">Forums</a></li>[/URL]
				</ul>
			</div>
		
			<div id="stlsubnav-multimedia" style="display:none;">
				<ul>
					<li><a href="[URL unfurl="true"]http://stltoday.mycapture.com/mycapture/category.asp?CategoryID=38578">News</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://stltoday.mycapture.com/mycapture/category.asp?CategoryID=38576">Sports</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://stltoday.mycapture.com/mycapture/category.asp?CategoryID=38577">Entertainment</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://stltoday.mycapture.com/mycapture/category.asp?CategoryID=38925">iParty</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/interact/your-photos">Reader[/URL] Photos</a></li>
					<li><a href="[URL unfurl="true"]http://iwitness.stltoday.com/mycapture/photos/Upload.aspx">Submit[/URL] a Photo</a></li>
					<li><a href="[URL unfurl="true"]http://videos.stltoday.com/p/video">Video</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/graphics">Graphics[/URL] &amp; Games</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/contests">Contests</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://stltoday.mycapture.com/mycapture/reprints.asp">Buy[/URL] Reprints</a></li>
					<li class="lastLi"><a href="[URL unfurl="true"]http://www.stltoday.com/pdstore">P-D[/URL] Store</a></li>
				</ul>
			</div>
		
			<div id="stlsubnav-jobs" style="display:none;">
				<ul>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/hotjobs">Search[/URL] Jobs</a></li>
					<li><a href="[URL unfurl="true"]http://hotjobs.yahoo.com/create-resume;_ylc=X3oDMTE4bGdndnI0BF9TAzM5NjUxMTI1MQRwYXJ0bmVyA3N0bG91aXMEc3JjA2NvbnNvbGU-?partner=stlouis">Post[/URL] a Resume</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/jobs/salary-wizard">Salary[/URL] Wizard</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/jobs/cost-of-living-wizard">Cost[/URL] of Living Wizard</a></li>
					<li><a href="[URL unfurl="true"]http://newstart.stltoday.com">New[/URL] Start Career Training</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/workhere">Work[/URL] at the P-D</a></li>
					<li class="lastLi"><a href="[URL unfurl="true"]http://www.stltoday.com/jobs/employers/post-a-job">Employers[/URL] Post a Job</a></li>
				</ul>
			</div>
		
			<div id="stlsubnav-rides" style="display:none;">
				<ul>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/static.nsf/SS/Rides-Buy?OpenDocument">Buy</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/static.nsf/SS/Rides-Research?OpenDocument">Research</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/static.nsf/SS/Rides-Dealer?OpenDocument">Find[/URL] Dealers</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/static.nsf/SS/Rides-Sell?OpenDocument">Sell</a></li>[/URL]
					<li class="lastLi"><a href="[URL unfurl="true"]http://rides.stltoday.com/autos/login.php">Rides[/URL] Login</a></li>
				</ul>
			</div>
			
			<div id="stlsubnav-homes" style="display:none;">	
				<ul>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/realestate">For[/URL] Sale</a></li>
					<li><a href="[URL unfurl="true"]http://realestate.stltoday.com/RealEstate/rentals/SearchIndex.asp">For[/URL] Rent</a></li>
					<li><a href="[URL unfurl="true"]http://www.newhomesource.com/stltoday">New[/URL] Home Folio</a></li>
					<li><a href="[URL unfurl="true"]http://realestate.stltoday.com/RealEstate/openhouses/SearchIndex.asp">Open[/URL] Houses</a></li>
					<li><a href="[URL unfurl="true"]http://realestate.stltoday.com/RealEstate/Sales/SearchResults.asp?ZipSrc=99906">Commercial</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.yournexthomestl.com/virtualmagazine/stlouisre.html">Your[/URL] Next Home</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/static.nsf/SS/Real+Estate-HomeFinder?OpenDocument">Home[/URL] Finder</a></li>
					<li><a href="[URL unfurl="true"]http://stltoday.interest.com/">Mortgage[/URL] Guide</a></li>
					<li><a href="[URL unfurl="true"]http://placead.advertise123.com/adstarnx.aspx?pubid=147&refid=30091&category=RES&categoryid=10749">Place[/URL] an Ad</a></li>
					<li class="lastLi"><a href="[URL unfurl="true"]http://stltoday.upickem.net/engine/Votes.aspx?contestid=3192">Top[/URL] Agents</a></li>
				</ul>
			</div>
		
			<div id="stlsubnav-shopstl" style="display:none;">
				<ul>
					<li><a href="[URL unfurl="true"]http://shopstl.stltoday.com/rop/Advertisers.aspx">Browse[/URL] by Advertisers</a></li>
					<li><a href="[URL unfurl="true"]http://shopstl.stltoday.com/rop/Categories.aspx">Browse[/URL] by Categories</a></li>
					<li><a href="[URL unfurl="true"]http://shopstl.stltoday.com/SS/Tiles.aspx">Special[/URL] Sections</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/classifieds">Classified[/URL] Ads</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/classifieds/adRequests.nsf/AdChoice?openform">Place[/URL] a Classifed Ad</a></li>
					<li><a href="[URL unfurl="true"]http://tickets.stltoday.com">Buy[/URL] Tickets</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/pdstore">P-D[/URL] Store</a></li>
					<li class="lastLi"><a href="[URL unfurl="true"]http://stltoday.mycapture.com/mycapture/category.asp?CategoryID=19156">Buy[/URL] Newspaper Photos</a></li>
				</ul>
			</div>
			
			<div id="stlsubnav-class" style="display:none;">
				<ul>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/classifieds/merchandise">Merchandise</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/classifieds/bargain-box">Bargain[/URL] Box</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/classifieds/garage-sales">Garage[/URL] Sales</a></li>
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/classifieds/estate-sales">Estate[/URL] Sales</a></li>		
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/classifieds/pets">Pets</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/classifieds/services">Services</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/classifieds/tickets-events">Tickets/Events</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/classifieds/travel">Travel</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/classifieds/notices">Notices</a></li>[/URL]
					<li><a href="[URL unfurl="true"]http://www.stltoday.com/classifieds/businessopportunities">Business[/URL] Opportunities</a></li>
					<li class="lastLi"><a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/classifieds/adRequests.nsf/AdChoice?openform">Place[/URL] a Classified Ad</a></li>
				</ul>
			</div>
			
		</div>
	<!--NAV Script-->
	<script src="[URL unfurl="true"]http://images.stltoday.com/stltoday/js/stltoday_nav_script.js"[/URL] type="text/JavaScript"></script>
	<!--End NAV script-->
	</div>
</div>
<!-- new nav ends here -->

</div>
<!-- Masthead ends -->
  <div class="stlcontent">
    <div style="margin: 10px 10px 10px 25px;min-height: 350px;">
      <!--[main-module-html]-->

      <!--[Begin Slideshow]-->
      <div id="ss-01" style="width:625px; height: 350px;float:left">
        <div class="slide" style="overflow:hidden" title="Cold front" >

          <a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/news/stories.nsf/stlouiscitycounty/story/C2007EDAEF640C0D86257501004FE502?OpenDocument"><img[/URL] src="[URL unfurl="true"]http://images.stltoday.com/stltoday/resources/t4_snowahead1114.jpg"[/URL] style="float:left;width:458px;height:325px;margin: 0 5px 0 0" alt="slide1" /></a>
			 <div class="head-ss" style="margin: 0px 10px 10px 10px"><a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/news/stories.nsf/stlouiscitycounty/story/C2007EDAEF640C0D86257501004FE502?OpenDocument">Winter[/URL] weather on its way</a></div>
          <div class="story" style="margin: 10px"><a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/news/stories.nsf/stlouiscitycounty/story/C2007EDAEF640C0D86257501004FE502?OpenDocument">A[/URL] blast of cold air could turn that light rain into snow.</a></div>
          <div class="story" style="margin: 10px"><div style="margin-bottom:5px"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] border="0" style="margin-right:5px; width:9px; height:10px"  /><a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/static.nsf/SS/News-Weather?OpenDocument"[/URL] class="vertical_arrow">Forecast</a></div>
</div>
        </div>
        <div class="slide" style="overflow:hidden"  title="Fatal crash">
          <a href="/stltoday/news/stories.nsf/illinoisnews/story/A6923FEF2CDBFF778625750100544CCB?OpenDocument"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/resources/crashgranite460nov14.jpg"[/URL] style="float:right;width:458px;height:325px;margin: 0 0 0 5px" alt="slide2" /></a>

          <span class="extra">UPDATE</span><br />
          <div class="head-ss" style="margin: 0px 10px 10px 10px"><a href="/stltoday/news/stories.nsf/illinoisnews/story/A6923FEF2CDBFF778625750100544CCB?OpenDocument">Driver killed, baby hurt in crash</a></div>
          <div class="story" style="margin: 10px"><a href="/stltoday/news/stories.nsf/illinoisnews/story/A6923FEF2CDBFF778625750100544CCB?OpenDocument">The driver of the tow truck that crashed into the victims was charged today with DUI and failure to report the crash.</a></div>
          <div class="story" style="margin: 10px"><div style="margin-bottom:5px"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] border="0" style="margin-right:5px; width:9px; height:10px"  /><a href="[URL unfurl="true"]http://www.kmov.com/video/localnews-index.html?nvid=303532"[/URL] class="vertical_arrow">See KMOV-TV's video on the crash</a></div>
</div>
        </div>
        <div class="slide" style="overflow:hidden" title="Bond Quiz" >

          <a href="[URL unfurl="true"]http://www.stltoday.com/mds/entertainment/html/1931"><img[/URL] src="[URL unfurl="true"]http://images.stltoday.com/stltoday/resources/t4_bondquiz1113.jpg"[/URL] style="float:left;width:458px;height:325px;margin: 0 5px 0 0" alt="slide3" /></a>
          <div class="head-ss" style="margin: 0px 10px 10px 10px"><a href="[URL unfurl="true"]http://www.stltoday.com/mds/entertainment/html/1931">Bond[/URL] is back. Test your memory.</a></div>
          <div class="story" style="margin: 10px"><a href="[URL unfurl="true"]http://www.stltoday.com/mds/entertainment/html/1931"></a></div>[/URL]
          <div class="story" style="margin: 10px"><div style="margin-bottom:5px"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] border="0" style="margin-right:5px; width:9px; height:10px"  /><a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/entertainment/reviews.nsf/movie/story/71CA1CCB7FF62A70862575000058FE9A?OpenDocument"[/URL] class="vertical_arrow">'Quantum of Solace' review</a></div>
<div style="margin-bottom:5px"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] border="0" style="margin-right:5px; width:9px; height:10px"  /><a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/entertainment/stories.nsf/movies/story/AF797C88563FD035862574FF00704566?OpenDocument"[/URL] class="vertical_arrow">Daniel Craig worked hard at being bond</a></div>
<div style="margin-bottom:5px"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] border="0" style="margin-right:5px; width:9px; height:10px"  /><a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/entertainment/stories.nsf/movies/story/A51A62A57BC932F1862574FF00704572?OpenDocument"[/URL] class="vertical_arrow">Connery is the best Bond</a></div>
</div>
        </div>

        <div class="slide" style="overflow:hidden" title="Hwy 40 switch">
          <a href="/stltoday/news/stories.nsf/commutingtraffic/story/473D1B969DE615E0862575010045453C?OpenDocument"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/resources/t4_hwy40opening1114.jpg"[/URL] style="float:left;width:458px;height:325px;margin: 0 5px 0 0" alt="slide4" /></a>
          <span class="extra">NEW</span><br />
          <div class="head-ss" style="margin: 0px 10px 10px 10px"><a href="/stltoday/news/stories.nsf/commutingtraffic/story/473D1B969DE615E0862575010045453C?OpenDocument">The Highway 40 switch</a></div>
          <div class="story" style="margin: 10px"><a href="/stltoday/news/stories.nsf/commutingtraffic/story/473D1B969DE615E0862575010045453C?OpenDocument">The switch is Dec. 15: Western section opens; I-170 to Kingshighway closes.</a></div>
          <div class="story" style="margin: 10px"><div style="margin-bottom:5px"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] border="0" style="margin-right:5px; width:9px; height:10px"  /><a href="/stltoday/news/stories.nsf/commutingtraffic/story/473D1B969DE615E0862575010045453C?OpenDocument" class="vertical_arrow">Read more</a></div>
<div style="margin-bottom:5px"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] border="0" style="margin-right:5px; width:9px; height:10px"  /><font class="Extra">TALK </font><a href="[URL unfurl="true"]http://www.stltoday.com/blogzone/talk-of-the-day/talk-of-the-day/2008/11/has-the-hwy-40-shutdown-affected-you-will-phase-2-hurt-more-or-less/"[/URL] class="vertical_arrow">Will part 2 affect you?</a></div>

<div style="margin-bottom:5px"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] border="0" style="margin-right:5px; width:9px; height:10px"  /><font class="Extra">MAP </font><a href="[URL unfurl="true"]http://www.stltoday.com/mds/news/html/1933"[/URL] class="vertical_arrow">What to expect in '09</a></div>
</div>
        </div>
      </div>
      <script language="javascript" type="text/javascript" src="[URL unfurl="true"]http://images.stltoday.com/stltoday/js/slideshow08.js"></script>[/URL]
      <!--[End Slideshow]-->
      <!--[main-module-html]-->
      <div style="margin-left:10px;float:left;width:300px;height:300px">

        <div>
          <div style="margin-left:20px">
            <div class="clearboth">
              <div id="RC2TABS1">
                <div id="RC2TABS1-01" class="x-hide-display">
                  
                  <a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/business/stories.nsf/story/F1245573D612ECDF8625750100741D87?OpenDocument"[/URL] class="head2">Laclede gas rates reduced</a>
<div align="left" style="padding-right:5px;padding-top:5px;float:left">
<a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/business/stories.nsf/story/F1245573D612ECDF8625750100741D87?OpenDocument"></a></div>[/URL]
                  <div style="text-align:left;vertical-align:top;padding-top:5px;padding-bottom:5px"><div class="story"><font class="extra" style="vertical-align: baseline"></font>&nbsp;Regulators lowered Laclede's rates by 22 percent.</div> </div>

                  <div style="padding-bottom:5px; text-align:left; vertical-align:top; clear:left">
                    <div class="bullet" style="clear:left"><font class="Extra">NEW </font><a href="/stltoday/news/stories.nsf/stcharles/story/0F55F7B893A3232B862575010078853D?OpenDocument" class="rss_item">Troy, Mo. man, 78, killed in ATV crash</a> </div>
<div class="bullet" style="clear:left"><font class="Extra">NEW </font><a href="/stltoday/news/stories.nsf/politics/story/F60D8E662B883A118625750100733A58?OpenDocument" class="rss_item">Sen. Bond says he'll back auto bailout</a> </div>
<div class="bullet" style="clear:left"><font class="Extra">NEW </font><a href="/stltoday/news/stories.nsf/stlouiscitycounty/story/B8822D22FA0BFE0A8625750100725287?OpenDocument" class="rss_item">Ameristar lays off casino workers</a> </div>
<div class="bullet" style="clear:left"><font class="Extra">UPDATE </font><a href="/stltoday/news/stories.nsf/stlouiscitycounty/story/46713593876E322D862575010070211D?OpenDocument" class="rss_item">Fire breaks out at StL Univ.</a> </div>

<div class="bullet" style="clear:left"><a href="/stltoday/news/stories.nsf/stcharles/story/81A60069D2583EDD862575010069D193?OpenDocument" class="rss_item">Mother who dumped baby gets 10 years</a> </div>
<div class="bullet" style="clear:left"><a href="/stltoday/news/stories.nsf/stlouiscitycounty/story/7C8A0ADA4898424F8625750100559725?OpenDocument" class="rss_item">St. Charles man killed in head-on crash</a> </div>
<div class="bullet" style="clear:left"><a href="/stltoday/news/stories.nsf/illinoisnews/story/186BDD93F58DB7EC862575010063EC4D?OpenDocument" class="rss_item">Brighton man charged with reckless homicide</a> </div>
<div class="bullet" style="clear:left"><font class="Extra">NEW </font><a href="[URL unfurl="true"]http://www.stltoday.com/blogzone/lager-heads/anheuser-busch/2008/11/justice-department-to-buy-anheuser-busch-inbev-must-sell-labatt-usa/"[/URL] class="rss_item">Feds clear InBev deal; Labatt USA to be sold</a> </div>
<div class="bullet" style="clear:left"><a href="/stltoday/news/stories.nsf/stlouiscitycounty/story/D55BE5F2AE3D9F888625750100543336?OpenDocument" class="rss_item">Delayed: Riv. Gard. school chief's sentence</a> </div>
<div class="bullet" style="clear:left"><font class="Extra">NEW </font><a href="/stltoday/news/stories.nsf/illinoisnews/story/422F97C75C6DDC018625750100757374?OpenDocument" class="rss_item">Power broker pleads not guilty in shakedown</a> </div>

                    
                  </div>
                </div> 
                <div id="RC2TABS1-02" class="x-hide-display">
		      <div style="width: 300px; height: 280px; margin-bottom: 25px; overflow: hidden">
				<span class="Extra">  </span><br /><a href="" class="head2"></a>
<div align="left" style="padding-right:5px;padding-top:5px;float:left">
<a href=""></a></div>		            
	   	         	<div style="padding-bottom:5px; text-align:left; vertical-align:top; clear:left">
     			  		<div class="bullet" style="clear:left"><font class="Extra">Deb Peterson </font><a href="/stltoday/news/columnists.nsf/debpeterson/story/3779366165404633862575010014B52E?OpenDocument" class="rss_item">BREAKING SCHMOOZE: The Trend now live and work here</a> </div>

<div class="bullet" style="clear:left"><font class="Extra">David Nicklaus </font><a href="/stltoday/business/columnists.nsf/davidnicklaus/story/4C02F706CC129F0C862575010011621A?OpenDocument" class="rss_item">Renaissance Hotel makes its case to bondholders</a> </div>
<div class="bullet" style="clear:left"><font class="Extra">Savvy Consumer </font><a href="/stltoday/news/columnists.nsf/savvyconsumer/story/CAEB1E685B09D8668625750100085667?OpenDocument" class="rss_item">Missouri's insurance website beats Illinois' in consumer info -- but still has a ways to go</a> </div>
<div class="bullet" style="clear:left"><font class="Extra">Susan Weich </font><a href="/stltoday/news/columnists.nsf/susanweich/story/725CA361911A0CFE8625750100130306?OpenDocument" class="rss_item">St. Charles homeless man and his beagle hoping to get a break</a> </div>
<div class="bullet" style="clear:left"><font class="Extra">Bill McClellan </font><a href="/stltoday/news/columnists.nsf/billmcclellan/story/C79DC32A8CC9D420862575010016518F?OpenDocument" class="rss_item">Widowed mother of 3 seeks solution to mortgage mess</a> </div>

          		   	</div>
			</div>
                </div>
              </div>
              <script language="javascript" type="text/javascript">
                <!--
                Ext.onReady(function(){
                var widget = new Ext.TabPanel({
                renderTo: 'RC2TABS1',
                defaults: {height:280,width:300},
                activeTab: 0,
                border: false,
                resizeTabs: true,
                minTabWidth: (300/2) - 2.5,
                height: 280,
                width: 300,
                plain: true,
                center: true,
                items:[
                 {contentEl:'RC2TABS1-01',title:'Top headlines'}
                ,{contentEl:'RC2TABS1-02',title:'Columns and blogs'}
                ]
                });
                });
                //-->
              </script>
              <!-- Traffic module starts -->
              <div style="margin-top:10px">
                <p class="traffic_dkteal"><a href="[URL unfurl="true"]http://www.post4trafficonline.com/"[/URL] target="_blank">POST4TrafficOnline.com updates:</a></p>

              </div>
				  <div style="width: 300px; height: 15px; overflow: hidden" class="standard12">
						<span style="color: #900000; font-weight: bold"></span>
						<a href="[URL unfurl="true"]http://www.post4trafficonline.com/"[/URL] target="_blank">Expect lighter traffic on Veteran's Day.</a>
				  </div>
              <div style="margin-top:5px;">
                <a href="[URL unfurl="true"]http://www.post4trafficonline.com/"><img[/URL] src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/sponsor_traffic.gif"[/URL] width="300" height="20" border="0" alt="traffic" /></a>
              </div>

              <!-- Traffic module ends -->
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
  <!-- Second row (Community Voices) starts -->

  <div style="width:1000px">
    <div id="div195x320left" style="margin-left: 25px; _margin-left:10px">
      <a href="[URL unfurl="true"]http://www.stltoday.com/blogzone/"><span[/URL] class="gray_header" style="#margin-left:10px">community voices</span></a>
      <div style="margin-top: 3px; height:256px; #height: 251px! important; overflow:hidden">
        <div style="padding-left: 20px; line-height:20px; color: #333; font-size: 16px; font-family:Georgia, regular">
          <a href="[URL unfurl="true"]http://www.stltoday.com/blogzone/the-grade/higher-education/2008/11/retired-chief-illiniwek-to-make-cameo-on-campus-saturday/"><b>The[/URL] Grade</b>: Chief Illiniwek will be making an appearance on campus this Saturday.</a>
        </div>

        <div style="margin-top: 10px; padding-left: 20px; line-height:20px; color: #333; font-size: 16px; font-family:Georgia, regular">
          <a href="[URL unfurl="true"]http://www.stltoday.com/blogzone/business-news/biz-buzz/2008/11/commerce-bank-rejects-treasury-capital/"><b>Biz[/URL] Buzz</b>: Commerce Bank said no thanks to a capital injection from the Treasury Department.</a>
        </div>
        <div style="margin-top: 10px; padding-left: 20px; line-height:20px; color: #333; font-size: 16px; font-family:Georgia, regular">
          <a href="[URL unfurl="true"]http://www.stltoday.com/blogzone/parents-talk-back/parents-talk-back/2008/11/giveway-day-5-describe-your-most-embarrassing-pregnancy-moment/"><b>Parents[/URL] Talk Back</b>: Giveway Day 5: Your most embarrassing pregnancy moment?</a>
        </div>
      </div>

		<span class="more_arrowtext"><a href="/forums" class="vertical_arrow"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] style="margin: 2px 2px 0px 0px" width="9" height="10" border="0" alt="arrow" />Check out our forums</a></span>
    </div>
    <div class="div10x320"></div> <!-- spacer, contains the separator line -->
    <div id="div195x320center">
      <span class="gray_header">&nbsp;</span>
      <div style="top: 25px; height:273px">
        <span class="featured_header_dkteal" style="margin-left:0px">Featured Reader Photo</span>

        <div align="center">
          <script language="JavaScript" type="text/javascript" src="[URL unfurl="true"]http://stltoday.mycapture.com/datafeeds/6708.js"></script>[/URL]
        </div>
        <div>
          <span class="featured_header_dkgray">Popular galleries:</span>
          <ul style="position: relative; top: -3px">
            <li class="bullet"><a href="[URL unfurl="true"]http://iwitness.stltoday.com/mycapture/photos/Album.aspx?EventID=451829&amp;CategoryID=35566">Got[/URL] a cool car to show?</a></li>

            <li class="bullet"><a href="[URL unfurl="true"]http://iwitness.stltoday.com/mycapture/photos/Album.aspx?EventID=551759&amp;CategoryID=21359">Show[/URL] off bird brains</a></li>
            <li class="bullet"><a href="[URL unfurl="true"]http://iwitness.stltoday.com/mycapture/photos/Album.aspx?EventID=191247&amp;CategoryID=22323">Been[/URL] hunting or fishing?</a></li>
          </ul>
        </div>
      </div>
      <span class="more_arrowtext" style="#margin-top: 16px">
        <a href="[URL unfurl="true"]http://www.stltoday.com/multimedia"[/URL] class="vertical_arrow" style="float: right; position: relative; top: -15px; #top: -21px">
        <img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] style="margin: 2px 2px 0px 0px" width="9" height="10" border="0" alt="arrow" />More Photos</a>

      </span>
    </div>
    <div class="div10x320"></div> <!-- spacer, contains the separator line -->
    <div id="div195x320right">
      <span class="gray_header">&nbsp;</span>
      <div style="top: 25px; height:229px; overflow:hidden">
        <span class="featured_header_dkteal" style="margin-left:0px">Featured Comment</span><br />
        <div style="padding-left: 10px; line-height:20px; color: #333; font-size: 16px; font-family:Georgia, regular">

          <a href="[URL unfurl="true"]http://www.stltoday.com/blogzone/lager-heads/anheuser-busch/2008/11/cnbc-anheuser-buschinbev-deal-to-close-next-week">So[/URL] you stop buying AB beer...? That makes no sense. The same people who made beer at AB last week will be making beer at AB next week.</a>
        </div>
      </div>
      <div style="height:20px; text-align: right; margin-top: 10px; #margin-top: 5px">
        <b>- beerguy</b>
        <br />Lager Heads
      </div>
      <span class="more_arrowtext">

        <a href="/blogs" class="vertical_arrow">
        <img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] alt="arrow" style="margin: 2px 2px 0px 0px" width="9" height="10" border="0" />More</a>
      </span>
    </div>
    <div id="div300x320">
      <div>
        <script language="JavaScript" type="text/javascript">
          <!-- 
          DisplayAds("TopRight","","");
          //-->
        </script>
      </div>

    </div>
  </div>
  <!-- Second row (Community Voices) ends -->
  <!-- Pencil ad starts -->
  <div style="width:1000px;height:30px;clear:both">
    <script language="JavaScript" type="text/javascript">
    <!-- 
    DisplayAds("Left1","","");
    //-->
    </script>
  </div>
  <!-- Pencil ad ends-->

  <!-- Third row starts -->
  <div>
    <!-- Popular Picks module starts -->
    <div class="div300x325" style="_margin-left: 12px">
      <div class="clearboth">
        <span class="gray_header">most popular</span>
        <div id="LC3TABS1">
			 <div id="LC3TABS1-01" class="x-hide-display">

				<div style="width: 300px; height: 250px; overflow: hidden">
				<div>
<div class="emaf" style="line-height:20px"><span style="standard12">1. </span><a href="/stltoday/news/stories.nsf/laworder/story/B4F8E6724F86B2098625750000102E64?OpenDocument" class="emaf">2 Cahokia brothers charged in Steak 'n Shake killings</a></div>
<div class="emaf" style="line-height:20px"><span style="standard12">2. </span><a href="/stltoday/news/stories.nsf/education/story/85A3ADEC4C63B88986257500000DB4A3?OpenDocument" class="emaf">St. Louis University is turning to fee-based agents to recruit international students</a></div>
<div class="emaf" style="line-height:20px"><span style="standard12">3. </span><a href="/stltoday/news/stories.nsf/politics/story/91543F3D63AAB73D862574FE00158BC5?OpenDocument" class="emaf">Presidential race not over in Missouri</a></div>
<div class="emaf" style="line-height:20px"><span style="standard12">4. </span><a href="/stltoday/news/columnists.nsf/kevinhorrigan/story/6ED08B339F28E22C862574FB0000EBDC?OpenDocument" class="emaf">The first 83 days</a></div>
<div class="emaf" style="line-height:20px"><span style="standard12">5. </span><a href="/stltoday/news/stories.nsf/illinoisnews/story/F44C038B535FB14F862574F7005D5879?OpenDocument" class="emaf">Rooster arrested in Benton, Ill.</a></div>

<div class="emaf" style="line-height:20px"><span style="standard12">6. </span><a href="/stltoday/news/stories.nsf/washington/story/95CBABCE4F66C26E86257500005A9997?OpenDocument" class="emaf">Missouri gets disaster declaration from September flooding due to Ike</a></div>
<div class="emaf" style="line-height:20px"><span style="standard12">7. </span><a href="/stltoday/business/stories.nsf/developmenteconomy/story/B8EFEDBFDFB678B88625750000154E67?OpenDocument" class="emaf">'A bittersweet day' for A-B</a></div>
<div class="emaf" style="line-height:20px"><span style="standard12">8. </span><a href="/stltoday/news/stories.nsf/illinoisnews/story/565957832ECDC179862575000061AEC0?OpenDocument" class="emaf">Ill. has not paid $4 billion in bills</a></div>
<div class="emaf" style="line-height:20px"><span style="standard12">9. </span><a href="/stltoday/business/stories.nsf/developmenteconomy/story/1D34379C84F9BA9686257500000DB44A?OpenDocument" class="emaf">Dairy site for sale</a></div>
<div class="emaf" style="line-height:20px"><span style="standard12">10. </span><a href="/stltoday/entertainment/reviews.nsf/restaurant/story/92A2E5C35767FF82862574FF005868A7?OpenDocument" class="emaf">Triumph Grill has eclectic, expansive menu</a></div>
</div>

				</div>
				<div style="width: 300px; height: 20px; margin-top: 4px">
				<img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/sponsor_300x20stock.gif"[/URL] width="300" height="20" alt="." border="0"/>
				</div>
          </div>
          <div id="LC3TABS1-02" class="x-hide-display">
				<div style="width: 300px; height: 250px; overflow: hidden">
            <div class="emaf" style="line-height:20px">1. <a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/news/stories.nsf/laworder/story/B4F8E6724F86B2098625750000102E64?OpenDocument"[/URL] class="emaf">2 Cahokia brothers charged in Steak 'n Shake killings</a></div>

<div class="emaf" style="line-height:20px">2. <a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/sports/columnists.nsf/berniemiklasz/story/DB6C3253DFBB64EA862575000016AFCD?OpenDocument"[/URL] class="emaf">Call off the CSI team; the Rams' problems are obvious</a></div>
<div class="emaf" style="line-height:20px">3. <a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/sports/stories.nsf/rams/story/CF82AFBF3C3CEF36862575000016AFC6?OpenDocument"[/URL] class="emaf">Martz and Bruce: No hard feelings?</a></div>
<div class="emaf" style="line-height:20px">4. <a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/sports/stories.nsf/mizzou/story/DDE46F9AA9AFE1DB8625750000432DFC?OpenDocument"[/URL] class="emaf">Mizzou signs highly-rated point guard</a></div>
<div class="emaf" style="line-height:20px">5. <a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/news/stories.nsf/politics/story/91543F3D63AAB73D862574FE00158BC5?OpenDocument"[/URL] class="emaf">Presidential race not over in Missouri</a></div>
<div class="emaf" style="line-height:20px">6. <a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/news/stories.nsf/laworder/story/3985D2142CCF88EC862575000007652B?OpenDocument"[/URL] class="emaf">St. Louis man, on crutches from earlier shooting, shot to death Wednesday</a></div>
<div class="emaf" style="line-height:20px">7. <a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/news/stories.nsf/illinoisnews/story/EF3E0AE77B352B048625750000734995?OpenDocument"[/URL] class="emaf">Fairmount Park racetrack robbed</a></div>

<div class="emaf" style="line-height:20px">8. <a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/sports/stories.nsf/illini/story/5BE94622E3942AF3862575000019990A?OpenDocument"[/URL] class="emaf">Basketball recruiting: Illinois class ranks among nation's best</a></div>
<div class="emaf" style="line-height:20px">9. <a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/sports/stories.nsf/blues/story/E506961624410781862575000016AF47?OpenDocument"[/URL] class="emaf">Bad start, trend, result</a></div>
<div class="emaf" style="line-height:20px">10. <a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/news/stories.nsf/stcharles/story/C7EBB841CDF61042862575000016ADE6?OpenDocument"[/URL] class="emaf">Careless driver fined for killing good Samaritan</a></div>

				</div>
				<div style="width: 300px; height: 20px; margin-top: 4px">
				<img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/sponsor_300x20stock.gif"[/URL] width="300" height="20" alt="." border="0"/>
				</div>

          </div>
        </div>
        <script language="javascript" type="text/javascript">
          <!--
          Ext.onReady(function(){
          var widget = new Ext.TabPanel({
          renderTo: 'LC3TABS1',
          defaults: {height:300,width:300},
          activeTab: 0,
          border: false,
          resizeTabs: true,
          minTabWidth: (300/2) - 2.5,
          height: 300,
          width: 300,
          plain: true,
          center: true,
          items:[
           {contentEl:'LC3TABS1-01',title:'E-mailed'}
          ,{contentEl:'LC3TABS1-02',title:'Stories'}
          ]
          });
          });
          //-->
        </script>
      </div>
    </div>
    <!-- Popular Picks module ends -->

<!-- Entertainment module starts -->
<div class="div300x300">
	<div class="clearboth">

		<a href="/entertainment"><span class="gray_header">entertainment</span></a>
		<div id="MC3TABS1">

			<div id="MC3TABS1-01" class="x-hide-display" title="Top picks">
				<div style="width: 300px; height: 259px; overflow: hidden">
			<div class="div300x250generic">
				<div style="clear:left;margin:2px 0px 7px 0px"><div style="float:left;padding-right:4px;padding-bottom:4px">
<a href="/stltoday/entertainment/stories.nsf/visitstlouis/story/8EEDE41CF25CD3F3862574B400509012?OpenDocument"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/resources/sweeneytodd300nov14.jpg"[/URL] width="300" height="150" alt="Best Bets" border="0"/></a></div>
<div><a href="/stltoday/entertainment/stories.nsf/visitstlouis/story/8EEDE41CF25CD3F3862574B400509012?OpenDocument" class="head2">Critics' best bets for Friday</a><br /><span class="standard12">"Sweeney Todd, The Demon Barber of Fleet Street." at the Fox Theatre, </span></div></div>

				
				
				
				
			</div>
		   </div>
	    	   <div style="width:300px; line-height:12px; text-align:right">
			<a href="/calendar" style="color:#900000; font-size: 12px"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] style="margin: 0px 2px 0px 0px" width="9" height="10" border="0" />Search for an event</a>
		   </div>
	   </div>  
	   <div id="MC3TABS1-02" class="x-hide-display" title="Restaurants">
					<div style="width: 300px; height: 259px; overflow: hidden">

			
			<span class="Extra"> </span><span class="storyAgency"></span><a href="/stltoday/entertainment/reviews.nsf/restaurant/story/92A2E5C35767FF82862574FF005868A7?OpenDocument" class="head2">Triumph Grill has eclectic, expansive menu</a>
<div align="left" style="padding-right:5px;padding-top:5px;float:left">
<a href="/stltoday/entertainment/reviews.nsf/restaurant/story/92A2E5C35767FF82862574FF005868A7?OpenDocument"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/resources/triumph50nov14.jpg"[/URL] width="50" height="70" alt="Triumph Grill" border="0"/></a></div>
			<div style="text-align: left; vertical-align: top; padding: 5px 0px 5px 0px">
<div class="story">The quality and energy at Triumph make me think the arrow is pointing upward again.<a href="/stltoday/entertainment/reviews.nsf/restaurant/story/92A2E5C35767FF82862574FF005868A7?OpenDocument"></a>&nbsp;<a href=""></a>&nbsp;</div>
</div>
			<div style="padding-bottom:5px; text-align:left; vertical-align:top; clear:left">
				<div class="bullet" style="clear:left"><a href="/stltoday/entertainment/reviews.nsf/takeout/story/3284998F94E8C341862574FE00819A74?OpenDocument" class="rss_item">Señor Pique</a> </div>

<div class="bullet" style="clear:left"><a href="/stltoday/entertainment/reviews.nsf/restaurant/story/3AF66FBD22BEBF9E862574FE00802B6B?OpenDocument" class="rss_item">Urban Eats</a> </div>
<div class="bullet" style="clear:left"><a href="[URL unfurl="true"]http://www.stltoday.com/blogzone/off-the-menu/"[/URL] class="rss_item">BLOG: Off the Menu</a> </div>

			</div>
		   </div>
	         <div style="width:300px; line-height:12px; text-align:right">
			<a href="/entertainment/dining/restaurantsearch" style="color:#900000; font-size: 12px"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] style="margin: 0px 2px 0px 0px" width="9" height="10" border="0" />Find a restaurant</a>
               </div>

	   </div>

	   <div id="MC3TABS1-03" class="x-hide-display" title="Bars">
		   <div style="width: 300px; height: 259px; overflow: hidden">
			
			<span class="Extra"> </span><span class="storyAgency"></span><a href="/stltoday/entertainment/columnists.nsf/kevinjohnson/story/DA8273280C82204E862574FF005A1CA7?OpenDocument" class="head2">Moto Museum hosts urban art show</a>
<div align="left" style="padding-right:5px;padding-top:5px;float:left">
<a href="/stltoday/entertainment/columnists.nsf/kevinjohnson/story/DA8273280C82204E862574FF005A1CA7?OpenDocument"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/resources/kevinjohnsonmug50x70.jpg"[/URL] width="50" height="70" alt="music" border="0"/></a></div>
			<div style="text-align: left; vertical-align: top; padding: 5px 0px 5px 0px">
<div class="story">Street-rooted urban art has become more accepted by mainstream audiences, leading to special events such as Jack Daniel's Arts, Beats & Lyrics.<a href="/stltoday/entertainment/columnists.nsf/kevinjohnson/story/DA8273280C82204E862574FF005A1CA7?OpenDocument"></a>&nbsp;<a href=""></a>&nbsp;</div>

</div>
			<div style="padding-bottom:5px; text-align:left; vertical-align:top; clear:left">
				<div class="bullet" style="clear:left"><a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/entertainment/columnists.nsf/Columnist/Kevin+Johnson?OpenDocument"[/URL] class="rss_item">Previous columns by Kevin Johnson</a> </div>
<div class="bullet" style="clear:left"><a href="[URL unfurl="true"]http://www.stltoday.com/blogzone/the-blender/"[/URL] class="rss_item">Kevin's Blog: The Blender</a> </div>

			</div>
		   </div>
		   <div style="width:300px; line-height:12px; text-align:right">

			<a href="[URL unfurl="true"]http://www.stltoday.com/entertainment/music"[/URL] style="color:#900000; font-size: 12px"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] style="margin: 0px 2px 0px 0px" width="9" height="10" border="0" />Check out the music and nightlife scene</a>
		   </div>
         </div>

	</div>
		<script language="javascript" type="text/javascript">
		<!--
		Ext.onReady(function(){
		var widget = new Ext.TabPanel({
		renderTo: 'MC3TABS1',
		defaults: {height:300,width:300},
		minTabWidth: (300/3) - 2.5,
		activeTab: 0,
		border: false,
		resizeTabs: true,
		height: 300,
		width: 300,
		plain: true,
		center: true,
		items:[
		{contentEl:'MC3TABS1-01',title:'Top picks'}
		,{contentEl:'MC3TABS1-02',title:'Restaurants'}
		,{contentEl:'MC3TABS1-03',title:'Bars'}
		]
		}); 
		});
		//-->
		</script>
		<div style="margin-top:10px">
			<img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/sponsor_calendar.gif"[/URL] width="220" height="20" border="0" alt="sponsor" />

		</div>
	</div>
</div>
<!-- Entertainment module ends -->
    <!-- Classified module start -->
    <div class="div300x300">
      <div class="clearboth">
        <a href="[URL unfurl="true"]http://www.stltoday.com/marketplace"><span[/URL] class="gray_header">classifieds</span></a>
        <div id="RC4TABS1">

          <div id="RC4TABS1-01" class="x-hide-display" title="Jobs">
            <div style="float: left; width: 167px; height: 275px; margin-left: 1px">
              <ul style="width: 167px">
                <li style="margin:10px 0px 0px 4px"><a href="[URL unfurl="true"]http://www.stltoday.com/hotjobs"[/URL] id="jobsearch_image" style="text-decoration: none"><span style="padding: 5px 0px 0px 18px; display: block"><b>Search Job Postings</b></span></a></li>
                <li style="margin:10px 5px 0px 6px"><a href="[URL unfurl="true"]http://hotjobs.yahoo.com/create-resume;_ylc=X3oDMTE4bGdndnI0BF9TAzM5NjUxMTI1MQRwYXJ0bmVyA3N0bG91aXMEc3JjA2NvbnNvbGU-?partner=stlouis"[/URL] class="vertical_arrow"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] alt="arrow" style="margin: 2px 2px 0px 0px" width="9" height="10" border="0" />Post a Resume</a></li>
                <li style="margin:10px 5px 0px 6px"><a href="[URL unfurl="true"]http://www.stltoday.com/jobs/nowhiringtv"[/URL] class="vertical_arrow"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] alt="arrow" style="margin: 2px 2px 0px 0px" width="9" height="10" border="0" />Watch job videos on<br />Now Hiring TV</a></li>
              </ul> 
            </div>

            <div style="float: right; width: 130px; height: 255px; margin: 10px 0px 10px 0px; border-left: 1px solid #e5e5e5">
              <ul>
                <li style="margin: 1px 0px 0px 14px">featured employer</li>
                <li>&nbsp;</li>
                <li><a href="[URL unfurl="true"]http://www.stifel.com/include.asp?pgid=1"><img[/URL] src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/stifelnicolaus.gif"[/URL] width="95" height="50" alt="Stifel Nicolaus" border="0" style="margin-left:17px" /></a></li>
                <li>&nbsp;</li>
                <li style="margin: 85px 0px 0px 5px"><a href="[URL unfurl="true"]http://www.stltoday.com/postajob"[/URL] id="emp_image" style="text-decoration: none"><span style="padding: 7px 0px 0px 12px; display: block"><b>Employers</b><br/>Post a Job in Print<br/>and/or Online</span></a></li>

              </ul><font color="#0000FF" face="Courier New"> </font>
            </div>
          </div>  
          <div id="RC4TABS1-02" class="x-hide-display" title="Rides">
            <div style="float: left; width: 167px; margin-left: 1px">
              <ul>
                <li style="margin:10px 0px 0px 4px"><a href="[URL unfurl="true"]http://www.stltoday.com/rides"[/URL] id="jobsearch_image" style="text-decoration: none"><span style="padding: 5px 0px 0px 12px; display: block"><b>Search Autos for Sale</b></span></a></li>
                <li style="margin:10px 5px 0px 6px"><a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/static.nsf/SS/Rides-Buy?OpenDocument"[/URL] class="vertical_arrow"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] alt="arrow" style="margin: 2px 2px 0px 0px" width="9" height="10" border="0" />Buy a ride</a></li>

                <li style="margin:10px 5px 0px 6px"><a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/static.nsf/SS/Rides-Sell?OpenDocument"[/URL] class="vertical_arrow"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] alt="arrow" style="margin: 2px 2px 0px 0px" width="9" height="10" border="0" />Sell a ride</a></li>
                <li style="margin:10px 5px 0px 6px"><a href="[URL unfurl="true"]http://www.stltoday.com/stltoday/static.nsf/SS/Rides-Dealer?OpenDocument"[/URL] class="vertical_arrow"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] alt="arrow" style="margin: 2px 2px 0px 0px" width="9" height="10" border="0" />Find a Dealer</a></li>
                <li style="margin:10px 5px 0px 6px"><a href="[URL unfurl="true"]http://www.stltoday.com/autos/reviews"[/URL] class="vertical_arrow"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] alt="arrow" style="margin: 2px 2px 0px 0px" width="9" height="10" border="0" />Ridin' with Dan</a></li>
              </ul>
            </div>
            <div style="float: right; width: 130px; height: 255px; margin: 10px 0px 10px 0px; border-left: 1px solid #e5e5e5">
              <ul>

                <li style="margin: 1px 0px 0px 22px">featured dealer</li>
                <li>&nbsp;</li>
                <li><a href="[URL unfurl="true"]http://www.cerame.com/"><img[/URL] src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/autos/95x50_cerame.gif"[/URL] width="95" height="50" alt="Huey's Honda" border="0" style="margin-left:17px" /></a></li>
                <li>&nbsp;</li>
                <li style="margin: 95px 0px 0px 5px"><a href="[URL unfurl="true"]http://rides.stltoday.com/autos/login.php"[/URL] id="auto_image" style="text-decoration: none !important"><span style="padding: 6px 0px 0px 21px; display: block"><b>Dealer Login</b></span></a></li>
              </ul>
            </div>
          </div>

          <div id="RC4TABS1-03" class="x-hide-display" title="Homes">
            <div style="float: left; width: 167px; margin-left: 1px">
              <ul>
                <li style="margin:10px 0px 0px 4px">
						<a href="[URL unfurl="true"]http://realestate.stltoday.com/RealEstate/Sales/SearchIndex.asp"[/URL] id="jobsearch_image" style="text-decoration: none">
							<span style="padding: 5px 0px 0px 12px; display: block"><b>Search Homes for Sale</b></span>
						</a>
					 </li>

                <li style="margin: 10px 5px 0px 6px; #margin: 8px 5px 0px 6px">
						<a href="[URL unfurl="true"]http://realestate.stltoday.com/RealEstate/Sales/SearchIndex.asp"[/URL] class="vertical_arrow">
							<img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] alt="arrow" style="margin: 2px 2px 0px 0px" width="9" height="10" border="0" />Buy a home
						</a>
					 </li>
                <li style="margin:10px 5px 0px 6px"><a href="[URL unfurl="true"]http://realestate.stltoday.com/RealEstate/Rentals/SearchIndex.asp"[/URL] class="vertical_arrow">
						<img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] alt="arrow" style="margin: 2px 2px 0px 0px" width="9" height="10" border="0" />Rent a home</a>
					 </li>
                <li style="margin:10px 5px 0px 6px"><a href="[URL unfurl="true"]http://placead.advertise123.com/adstarnx.aspx?pubid=147&refid=30091&category=RES&categoryid=10749"[/URL] class="vertical_arrow">

						<img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] alt="arrow" style="margin: 2px 2px 0px 0px" width="9" height="10" border="0" />Sell a home</a>
					 </li>
                <li style="margin:10px 5px 0px 6px"><a href="[URL unfurl="true"]http://www.newhomesource.com/STLTODAY"[/URL] class="vertical_arrow">
						<img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/icon_arrow.gif"[/URL] alt="arrow" style="margin: 2px 2px 0px 0px" width="9" height="10" border="0" />New construction</a>
					 </li>
              </ul>
            </div>
            <div style="float: right; width: 130px; height: 255px; margin: 10px 0px 10px 0px; border-left: 1px solid #e5e5e5">

              <ul>
                <li style="margin: 1px 0px 0px 19px">featured realtor</li>
                <li>&nbsp;</li>
                <li><a href="[URL unfurl="true"]http://www.prudentialalliance.com/"><img[/URL] src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/95x50_prualliance.gif"[/URL] width="95" height="50" alt="PruAlliance Sponsorship" border="0" style="margin-left:17px" /></a></li> 
                <li>&nbsp;</li>
              </ul>
            </div>
          </div>
          <div id="RC4TABS1-04" class="x-hide-display" title="ShopSTL">

<div>
	<div style="margin:10px 0px 0px 5px; text-align: justify">
			<a href="/shopstl" id="jobsearch_image" style="text-decoration: none"><img src="[URL unfurl="true"]http://images.stltoday.com/stltoday/images/shopping/hdr_shoptodaysads.gif"[/URL] width="300" height="25" alt="Shop Today's Ads" border="0" /></a>
		</div>
</div>
<div>
	<div style="margin:10px 0px 0px 5px; text-align: justify">
			<a href="/classifieds" id="jobsearch_image" style="text-decoration: none"><span style="padding: 5px 0px 0px 19px; display: block"><b>Search classifieds</b></span></a>
		</div>
</div>

<div>
	<div style="margin:10px 0px 0px 5px; text-align: justify">
			<a href="/classifieds" id="jobsearch_image" style="text-decoration: none"><span style="padding: 5px 0px 0px 19px; display: block"><b>Order a classified ad</b></span></a>
		</div>
</div>
<div class="clearboth"></div>
          </div>
          <script language="javascript" type="text/javascript">
            <!--
            Ext.onReady(function(){
            var widget = new Ext.TabPanel({
            renderTo: 'RC4TABS1',
            defaults: {height:275,width:300},
            minTabWidth: (300/4) - 2.5,
            activeTab: 0,
            border: false,
            resizeTabs: false,
            height: 275,
            width: 300,
            plain: true,
            center: true,
            items:[
             {contentEl:'RC4TABS1-01',title:'Jobs'}
            ,{contentEl:'RC4TABS1-02',title:'Rides'}
            ,{contentEl:'RC4TABS1-03',title:'Homes'}
            ,{contentEl:'RC4TABS1-04',title:'ShopSTL'}
            ]
            });
            });
            //-->
          </script>
        </div>

      </div>
    </div>
    <!-- Classified module ends -->
  </div>
  <!-- Third row end -->
  <!-- Fourth row start -->
  <script type="text/javascript" src="[URL unfurl="true"]http://images.stltoday.com/stltoday/js/stlprototype.js"></script>[/URL]
  <script type="text/javascript" src="[URL unfurl="true"]http://images.stltoday.com/stltoday/js/effects.js"></script>[/URL]

BillyRayPreachersSon · Dec 8, 2008

Well - I'd still go for the 'selected' class. It's not that much work to swap out the few lines of JS that set the CSS properties for one that sets a class instead.

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

stevemtno · Dec 9, 2008

I have no idea how to do that in JS. Can you help?

Thanks,

Steve

BillyRayPreachersSon · Dec 9, 2008

You'd need to restructure your HTML for this to work, mind you, and currently your sub menus have absolutely no relationship to their parents (which is not right, IMHO).

Have you considered restructuring your menus to be child ULs so at least there is some sort of hierarchy?

Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

need help changing to a specific subnav based on the nav selected

stevemtno

Programmer

BillyRayPreachersSon

Programmer

stevemtno

Programmer

BillyRayPreachersSon

Programmer

stevemtno

Programmer

BillyRayPreachersSon

Programmer

Similar threads

Part and Inventory Search

Sponsor