/* main header container */
#MontereyHeraldHeader {
	position: relative;
	top: 0px;
	left: 0px;
	width: 994px;
	background: #fff;
	padding: 3px 3px 0 3px;
	}

/* position and render the logo - hide logo text */
#logo {
	text-indent: -5000px;
	width: 189px;
	height: 66px;
	position: absolute;
	top: 57px;
	left: 10px;
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/0109/20070109__logo.gif) no-repeat 0 0;
	}

/* container for everything above the navigation */
#masthead_home {
	width: 994px;
	height: 146px;
	background: #afcae1 url(http://extras.mnginteractive.com/live/media/site570/2007/0109/20070109__bg_header.jpg) no-repeat 0 31px;
	}

#masthead_usopen {
	width: 994px;
	height: 146px;
	background: #afcae1 url(http://extras.mnginteractive.com/live/media/site570/2010/0616/20100616__usopenlogo_masthead.jpg) no-repeat -6px 31px;
	}

#masthead_att {
	width: 994px;
	height: 146px;
	background: #afcae1 url(http://extras.mnginteractive.com/live/media/site570/2011/0126/20110126__attlogo3_masthead.jpg) no-repeat -6px 31px;
	}


/*--------------- BEGIN welcomebar styles -----------------*/

/* container for text and links to date, register, login etc. */
#welcomeBar {
	height: 22px;
	background: #8ca5ba;
	border-bottom: 1px solid #738798;
	font: normal 11px arial, helvetica, sans-serif;
	color: #fff;
	padding-top: 9px;
	}

/* hack for ie - box model issue */
*html #welcomeBar {
	height: 31px;
	}

#welcomeBar ul {
	display: block;
	float: right;
	text-align: right;
	clear: both;
	width: 625px;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;

	}

#welcomeBar li {
	display: inline;
	padding: 0;
	line-height: 16px;
	margin: 0 0 10px 4px;
	font-size: 11px;
	}

#welcomeBar a {
	text-decoration: none;
	color: #fff;
	border-right: 1px solid #fff;
	padding-right: 8px;
	font-size: 11px;
	}

#welcomeBar a:hover {
	text-decoration: underline;
	font-size: 11px;
	}
	
.welcomeText {
	font-weight: bold;
	color: #ffd045;
	font-size: 11px;
	}

#dateStamp {
	float: left;
	margin: 0 0 0 10px;
	font-weight: bold;
	font-size: 11px;
	}

#welcomeBar li.register {
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/0109/20070109__blt_register.gif) no-repeat 0 1px;
	padding: 2px 0 3px 20px;	
font-size: 11px;
	}

#welcomeBar li.services {
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/0109/20070109__blt_paper.gif) no-repeat 0 1px;
	padding: 2px 0 3px 20px;
	font-size: 11px;
	}

#welcomeBar li.rss {
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/0109/20070109__blt_rss.gif) no-repeat 0 3px;
	padding: 2px 0 3px 20px;
	font-size: 11px;
	}

#welcomeBar li.rss a {
	border: none;
	font-size: 11px;
	}


/*--------------- BEGIN searchbar styles -----------------*/
/*NOTE: do not modify unless certain.  several hacks needed for displaying a semi transparent border around the search box.*/

#searchBlock {
	padding: 9px 0 10px 0;
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/1204/20071204__searchbox_large.png) no-repeat 0 0;
	width: 300px;
	height: 43px;
	float: left;
	margin: 45px 0 0 220px;
	display: inline;
	
	/*border: 1px solid lime;*/
	}

#searchBlock * {
	margin: 0px;
	position: relative;
	z-index: 1;
	}

* html .png {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://extras.mnginteractive.com/live/media/site570/2007/0109/20070109__searchbox.png', sizingMethod='scale');
	}

* html .png img {
	display: none;
	}

* html #searchBlock {
	position: static;
	background: none;
	}
 
#searchBlock form {
	clear: both;
	padding: 0;
        margin: 0 0 0 7px;
	}

#searchBlock input {
	padding: 0;
	margin: 0;
	}

#searchBlock form input.button {
	padding: 0 0 0 0;
	margin: 0px 2px 2px 5px;
	vertical-align: bottom;
	}

