﻿h1, h2, h3, ol, ul, div, p, td {
	margin: 0px;
	padding: 0px;
	font-family: verdana, geneva, sans-serif;
	/* font-size: 62.5%; */
	font-size: 11px;
	line-height: 15px;
}

p {
	font-family: verdana, geneva, sans-serif;
	font-size: 11px;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

hr
{
	color: #c8443d;
	line-height: 2px;
}

a:focus {
-moz-outline-style: none;
}

a:link, a:hover	{	
	color:	#c8443d;
	}	
		
a:visited, a:active	{	
	color:	#c8443d;
	}	
		
a:active	{	
	color:	#c8443d;
	outline: none;
	}	
		
a:hover	{	
	color:	#c8443d;
	}


h1
{
	color: #ab2727;
	line-height: 130%;
	font-size: 130%;
}

img 
{
	border: none;
	margin: 0px;
}

th
{
	/* background-color: #414141; */
	background-color: #0b6bab;
	color: White;
	text-align: left;
	padding: 2px;
	
}

.clear { clear: both }

/****** Layout *******/

body.pagebody
{
	margin: 0;
	padding: 0;
	min-width: 800px;
	padding-bottom: 30px;
	background: url(/images/bg/page_bg.jpg) repeat-x left top #891010;

	/* color: #000; 
	text-align: center;
	background-color: #DADADA;
	font-family: verdana, geneva, sans-serif;*/
}

#wrapper 
{
	/* background:url(/images/bg/fn_bg.gif) repeat-y;  */
	margin: 0 auto; 
	width: 950px; 
	/* position:relative;
	text-align: center; */
}

.pdf
{
	padding-right: 20px;
	background: url(images/pdf.gif) no-repeat right center;
}

#headerTopBar
{
	height: 18px;
	padding: 3px 10px 3px 3px;
	font-size: 120%;
	color: White;
	font-weight: bold;
	text-align: left;
	background: #c8443d url(images/bg/mainNav_bg.gif) repeat-x left;	
}

#headerMiddle
{
    margin-top: 20px;
	clear: both;
	height: 150px;
	width: 100%;
}

#headerTopBar p
{
	color: White;
	font-family: Arial;
	font-size: medium;
}


 .pageWindow
{
    background: url(/images/bg/pageWindow_cap.jpg) #fff no-repeat left top;
	display: inline-block; /* Give IE6 layout */
	/* background-color: White; 
	border: solid 1px black;  */
	padding: 10px;
	width: 910px; 
	/* margin: 20px 60px 20px 60px; */
}

.pageContent
{
	display: inline-block; /* Give IE6 layout */  
	background-color: #b8b7b7;
	width: 930px;
	padding: 10px;
	overflow: hidden;
}

 #footer
 {
    background: white;
	border-top: solid 2px black;
	/*margin-left: 7px;
	margin-right: 6px;*/
	padding: 5px; 
	height: auto;
	width: 940px;
	overflow: auto;
	clear: both;
	float: none;
	text-align: center;
 }
 
#footer p
{
	color: black; 
	FONT-SIZE: 10px;
}

* html #wrapper ul a
{
	height: 1px;
}

.msgBox
{
	color: #aa2727;
	padding: 2px; 
	width: 500px; 
	border: solid 2px #aa2727;
}

/************* Navigation ********************/

#mainNav
{
	border-top: solid 2px #ab2727;
	background: #ab2727 url(images/bg/mainNav_bg.gif) repeat-x left;
	height: 27px;
	/* float: left; */
	border-bottom: solid 2px gray;
	width: 100%;
}

#mainNav ul
{
	margin-top: 0px;
	margin-bottom: 0px;
	list-style: none;
	padding-top: 6px;
	/*padding-bottom: 5px;
	 display: inline;
	float: left; 
	margin-left: 250px;*/
}

#mainNav li {
	float: left; 
	display: inline;
}

		
#mainNav li a 
{
	/* display: block; */
	font-size: 12px;
	color: White;
	text-decoration: none;
    text-transform: uppercase;	
	padding: 6px 15px 6px 15px;
	font-weight: bold;
	/* float: left;
	 border-right: 1px solid #aa2727; */
	/* background: #c8443d url(images/mainNav_bg.gif) repeat-x left;	*/
}

