@charset "utf-8";
/* CSS Document */

/* BASE */

* { margin: 0; padding: 0; }

body { font: normal x-small/135% verdana, arial, sans-serif; background-color: #7d7d7d; }

h1 { font-size: 1.8em; font-weight: bold; color: #636363; line-height: 125%; padding-bottom: 10px; }
h2 { font-size: 1.6em; font-weight: bold; color: #636363; line-height: 125%; padding-bottom: 10px; }
	h2 a { text-decoration: none; color: #2776d8; }
    h2 a:hover { text-decoration: underline; }
	
h3 { font-size: 1.4em; font-weight: bold; color: #000; padding-bottom: 10px; }
	h3 a { text-decoration: none; color: #2776d8; }
    h3 a:hover { text-decoration: underline; }
	
h4 { font-size: 1.2em; font-weight: bold; color: #000; line-height: 125%; padding-bottom: 8px; }
	h4 a { text-decoration: none; color: #2776d8; }
    h4 a:hover { text-decoration: underline; }
	
h5 { font-size: 1.0em; font-weight: bold; color: #000; line-height: 125%; padding-bottom: 8px; }
    h5 a { text-decoration: none; color: #2776d8; }
    h5 a:hover { text-decoration: underline; }

p { margin-bottom: 10px; }
.byline { color: #aaa; }

a { color:#2776d8; text-decoration: underline; }
a:hover { color:#f50; text-decoration: none; }
a:focus { outline: none; }

.smaller { font-size: 82%; }

.author { margin-bottom: 5px; color: #aaa; }

a.more { white-space: nowrap; color: #2776d8; text-decoration: underline; }
	a.more:hover { white-space: nowrap; color: #f50; text-decoration: none; }
	
ul { padding: 0 0 18px 12px; list-style: none; }
	li { padding-bottom: 8px; }
ol { padding: 0 0 18px 12px; }

ul li ul { padding: 10px 0 0 12px; list-style:circle; font-size:.8em; }
ul li ul li { font-size:.8em; }

blockquote { margin: 5px 25px; }

hr { margin: 20px 0; }

.bookmarkTop { width:415px; padding: 5px 8px; background-color:#eee; border: 1px solid #cccccc; }
.bookmarkBot { padding: 5px 8px; background-color:#eee; border: 1px solid #cccccc; }

	
/* GENERAL STRUCTURE */

#pageContainer {
    width: 960px; margin: 0 auto 10px auto;
	background-color: transparent;
}

#colContainer180 {
    width: 180px;
	margin-right: 15px;
	margin-bottom: 15px;
	position: relative;
	float: left;
}
	#white180Top {
		background: url("../images/white-bg-top-180.gif") top left no-repeat;
	}
	
	#white180Bot {
		padding: 10px 10px 15px 10px;
		background: url("../images/white-bg-bot-180.gif") bottom left no-repeat;
	}
		#white180Box li {
			font-size:1.1em;
		}
	
	.clp180Top {
		background: url("../images/white-bg-top-180.gif") top left no-repeat;
	}
	
	.clp180Bot {
		padding: 10px 10px 15px 10px;
		margin-bottom: 15px;
		background: url("../images/white-bg-bot-180.gif") bottom left no-repeat;
	}
		.clp180Bot img { border:none; }
		h4.clp { color:#666; }

#colContainer765 {
	width: 765px;
	float: left;
}

#colContainer765National {
	width: 765px;
	float: left;
	margin-bottom: 15px;
	background: url("../images/nat-bg-mid-765.gif") top left repeat-y;
}
	#national765 {
		background: url("../images/nat-bg-top-765.gif") top left no-repeat;
		padding-top: 10px;
	}
	
	#nationalContent765 {
		background: url("../images/nat-bg-bot-765.gif") bottom left no-repeat;
		padding: 0 15px 15px 15px;
		line-height: 135%;
	}
	
	p.natHeader { margin-bottom: 25px; font-size: 1.3em; text-align: center; }
	p.natHeader strong { color:#636363; }
	
	#colContainer765Main a,
	#colContainer765National a { color:#2776d8; text-decoration: underline; }
	#colContainer765Main a:hover,
	#colContainer765National a:hover { color:#f50; text-decoration: none; }

#colContainer765Main,
#colContainer765Search {
	width: 765px;
	float: left;
	margin-bottom:15px;
	background: url("../images/white-bg-mid-765.gif") top left repeat-y;
}
	#main765,
	#search765 {
		background: url("../images/white-bg-top-765.gif") top left no-repeat;
		padding-top: 10px;
	}
	
	#mainContent765,
	#searchContent765 {
		background: url("../images/white-bg-bot-765.gif") bottom left no-repeat;
		padding: 0 15px 28px 15px;
		line-height: 135%;
	}
		#mainContent765 p { font-size:1.1em; }
		
		#searchContent765 img.logo { float:left; padding:0 20px 10px 0; }
		
		#searchContent765 img.request { float:right; }
		
			.searchListing { width: 99%; border-bottom:1px solid #aaaaaa; margin-bottom:18px; padding-top:20px; }
			.logoContainer { float:left; }
			.dataContainer {  }
			.aboutContainer { clear:both; }

	#mainContent765.home { min-height:985px; }
	*html #mainContent765.home { height:985px; }

#homeImageSearch765 {
	width: 765px;
	height: 300px;
	margin-bottom: 15px;
	background: url("../images/main-bg-img.jpg") top left no-repeat;
}
	#homeImageSearch765 p { color:#ebebeb; font-size: 1.2em; padding: 0 315px 0 270px; line-height:135%; }
	#homeImageSearch765 h1.header { color: #fff200; padding: 7px 310px 10px 15px; font-size: 1.7em; }
	#homeImageSearch765 a.main { color:#49a0eb; }
	#homeImageSearch765 a:hover { color:#f50; }

#homeMainRight,
#homeMainLeft {
	width: 356px;
}

#homeMainLeft {
	margin-right:24px;
}

#homeMainRight {float: right; }
	
	#sponsorBoxes { margin-bottom:15px; }
	.schoolBox { padding: 5px; border:1px solid #ddd; margin-bottom:5px; }
		.schoolBox img { padding: 0 10px 0 0; border:none; }
		.schoolBox p { float:right; margin-bottom:0; }
	
	#articleContainer { }
	.homeArticle { margin-bottom:10px; padding:5px; }
		.homeArticle img.left { float:left; border:1px solid #666; margin:0 10px 10px 0; }
		.homeArticle img.right { float:right; border:1px solid #666; margin:0 0 10px 10px; }
		.homeArticle p { font-size:1.1em; }
		.homeArticle ul { list-style:disc; font-size:1.1em; margin:0 0 0 16px; }



/*  HEADER  */

#siteHeader {
    position: relative; 
	clear: both;
	height: 145px;
	margin-bottom:15px;
	background: url("../images/header-bg.jpg") left top no-repeat;
	border: none;
	line-height: 115%;
}

#siteHeader.search {
    position: relative; 
	clear: both;
	height: 155px;
	margin-bottom:15px;
	background: url("../images/header-bg-search.gif") left top no-repeat;
	border: none;
	line-height: 115%;
}

    strong.logo {
		display: block;
		position: relative;
		background: url("../images/site-logo.gif") top left no-repeat;
	}
	
	strong.logo a {
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		width: 540px;
		height: 65px;
		background: transparent;
		border: none;
	}
	
	p.tagline {
		font-size: 1.2em;
		font-style: italic;
		font-weight: bold;
		padding: 2px 0 0 15px;
		margin: 0px;
	}
	
	h1.siteTitle {
		font-size: 1.3em;
		font-weight:bold;
		text-align:center;
		color:#000;
		padding-top: 14px;
		padding-bottom: 0;
	}
	
	/* Header Navigation */
	
	#nav { padding-top: 19px;  }
	#nav ul { list-style: none; display: inline; padding-top: 16px; margin: 0; }
	#nav ul li { display: inline; padding: 0 20px 0 10px; font-size: 1.3em; font-weight: bold; }
	#nav a { color:#ebebeb; text-decoration: none; }
	#nav a:hover { color:#f50; text-decoration: none; }
	
	
	/* Result Header */
	
	#resultHeader {
		padding: 16px 0 0 0;
		font-size: 1.1em;
		color: #000;
	}
		.resultLeft {
			float: left;
			text-align: left;
			width: 315px;
			padding-left: 10px;
		}
		
		.resultMiddle {
			float: left;
			text-align: center;
			width: 310px;
			padding: 0;
		}
			.resultMiddle a {
				color: #000;
				text-decoration: underline;
			}
			.resultMiddle a:hover {
				color: #f50;
				text-decoration: none;
			}
		
		.resultRight {
			float: right;
			text-align: right;
			width: 315px;
			padding-right: 10px;
		}
			.resultRight a {
				color: #000;
				text-decoration: underline;
			}
			.resultRight a:hover {
				color: #f50;
				text-decoration: none;
			}


/*  SEARCH BOX  */

#searchBox {
	float: right;
	width: 300px;
	height: 300px;
	clear:right;
}
	#searchBox form {
		padding: 10px 25px 3px 25px;
		color: #fff;
	}
		#searchBox form h2 {
			color: #fff;
			font-size:1.5em;
		}
		
		label, select { display: block; width: 200px; }
		label { font-size: 1.1em; font-weight: bold; margin: 0 24px 2px 24px; }
		select { font-size: 1.1em; margin: 0 24px 7px 24px; }
		input.searchButton { 
			margin: 10px 30px 0 30px;
			width: 188px;
			height: 33px;
			border: none;
			color: #fff;
			font-size: 1.4em;
			font-weight: bold;
			cursor: pointer;
			background: url("../images/submit-btn.gif") top left no-repeat;
		}
			input.searchButton:focus { outline:none; }
		


/*  SEARCH RESULTS  */

.resultHeader { font-size:1.1em; margin-bottom:15px; }

.boldedHeader { font-size: 1.2em; font-weight: bold; line-height:135%; margin-bottom:5px; }
.boldedTxt { font-size: 1.1em; }
.boldedLink { font-size: 1.1em; }
.normalHeader { font-size: 1.2em; color:#666; line-height:135%; margin-bottom:5px; }
.normalTxt { font-size: 1.1em; color:#666; }
.normalLink { font-size: 1.1em; }
.sponsorHeader { font-size: 1.4em; font-weight: bold; line-height:135%; margin-bottom:5px; }
.sponsorTxt { font-size: 1.1em; font-weight: normal; }
.sponsorLink { font-size: 1.1em; font-weight: normal; }

.sponsorHeader a, .sponsorTxt a, .sponsorLink a, .boldedHeader a, .boldedTxt a, .boldedLink a, .normalHeader a, .normalTxt a, .normalLink a { color:#2776d8; text-decoration: underline; }
.sponsorHeader a:hover, .sponsorTxt a:hover, .sponsorLink a:hover, .boldedHeader a:hover, .boldedTxt a:hover, .boldedLink a:hover, .normalHeader a:hover, .normalTxt a:hover, .normalLink a:hover { color:#f50; text-decoration: none; }





/*  SECONDARY PAGES  */

#colContainer765SecPage {
	width: 765px;
	float: left;
	margin-bottom:15px;
	background: url("../images/white-bg-mid-765.gif") top left repeat-y;
}
	#secPage765 {
		background: url("../images/sec-page-bg-top.jpg") top left no-repeat;
		padding-top: 10px;
	}
	
	#secPageContent765 {
		background: url("../images/white-bg-bot-765.gif") bottom left no-repeat;
		padding: 0 15px 15px 15px;
		min-height: 861px;
	}
		*html #secPageContent765 { height: 861px; }
		
		#secPageContent765 img.left { float:left; margin:0 10px 10px 0; border:1px solid #666; }
		#secPageContent765 img.right { float:right; margin:0 0 10px 10px; border:1px solid #666; }
		#secPageContent765 p { font-size:1.2em; line-height: 135%; }
		#secPageContent765 ul, #secPageContent765 ol { padding-left: 25px; }
		#secPageContent765 ul li { font-size:1.2em; list-style:disc; }
		#secPageContent765 ol li { font-size:1.2em; }
		#secPageContent765 h3 { line-height: 135%; }

#secPageRight { float:right; width:300px; margin-left:10px; }

#secPageSponsorBox {
	padding:15px;
	clear:both;
}
	#secPageSponsorBox .schoolBox { text-align:center; }
	#secPageSponsorBox .schoolBox img { padding-bottom:5px; }
	
.articleListing { clear:left; padding:5px 0; font-size:.9em; }
	.articleListing img { margin-right:10px; border:1px solid #666; }
		
			
/*  FOOTER  */

#footer { 
	width:960px;
	float:left;
	clear:both; 
}

#footerNavbar { 
	height:52px;
	text-align:center;
	background: url("../images/footer-bg-top.gif") top left no-repeat;
	padding-top:7px;
	line-height: 110%;
}
	
	#footerNavbar ul { list-style:none; padding:0 0 16px 0; }
		#footerNavbar ul li { list-style:none; display:inline; padding: 0 15px; font-size: 1.1em; }
		#footerNavbar a { color:#ebebeb; }
		#footerNavbar a:hover { color:#f50; }
		
#footerContent { color: #000; background: #acacac url("../images/footer-bg-bot.gif") bottom left no-repeat; padding:0 20px 5px 20px; }
	
	#footerContent a { color:#000; }
	#footerContent a:hover { color:#f50; }
	
	p.footerCopyright { 
		text-align:center;
		font-size: 1em;
		height:15px;
		background: url("../images/graphic-monster-company.gif") top right no-repeat;
	}
	

	/* Result Footer */
	
	#resultFooter {
		color: #000;
		font-size: 1.1em;
		height: 25px;
		vertical-align:top;		
	}
		.resultBotLeft {
			float: left;
			text-align: left;
		}
			.resultBotLeft a {
				color: #000;
				text-decoration: underline;
			}
			.resultBotLeft a:hover {
				color: #f50;
				text-decoration: none;
			}
		
		.resultBotRight {
			float: right;
			text-align: right;
		}
			.resultBotRight a {
				color: #000;
				text-decoration: underline;
			}
			.resultBotRight a:hover {
				color: #f50;
				text-decoration: none;
			}