#searchBlock form input.searchbox {
	background-color: #fff;
	border: 1px solid #a6a39a;
	width: 220px;
	/*height: 22px;*/
	margin: 0 0 0px 0px;
	padding: 2px;
	}

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



/* ------------------------------------------------------------------------- 
                     MNG NAVIGATION SYSTEM v 1.0
---------------------------------------------------------------------------- */


/* Main (tab) Navigation
---------------------------------------------------------------------------- */

/*
NAV: height 34px
SUBNAV: height 35px
*/

/*  global navigation menu */
#navcontainer {
	position: relative;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	width: 994px;
	height: 69px; /* <- important: height= topnav height + subnav height */
	}

#navcontainer a {
	}

/* main nav bar */
#p7TBM {
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/0109/20070109__bg_tabs_main.gif) repeat-x 0 0px;
	}

/* main navigation */
#p7TBMroot {
	background-color: transparent;
	border: none;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	}

/* "rootbox" container */
#p7TBMrootbox {
	background-color: transparent;
	}

#p7TBMroot ul {
	background-color: transparent;
	margin: 0;
	padding: 0;
	}

#p7TBMroot li {
	list-style-type: none;
	display: inline;
	font-size: 11px;
	}

#p7TBMroot li a {
	float: left;
	font-size: 11px;
}

#p7TBMroot .p7TBMtext li.first a {
	font-size: 11px;
	}

/* CLASSIFIED NAV - similar to .p7TBMtext */
.classifiedsnav {
	position: absolute;
	top: 0px;
	right: 0px;	
font-size: 11px;
	}

#p7TBMroot .p7TBMtext li a,
#p7TBMroot .classifiedsnav li a {
	text-decoration: none;
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/0109/20070109__bg_headerTabsR_off.gif) no-repeat right top;
	color: #fff;
	border-right: none;
	padding: 0;
	height: 34px; /*<- establishes height note - not always necessary*/
	font-size: 11px;
	}

#p7TBMroot .p7TBMtext li a span,
#p7TBMroot .classifiedsnav li a span {
	padding: 12px 6px 0px 6px;/*<- This establishes the height of the main nav. NOTE - update in 3 places */
	display: block;
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/0109/20070109__bg_headerTabsL_off.gif) no-repeat 0 top;
	color: #747676;
	font-size: 11px;
	}

#header #p7TBMroot .classifiedsnav li {
	float: left;
	font-size: 11px;
	}

#p7TBMroot .classifiedsnav li.end {
	margin-right: 10px;
	font-size: 11px;
	}

#p7TBMroot .classifiedsnav li a {
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/0417/20070417_084637_bg_classTabR-off.gif) no-repeat top right;
	font-size: 11px;	
}

#p7TBMroot .classifiedsnav li a span {
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/0417/20070417_084557_bg_classTabL-off.gif) no-repeat top left;
	color: #fff;
	font-size: 11px;
	}

/* --- Selected/Active State NOTE: this class gets added to the <a> tag "on-the-fly"--- */
#p7TBMroot .p7TBMtext .p7TBMdown, 
#p7TBMroot .p7TBMtext .p7TBMdown:hover,
#p7TBMroot .classifiedsnav .p7TBMdown, 
#p7TBMroot .classifiedsnav .p7TBMdown:hover {
	color: black!important;
	background-color: transparent!important;
	padding: 0;
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/0109/20070109__bg_headerTabsR_on.gif) no-repeat right top;
	font-size: 11px;
	}

#p7TBMroot .p7TBMtext .p7TBMdown span, 
#p7TBMroot .p7TBMtext .p7TBMdown:hover span,
#p7TBMroot .classifiedsnav .p7TBMdown span, 
#p7TBMroot .classifiedsnav .p7TBMdown:hover span {
	padding: 12px 6px 0px 6px;/*<- This establishes the height of the nav container. NOTE - update in 3 places */
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/0109/20070109__bg_headerTabsL_on.gif) no-repeat 0 top;
	display: block;
	color: #000;
	font-size: 11px;
	}

