/*******************************************************************************
*                                                                              *
*  Web    :  http://www.pixelpowerhaus.net                                     *
*  E-mail :  info (at) pixelpowerhaus (dot) (net)                              *
*                                                                              *
*  Copyright (c) 2008 Pixel Power Haus. All Rights Reserved.                   *
*                                                                              *
*******************************************************************************/


/***************
	span styles
		***************/
.text_headline	{font-size: 1.5em; font-weight: bold;}
.text_copy	{font-size: 1em;}
.text_small	{font-size: .8em;}
.bold,h1,h2,h3,h4,h5,h6	{font-weight: bold;}
.underline	{text-decoration: underline;}
.align_center, .center, .centered	{text-align: center;}
.align_left	{text-align: left;}
.align_right	{text-align: right;}
.clear	{clear: both;}
h1	{font-size: 3em;}
h2	{font-size: 1.23em;}
h3	{font-size: 1.08em;}
a:link,a:visited,a:hover {color: #00c;border: none;}
p {margin-bottom: 1em;}
.bg_red	{background: #ab2223; color: #fff;}
.bg_lblue	{background: #98abba; color: #000;}
.bg_dblue	{background: #669; color: #fff;}

/***************
	"column" settings
		***************/

body	{background: #000000;/***************
	was #98abba;
		***************/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76.1%;
}
#wrapper	{width: 890px;
	position: relative;
	margin: 0 auto;
	padding: 8px 0;
}

#header	{margin: 0px auto 3px auto;
}
#cont_left	{width: 150px;
	float: left;
	background: #fff;
	position: relative;
}

#cont_middle	{width: 530px;
	margin-left: 150px;
	background: #fff;
}

#cont_right	{width: 200px;
background: #fff;
	float: right;
}
#cont_both	{width: 540px;
	float: right;
	background: #fff;
}

#footer	{clear: both;
	padding-top: 10px;
	text-align: center;
	color: white;
	font-size: .8em;
	line-height: 1.2em;
}
a img	{border: none;
}

.img_block_center	{display: block;
	margin: 0px auto;
}
.full_length	{height: 700px;
}
.ad_spacer	{margin: 10px auto;
	text-align: center;
}
.white_bg	{background: #fff;
}
.spec_page	{background: #fff;
	padding: 4px;
	margin: 0 auto;
}
.separator_bg	{background: url('http://www.hdnews.net/images/hdn_v2/separator.gif') repeat-x;
	width: 100%;
	height: 2px;
	margin: 2px auto;
	padding: 0px;
}
.separator_red	{background: #ff0000;
	width: 100%;
	height: 10px;
	padding: 0px;
	margin: 0px;
}
.separator_blue	{background: #1e02d2;
	width: 100%;
	height: 10px;
	padding: 0px;
	margin: 0px;
}
.separator_white	{background: #fff;
	width: 100%;
	height: 10px;
	padding: 0px;
	margin: 0px;
}
#weather_frame	{width: 540px;
	margin: 0px;
	padding: 0px;
	border: none;
	height: 1400px;
	float: right;
	background: url('http://www.hdnews.net/images/hdn_v2/main/weather_wait.gif') no-repeat top left #98abba;
}
#weather_desc_frame	{width: 250px;
	height: 315px;
	overflow: hidden;
	margin: 0px 0px;
	padding: 0px;
	background: #98abba;
}
#pdf_archive	{width: 540px;
	margin: 0px;
	padding: 0px;
	border: none;
	height: 1400px;
	overflow: auto;
	float: right;
}
/***************
	#cont_left settings
		***************/
#nav_left	{width: 250px;
	margin-top: 5px;
	position: relative;
	z-index: 2;
}
#nav_wrapper {position: relative;
	margin: 0px;
	padding: 0px;
}