#mainNav li a:hover {
	/* background: #88100f; */
	background: #0b6bab;
	color: white;
	font-weight: bold;
}

#mainNav li ul
{
    position: absolute;
    left: -999em;
    /* background: #c8443d url(images/mainNav_bg.gif) repeat-x left;; */
    background: #700e0f;
    border-top: solid 3px  #b8b7b7;
    border-bottom: solid 3px  #b8b7b7;
    border-left: solid 3px #b8b7b7;
    border-right: solid 3px  #b8b7b7;
    z-index: 99;
}

#mainNav li:hover ul
{
    left: auto;
    margin-top: -1px;
}

#mainNav #subMenu
{
    margin-top: 5px;
}

#mainNav #subMenu li
{
    float: none;
    text-align: left;
}

#mainNav #subMenu li a
{
    display: block;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 5px 3px 5px;
    width: 140px;
}

#mainNav #subMenu li a:hover {
	/* background: #b3302d; */
	background: #0b6bab;
	color: white;
	font-weight: bold;
}

#mainNav #login
{
	float: right;
	display: block;
	font-size: 100%;
	color: White;
	padding: 0 10px 6px 10px;
	font-weight: bold;
}

#mainNav #login a
{
	color: White;
	text-decoration: none;
	font-style: italic;  
}

#mainNav #login a:hover
{
	text-decoration: underline;
}

/****** sports Navigation Bar *********/

.sports-navbar-wrapper
{
	background: #f4f4f4 url(images/logos/hhslogo2.gif) no-repeat center right;
	border-bottom: solid 1px black;
	height: 50px;
	clear: both;
}

.sports-navbar
{
	padding: 0px 10px 0px 10px;
	/* margin-left: 10px;  
	margin-top: 50px;*/
	clear: both;
}

 .sports-navbar-wrapper h1
 {
	margin-left: 10px;
	padding-top: 8px;
	/* float: left;
	width: 600px; */
 }


/******** Home page *********/

#homePage .sideBar 
{
	float: right;
	width: 300px;
}

#homePage .mainContent 
 {
	float: left;
	width: 620px;
	margin-bottom: 7px;
	padding: 0;  	
	overflow: hidden;
 }

#homePage #topStories
{
    height: 600px;
}

#homePage #topStories .sliderWindow
{
    width: 600px;
    height: 500px;
    margin: 0 auto;
    background: #000; /* corrects IE's ugly display of bold text */
    position: relative;
    z-index: 10;
}



#homePage #topStories .sliderWindow .contentdiv
{
    width:600px;
    height: 490px;
    margin-top: 10px;
}

#homePage #topStories .headline-rotate {
  width: 590px;
  padding: 0px 5px;
  position: relative;
  top: -48px;
  z-index: 12;
  overflow: hidden;
}
 
#homePage #topStories .headline-rotate a.story-title {
  
  font-size: 20px;
  font-weight: bold;  
  line-height: 24px;
  color: #fff;
  text-decoration: none;
  }
 
#homePage #topStories .headline-rotate a.story-title:hover {
  color: #b3302d;
}
 
#homePage #topStories .headline-rotate .story-date {
  line-height: 18px;  
}
 
#homePage #topStories .headline-rotate .story {
  color: #fff;
  line-height: 20px;
}

#homePage #scoreBoardContainer
{
    margin-top: 20px;
}
 
#homePage .scoreBoard
{
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	background: url(images/bg/scoreboard_bg.gif) no-repeat top left;
	height: 130px;
	width: 370px; 	
}

#homePage #scoreBoardContainer #boxScore
{
	/* width: 270px; */
	padding-top: 10px;
	font-size: 11pt;
	width: 360px;
}

#homePage #upComing
{
	float: left;
	width: 100%;
	color: White;
	/* border: solid 1px black;	
	background: white url(images/bg/leaderplayerbg.gif) repeat-x bottom left; */
	background: white url(/images/bg/BoxTop_bg.gif) no-repeat top left;
	display: inline-block;
}

#homePage #latestResults
{
	margin-top: 20px;
}