#p7TBMroot .classifiedsnav .p7TBMdown, 
#p7TBMroot .classifiedsnav .p7TBMdown:hover {
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/0417/20070417_084851_bg_classTabR-on.gif) no-repeat top right;
	font-size: 11px;
	}

#p7TBMroot .classifiedsnav .p7TBMdown span,
#p7TBMroot .classifiedsnav .p7TBMdown:hover span {
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/0417/20070417_084735_bg_classTabL-on.gif) no-repeat top left;
	font-size: 11px;
	}



/*
The Root Level Hover. This also locks the Hover state while 
the root item's associated sub-menu is visible.
DO NOT CHANGE SELECTOR NAMES*/
.p7ie6Fix:active, 
#p7TBMroot .p7TBMtext .p7TBMon,
#p7TBMroot .p7TBMtext li a:focus, 
#p7TBMroot .p7TBMtext li a:active,
#p7TBMroot .classifiedsnav .p7TBMon,
#p7TBMroot .classifiedsnav li a:focus, 
#p7TBMroot .classifiedsnav li a:active {
	color: #436d91;
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/0109/20070109__bg_headerTabsR_on.gif) no-repeat right top;
	padding: 0;
	margin: 0;
	font-size: 11px;
	}

#p7TBMroot .classifiedsnav .p7TBMon,
#p7TBMroot .classifiedsnav li a:focus, 
#p7TBMroot .classifiedsnav li a:active {
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/0417/20070417_084851_bg_classTabR-on.gif) no-repeat top right;
	}

#p7TBMroot .p7TBMtext li.first a:focus,
#p7TBMroot .p7TBMtext li.first a:active {}

.p7ie6Fix:active, 
#p7TBMroot .p7TBMtext .p7TBMon span,
#p7TBMroot .p7TBMtext li a:focus span, 
#p7TBMroot .p7TBMtext li a:active span,
#p7TBMroot .classifiedsnav .p7TBMon span,
#p7TBMroot .classifiedsnav li a:focus span, 
#p7TBMroot .classifiedsnav li a:active span {
	padding: 12px 6px 9px 6px;/*<- This establishes the height of the nav container. NOTE - update in 3 places */
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/0109/20070109__bg_headerTabsL_on.gif) no-repeat 0 0;
	display: block;
	color: #436d91;
	font-size: 11px;
	}

#p7TBMroot .classifiedsnav .p7TBMon span,
#p7TBMroot .classifiedsnav li a:focus span, 
#p7TBMroot .classifiedsnav li a:active span,
#p7TBMroot .classifiedsnav .end .p7TBMon span  {
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/0417/20070417_084735_bg_classTabL-on.gif) no-repeat top left;
	font-size: 11px;
	}






/* SubNavigation
---------------------------------------------------------------------------- */

/* main subnav wrapper */
#p7TBMsubwrap {
	position: relative;
	height: auto;
	font: normal 11px arial, helvetica, sans-serif;
	}

/* subnav wrapper */
#p7TBM .p7TBMsub {
	position: absolute;
	visibility:hidden;
	left: 0;
	top: 0;
	width: 100%;
	height: 34px;
	background: url(http://extras.mnginteractive.com/live/media/site570/2007/0109/20070109__bg_headerSubnav.gif) repeat-x 0 0;
	/* border-bottom: 1px solid #878586; */
	font-size: 11px;
	}

.p7TBMsubbox {
	padding: 8px 0 7px 0; /*<-default setting*/
	}


/*SUBMENU BACKGROUNDS and BORDERS HERE*/
.p7TBMsub ul {
	margin: 0;
	padding: 0;
	/* background-image: url(img/iebfix.gif); */
	background-color: transparent;
	border: 0;
	}

.rightSub ul {
    float:right;
    padding-right:10px;
    }

.p7TBMsub li {
	list-style-type: none;
	display: inline;
	font-size: 11px;
	}

.p7TBMsub li a {
	color: #3e4ea6;
	display: block;
	float: left;
	border: none;
	text-decoration: none;
	border-right: 1px solid #3e4ea6;
	padding: 2px 7px 2px 7px;
	font-size: 11px;
	}

.p7TBMsub li.last a {
	border: none;
	font-size: 11px;
	}