#nav_left1	{width: 126px;
	float: left;
	z-index: 2;
}
#nav_left1 img	{margin: 3px 0px 0px 0px;
	padding: 0px;
}
#nav_left2	{width: 120px;
	float: right;
	background: #fff;
	position: relative;
	z-index: 2;
	margin-top: 3px;
}
#nav_left .separator_white	{width: 120px;
	height: 4px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#categories_menu	{background: #ab2223;
	border: 4px solid #fff;
	height: 242px;
	padding-bottom: 5px;
	position: relative;
	z-index: 2;
}
#categories_menu a:link, #categories_menu a:hover, #categories_menu a:visited	{font-weight: bold; color: #fff; font-size: .8em; text-decoration: none;}
#categories_menu a	{margin: 0px;
	padding: 4px 3px;
	display: block;
	border-bottom: 1px solid #fff;
}
#categories_menu a:hover	{background: #fff;
	color: #ab2223;
}
#categories_menu p	{display: inline;
}
#nav_left1 form	{display: inline;
}
#searchbox	{margin-top: 2px;
}
#searchbox input	{border: none;
	padding: 0px;
	margin: 0px;
}
#searchbox #searchInput	{width: 120px;
	font-size: 1em;
	border-bottom: #98abba 2px solid;
	padding: 0px 3px;
}
#searchbox #Submit1	{text-align: center;
	display: block;
}
#searchbox img	{margin: 0;
	padding: 0;
}
#photos_week	{display: block;
}
.dyncontent	{background: #000;
}
.dyncontent img	{margin: 0px auto;
	padding: 0px;
	text-align: center;
	display: block;
	/* CSS max height/width stuff, replaced w/ javascript*/
	max-width: 250px;
	max-height: 200px;
	/*height: expression(this.scrollHeight >= 200? "200px" : "auto" ); */
	height: expression(this.height >= this.width && this.height > 200 ? 200 : true);
	width: expression(this.height < this.width && this.width > 250 ? 250 : true);
} 
.weekly_photo_img	{height: 200px;
	width: 250px;
	background: #000;
	}
.imageCaption	{background: #fff;
	font-size: .8em;
	padding: 3px 4px;
	margin: 0px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
#front_vid	{margin: 10px auto;
	text-align: right;
	clear: both;
}
#front_vid object	{width: 250px;
	border: none;
	padding: 0px;
	margin: 0px;
}
#front_slide	{margin: 10px auto;
	background: #000;
	padding-bottom: 3px;
}
#slide_whole{
	
}
.printfriend	{float: right;
	font-size: .8em;
	padding: 0px 0px 3px 3px;
}
.printfriend a:link, .printfriend a:hover, .printfriend a:visited	{color: blue;
}

/***************
	#cont_middle settings
		***************/

#main_content	{background: #fff;
}
#top_bar	{margin-top: 3px;
	background: #ab2223;
	height: 1em;
	padding: 2px;
	border-bottom: 1px solid #000;
}
#top_bar a	{color: #fff;
	text-decoration: none;
}
#top_bar p	{margin: 0;
	padding: 0;
}
#top_bar_left	{float: left;
	width: 45%;
	text-align: left;
}
#top_bar_right	{float: right;
	width: 45%;
	text-align: right;
}
#top_photo	{display: block;
	margin: 0px auto;
	cursor: pointer;
	/* this doesn't work for some reason - nevermind fixed it w/ JS
	max-width: 332px;
	max-height: 400px;
	height: expression(this.height >= this.width && this.height > 400 ? 400 : true);
	width: expression(this.height < this.width && this.width > 332 ? 332 : true);
	*/
}
.cutline	{font-size: .85em;
	padding: 0px 10px;
	text-align: left
}
.separator	{margin: 2px auto;
	display: block;
}

#main_related_photo	{height: 48px;
	margin: 5px auto 0px auto;
	cursor: pointer;
	padding-bottom: 2px;
}
#spotlight	{padding-bottom: 5px;
	margin-top: 3px;
}
#spotlight_footer	{margin: 4px 0px 2px 0px;
}
#animate{
	/*height:48px;*/
	position: relative;
	z-index: 1;
}

.main_related_slides {
	float: left;
	margin: 0px 6.3px;
	display: none;
	width: 48px;
	height: 48px;
	/*margin-left: 13px;*/
}

.main_related_slides img{
	max-width: 48px;
	max-height: 48px;
	height: expression(this.scrollHeight >= 48? "48px" : "auto" ); /* IE6 bs */
}

div.main_related_slides	{background: #000;
	height: 45px;
	margin: 0px;
	padding: 0px;
	display: none;
}
#animate img	{background: #000;
}
.arrow_left	{
	float: left;
	position: relative;
	margin-right: 6px;
}
.arrow_right	{
	float: right;
	position: relative;
	margin-left: 6px;
}
#top_story_heading	{margin: 0px;
	float: right;
}
#main_story	{height: 300px;
	overflow: auto;
	color: #000;
	font-size: 1em;
	padding: 5px;
	margin: 5px auto;
}
.story_headline, .story_headline a {font-size: 1.5em;
	font-weight: bold;
	text-align: left;
	color: #ab2223;
	text-decoration: none;
}
.story_byline, .know_headline, .story_byline a, 
.schoolheading, .schoolheading a	{font-size: 3em;
	font-weight: bold;
	text-align: right;
	color: #ab2223;
	text-decoration: none;
	border-bottom: 2px solid #831314;
	margin-bottom: 5px;
}


   /*        _\|/_
             (o o)
     +----oOO-{_}-OOo--------------------------------+
     |                                               |
     |   The following mess I promise I will clean   |
     |           up eventually, some day.            |
     |                Down the road.                 |
     +----------------------------------------------*/