#homePage #latestResults .teamLogo
{
	width: 95px;
	height: 90px;
    display: inline-block;	
}

#homePage #latestResults .sport
{
    font-size: 14px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-family: Arial;
    margin-top: 5px;
}

#homePage #latestResults .sliderWindow
{
    height: 165px;
    margin: 0 auto;
    background: none;  /* corrects IE's ugly display of bold text */
    position: relative;
    z-index: 10;
    display: inline-block;
}

#homePage #latestResults .contentdiv
{
    width: 285px;
    height: 160px;
    background: url(/images/bg/scoreboard_275_bg.gif) no-repeat;
    color: Black;
    display: inline-block;
}

#homePage #latestResults .scoreContainer
{
     float: left; 
     width: 95px;
}

#homePage #latestResults .teamScoreText
{
    font-weight: bold; 
    text-align: center; 
    overflow: hidden; 
    display: block;
}

#homePage #latestResults .teamScore
{
    padding-top: 3px; 
    text-align: center; 
    font-size: 14pt;
    display: block;
}

#homePage #playerGallery .sliderWindow
{
    background: none;
}

#homePage #playerGallery .contentdiv
{
    color: White;
    z-index: 1;
    width: 100%;
    height: 200px;
    display: inline-block;
    background: none;
}

.boxContent
{
    background: #7c7a7a;
    padding: 7px;
    display: inline-block;
    width: 286px;
}

.boxContainer
{
    float: left;
	width: 100%;
	color: White;
	background: white url(/images/bg/BoxTop_bg.gif) no-repeat top left;
	display: inline-block;
}

.boxHeader
{
 	padding: 8px 0px 4px 10px;
	color: White;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#homePage #upComing h3, #homePage #playerGallery h3, #homePage .LeadersContainer h3
{
	padding: 8px 0px 4px 10px;
	/* background: #c8443d url(images/bg/mainNav_bg.gif) repeat-x left; */
	color: White;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	/* border-bottom: 2px solid gray; */
}

#homePage #playerGallery
{
    display: inline-block;
   	background: white url(/images/bg/BoxTop_bg.gif) no-repeat top left;
	width: 300px;
	/* border: solid 1px black; 
	float: left;*/
	margin-top: 20px;	
}

#homePage .upGame
{
	float: left;
	background-color: White;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 3px;
	border: solid 1px black;
	height: 155px;
	width: 85px;
	padding: 0px 2px 0px 2px;
	display: inline;  /* ie 6 double margin bug fix */
}

.teamLogo
{
	width: 80px;
	height: 85px;
	border: solid 1px black;	
}

.upGame p
{
	text-align: center;
	font-size: 7pt;
	color: black;
	font-weight: bold;
	width: 80px;
	padding: 0px;
	margin: 0px;
}	

#homePage #headlines 
{
    padding: 10px;
}

#homePage #headlines a.story-title
{
    font-size: 12px;
    font-weight: bold;  
    color: #b3302d;
}

#homePage #headlines a.story-title:hover
{
    color: #ffffff;
}

#homePage #headlines .newsListItem
{
	height: 80px;
	color: White; 	
    margin-bottom: 10px;
}

#homePage #headlines .newsListItemStory
{
   	margin-left: 85px;
}

#homePage #headlines .newsListItem img
{
	width: 80px;
	height: 70px;
}

#homePage #results, #homePage #schedule
{
    padding: 10px;
    width: 600px;
}

.sport {
  /* color: #FAB162; 
  color: #ab2727;*/
  color: #0b6bab;
  font-weight: bold;
}

#homePage .resultsListItem
{
    height: 45px;
	color: White; 	
    /* margin-bottom: 5px; */
	overflow: hidden;
	float: left; 
	width: 600px;
}

#homePage .resultsDate
{
    float:left;
    width: 100px;
    line-height: 18px;
}

#homePage .resultsOpponent
{
    float: left;
    width: 250px;
    line-height: 18px;
}

#homePage #resultsScore
{
    float: left;
    width: 100px;
}

#homePage .resultsComment
{
    float: left;
    width: 150px;
}

#homePage .LeadersContainer
{
	/* float: right; 
	border: solid 1px black;*/
	width: 300px;
	margin-top: 20px;
	display: inline-block;   
   	background: white url(/images/bg/BoxTop_bg.gif) no-repeat top left;
}

#homePage .LeadersContainer h3
{
    font-size: 11px;
}

/***** Home Page Main Content Tabs ******/

#mainTabList
{
	height: 27px;
	width: 620px;
	overflow: hidden;
	background: #ab2727 url(images/bg/mainNav_bg.gif) repeat-x left;
	
	/* background: url(images/bg/mainTabBg.gif); 
	background: url(/images/bg/boxTop_bg_623.gif);*/
}

#mainTabList ul
{
	display: inline;
	float: left;
	list-style-type: none;
	/* margin-left: 10px; */
}

#mainTabList li
{
	/*line-height: 20px;
	 height: 20px; */
	float: left;
	text-align: center;
	
}

#mainTabList li a
{
	width: 134px;
	float: left;
	display: block;
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 6px 10px 3px 10px;
	color: White;
	height: 27px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	border-left: solid 1px #ab2727;
	
}

#mainTabList li a.selected{ /*selected main tab style */
	position: relative;
	background: black;
	color: White;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

#mainTabContentContainer
{
	background-color: Black;
	color: white;
	width: 620px;
	height: 600px;
	overflow: auto;
}

 /******************************* Login Page */
 
#loginPage .box
{
	background: white url(images/bg/leaderplayerbg.gif) repeat-x bottom left;
	width: 265px; 
	margin: auto;  
}

.loginControl td
{
	padding-bottom: 4px;
}

.loginInstructions
{
	text-align: left;
}

/*************** Schedule Page *******************/

#schedules h3
{
	 background-color: #ab2727; 
	 color: White;
	 font-size: 120%;
	 padding: 2px;
	 font-weight: bold;
}

#schedules .contentHeader
{
    margin-bottom: 5px;    
}

#schedules .coachBox
{
   width: 140px; 
   margin-bottom: 10px; 
   float: left; 
   text-align: center   
}

#schedules .coachBox img
{
  width: 136px;
  height: 100px;
}

#schedules .resultsBox
{
    float: left; 
    padding-left: 10px;
}
#schedules .schedule-results
{
    width: 400px;
}

#schedules tr.schedule-header th {
  padding-left: 5px;
  text-align: center;
}