.p7TBMsub li a:hover,
.p7TBMsub li a:active,
.p7TBMsub li a:focus {
	background-color: #85b2d7;
	color: #fff;
	font-size: 11px;
	}

/* ---  non-link submenu items
 When there is no link - always use a span as a replacement: */
.p7TBMsub li span {
	margin: 0;
	color: #000;
	display: block;
	float: left;
	border: none;
	text-decoration: none;
	border-right: 1px solid #3e4ea6;
	padding: 2px 7px 2px 7px;
	font-size: 11px;
	}


/* current state marker style */
.p7TBMsub .p7TBMmark,
.p7TBMsub .p7TBMmark:hover,
.p7TBMsub .p7TBMmark:active,
.p7TBMsub .p7TBMmark:focus {
	font-weight:bold;
	color: #3e4ea6;
	cursor: default;
	text-decoration: none;
	background-image: none;
	background-color: #fff;
	border: 1px solid #666;
	margin-left: -1px;
	overflow: visible;
	font-size: 11px;
	}

.p7TBMsub li.last .p7TBMmark,
.p7TBMsub li.last .p7TBMmark:hover,
.p7TBMsub li.last .p7TBMmark:active,
.p7TBMsub li.last .p7TBMmark:focus {
	border: 1px solid #666;
	font-size: 11px;
	}

.p7TBMsub li.first .p7TBMmark,
.p7TBMsub li.first .p7TBMmark:hover,
.p7TBMsub li.first .p7TBMmark:active,
.p7TBMsub li.first .p7TBMmark:focus {
	margin-left: 0;
	}


/* ------ HOME TAB SPECIFIC subnav */
.p7TBMsub iframe {
margin-top: -8px;
}
.p7TBMsub li.location a,
.p7TBMsub li.location a:hover {
	color: #3e4ea6;
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2007/0109/20070109__FPO_icon_weather.gif) no-repeat 0 0;
	padding-left: 25px;
	border: none;
	font-size: 11px;
	}

.p7TBMsub li.location a:hover {
	text-decoration: underline;
	font-size: 11px;
	}

.p7TBMsub li #weatherform span {
	border: none;
	padding-top: 0;
	}

.p7TBMsub form {
	margin: 0;
	padding: 0;
	}

.p7TBMsub li #weatherForm label {
	vertical-align: middle;
	}

.p7TBMsub li #weatherForm input.weatherBox {
	border: 1px solid #a4c8db;
	font: normal 11px arial, helvetica, sans-serif;
	vertical-align: top;
	margin: -5px 0 0 5px;
	padding: 0 2px 2px 2px;
	}

.p7TBMsub li #weatherForm input.weatherBtn {
	padding: 0;
	margin: 0;
	vertical-align: middle;
	}

.p7TBMsub li.navButton {
	border: none;
	}

.p7TBMsub li.navButton a,
.p7TBMsub li.navButton a:hover {
	padding: 1px 2px;
	color: #000;
	border: 1px solid #8aa0b9;
	margin: 0 10px;
	background: #fff;
	}

.p7TBMsub li.navButton a:hover {
	background-color: #85b2d7;
	color: #fff;
	}



/* ------ misc additional styles */

/*this tells firefox not to display the " dotted border " when you click - do not change */
#p7TBMroot .p7TBMtext a,
#p7TBMroot .p7TBMtext .p7TBMdown, 
#p7TBMroot .p7TBMtext .p7TBMdown:hover,
#p7TBMroot .p7TBMtext .p7TBMdown:focus,
.p7TBMsub li a,
.p7TBMsub li a:hover,
.p7TBMsub li a:focus {
	outline: none;
	-moz-outline: none !important;
	}

#p7TBM br {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 1px;
}

/*BEGIN Search with Yahoo*/
#searchoptions {
color: #000000;
font-size: 9px;
list-style-image: none;
list-style-type: none;
margin: 0px;
margin-left: 7px;
margin-top: 3px;
padding: 0px;
font-family: arial;
}

#searchoptions li {display: inline;} 

.cSearchText {
width: 200px;
margin-left: 6px;
vertical-align: baseline;
} 