/***************
	spec pages
		***************/

.search_item	{border-bottom: 2px solid #000;
	padding-bottom: 8px;
}


/***** Scoreboard options *****/
#prepwrapper	{margin-top: 0px;
}
#prepwrapper .text	{font-size: .8em;
}
.prepscoreheader	{background: #ab2223;
	padding: 4px;
	color: #fff;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 1.2em;
	font-weight: bold;
}
.prepscoreheader p	{margin: 0px;
	padding: 6px;
}
.prepscoreheader a {color: #fff;
	text-decoration: none;
}
.allprep	{border: solid #000 1px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#header_prep	{width: 175px;
	height: 51px;
	position: relative;
	background: #fff url('http://www.hdnews.net/images/hdn_v2/main/header_blank.gif') no-repeat;
}
.header_prep_title	{position: absolute;
	bottom: 2px;
	right: 8px;
	color: #fff;
	font-size: 34px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.prepscores	{width: 175px;
		padding: 0px;
		padding-right: 0px;
		margin: 0px;
		overflow: auto;
		height: 300px;
		border-top: 2px solid #000;
		background: #fff;
}
.scoreboard	{margin-bottom: 10px;
}
.scoreboard table	{border-bottom: 1px solid #000;
	caption-side: bottom;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	background: #fff;
}
.scoreboard td, .scoreboard th	{
	padding: 1px;
}
.scoreboard th	{font-size: 10px;
		padding: 2px 0px;
		border-left: 1px solid #000;
}
.scoreboard td	{font-size: 9px;
	border-left: 1px solid #666;
	border-top: 1px solid #000;
}
.scoreboard tr:hover	{background: #eee;
}
.scoreboard caption	{font-style: italic;
	padding-top: 6px;
}
.scoreboard .scoresport	{text-align: center;
}
.scoreboard .scorescore	{text-align: center;
}
.scoreboard .scoreloc	{text-align: left;
}
.scoreboard .scoredate	{text-align: center;
}
.scoreboard .scoretop	{text-align: center;
			color: #fff;
			background: #ab2223;
			padding: 3px 0px;
}
.scoreboard .scoreopp	{text-align: left;
}
.menubox {border: 2px solid #000;
		margin-bottom: 4px;
}
.schoolmenu	{width: 190px;
		text-align: center;
		padding: 0px;
		padding-right: 0px;
		margin: 0px;
		overflow: auto;
		height: 200px;
		border: 2px solid #000;
		background: #fff;
		font-size: 1.5em;
		margin-bottom: 4px;
		text-decoration: none;
}
.schoolmenu	a {font-size: 1em; font-weight: bold;
	text-decoration: none;
	color: #9f0110;
}
.vid_list	{width: 175px;
		text-align: center;
		padding: 0px;
		padding-right: 0px;
		margin: 0px;
		overflow: auto;
		height: 700px;
		background: #ccc;
		font-size: 1em;
		margin: 0 auto 4px auto;
		text-decoration: none;
}
#thetable	{width: 190px;
	background: #fff;
	padding-bottom: 4px;
	margin-bottom: 8px;
}
.preptable	{border-collapse: collapse;
		width: 332px;
		margin: 0px auto;
		margin-top: 0px;
		background: #fff;
}
.preptable td, .preptable th	{font-size: 11px;
	text-align: left;
}
.preptable th	{padding: 3px 4px;
}
.preptable td	{padding: 1px 4px;
}
.preptable .scoretop	{color: #fff;
		background: #ab2223;
}
.treven	{background: #fff;
}
.trodd	{background: #ddd;
}
#prepmenu select	{width: 95%;
}
.select_left	{width: 200px;
		font-size: 1em;
		padding-right: 1.5px;
		margin: 0px;
		margin-bottom: 8px;
		border-top: 2px solid #000;
		background: #fff;
}
.select_left select {font-size: 1.5em; font-weight: bold;
	text-decoration: none;
	color: #9f0110;
margin-top: 5px;}

