@charset "UTF-8";
/* CSS Document */


/* ===================     HORIZONTAL NAV LISTING ========================  */
#navcontainer {
	margin: 0 auto;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}

ul#navlist
{
	list-style: none;
	padding: 0;
	margin: 0 auto;
	height:37px;
	font-size:13px;
	width: 977px;
	/*background: url(../images/nav_div.gif) no-repeat left;*/
	z-index: 3000;
    /*background-position:left; background-repeat: no-repeat;*/
}

ul#navlist li
{
	/*width: 194px; /* use this for five buttons */
	width: 162px; /* use this for six buttons */
	/*_width: 194px; /* IE6 *//* For some reason the IE6 style sheet is not applying the styles correctly. That's why we're using the ie6 hacks here. */
	_width: 162px; /* IE6 *//* For some reason the IE6 style sheet is not applying the styles correctly. That's why we're using the ie6 hacks here. */
	/*width: auto; - use this for more than five buttons */
	/*height:37px;*/
	line-height:37px;
	display: inline-block;
	/*_display: block;*/
	float: left;
	margin: 0;
	/*padding: 0 10px; - use this for five buttons */
	text-align: left;
    /*
    background-image:url(../images/nav_div.gif);
    background-position: right;
    background-repeat: no-repeat;
    */
     background: url(/images/nav_bg_2.gif) no-repeat 0 0;
}

ul#navlist li.li_join { background: url(/images/nav_bg_join.gif) no-repeat 0 0; }

ul#navlist li a
{
	width:194px; /* use this for five buttons */
	_width: auto; /* IE6 *//* For some reason the IE6 style sheet is not applying the styles correctly. That's why we're using the ie6 hacks here. */
	/*width: auto; - use this for more than five buttons */
	height:37px;
	line-height:37px;
	display: block;
	text-decoration: none;
	padding-left: 9px;
	/* padding: 0 15px; - use this for more than five buttons */
	color: #000;
	font-weight: normal;
	font-size: 15px;

}

#navcontainer > ul#navlist li a { width: auto; }
ul#navlist li#active a { background: url(/images/nav_bg_2.gif) no-repeat 0 0; color: #800000; }
ul#navlist li a:hover,
ul#navlist li#active a:hover { background: url(/images/nav_bg_2.gif) no-repeat 0 -37px; color: #c80000; }
ul#navlist li.selected { background: url(/images/nav_bg_2.gif) no-repeat 0 -37px; }
ul#navlist li.selected a,
ul#navlist li.selected a { color: #c80000; }
ul#dm-events,
ul#dm-sports,
ul#dm-localinsider,
ul#dm-galleries { position: absolute; width: 162px; background: url(/images/blk-75-percent.png) repeat 0 0; z-index: 1000; display: none; }
ul#dm-events li,
ul#dm-sports li,
ul#dm-localinsider li,
ul#dm-galleries li { background-image: none; }
ul#dm-events li a,
ul#dm-sports li a,
ul#dm-localinsider li a,
ul#dm-galleries li a { height: 29px; line-height: 29px; color: #fff; font-weight: normal; }
ul#dm-events li a:hover,
ul#dm-sports li a:hover,
ul#dm-localinsider li a:hover,
ul#dm-galleries li a:hover { background: #ff0000; color: #fff; }
ul#navlist li.li_event:hover ul#dm-events { display: block; }
ul#navlist li.li_sports:hover ul#dm-sports { display: block; }
ul#navlist li.li_insider:hover ul#dm-localinsider { display: block; }
ul#navlist li.li_galleries:hover ul#dm-galleries { display: block; }

ul#navlist li.li_event.selected ul#dm-events a,
ul#navlist li.li_sports.selected ul#dm-sports a,
ul#navlist li.li_insider.selected ul#dm-localinsider a,
ul#navlist li.li_galleries.selected ul#dm-galleries a { color: #fff; }