/**
 * NAVIGATION.CSS
 *
 * @note		This file holds styles specific to site navigation.
 * @author		awang
 *
 */
@media screen,projection {
	#main-nav {
		position:absolute;
		top:75px;
		left:0px;
		font-size:13px;
		font-weight:bold;
		background:url(http://media.sacbee.com/img/header-subnav-bg.gif) repeat-x 0 28px;
		height:62px;
		width:990px;
		z-index:2;
	}
	#main-nav ul {
		padding:0;
		margin:0;
	}
	/* First level nav */
	#main-nav ul li {
		display:block;
		float:left;
		list-style-type:none;
		height:28px;
		text-align:center;
	}
	#main-nav ul li.last a {
		border:0;
	}
	#main-nav a {
		color:#444;
		border-right:1px solid #999;
		height:21px;
		line-height:21px;
		text-decoration:none;
	}
	#main-nav .active {
		background:url(http://media.sacbee.com/img/header-mainnav-active.gif) no-repeat center bottom;
	}
	#main-nav .active a {
		color:#024A82;
	}

	/* manual setting of first level nav widths */
	#main-nav a {display:block}
	#main-nav #nav-news a { width:61px }
	#main-nav #nav-capital a { width:147px }
	#main-nav #nav-sports a { width:66px }
	#main-nav #nav-livinghere a { width:98px }
	#main-nav #nav-entertainment a { width:114px }
	#main-nav #nav-business a { width:84px }
	#main-nav #nav-opinion a { width:75px }
	#main-nav #nav-cars a { width:51px }
	#main-nav #nav-jobs a { width:50px }
	#main-nav #nav-homes a { width:60px }
	#main-nav #nav-classifieds a { width:85px }
	#main-nav #nav-shopping a { width:88px }
	#header #main-nav .subnav a {width:auto;}

	/* First level items with right aligned subnavs */
	#main-nav .right a {
		font-weight:normal;
		color:#024A82;
	}
	/* Special case for first level Opinion item */
	.wrapper #nav-opinion a {
		font-weight:bold;
		color:#444;
	}

	/* Second level nav */
	#main-nav .subnav {
		height:34px;
		position:absolute;
		top:28px;
		left:0px;
		/* Hide it off to the side of the page */
		margin-left:-9999px;
		width:980px;
	}
	#main-nav .sponsor {
		width:980px;
	}
	#main-nav .subnav li {
		height:22px;
		padding-top:12px;
	}
	#main-nav .subnav li.first {
		padding-left:6px;
	}
	#main-nav ul.subnav li a {
		height:12px;
		line-height:12px;
		color:#FFF;
		font-size:12px;
		font-weight:normal;
		padding:0 6px;
		border-right:1px solid #698FA4;
	}
	#wrapper #main-nav ul.subnav a:hover {
		text-decoration:underline;
	}
	#main-nav .subnav li.last a {
		border:0
	}
	#main-nav .active .subnav {
		/* Slide it back in on hover */
		margin-left:0;
	}
	#main-nav .active .subnav .active {
		background:url(http://media.sacbee.com/img/header-subnav-bg-active.gif) repeat-x;
	}
	/* Left side sponsor images, these defaults overridden for ie6 in ie6.css */
	#main-nav .subnav .left {left: -980px}