#prepmenu form	{margin: 0px;
}
#prepmenu input	{width: 95%;
		text-align: center;
}
.prepinput	{padding: 4px;
		margin: 0px;
		margin-bottom: 8px;
		background: #6d8fab;
}
.tanbox	{background: #fff2df;
	border: 2px solid #ab2223;
	margin-bottom: 8px;
	text-align: center;
	padding: 0px;
}
.tanbox a	{text-decoration: none;
}
.tanbox p	{margin: 5px 0px;
	padding: 0px;
}
.scoreschool a:visited, .scoreschool a:link, .scoreschool a:hover	{color: blue;
	text-decoration: none;
}
td.spmain	{padding-left: 2px;
}
td.scorescore	{white-space: nowrap;
}

/***** End of Scoreboard stuff *****/

.flagimg	{position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.flag_overlay	{position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}
#flag_div	{width: 250px;
	height: 315px;
	margin-bottom: 5px;
	background: #fff;
}
#flag_ie6	{display: none;
}
#form_archive	{margin-bottom: 10px;
}
#form_archive table	{border-collapse: collapse;
	background: #fff;
	border: 2px solid #fff;
}
#form_archive td	{background: #ebf3f9;
}
#form_archive .archive_head	{background: #ab2223;
	border: 2px solid #fff;
	color: #fff;
	font-weight: bold;
	padding: 4px;
}
.discuss {text-align: right;
	font-size: .95em;
	margin: 0px;
	padding: 0px;
}
.discuss a	{color: blue;
}
#story_share .sharewrap	{float: right;
	width: 30%;
margin: 0;
}
.sharewrap 	{text-align: center;
margin: 0;
}
#var_multi_video, #var_multi_slides	{background: #fff;
	margin: 10px 0;
	padding: 4px;
}
#var_multi_video h3, #var_multi_slides h3	{color: #fff;
	background: #ab2223;
	padding: 2px 4px;
	font-size: 1em;
	text-align: right;
}
#var_multi_video a, #var_multi_slides a	{font-size: .85em;
}
.multimedia_thumb	{width: 90px;
	height: 142px;
	float: left;
	position: relative;
	margin: 0 8px 10px 8px;
	font-size: .95em;
}
.multimedia_thumb img	{width: 75px;
}
.staff_box	{width: 180px;
	height: 142px;
	float: left;
	position: relative;
	margin-bottom: 10px;
	font-size: .95em;
}
.prepsubhead	{background: #ab2223;
	color: #fff;
	width: 175px;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 2px;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
	text-align: center;
}


/***** Start HDNForms stuff *****/
.hdnform	{width: 530px;
}
.hdnform th	{text-align: right;
	width: 50%;
}
.hdnform input[type="text"]	{width: 95%;
}
.hdnform textarea	{width: 95%;
}
.hdnform input[type="submit"]	{margin: 0px auto;
	text-align: center;
	width: 200px;
}
.hdnform, .hdnform th	{font-size: small;
		font-family: helvetica, arial, sans-serif;
}
.hdnform p.tanbox	{padding: 3px;
	margin: 5px auto;
}
/***** End of HDNForms stuff *****/
.society_submit p	{margin-bottom: 10px;
}
#eaglebanner	{background: #2d6bb8;
	padding: 0px;
	width: 728px;
}
#mycapture_page	{float: right;
	width: 610px;
	background: #fff;
	padding: 5px;
}


#div_id{
	text-align:center;
	font-size: 1.5em;
	line-height: 1.8em;
}
.nextClass{
	color:#000;
	text-decoration:underline;
}
.nextClass:hover{
	color:#cc2229;
	text-decoration:overline;
}
.prevClass{
	text-decoration:underline;
}
.prevClass:visited{
	text-decoration:underline;
}
.prevClass:hover{
	color:#cc2229;
	text-decoration:overline;
}
.other_number{
	color:#000;
	text-decoration:underline;
}
.other_number:visited{
	color:#9f1a94;
	text-decoration:underline;
}
.other_number:hover{
	color:#cc2229;
	text-decoration:overline;
}
.number{
	color:#000;
	text-decoration:none;
}
.number:visited{
	color:#000;
	text-decoration:none;
}
.sponsor { color: white; font-size: .9em; font-weight: bold; background-color: #ab2223; text-align: center; width: 180px; margin-top: 8px; padding-top: 3px; padding-bottom: 3px; margin-bottom: 8px; border: solid 2px black; }
.sponsbox { color: black; border-style: solid; text-align: center; width: 200px; border-width: 5px; margin: 2px; padding: 3px; }
.sponsoredschool { font-size: 1.5em;font-weight: bold; color: #ab2223; text-decoration: none; }

#marqueecontainer{
	position: relative;
	width: 175px; /*marquee width */
	height: 250px; /*marquee height */
	background-color: white;
	overflow: hidden;
	border: 3px solid #000;
}
#marqueecontainer p {	padding: 0 2px 0 6px;
}