/*************************************************Begin Masthead Styles**********************************************/
/* ------ BEGIN styles for homepage masthead ------ */
#masthead_home {
	width: 1000px;
	float: left;
	height: 80px;
	vertical-align:middle;
	position: relative;
	background-image: url(http://extras.mnginteractive.com/live/media/site568/2007/0208/20061130_093330_bg_mercnews_header.jpg);
	background-repeat: no-repeat;
	}

#logoLink {position: absolute; top: 12px; left: 12px;}

#logoLink img {width: 300px; height: 55px; border: 0;}

#masthead_homelogo {width: 388px;position: absolute;left: 48px;top: 23px;}
#masthead_homedate {width: 150px;font:11px Arial, Helvetica, sans-serif;position: absolute;bottom: 7px;right: 192px;text-align:right;}
#masthead_homead {width: 160px;height: 90px;position: absolute;right: 12px;top: 10px;}
/* ------ END styles for homepage masthead ------ */

/* ------ BEGIN styles for section masthead ------ */
#masthead_section {width: 1000px;height: 79px;vertical-align:middle;position: relative;}
#masthead_sectionlogo {width: 351px;position: absolute;left: 20px;top: 17px;}
#sectionname {position: absolute; width: 1000px; left: 0; text-align: center; top: 29px; color: #000; font: bold 26px Arial, Helvetica, sans-serif;}
#masthead_sectiondate {width: 150px;font:11px Arial, Helvetica, sans-serif;position: absolute;bottom: 7px;right: 20px;text-align:right;}
/* ------ END styles for homepage masthead ------ */

/*--------------- BEGIN searchbar styles -----------------*/

#searchbar {
	height: 38px;
	margin: 15px 15px 0 0;
	padding-top: 8px;
	float: right;
	width: 316px;
	background-color: transparent;
	background-image: url(http://extras.mnginteractive.com/live/media/site568/2006/1121/20061121__bg_mercnews_search.gif);
	background-repeat: no-repeat;
	}

*html #searchbar {margin-right: 6px;}

#searchbar p {font: bold 11px Arial, Helvetica, sans-serif; width: 600px; height: auto; line-height: normal; margin: 0; padding: 0;}

#searchbar a,
#searchbar a:visited {color: #000; text-decoration:none;}
#searchbar a:hover {text-decoration: underline;}

#searchbar img.icon {margin: 0 11px 0 21px;}
#searchbar form {margin-top: 2px; padding: 0 2px 0 0;}
#searchbar input {padding: 0; margin: 0;}

*html #searchbar form input.button {vertical-align: -4px;}

#searchbar form input.button {padding: 0 0 4px 0; margin: 0px 2px 0px 10px; vertical-align: bottom;}
#searchbar form input.searchbox {background-color:#fff; border: 1px solid #a4c8db; width: 160px; margin: 3px 0 6px 12px;}

#searchbar label {float: left; padding: 5px 0 0 15px; color: #21486d; font-weight: bold;}

/*--------------- END searchbar -----------------*/

/* Begin Yahoo Search bar styles */
.yahooSearchForm {width: 345px; text-align: left;}

#searchoptions {color: #000000;font-size: 9px;list-style-image: none;list-style-position: outside;list-style-type: none;margin: 0pt;padding: 0pt;font-family: verdana;} 
#searchoptions li {display: inline;} 
ul#searchoptions {margin-left: 0px; float:left;}

.cSearchText {height: 22px; width: 262px;margin-left: 6px; vertical-align: middle; padding: 0px;} 
input.cSearchText {vertical-align: middle; width: 262px;}

.searchBtn {margin: 0; padding: 0;vertical-align: middle;}