#schedules td
{
	 color: Black;
	 padding: 2px;
}


/********************* Game Update *************************/

#gameUpdate #gameInput
{
   padding: 10px;
}

/********************** General ****************************/

.photo img 
{
	border: solid 1px #666;
	background-color: #FFF;
	position: relative;
	top: -5px;
	left: -5px;
}

.scoreBoard #sbFooter
{
	margin: 2px 10px 2px 7px;
	padding: 2px
}

.scoreBoard #boxScore
{
	padding: 5px 0px 5px 0px;
	margin-left: 7px;
	margin-right: 7px;
	border-bottom: solid 1px gray;
	font-family: Arial;
	color: black;
}

.scoreBoard a
{
	margin: 0px 5px 0px 5px;
	font-family: Arial;
}

.scoreBoard th
{
	 text-align: right;
}

.scoreBoard td
{
	text-align: right;
	/* font-weight: bold;
	font-size: 120%; */
}

.scoreBoard td.alignleft, .scoreBoard th.alignleft
{
	text-align: left;
}

.alt
{
	background-color: #ebe8e8;
}

.box 
{
	margin-top: 10px;
	border: solid 1px black;
	background-color: White;
	display: inline-block; /* give IE6 layout */
}

.box p, .box h1, .box h2
{
	padding: 5px;
}

.box h3 {
	/* margin: 1px; */
	padding: 3px;
	background: #c8443d url(images/bg/mainNav_bg.gif) repeat-x left;
	color: White;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 2px solid gray;
}

.box ul {
	margin: 10px;
	padding: 0;
}

.box li {
	margin-left: 1.5em;
}

.box a {
	text-decoration: underline;
	color: #c8443d;
}

.box a:hover 
{
	text-decoration: none;
}

* html .pageWindow
{
	display: inline;
}

* html .box {
	display: inline;  /* double margin bug fix */
}

/****************** Rosters Page ******************/

