@charset "utf-8";

#pagecontainer {
	margin: 0 auto;
	width: 950px;
}

#header { position: relative; }
	#header h1 { margin: 0; padding: 0; }
	#header #logo { display: block; padding: 5px; }
	
#weather {
	bottom: 10px;
	border-width: 1px;
	overflow: auto;
	position: absolute;
	right: 10px;
	width: 302px; /*change this to 280px when sponsor is in or 120 when sponsor is out*/
}
	#weather .forecast {
		text-align:center;
		float: left;
		margin: 0;
		padding: 0 0 5px 0;
		width: 150px;
	}
	#weather .sponsor {
		float: right;
		margin: 0;
		padding: 0 0 5px 0;
		width: 152px; /*change this to 140px when sponsor is in or 0 when sponsor is out*/
	}
	#weather .title {
		font-size: 75%;
		display: block;
		margin-bottom: 5px;
		padding: 2px 0;
	}
	#weather .forecast .title { padding-left: 8px; }
	#weather .sponsor .title { padding-right: 8px; }
	#weather .icon {
		float: left;
		margin-left: 6px;
	}
		#weather .icon img { border-width: 1px; }
	#weather .current {
		display: block;
		margin: 0 0 0 70px;
		padding: 10px 0 0 0;
	}
	#weather .longterm {
		clear: both;
		display: block;
		margin-left: 8px;
	}

#sitenav {
	float: left;
	margin: 0;
	padding: 0;
	width: 950px;
}
	#sitenav li {
		float: left;
		margin: 0;
		padding: 5px 0;
		width: 105px;
	}
	#sitenav a {
		border-width: 0 0 0 1px;
		display: block;
		width: 105px;
	}
	#sitenav li:first-child a { border-width: 0; }
	/* level 2 */
	#sitenav ul {
		border-width: 1px;
		left: -999em;
		margin: 0.3em 0;
		padding: 0;
		position: absolute;
		width: 150px;
	}
	#sitenav li:hover ul, #sitenav li.sfhover ul { left: auto; }
	#sitenav ul li {
		float: none;
		margin: 0.6em 0;
		padding: 0;
		width: 150px;
	}
	#sitenav ul a {
		border-width: 0;
		padding: 1px 8px;
		width: 134px;
	}
	/* level 3 */
	#sitenav ul ul {
		margin: -1.6em 0 0 134px;
	}
	#sitenav li:hover ul ul, #sitenav li.sfhover ul ul {
		left: -999em;
	}
	#sitenav ul li:hover ul, #sitenav ul li.sfhover ul {
		left: auto;
	}
	
#content {
	clear: both;
	float: left;
	margin-top: 10px;
	padding: 10px 0 50px 0;
	width: 950px;
}

/* -- PRIMARY COLUMN ITEMS -- */
#primary {
	float: left;
	margin-left: 220px;
	padding: 0 10px;
	width: 530px;
}
	#primary .banner {
		margin: 1px -9px 0;
	}
	#primary .articleinfo {
		margin-top: -1em;
	}
	#primary .contentitems {
		border-width: 1px 0 0 0;
		float: left;
		padding: 15px 0;
		width: 100%;
	}
		#primary .contentitems .col1 { float: left; width: 49%; }
		#primary .contentitems .col2 { float: right; width: 49%; }

		#primary .contentitem { margin-bottom: 15px; }
		#primary .contentitem h3 {
			border-width: 1px;
			margin: 0;
			padding: 8px 9px 4px 9px;
		}
		#primary .contentitem ul {
			margin: 0;
			padding: 0;
		}
		#primary .contentitem li {
			border-width: 0 1px 1px 1px;
			margin: 0;
			padding: 5px 5px 5px 25px;
		}
	#primary .badges {
		clear: both;
		overflow: hidden;
		margin: 0 -10px;
	}
		#primary .badges img {
			float: left;
			margin: 10px 19px;
		}
.twocol #primary {
	margin-left: 220px;
	width: 700px;
}
.threecol #primary {
	margin-left: 220px;
	width: 530px;
}

/* -- SECONDARY COLUMN ITEMS -- */
#secondary {
	float: left;
	margin-left: -760px;
	width: 200px;
}
	#secondary .contentitem {
		margin: 0 0 10px 0;
	}
.twocol #secondary {
	margin-left: -930px;
	width: 200px;
}
.threecol #secondary {
	margin-left: -760px;
	width: 200px;
}

#soundoff {}
	#soundoff h3, #soundoff h4, #soundoff p { margin: 0 5px; }
	#soundoff h3 {
		padding-top: 5px;
	}
	#soundoff .sponsor {}
		#soundoff .sponsor span {
			float: left;
			width: 50px;
		}
	#soundoff ol {
		margin: 0 1px;
	}
	#soundoff li {
		padding: 2px 5px;
	}
	#soundoff fieldset { margin: 0; }
	#soundoff .buttonset {}
		#soundoff .buttonset button {
			display: block;
			margin: 1px auto;		
		}

/* -- TERTIARY COLUMN ITEMS -- */
#tertiary {
	float: left;
	margin-left: 10px;
	width: 160px;
}
	#tertiary .contentitem {
		margin: 0 0 10px 0;
	}
.twocol #tertiary {
	display: none;
}
.threecol #tertiary {
	margin-left: 10px;
	width: 160px;
}

/* -- FOOTER -- */
#footer {
	clear: both;
	margin-bottom: 25px;
}

/* -- SEARCH --*/
#searchpage {
	float: left;
	margin-left: 220px;
	padding: 0 10px;
	width: 530px;
	background-color:#FFFFFF
}