/*
		#nav-shopping {
			background:url(http://media.sacbee.com/img/header-shopping-active_g.gif) repeat-x;
		}
*/


	/* Right sided menus */
	/* This doesn't work in IE6, each one is
	 * abs positioned in ie6.css */
	#main-nav .right.active .subnav {
		left:auto;
		right:0;
		width:auto;
		margin-left:0;
	}

	/* Special two level subnav, for Business */
	#main-nav ul.subnav-double {
		z-index:10;
		width:990px;
		top:62px;
	}
	/* IE7 hacks */
	*:first-child+html #main-nav ul.subnav-double {
		padding-top:34px;
	}
	*:first-child+html #main-nav ul.subnav-double li{
		margin-top:-34px;
	}
	/* IE6 hacks */
	* html #main-nav ul.subnav-double {
		padding-right:10px;
	}

	/* Special subnav hover styles */
	#main-nav .active .subnav-double {
		margin-left:0;
		background:#016B9B;
	}
	#main-nav .active ul.subnav-double li {
	}
	#main-nav .active .subnav-double .last {
		padding-right:6px;
	}

	/* Special subnav Business page styles */
	#business div#header { height:212px; }
	#business div#headerdate, #business div#headersearch { top:171px }
	#business #main-nav {height:96px; background-color:#016B9B}
	#business #main-nav li {background-color:#FFF}
	#business #main-nav .subnav li {background-color:transparent}

	/* third level navigation in content, Sports page */
	.subsubnav {
		margin-left:-10px;
	}
	.subsubnav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	.subsubnav li {
		float:left;
	}
	.subsubnav li.first {
	}
	.subsubnav li a {
		padding:0 1em;
		border-right:1px solid #999;
	}
	.subsubnav li.active {
		background:#FFF url('http://media.sacbee.com/img/body-widget-bg-active.gif') bottom repeat-x;
	}
	.subsubnav li.last a {
		border:0;
	}

	#nav-shopping {

	}

	/* Sponsor Bubble width fixes */
	#main-nav .subnav2 {
			width:816px;
	}

	/* Sponsored By Styles */
	#main-nav .sponsor {
		z-index: -1;
	}
	#main-nav .rsponsorcontainer {
		position: absolute;
		top: 0px;
		height: 34px;
		right: 0px;
		left: auto;
		float: right;
		background-image: url('http://media.sacbee.com/static/img/sponsoredby/sponsorback.gif');
		cursor: pointer;
	}
	#main-nav .rsponsorleft {
		float: left;
		position: relative;
		width: 14px;
		height: 34px;
		background-image: url('http://media.sacbee.com/static/img/sponsoredby/sponsorleft.gif');
	}
	#main-nav .rsponsorcenter {
		float: left;
		position: relative;
		height: 34px;
		padding: 0px 5px 0px 4px;
	}
	#main-nav .rsponsorby {
		position: absolute;
		left: 0px;
		top: 7px;
		width: 66px;
		height: 5px;
		background-image: url('http://media.sacbee.com/static/img/sponsoredby/ponsoredby.gif');
		font-size: 4px;
	}
	#main-nav .rsponsortext {
		position: absolute;
		top: 14px;
		left: 2px;
		font-size: 10px;
		text-transform: uppercase;
	}
	#main-nav .rsponsorright {
		float: left;
		position: relative;
		width: 2px;
		height: 34px;
		background-image: url('http://media.sacbee.com/static/img/sponsoredby/sponsorright.gif');
	}

	/* Individual Sponsor Styles */
	#main-nav .sponsorsullivan {width: 195px;}
	#main-nav div.sponsorsullivan div.rsponsorcenter {width: 170px;}

    #main-nav .sponsortoyota {width: 142px;}
	#main-nav div.sponsortoyota div.rsponsorcenter {width: 117px;}

	#main-nav .sponsorCCUL {width: 201px;}
	#main-nav div.sponsorCCUL div.rsponsorcenter {width: 176px;}

	#main-nav .sponsorhyundai {width: 230px;}
	#main-nav div.sponsorhyundai div.rsponsorcenter {width: 205px;}

	#main-nav .sponsorsutter {width: 100px;}
	#main-nav div.sponsorsutter div.rsponsorcenter {width: 75px;}

	#main-nav .sponsoratlantis {width: 174px;}
	#main-nav div.sponsoratlantis div.rsponsorcenter {width: 149px;}

	/* Override for Lingospot */
	#main-nav .rsponsortext .lingo_link {
		color: black;
		border-right: none;
		padding: 0;
	}
}