/* ---------------------------------------------
	Title: Global Stylesheet
----------------------------------------------- */

	
h4 {color:#000000;}
#ahs-lax {
	margin:20px auto 20px auto;
  padding:0px;
  color:#000000;
  font-size: 12px;
width:916px;
text-align:center;
  vertical-align: baseline;
  font-family: Trebuchet MS, Helvetica, san-serif;
  background:#666666 url("../images/bg_page.jpg") repeat-x top left;}
 
#credits {margin:10px 0px 0px 0px; color:#ccc;}

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

#credits strong {color:#fff;}
#credits strong:hover {text-decoration:underline;}

a.active  {color:#fff;}
a.active:hover {text-decoration:underline;}

a {
	outline: none;
	color: #003399;
	text-decoration: none;
}
a:hover{
	color: #003399;
	text-decoration: underline;
}



/*  =layout
 ---------------------------------------------- */
 
 #wrapper {text-align:left;
 			width:916px;
			background:#ffffff;
			padding:10px 10px 10px 10px;
			  height:100%;

			}
 #main-left {text-align:left;
 			width:776px;
			background:#fff;
			padding:0px 0px 0px 0px;
			float:left;

			}
	
	#ads {text-align:center;
 			width:122px;
			background:#fff;
			padding:0px 0px 0px 0px;
			float:right;
			display:block;

	}
	
	
	
	#ads img.ads {margin-bottom:10px; border:1px solid #cccccc; padding:8px 8px 8px 8px;}
	
	#ads p {margin-bottom:10px; border:1px solid #cccccc; padding:4px 8px 4px 8px; font-size:10px; color:#999999;}
 
 .photo {border:2px solid white; margin-top:20px;}
.photo-caption {text-align:left; padding:8px 10px 8px 12px;background:#f0f0f0;font-size:11px;margin:0px;width:150px;line-height:13px;}
.photo-cell {background:#f0f0f0; border:#e0e0e0 1px solid;}
 
#home-bottom {}
#home-bottom td {padding:0px 40px 0px 0px;}
#home-bottom td.pink {background: url(../images/bg_pink-border.gif) 190px 30px  no-repeat;}

a.buy {display:inline; border:#FF0066 solid 1px; background:#FF6699; color:white; font-weight:bold; text-decoration:none; padding:0px 4px 0px 4px; line-height:18px;}


#footer {
	width:896px; 
	margin-top:10px;
padding:10px;
	color:#666; 
	font-size:11px;
	text-align:left;
	background:#e0e0e0;
	float:none;
	clear:both;
	}
	


#footer a {color:#666;text-decoration:none;font-size:12px;}

.noborder {
	border: 0px !important;
}


/*  =header
 ---------------------------------------------- */
#header {background: #DBDBDB;
		width:776px; text-align:left;}
		
		
		
		#top {float:left;font-size:45px; color:#000066; font-weight:bold; margin: 10px 0px 0px 0px; text-transform:uppercase;text-align:left;}
		
#logo {margin:0px; float:left;}

#navbar {border-top:1px #fff solid; 
		background: url(../images/bg_nav.gif) top left repeat-x; 
		width:776px;
		height:35px;}

#navbar ul.nav {
	margin: 0 0 0 0px;
	padding: 0px;
	list-style-type: none;
	z-index: 120;
}

#navbar ul.nav li {
	display:inline;
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	padding:0px;
}

	
#navbar ul.nav a {
	background: url(../images/bg_nav.gif) top left repeat-x; 
	text-decoration: none !important;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	line-height:35px;
	padding:8px 12px 8px 12px;
	border-right:1px solid #fff;
}

#navbar ul.nav a:hover {
	background: url(../images/bg_nav-hover.gif) top left repeat-x;
}

#navbar ul.nav a.on {
	background: url(../images/bg_nav-on.gif) top left repeat-x;
	text-decoration: none !important;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	line-height:35px;
	padding:8px 12px 8px 12px;
	border-right:1px solid #fff;
}


#subnav a {
	background: url(../images/bg_nav.gif) top left repeat-x; 
	text-decoration: none !important;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	line-height:25px;
	padding:3px 6px 3px 6px;
	margin-right:10px;
	border:1px solid #000;
	}