#rosters h3
{
	 background-color: #c8443d; 
	 color: White;
	 font-size: 120%;
	 padding: 2px;
	 font-weight: bold;
}

#rosters .box
{
	display: block;
}

#rosters .player td
{
	color: Black;
	padding: 4px;
	vertical-align: top;
	/* background: white url(images/bg/leaderplayerbg.gif) repeat-x bottom left; */
}

#rosters .player:hover
{
    cursor: pointer;
    cursor: hand; /* < IE 6 */
}

#rosters th
{
    text-align: left;
}

#playerUpdate td
{
	padding: 5px;
}

#playerUpdate h3
{
    font-size: 9pt;
	font-weight: bold;
	background: #ab2727 url(images/bg/mainNav_bg.gif) repeat-x left;
	color: White;
	text-align: left;
	padding: 2px;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-top: 5px;
}

#playerUpdate span
{
    margin-right: 5px;
}

#playerUpdate table
{
	width: 100%;
}



/************* Player Profile ***************/

#profile #playerTabs
{
	width: 400px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 5px;
	float: left;
}

#profile .tabContent
{
	font-size: 100%;
}

#profile .tabContent td
{
    padding: 4px;
    margin: 2px;
}

#profileBox
{
	background: #c3cfdb url(images/bg/boxbg.gif) repeat-x top left;
	margin-top: 0px;
	width: 910px;
}

#profileBox h3
{
	text-align: center;
} 

#profile #playerInfo #playerPhoto
{
	margin: 10px;
	float: left;
}

#profile #playerPhoto .photo
{
	background: url(images/drop_shadow.gif) right bottom no-repeat;
	float: left;
}

#profile #playerPhoto img
{
	border: solid 1px #666;
	padding: 4px;
	position: relative;
	top: -5px;
	left: -5px;
}

#profile #playerPhoto #caption
{
	text-align: center;
	font-family: Arial;
	font-size: 125%;
	margin-top: 2px;
	margin-bottom: 2px;
	clear: both;
}

#profile #playerTabs .label
{
	text-align: right;
	font-weight: bold;
	width: 100px;
}

#profile .playerStats
{
	clear: both;
	padding: 10px;
	/*margin-left: 10px;
	margin-top: 5px;
	margin-right: 10px;*/
	width: 890px; 
	display: inline-block; /* give IE6 layout */
}

#profile .statTable
{
	margin: 10px;
	font-size: 80%
}

#profile .statTable h3
{
	text-align: left;
}

/* #profile #playerStats .alignleft
{
	text-align: left;
} */

/******************* Links *******************************/

#links .sideBar 
{
	float: right;
	width: 250px;
	margin-right: 50px;
}

#links .mainContent 
 {
	float: left;
	width: 450px;
	margin-left: 50px;
 }

#links .mainContent .box
{
	float: left;
	width: 325px;
	background: white url(images/bg/boxbg.gif) repeat-x top left;	
}

#links .box ul
{
  line-height: 2.2em;
  list-style-type: none;
  margin-left: 0;
}

#links .box li
{
	background: url(images/baseball5.gif) no-repeat left center;
}

#links .box a
{
	margin-left: 30px;
}

/********************* Camps & Tournaments **********************/

#camps p
{
	font-size: 10pt;
}

#camps .pageWindow, #tournaments .pageWindow
{
	margin-left: 70px;
	width: 840px;	
}

#camps img, #tournaments img
{
	width: 230px;
	height: 200px;
}

#tournaments p
{
	margin-top: 10px;
	font-size: 10pt;
}

/***************** News Story Page **************/

#newsStory .story-title
{
  	color: #ab2727;
	font-size: 140%;
	font-weight: bold;
}

#newsStory .story, #newsStory .story-date, #newsStory a
{
    margin-top: 15px;
}

