/* ---------- end MASTHEAD */
.nav1,
.nav1 * {
	margin:0;
	padding:0;
}
.nav1 {
	width: 940px;
	line-height:1.0;
	height: 58px;
	float: left;
	position:relative;
	z-index: 1;
	font: normal 1.1em georgia,serif;
	text-transform: uppercase;
	background: url(http://media.bellinghamherald.com/static/images/nav1Bg.gif) repeat-x left bottom;
	padding: 0 10px;
	}

.nav1 ul {
	background: #013b61; /*IE6 needs this*/
	float: left;
	position:relative;
	width: 960px;
	}

.nav1 li {
	float: left;
	list-style:none;
	z-index:999;
	background: transparent url(http://media.bellinghamherald.com/static/images/tabs.gif) right -50px no-repeat;
	margin: 0 1px 0 0;
	}

.nav1 li.current ul {
	z-index: 999;
}
.nav1 li.sfHover ul,
ul.nav1 li:hover ul {
	z-index: 1000;
}

.nav1 a {
	color: #444;
	display: block;
	float: left;
	padding: 9px 0 0 7px;
	margin-right: 8px;
	display: inline;
	text-decoration:none;
	width: auto;
	background: transparent url(http://media.bellinghamherald.com/static/images/tabs.gif) left -50px no-repeat;
}

.nav1 li ul {
	left:0;
	top:-999em;
	position:absolute;
}


/* --- links: default --- */

.nav1 a,
.nav1 a:focus,
.nav1 a:hover,
.nav1 a:active {
	height: 19px;
	background-color: transparent;
	color: #444;
	}


/*--- li hover (default) --- */

/*--- SUBnav1IGATION (default) --- */


/* 2nd level : links */
.nav1 li li,
.nav1 li li a {
	background: none;
	padding: 4px;
	margin-right: 0px;
	}

.nav1 li li {
	display: inline;
	height: 20px !important;
	padding-right: 0;
	padding-left: 0;
	margin: 0 5px;
	}

/* assigned dynamically from js file - style as needed */
.nav1 li li.firstSubItem {
	}

/* 2nd level : default link hover */
.nav1 li:hover li a {
	color: #fff;
	}

.nav1 li li:hover a,
.nav1 li li a:hover {
	text-decoration: underline;
	}



/*--- li current : currently selected item (see html) --- */

/* top level */
.nav1 li.current,
.nav1 li.current:hover,
.nav1 li.current.sfHover,
.nav1 li.current.sfHover:hover {
	background-position: right 0;
	}

.nav1 li.current a,
.nav1 li.current:hover a,
.nav1 li.current.sfHover a,
.nav1 li.current.sfHover:hover a {
	background-position: 0 0;
	font-weight: bold;
	color: #fff;
	}

.nav1 li.current a,
.nav1 li.current:hover a {
	color: #fff;
	}


/*--- current tab, but not active (class name changed dynamically) --- */

.nav1 li.currentOff {
	border-bottom: 1px solid #666;
	}

.nav1 li.currentOff a:hover,
.nav1 li.currentOff a {
	color: #aac1cf;
	height: 18px;
	}

/* hover */
.nav1 li.current:hover li a {
	color: #fff;
	}

/* 2nd level : inherited current status */
.nav1 li.current li a,
.nav1 li.current:hover li a,
.nav1 li.current.sfHover li a,
.nav1 li.current.sfHover:hover li a {
	color: #fff;
	height: auto;
	font-weight: normal;
	}

/* 2nd level : declared current status */
.nav1 li li.current a,
.nav1 li li.current a:hover,
.nav1 li.current:hover li.current a,
.nav1 li.current li.current a:hover,
.nav1 li.current.sfHover li.current a {
	font-weight: bold;
	}

/* 2nd level - selected (declared) hover */
.nav1 li.current li:hover a {
	color: #fff;
	}

/* 2nd level - selected (declared) hover */
.nav1 li li.current:hover a {
	text-decoration:underline;
	}


/*--- li hover (dynamically added to html) --- */

/* top level */
.nav1 li:hover,
.nav1 li.sfHover:hover,
.nav1 li.sfHover {
	background-position: right 0;
	}

/*.nav1 li:hover a,*/
.nav1 li:hover a,
.nav1 li.sfHover a,
.nav1 li.sfHover a:focus,
.nav1 li.sfHover a:hover,
.nav1 li.sfHover a:active,
.nav1 li.sfHover:hover a {
	background-position: left 0;
	color: #fff;
	}


/* 2nd level : inherited hover status */

.nav1 li.sfHover li a,
.nav1 li.sfHover li a:focus,
.nav1 li.sfHover li a:hover,
.nav1 li.sfHover li a:active,
.nav1 li.sfHover:hover li a {
	color: #fff;
	height: auto;
	background-image: none;
	}

/* 2nd level - selected (declared) hover */
.nav1 li.sfHover li a:hover,
.nav1 li.sfHover li:hover a {
	text-decoration: underline;
	background-image: none;
	}

.nav1 li.sfHover li.current a  {
	}

.nav1 li.sfHover li.current a:hover,
.nav1 li.sfHover li.current:hover a {
	text-decoration: none;
	}

.nav1 li:hover ul, /* pure CSS hover is removed below */
body .nav1 li.current ul, /* this must be more specific than the .superfish override below */
ul.nav1 li.sfHover ul,
ul.nav1 li.sfHover2 ul {
	top: 28px;
	height: 30px;
}

.nav1 li:hover li ul,
.nav1 li.sfHover li ul {
	top:-999em;
}
.nav1 li li:hover ul, /* pure CSS hover is removed below */
ul.nav1 li li.sfHover ul,
ul.nav1 li li.sfHover2 ul {
	top: 28px;
}

/* adding the following to support current tab highlighting */
.nav1igation_current{

}



/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

.classnav1 {
	}

.nav1 li.classnav1 {
	float: right;
	}

.nav1 .classnav1 a {
	}

.nav1 .classnav1 a {
	color: #250;
	}


/*--- li hover (dynamically added to html) --- */

/* top level */
.nav1 li.classnav1:hover, li#placeanad,
.nav1 li.sfHover2:hover,
.nav1 li.sfHover2 {
	background-position: right -100px;
	}

/*.nav1 li:hover a,*/
.nav1 li.classnav1:hover a, li#placeanad a,
.nav1 li.sfHover2 a,
.nav1 li.sfHover2 a:focus,
.nav1 li.sfHover2 a:hover,
.nav1 li.sfHover2 a:active,
.nav1 li.sfHover2:hover a {
	background-position: left -100px;
	}

.nav1 .classnav1 ul {
	background-color: #d8d9da;
	}

.nav1 li.classnav1 li,
.nav1 li.classnav1 li a {
	background: none;
	clear: none;
	width: auto;
	display: inline;
	}

.nav1 li.classnav1 li {
	float: right;
	}

.nav1 li.classnav1 li a {
	float: left;
	}

/*.nav1 li:hover a,*/
.nav1 li.classnav1:hover a,
.nav1 li.sfHover2 a,
.nav1 li.sfHover2 a:focus,
.nav1 li.sfHover2 a:hover,
.nav1 li.sfHover2 a:active,
.nav1 li.sfHover2:hover a {
	color: #250;
	}

.nav1 li.classnav1 ul {
	float: right;
	}

.nav1 li.classnav1:hover li a,
.nav1 li.sfHover2 li a,
.nav1 li.sfHover2 li a:focus,
.nav1 li.sfHover2 li a:hover,
.nav1 li.sfHover2 li a:active,
.nav1 li.sfHover2:hover li a {
	color: #250;
	height: auto;
	}
	
/* CLASSIFIED STYLES */


/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

.classNav1 {
	}

.nav1 li.classNav1 {
	float: right;
	}

.nav1 .classNav1 a {
	}

.nav1 .classNav1 a {
	color: #250;
	}


/*--- li hover (dynamically added to html) --- */

/* top level */
.nav1 li.classNav1:hover, li#placeanad,
.nav1 li.sfHover2:hover,
.nav1 li.sfHover2 {
	background-position: right -100px;
	}

/*.nav li:hover a,*/
.nav1 li.classNav1:hover a, li#placeanad a,
.nav1 li.sfHover2 a,
.nav1 li.sfHover2 a:focus,
.nav1 li.sfHover2 a:hover,
.nav1 li.sfHover2 a:active,
.nav1 li.sfHover2:hover a {
	background-position: left -100px;
	}

.nav1 .classNav1 ul {
	background-color: #d8d9da;
	}

.nav1 li.classNav1 li,
.nav1 li.classNav1 li a {
	background: none;
	clear: none;
	width: auto;
	display: inline;
	}

.nav1 li.classNav1 li {
	float: right;
	}

.nav1 li.classNav1 li a {
	float: left;
	}

/*.nav li:hover a,*/
.nav1 li.classNav1:hover a,
.nav1 li.sfHover2 a,
.nav1 li.sfHover2 a:focus,
.nav1 li.sfHover2 a:hover,
.nav1 li.sfHover2 a:active,
.nav1 li.sfHover2:hover a {
	color: #250;
	}

.nav1 li.classNav ul {
	float: right;
	}

.nav1 li.classNav:hover li a,
.nav1 li.sfHover2 li a,
.nav1 li.sfHover2 li a:focus,
.nav1 li.sfHover2 li a:hover,
.nav1 li.sfHover2 li a:active,
.nav1 li.sfHover2:hover li a {
	color: #250;
	height: auto;
	}

	
/* LINK STYLES */
		
						a { 
							color: #013B61;
							text-decoration: none; 
						}

				                
						a:hover { 
							color: #013b61; text-decoration: underline; 
						}
					/* ---------- MASTHEAD */

					#masthead_wf1 {
						background-color: #fff;
						position: relative;
						width:960px;
						height: 1%;
						}

					#mastBanner {
						#background-color: #E9E9E9;
						text-align: center;
						padding: 10px 0;
						width:960px;
						}

					#mastBanner .advertisement {
						margin: 0 auto;
						height: 90px;
						width: 728px;
						display: block;
						}

					#headerbar {
						background-color: #444;
						font: normal .9em verdana, arial, helvetica, sans-serif;
						text-transform: uppercase;
						color: #fff;
						float: left;
						width: 100%;
						padding: 5px 0;
						}

					#headerbar a {
						color: #fff;
						}

					#headerbar a:hover {
						text-decoration: none;
						color: #ccc;
						}

					#headerlinks {
						float: left;
						}

					#headerlinks a {
						padding: 0 5px;
						font-size:10px;
						text-decoration:none;
						}

					#insite {
						float: right;
						}

					#insite a {
						padding: 0 8px;
						}

					#mastLogo {
						float: left;
						margin: 15px;
						display: inline;
						width: 332px;
						height: 69px;
						}

					/* - Weather & Traffic */
					#wt_wrapper {
						float: left;
						margin: 20px 10px 12px 60px;
						display: inline;
						font-family: verdana, serif;
						color: #444;
						/*width: 260px;*/
						line-height: 1.6em;
						}

					#wt_wrapper  ul.ui-tabs-nav1 {
						display: none;
						}

					#wt_wrapper .ui-tabs-panel {
						padding: 5px;
						border: none;
						}

					#mi_weatherIcon {
						padding-right: 10px;
						float: left;
						}

					#mi_weatherCurrent {
						padding-right: 10px;
						float: left;
						}

					#mi_weatherForcast {
						float: left;
						}

					.miWlocation {
						font-size: 1.1em;
						color: #e90;
						}

					.miWlocation a {
						color: #e90;
						}

					.miWlink {
						text-transform: lowercase;
						}

					.miWcurrent {
						font-size: 1.1em;
						}

					.miWcurrentData {
						font-weight: bold;
						}

					.miWtext {
						font-weight: bold;
						font-size: 1.2em;
						color: #444;
						}

					.miWtext a {
						color: #444;
						}

					.miWlow,
					.miWhi {
						font-size: 1.1em;
						white-space: nowrap;
						text-align: right;
						}

					.miWlow span,
					.miWhi span {
						font-weight: bold;
						}
					/* - END Weather & Traffic */


					#mastAd {
						padding: 10px;
						background: #e9e9e9;
						float: right;
						margin: 12px 8px;
						display: inline;
						}

					#mastAd .advertisement {
						width: 146px;
						height: 60px;
						}