#subnav a.on {
	background: #CC0000; 
	text-decoration: none !important;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	line-height:25px;
	padding:3px 6px 3px 6px;
	margin-right:10px;
	border:1px solid #000;
	}
/* Classes of the nav images - hover is the mouseover state - an on state can be set with the same image as the hover image */




/*  =crumb
 ---------------------------------------------- */


/*  =footer
 ---------------------------------------------- */

/*  =content
 ---------------------------------------------- */
 
 
 #maincontent {background:#ffffff;margin-top:10px;
 			width:776px;}
			

 
 #home-photo {background:#ffffff;
 			
			width:470px;
			padding:0px 0px 0px 0px;
			text-align:left;
			}
	#home-photo #caption {
			line-height:12px;
			padding:6px;
			font-size:12px;
			text-align:left;
			background: #cccccc;
			color:#000000;
			font-weight:normal;
			border-top:1px solid #ffffff;}

 #home-photo #thumbs {
 			width:470px;
			background:#f0f0f0;
			padding:5px 0px 5px 0px;
			display:inline;

	}		
	
 #home-photo 	#thumbs img.thumbs {float:left; margin:5px; padding:0px;}

 #home-photo #main-ad{width:223px;margin:20px 10px 0px 0px;color:#999; float: none;}
 
 #home-photo  #main-ad img.ad{margin-bottom:10px; border:1px solid #cccccc; border-width:0px 1px 1px 1px; padding:8px 8px 8px 8px;}
	
  #home-photo #main-ad p {margin:0px; border:1px solid #cccccc; border-width:1px 1px 0px 1px; padding:4px 8px 4px 8px; font-size:12px; color:#999;}
			

	
	
	#summary {padding:5px 10px 10px 0px;}
 
  #summary .news-item {padding-bottom:10px;
 				margin:0px 0px 20px 0px;}
				
				#summary .top {margin-top:10px; height:16px; background: url(../images/cap_news-top.gif); width:450px;}
				#summary .btm {background:#f0f0f0  url(../images/cap_news-btm.gif) no-repeat bottom left; padding:0px 16px 10px 16px; width:418px;}

#summary p {font-size:12px;
 				line-height:15px;
 				margin:0px 0px 10px 0px;}
			
 #headline {width:266px;padding:5px 10px 10px 20px;}
 
  #headline .news-item {padding-bottom:10px; border-bottom:#e0e0e0 1px dashed;
 				margin:0px 0px 20px 0px;}

#headline span.date {font-size:12px; color:#999999;
 				line-height:15px; margin-bottom:5px;}

 h1 {font-size:22px; font-weight:bold; color:#666666;
 				margin:0px 0px 20px 0px;line-height:23px;text-transform:uppercase;}
h2 {font-size:16px; color:#000000;
 				margin:0px 0px 5px 0px;line-height:19px;}
 #headline p {font-size:12px;
 				line-height:15px;
 				margin:0px 0px 10px 0px;}
				
#top-performers {}

#top-performers th {font-weight:bold; 
		border-bottom:1px solid #cccccc;}
#top-performers td.on {font-size:11px;
					padding:2px 15px 2px 4px;
					background:#F7F7F7;}	
#top-performers td {font-size:11px;
					padding:2px 15px 2px 4px;}
 
 
 .bottom {	width:743px; 
	height:64px;
	padding:0px 0px 0px 0px; 
	background:url("../images/bg_bottom.gif") no-repeat; 
	margin: 0px;
	text-align:left;}

#schedule {text-align:center; font-size:14px; background:url("../images/bg_schedule.gif") bottom no-repeat;}

#schedule th {border-bottom:2px #999999 solid;
padding:5px;}
 
#schedule td {border-bottom:1px #cccccc solid;
padding:5px;}