#newsStory .storyImage
{
	width: 500px;
	height: 300px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

/*************** News Listing ****************/

.story-date
{
  font-family: arial;
  font-size: 10px;
  color: #0b6bab;  
}

a.story-title
{
  /* display: block; */
  font-family: arial;
}

.story
{
  font-family: arial;
  font-size: 12px;
}

#newsUpdate #newsInput
{
    padding: 20px;
}

.label
{
	/* width: 100px; */
	text-align: right;
	font-weight: bold;
	/* vertical-align: top; */
}

.formRow
{
    clear: both;
    width: 100%;
    padding: 10px;
    
}

.formCol1
{
    float: left;
    padding-right: 5px;
    width: 110px;
    text-align: right;
}

.formCol2
{
    float: left;
    padding-right: 5px;
    width: 720px;
    text-align: left;
}


/* #newsList .pageWindow
{
	width: 870px;
	padding: 0px;
}
*/

#newsList .newsListItemStory
{
	/* width: 740px; */
	width: 785px;
	color: Black;
	margin-left: 125px;
}

#newsList .newsListItemStory a.story-title
{
    font-size: 130%;
}

#newsList .newsListItem
{
	/* background: #222 url(images/bg/formnavigation_bg.jpg) repeat-x left top; */
	height: 100px;
	color: White; 	
}

#newsList .newsListItem img
{
	width: 120px;
	height: 85px;
}

.newsListItem
{
	overflow: hidden;
	float: left; 
}


.newsListItem img
{
	border: none;
	padding: 5px 0px 5px 0px;
	float: left;
}

/* Contact Us */

/********************* Coaches ***********************/

#coaches .photo
{
	background: url(images/drop_shadow.gif) right bottom no-repeat;
	float: left;
	width: 250;
}

#coaches .coachTitle
{
    color: #ab2727;
    font-size: 140%;
    font-family: Arial;
    font-weight: bold;
}

#coaches .coachListItem
{
    float: left;
    margin-bottom: 20px;
}

#coaches .coachBio
{
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 610px;
    position: relative;
	top: -5px;
	left: -5px;
}

#coaches img
{
	border: solid 1px #666;
	padding: 4px;
	position: relative;
	top: -5px;
	left: -5px;
}

#coachUpdate #coachInput
{
    padding: 20px;
}

/***************** Game Summary *************************/

#gameSummary .scoreBoard
{
	margin-top: 10px;
	background: url(images/bg/scoreboard_bg.jpg) no-repeat top left;
	height: 130px;
	width: 480px; 
}

#gameSummary .scoreBoard #boxScore 
{
	padding-top: 10px;
	/* font-size: 11pt; */
	width: 465px;
}

#gameSummary .scoreBoard a
{
	margin: 0px 10px 0px 10px;
	font-family: Arial;
} 

#gameSummary #playerStats
{
	margin-top: 10px;
	display: inline-block; /* give IE6 layout */
	width: 890px;
}

#gameSummary .statTable
{
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 100%;
}

#gameSummary #playerStats .alignleft
{
	text-align: left;
}

#gameScoreRow
{
    margin: 5px;
}

#gameSummary #gameScoreRow, #gameSummary .teamScore, #gameUpdate #gameScoreRow, #gameUpdate .teamScore
{
	float: left;
}

#gameSummary #homeScore, #gameUpdate #homeScore
{
	margin-left: 20px;
}

#gameSummary #gameScoreRow img, #gameUpdate #gameScoreRow img
{
	float: left;

}

#gameUpdate .teamScoreText
{
	font-size: 110%; 
	font-family: Arial; 
	margin-left: 10px; 
	padding-top: 10px; 
	float: left;
}

#gameSummary .teamScoreText
{
	font-size: 150%; 
	font-family: Arial; 
	margin-left: 10px; 
	padding-top: 10px; 
	float: left;
}

#gameUpdate #gameScoreRow .score
{
	margin-top: 10px;
}

#gameSummary #gameScoreRow .score
{
	margin-left: 30px; 
	margin-top: 10px;
	font-size: 150%;
	font-weight: bold;
}

/* Photos */

#photos .photo
{
	width: 173px;
}

#photos img
{
	width: 160px;
	height: 113px;
}

.album
{
	margin: 10px;
	clear: both;
	float: none;
}

.photo
{
	background: url(images/drop_shadow.gif) right bottom no-repeat;
	float: left;
}

.photo img
{
	border: solid 1px #666;
	padding: 4px;
	position: relative;
	top: -5px;
	left: -5px;
	
}

.albumInfo
{
	width: 420px;
	height: 108px;
	border: solid 1px #c8443d;
	margin-left: 250px;
	background: white url(images/bg/boxbg.gif) repeat-x top left;
	font-family: Arial;
	font-size: 125%;
	padding: 5px;
	position: relative;
	top: -5px;

}

.albumInfo p
{
	margin-top: 20px;
}

.albumInfo h3
{
	font-size: 125%;
	color: #c8443d;
	background-color: Transparent;
}
	
	
/********************** Team Stats ***********************/

#teamStats #glossary
{
	margin-left: 20px;
}

#playerFielding, #totalFielding
{
	width: 400px;
}

.statTable h3
{
	font-size: 9pt;
	font-weight: bold;
	/* font-family: Arial; */
	background: #c8443d url(images/bg/mainNav_bg.gif) repeat-x left;
	color: White;
	text-align: left;
	padding: 2px;
	text-transform: uppercase;
	border: none;
}

#teamStats .statTable
{
	margin-top: 10px;
	margin-bottom: 10px;
	/* padding: 5px 10px 10px 10px; */
}

.statTable tr:hover
{
	background-color: #DADADA;
}

.statTable table
{
	width: 100%;
	border: none;
}

.statTable .alignleft
{
    text-align: left;
}

.statTable th
{
	text-align: right;
}

.statTable td
{
	text-align: right;
	padding: 2px;
}	

.statTable#totalHitting th, .statTable#totalPitching th, .statTable#totalFielding th
{
	text-align: center;
}

.statTable#totalHitting td, .statTable#totalPitching td, .statTable#totalFielding td
{
	text-align: center;
	background-color: White;

}

.statTable#totalHitting tr:hover, .statTable#totalPitching tr:hover
{
	background-color: white;
}

#teamStats .statTable .alignleft
{
	text-align: left;
}

/* Settings Page */

#Settings p
{
	margin-top: 20px;
}



/* opponents */

#opponentUpdate td
{
	padding: 5px;
}

#opponentUpdate table
{
	width: 100%;
}

/* Home Page Leaders */


.leaderSliderWrapper
{
	/* width: 350px; */
	height: 300px;
	z-index: 3;    
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
}

.leaderSliderWrapper .contentdiv
{
	clear: both;
	width: 100%;
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	filter: progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.leaderCategory
{
	padding: 5px 0px 5px 3px;
	background: url(images/bg/formnavigation_bg.jpg) repeat-x left top #222;
	color: white;
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
	text-transform: uppercase;
}

/* #Leaders h3
{
	margin: 1px;
	padding: 3px;
	background: #c8443d url(images/bg/mainNav_bg.gif) repeat-x left;
	color: White;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 2px solid gray;
} */

.LeadersContainer .leaderPlayer
{
	 overflow: auto;
	 clear: both; 
	 padding: 5px 5px 5px 3px; 
	 font-size: 8pt; 
	 /* font-weight: bold; */
	 background: white url(images/bg/leaderplayerbg.gif) repeat-x bottom left;
	 height: 82px;
}

.leaderPlayer img
{
	float: left;
	width: 100px;
	height: 82px;
	border: none;
}

.leaderName
{
	padding-left: 5px;
	color: #ab2727;
	font-weight: bold; 
	width: 150px;
	overflow: auto;
}

.leaderName a
{
	text-decoration: none;
}

.leaderValue
{
	width: 50px; 
	height: 30px;
	padding: 10px 0px 0px 0px;
	margin-left: 40px;
	margin-top: 10px;
	text-align: center;
	color: White;
	border-top: solid 1px #aa2727;
	/* background: #c8443d url(images/bg/mainNav_bg.gif) repeat-x bottom left; */
	background: #ab2727;
	font-size: 9pt;
	font-weight: bold;
}




/* Tabs */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 11px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 10px 3px 10px;
margin: 0px;
color: White;
/* background: #898787; */
background: #222222;
height: 27px;
}

.shadetabs li a:visited{
/* color: #2d2b2b; */
}

.shadetabs li a:hover{
/* text-decoration: underline; */
background-color: #414141;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
background: #414141;
text-decoration: none;
/* top: 1px; */
}

.shadetabs li a.selected{ /*selected main tab style */
/* background-image: url(images/shadeactive.gif);
border-bottom-color: white; 
border-bottom-color: #222222;
background: #414141;*/
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}





/*----------------------------------------------------------------------*/

/* content Slider */

.sliderWindow
{
	background-color: #000; /* corrects IE's ugly display of bold text */
}

.contentdiv
{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0; 
	top: 0;  
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
    background-color: #000000; /* corrects IE's ugly display of bold text */
    color: #fff;
}
 

.pngBox {
  width: 600px;
  height: 81px;
  background: url(/images/bg/rotator_png.png) no-repeat left bottom;
  position: absolute;
  left: 0;
  top: 319px;
  z-index: 11;
}

.pagination
{
	padding: 5px 3px;
	clear: both;
	background: #222222 url(images/bg/formnavigation_bg.jpg) repeat-x left top ;
	color: white;
	font-size: 7pt;
	text-align: center;
	
}

.pagination a
{
	padding: 1px;
	text-decoration: none; 
	/* color: #00007D; */
	color: White;
	font-weight: bold;
}

.pagination a:hover, .pagination a.selected
{
	color: #0b6bab;
}

.pagination a.toc img 
{
	padding: 1px; 
	text-decoration: none; 
	border: 1px solid transparent; 
	background-color: #777; 
	opacity: .66; 
	filter: alpha(opacity=66);
}

.pagination a img:hover, .pagination a.selected img 
{
	/* border: 1px solid #c8443d; */
	border-color: White;
	opacity: 1.00; 
	filter: alpha(opacity=100);
}

.sliderNavigation 
{
  background: #222222 url(images/bg/formnavigation_bg.jpg) repeat-x left top;
  width: 600px;
  height: 86px;
  margin: 0 auto;
  overflow: hidden;
  padding: 5px;
}
 
.sliderThumbnail {
  width: 116px;
  height: 78px;
  float: left;
  margin-right: 4px;
  margin-top: 4px;
  overflow: hidden;
}
 
.sliderThumbnail img{
  filter: alpha(opacity=30);
  -moz-opacity: .3;
  opacity: .3;
  width: 112px;
  height: 76px;
  border: solid 2px transparent;

}
 
.sliderNavigation a img:hover, .sliderNavigation a.selected img 
{
	/* border: 1px solid #c8443d; */
	border: solid 2px White;
	opacity: 1.00; 
	filter: alpha(opacity=100);
}

#navbar-buttons-rcol 
{
  margin-top: 10px;
  width: 282px;
  height: 20px;
  padding: 6px 9px 5px;
  background: url(/images/bg/follow_us.jpg) no-repeat left top;
  overflow: hidden;
}

#navbar-buttons-rcol a img {
  float: right;
  /* margin-left: 20px; */
  margin-right: 95px;
}