.yahooText {font-weight: bold; color: #ff0033; display: inline;} 
.yahooSearchText {font-weight: bold; color: #545454; display: inline;} 
/* end Yahoo search bar styles */

#yourmercnews {
   clear: both;
   height: 33px;
   width: 1000px;
   background: url(http://extras.mnginteractive.com/live/media/site568/2006/1121/20061121__bg_your_mercnews.gif) no-repeat top left;
   }
 
#yourmercnews .navigation {margin-top: 10px; font: bold 11px Arial, Helvetica, sans-serif;}

/*  --
#yourmercnews .navleft {float: left; width: 43%;font-size: 11px;}
#yourmercnews .navright {float: right; width: 53%; font-size: 11px;}
-- */
#yourmercnews .navleft {float: left; width: 300px; font-size: 11px;}
/* --
#yourmercnews .navright {float: right; display: inline;width: 620px; font-size: 11px;}
-- */
#yourmercnews .navright {float: right; clear: right; display: inline; white-space: nowrap; line-height: 1em; width: 600px; font-size: 11px;}

#yourmercnews .navright ul li {display: inline; white-space: nowrap;}

.navigation ul {list-style: none; margin-left: 10px;}

.navigation li {display: inline; margin-right: -2px; font-size: 11px;}
.navigation li.red {margin-right: 10px; color: #e4540d; font-size: 11px;}
.navigation li.green {margin-right: 10px; color: #526F35; font-size: 11px;}
 
.navigation li a {padding: 0 8px; color: #21486d; text-decoration: none; border-right: 1px solid #21486d; font-size: 11px;}
.navigation li.end a {padding-right: 3px; border: none; font-size: 11px;}
.navigation li.delivery a {margin-right: 15px; border: none; font-size: 11px;}
.navigation li a:hover, .navigation li a:active {text-decoration: underline; font-size: 11px;}
/* ------ End Your Mercury News ------ */
 
/* ------ Weather Portlet - Homepage top header ------ */
#weather1 table {width: 268px;}
table.weatherBox {width: 260px;float: left;position: relative;display: block;padding: 0;margin: 23px 0 0 0;}
table.weatherBox tr {padding: 0;margin: 0;}
table.weatherBox td {padding: 0;margin: 0;}
table.weatherBox td.weatherHead {padding: 0 0 3px 85px;margin: 0;text-align: left;font: bold 11px Arial, Helvetica, sans-serif;}
table.weatherBox table.weatherContent {width: 260px;font: 11px Arial, Helvetica, sans-serif;}
table.weatherBox img {position: absolute;top: 0;left: 0;}
table.weatherBox table.weatherContent td {width: auto;}
table.weatherBox table.weatherContent br {display: none;}

a.weatherN,
a.weatherH,
a.weatherL {display: block;margin: 0 2px;padding: 0px 2px;float: left;border-right: 1px solid #666;}

a.weatherN {padding-left: 82px;}
a.weatherL {border: none;}
a.weatherFiveDayLink {display: block;margin: 0;padding: 3px 0 3px 85px;text-align: left;}
/* ------ END Weather Portlet ------ */
/*************************************************End Masthead Styles**********************************************/



/*Nav Bar Wrapper - sets the width/height/look of entire nav bar*/
#navWrap {
	width: 1000px;
	background: transparent url(http://extras.mnginteractive.com/live/media/site568/2009/0217/20090217_092540_chromenav_bg.gif) repeat-x 0 0;
	font-family: Arial, Helvetica, sans-serif;
	height: 32px;
	}

/*Main Nav Behavior*/
#nav {
	margin-left: auto; /*DO NOT EDIT*/
	margin-right: auto; /*DO NOT EDIT*/
	position: relative; /*DO NOT EDIT*/
	display: block; /*DO NOT EDIT*/
	height: 1%; /*DO NOT EDIT*/
	z-index: 1000; /*DO NOT EDIT - was '1000', modified for top ad overlay -  necessary for menu system to appear on top of positioned elements in body*/
	}

/* you must add one of these for each nav dropdown making a general class destroys the measurements*/
/* Main Nav Items */
#nav #maindiv0,#nav #maindiv1,#nav #maindiv2,#nav #maindiv3,#nav #maindiv4,#nav #maindiv5,
#nav #maindiv6,#nav #maindiv7,#nav #maindiv8,#nav #maindiv9,#nav #maindiv10,
#nav #maindiv11,#nav #maindiv12,#nav #maindiv13,#nav #maindiv14,#nav #maindiv15,
#nav #maindiv16,#nav #maindiv17,#nav #maindiv18,#nav #maindiv19,#nav #maindiv20,
#nav #maindiv21,#nav #maindiv22,#nav #maindiv23,#nav #maindiv24,#nav #maindiv25,
#nav #maindiv26,#nav #maindiv27,#nav #maindiv28,#nav #maindiv29,#nav #maindiv30 {height: 32px;}

#nav div {float: left; padding: 0;}

/*Main Nav Item Links*/
#nav div a {
	display: block;
	font: 10px arial;
	color: #333;
	padding: 0 6px;
	margin: 0;
	text-decoration: none;
	background: transparent url(http://extras.mnginteractive.com/live/media/site568/2009/0217/20090217_092609_chromenav_sep.gif) no-repeat top right;
	float: left;
	height:32px;
	line-height:32px;
	vertical-align:middle;
	border:0;
	}

/*Main Item Hover States*/
#nav .navHover {text-decoration: none;}

#nav div.navHover a {
	color: #013067;
	background: #f1f2fa url(http://extras.mnginteractive.com/live/media/site568/2009/0217/20090217_093739_chromenav_on.gif) repeat-x top right;
	height: 32px;
	line-height: 32px;
	}

/* no submenu */
#nav .nosub div.subdiv,
#nav #rightNav .nosub .subdiv,
#nav #rightNav .nosub div.subdiv {display: none !important;}

/*Sub Menu Container*/
#nav .subdiv {
	display: block;
	width: 170px;
	padding: 0 0 4px 0;
	position: absolute;
	visibility: hidden;
	background-image: none;
	background-color: #f1f2fa;
	border: 1px solid #e5e5e5;
	border-top: none;
	}

#nav div .subdiv div {float: none; padding: 0;}

#nav div .subdiv a {
	background-image: none;
	margin: 0;
	font-size: 12px;
	font-weight:normal;
	color: #013067;
	padding: 0px 4px;
	display: block;
	height: auto;
	line-height: 18px;
	float:none;
	}

#nav .subdiv a:hover {background-color: #fff; color: #000; height: 1%;}

/*------------------------------
Right Nav
--------------------------------*/
/*Right Nav Wrapper*/
#nav #rightNav {
	float: none;
	}

/*Main Items*/
#nav #rightNav div {
	float: right;
	background: transparent url(http://extras.mnginteractive.com/live/media/site568/2009/0217/20090217_092540_chromenav_bg.gif) repeat-x 0 0;
	}
#nav #rightNav div div {float: none;}

/*Main Links*/
#nav #rightNav div a {
	color: #333;
	float: left;
	text-transform: uppercase;
	background: transparent url(http://extras.mnginteractive.com/live/media/site568/2009/0217/20090217_092609_chromenav_sep.gif) no-repeat top left;
	border:0;
	}

#nav #rightNav .nosub div a:hover {
	background: #f1f2fa url(http://extras.mnginteractive.com/live/media/site568/2009/0217/20090217_093739_chromenav_on.gif) repeat-x top right;
	}