#faceoff {text-align:center; font-size:12px;border:#000000 solid 1px;border-width:0px 0px 1px 0px;}
#faceoff td {border-right:#999999 solid 1px;}
#faceoff .null {border-bottom:#000000 solid 1px;border-left:#ffffff solid 1px;border-right:#000000 solid 1px;}
#faceoff .topleftnull { border-top:#ffffff solid 1px;border-left:#ffffff solid 1px;border-right:#000000 solid 1px;}
#faceoff .player {font-size:13px;font-weight:bold;border-left:#000000 solid 1px;}
#faceoff .school {background:#666666; color:#ffffff; border-right:#000000 solid 1px; border-top:#000000 solid 1px;} 
#faceoff .stat {background:#cccccc; color:#000000;border-bottom:#000000 solid 1px;}
#faceoff .statlast {background:#cccccc; color:#000000;border-right:#000000 solid 1px;border-bottom:#000000 solid 1px;}
#faceoff .value {background:#cccccc; color:#000000;}
#faceoff .valuelast {color:#000000;border-right:#000000 solid 1px;font-weight:bold;}
#faceoff tr.on {background:#f0f0f0;}


#boxscore {text-align:center; font-size:14px;}
#boxscore td {border-right:#000000 solid 1px;border-bottom:#000000 solid 1px;}
#boxscore .null {border:#ffffff solid 1px;}
#boxscore .topleftnull { border-top:#ffffff solid 1px;border-left:#ffffff solid 1px;border-right:#000000 solid 1px;}
#boxscore .player {font-size:13px; border-left:#000000 solid 1px;}
#boxscore .quarter {background:#666666; color:#ffffff; font-weight:bold; border-right:#000000 solid 1px; border-top:#000000 solid 1px;} 
#boxscore .shot {border-left:#000000 solid 1px;background:#888888; font-weight:bold;color:#ffffff;  border-right:#000000 solid 1px; border-top:#000000 solid 1px;}
#boxscore .groundball {background:#888888; color:#ffffff; font-weight:bold; border-left:#000000 solid 1px; border-right:#000000 solid 1px; border-top:#000000 solid 1px;}
#boxscore .valuelast {color:#000000;border-right:#000000 solid 1px;}
#boxscore .value {color:#000000;border-right:#000000 solid 1px;border-left:#000000 solid 1px;}
#boxscore tr.on {background:#f0f0f0;}
#boxscore .finalwin {font-size:28px;color:#003399;}
#boxscore .final {font-size:20px;}

.boxwrapper {border-bottom:dotted 2px #cccccc; padding-bottom:40px;margin-bottom:40px;}

#boxstats {font-size:12px;border-left:#e0e0e0 solid 1px;}
#boxstats td {border-right:#e0e0e0 solid 1px;border-bottom:#e0e0e0 solid 1px;}
#boxstats .null {border-bottom:#000000 solid 1px;border-left:#ffffff solid 1px;border-right:#000000 solid 1px;}
#boxstats .topleftnull { border-top:#ffffff solid 1px;border-left:#ffffff solid 1px;border-right:#000000 solid 1px;}
#boxstats .stat {background:#f0f0f0;color:#000000;font-weight:bold;}
#boxscore .quarter {background:#666666; color:#ffffff; font-weight:bold; border-right:#000000 solid 1px; border-top:#000000 solid 1px;} 


#roster {text-align:center; font-size:14px;}

#roster th {border-bottom:2px #999999 solid;
padding:5px;}
 
#roster td {border-bottom:1px #cccccc solid;
padding:5px;}



#schedule tr.on {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  

}


/* IE ignores styles with [attributes], so it will skip the following. */
#schedule tr.on[class] {

}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

label {color:#666; font-size:14px; font-weight:bold;}
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

form input {border:1px solid #999; font-size:20px; line-height:30px; width:400px; padding: 5px;}
form textarea {border:1px solid #999; font-size:16px; line-height:20px; width:400px; padding: 5px;}

p {
	margin: 0px 0px 20px 0;
}

#contactInfo {

margin-top:30px;
font-size:20px;
font-family: Georgia, "Times New Roman", Times, serif;
line-height:28px;
background: #f0f0f0;
border:1px solid #999;
padding:30px 20px 30px 30px;

}

.success {padding:20px; font-weight:bold; font-size:14px; margin:20px 0px 20px 0px; color:#006600; background: #B9FFB9; border:#006600 1px solid;}
.fail {padding:20px; font-weight:bold; font-size:14px; margin:20px 0px 20px 0px; color:red; background: pink; border:red 1px solid;}

/*  =floats
 ---------------------------------------------- */
.content:after,
#header ul:after,
#footer ul:after,
ul.breadcrumbs:after,
.toolsCat:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden;
}