/*---------------- out of date -------------------------*/

.dateline
{
	/*font-weight: bold;
	 color: black; */
	margin-top: 2px;
	font-family: Arial;
}

.headline
{
	color: #c8443d;
	font-size: 100%;
	font-weight: bold;
	/* padding: 2px 0px; */
	text-transform: uppercase;
}

.newsLead
{
	margin: 5px 0 0 5px;
	font-size: 8pt;
}

.playerListImage
{
    float: left; 
    width: 50px; 
    height: 50px;
    padding: 5px;
}

.playerListItem
{
    clear: both;
    width: 100%; 
    height: 60px; 
}

.playerListItem:hover
{
    cursor: pointer;
    cursor: hand; /* < IE 6 */
}

.playerListText
{
    padding-top: 5px;
    float: left; 
    font-size: 10px; 
    font-family: Arial;
    width: 100px;
}

.loading
{
    background: url('/images/spinner.gif') no-repeat center;
}

 /* .pageHeader
 {
	background: #f4f4f4 url(images/logos/hhslogo2.gif) no-repeat center right;
	border-bottom: solid 1px black;
	padding: 0px 10px 0px 10px;
	height: 55px;
	clear: both;
 }
 
 .pageHeader img
 {
	 float: left;
 }
 
 .pageHeader h1
 {
	float: left;
	margin-left: 10px;
	padding-top: 8px;
	/* width: 600px; 
 } */