/*Main Item Hover States*/

#nav #rightNav div.navHover {display: block;}

#nav #rightNav .navHover a {
	background-color: #f1f2fa; background-image: none;
	color: #013067;
	}

#nav #rightNav div.subdiv {margin-left: 1px;}

#nav #rightNav .last div.subdiv {margin-left: 0;}

#nav #rightNav div.subdiv,
#nav #rightNav div.subdiv div {background-color: #f1f2fa; background-image: none ;}

#nav #rightNav .subdiv a,
#nav #rightNav .subdiv a span {
	background-image: none !important;
	float: none;
	display: block;
	text-transform: none;
	font-size: 12px;
	border: none;
	color: #013067;
	}

#nav #rightNav .subdiv a:hover {background-color: #fff; color: #000;}

#v2_yourmercnews a:link,
#v2_yourmercnews a:active,
#v2_yourmercnews a:visited {color:#000; text-decoration:none; font-size:10px}
#v2_yourmercnews a:hover {color:#c00; text-decoration:none; font-size:10px}

/* ======== END Dropdown Navigation - Added by snguyen 2/18/09 ======== */

/* -------- Part of the BayArea.com Network masthead image - Added by snguyen 6/5/08 -------- */
#banetwork {margin:5px; float:right; border:0;}
/* -------- END: Part of the BayArea.com Network masthead image -------- */

.myyahooButton { display:none; }