.yahooText {
font-weight: bold;
color: #FF0033;
display: inline;
font-family: verdana;
} 

.yahooSearchText {
font-weight: bold;
color: #545454;
display: inline;
font-family: verdana;
}	

/*END Search with Yahoo*/




/*position jobs*/
#p7TBMsub11 ul {
    padding-right: 240px;
    }

/*position cars*/
#p7TBMsub12 ul {
    padding-right: 170px;
    }
	
	
	
	
	
/*Nav Bar Wrapper - sets the width/height/look of entire nav bar*/
#navWrap {
	width: 994px;
	background: #fff url(http://extras.mnginteractive.com/live/media/site570/2008/0623/20080623_095021_bg_tabcontainer.gif) 0 0 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	height:33px;
	padding-top:4px;
	}

/*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; /* 1000 DO NOT EDIT - 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: 29px;
	}

#nav div {
	float: left;
	}

/*Main Nav Item Links*/

#nav div a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 0;
	text-decoration: none;
	float: left;
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2008/0623/20080623_095109_tabR-stack.gif) right top no-repeat;
	}

#nav div a span {
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2008/0623/20080623_095032_tabL-stack.gif) 0 0 no-repeat;
	padding: 1px 7px;
	display: block;
	color: #000;
	line-height:27px;
	}


/* TOP ITEMS first tab has left border*/
#nav div.first a {
	}

#nav div.first a span {
	}


/*Main Item Hover States*/
#nav div.navHover a {
	text-decoration: none;
	background-position: 100% -29px !important;
	color: #333;
	height: 29px;
	}

#nav div.navHover a span {
	background-position: 0 -29px !important;
	color: #436d91;
	}

 
/* TOP ITEMS with no submenu*/
#nav .nosub div,
#nav #rightNav .nosub div {
	padding-right: 0;
	}

#nav .nosub .navHover a,
#nav #rightNav .nosub .navHover a {
	background-position: 100% -58px !important;
	}

#nav .nosub .navHover a span,
#nav #rightNav .nosub .navHover a span {
	background-position: 0 -58px !important;
	}

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





/*------ Sub Menu Container*/

#nav div .subdiv {
	display: block;
	background-color: #fff;
	width: 150px;
	margin:0;
	padding: 2px 0;
	position: absolute;
	visibility: hidden;
	margin-left:1px;
	}

/*IMPORTANT: if subdiv has a border use the following convention.
The class is placed on #nav
if subdiv border larger than 1px - mngiMenu.js is affected and will need modification*/
#nav.subHasBorder div .subdiv {
	border: 1px solid #666;
	border-top: none;
	}

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

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

#nav div .subdiv a:hover {
	background-color: #85b2d7;
	color: #fff;
	}



/*------------------------------
Right Nav
--------------------------------*/
/*Right Nav Wrapper*/
#nav #rightNav {
	margin-right: 10px;
	float: none;
	}

/*Main Items*/
#nav #rightNav div {
	float: right;
	}

#nav #rightNav div div {
	float: none;
	}

/*Main Links*/
#nav #rightNav div a {
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2008/0623/20080623_095119_tabR-stack-rnav.gif) right top no-repeat;
	color: #fff;
	float: left;
	}

#nav #rightNav div a span {
	background: transparent url(http://extras.mnginteractive.com/live/media/site570/2008/0623/20080623_095051_tabL-stack-rnav.gif) 0 0 no-repeat;
	color: #fff;
	}





#nav #rightNav div.first .subdiv {
	margin-left: 1px; /*compensation for the extra pixel in left graphic of rightnav (TABS) */
	}

#nav #rightNav div.first a span {
	background-image: url(http://extras.mnginteractive.com/live/media/site577/2008/0317/20080317_014025_tabL-stack-rnav-first.gif);
	}




/*Hover States*/
#nav #rightNav .navHover a {
	color: #436d91;
	}


/*Main Item Hover States*/
#nav #rightNav .navHover a span {
	color: #436d91;
	}

#nav #rightNav .subdiv a,
#nav #rightNav .subdiv a span {
	background-image: none;
	float: none;
	display: block;
	}

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