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

/* Author: Dan Beringer
   Organization: Katie Samson Lacrosse Festivaln
   Date: 1/23/10
   */

/*Styles for the wrapper div and body of the site*/



p.name {font-weight:bold;}

p.info {color:#990000;
		text-decoration:underline;
		font-weight:bold;}
		
p.front_quote {
			   font-weight:bold;
			   color:#122753;
			   font-size:12px;}
			   
p.quote_author{font-style:italic;
				color:#880000;
				font-size:12px;}
			 
p.quotes {font-style:italic;
		  }

#wrapper {width:960px;
		  margin:0 auto;}
		  
p#amount_raised {color:#990000;
				 font-style:italic;
				 font-weight:bold;}

body {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#122753;
	
}


/*Styles for the headings and horizontal rule-------------------------------------- */
	  
h1.homepage {color:#000;
	text-align:center;
	text-decoration:underline;
	font-size:18px;
	font-style:italic;}
	
h1.page {color:#122753;
		 font-style:italic;
		 text-decoration:underline;
		 text-align:center;
}

h2 {text-align:center;}
h2.donate {text-decoration:underline;}
h2#highlights {text-align:left;}

h3#sponsors {text-align:center;}
	  
hr {border:none;
	border:1px solid #cccccc;
	color:#ffffff;
	}

	
a.active {font-weight:bold;
		  background-color:#122753;}
		  
img#anniversary {postion:absolute;
				 top:150px;
				 left:100px;}

/*Styles for the banner that appears at the top of each page*/



#banner {
		 margin-top:20px;
		 width:960px;
		 padding-bottom:10px; }
		
		 
#banner img {border:none;
			 margin:0 auto;
			 display:block;}
			 
			 
div#slide_show img {border-style:solid;
			border-width:1px;
			border-color:#000;
			}
			 

p#tagline {text-align:center;
		   color:#fff;}
		   
div#top_links {	  margin:0 auto;
				  padding:0px;
				  font-size:18px;
				  color:#cccccc;
				  width:260px;
				  }
				  
div#top_links ul {list-style:none;}
div#top_links ul li {display:inline;}
				  
div#top_links a {color:#ffffff;
				 
				  background-color:#990000;
				 text-decoration:none;}
				 
div#top_links a:hover {color:#ffffff;
					   background-color:#3399ff;
					   text-decoration:underline;
					  }
				  			
/* Styles for the navigation bar------------------------------------------------------------------*/

#navigation {
			margin:auto;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			text-align:center;
			margin:20px 0px 20px 0px;
			}
		
#navigation li {display:inline;
				}

#navigation ul {margin: 0px; 
			 	padding: 0px; 
				list-style-type: none; 
				list-style-image: none;
				text-align:center;
}


#navigation ul li a {
	text-decoration:none;  
	margin:0px;
	padding: 5px 15px 5px 15px; 
	color:#fff ;
	background: #8b0000;
	border-width:1px;
	border-style:solid;
	border-color:#ccc;}
	
	
#navigation ul li a:hover {	color:#ffffff;
						    background-color:#122753;
							text-decoration:underline;}
								  
		
/*Styles for left and right content boxes on the home page--------------------------*/

#content_box_container {margin:0 auto;
						width:960px;}

#left_content_box {	float:left;
				   	width:590px;
					height:375px;
					background-color:#ffffff;
				   	border-style:solid;
					border-width:1px;
					border-color:#000;
					padding:10px;
					margin:5px 5px 0px 0px;}
					
#left_content_box img {float:right;}

#right_container {float:right;
				  }
					
#right_content_box {width:315px;
					background-color:#ffffff;
					border-style:solid;
					border-width:1px;
					border-color:#000;
					padding:10px 10px 13px 10px;
					margin:10px 0px 0px 5px;}
					
#lower_right {		width:315px;
					background-color:#ffffff;
					border-style:solid;
					border-width:1px;
					border-color:#000;
					padding:10px 10px 10px 10px;
					margin:5px 0px 0px 5px;
					font-size:12px;
					}
					
					
/*Styles for the main content area of each page (besides the home page)---------------------*/

#main_contentbox {width:918px;
				  margin:10px auto;
				  padding:10px 20px 20px 20px;
				  background-color:#ffffff;
				  border-style:solid;
				  border-width:1px;
				  border-color:#000;
				   overflow: hidden;}
				  
#main_contentbox img#sample {float:right;
							 padding:0px 0px 10px 10px;}

/*Styles for the content on the Donation page-----------------------*/

#left_donate {	float:left;
				   	width:590px;
					height:400px;
					background-color:#ffffff;
				   	border-style:solid;
					border-width:1px;
					border-color:#000;
					padding:10px;
					margin:5px 5px 0px 0px;}
					
#left_donate img {float:right;}
					
#right_donate {float:left;
					width:315px;
					height:400px;
					background-color:#ffffff;
					border-style:solid;
					border-width:1px;
					border-color:#000;
					padding:10px;
					margin:5px 0px 0px 5px;}






/*Styles for the tables on the Schedule page---------------------------------------------*/

div#games_tables {margin:0 auto;
				  width:830px;}



table#mens_games {float:left;
				  margin:0px 10px 0px 0px;
				  border-style:solid;
				  border-width:1px;
				  border-color:#ccc;
				  }
				  
table#mens_games td {padding:5px;
					 background-color:#99ccff;
					 }		
					 
table#womens_games {float:left;
				    margin:0px 0px 0px 10px;
					border-style:solid;
				  border-width:1px;
				  border-color:#ccc;}
					
table#womens_games td {padding:5px;
					 background-color:#ffcc99;
					 }	

th.m_table_head {background-color:#122753;
			   color:#ffffff;}
			   
th.w_table_head {background-color:#cc0000;
			   color:#ffffff;}
			   
h3.w_gameheads {color:#cc0000;}
h3.m_gameheads {color:#122753;}


/*styles for the event page---------------------*/

li.highlight {font-weight:bold;
			  font-style:italic;}



/*styles for katie's story page----------------------*/

img#story_picture {float:left;
				   margin:0px 20px 0px 0px;}
				   
p.story {text-indent:40px;}



/*Styles for the Sponsors page*/


div#sponsors{margin:auto;
			 margin-bottom:50px;
			 width:600px;
			 height:325px;
			 padding:20px;
			 background-image:url(sponsorbg.jpg);
			 border-style:solid;
			 border-width:1px;
			 border-color:#122753;
			 color:#000;}
			 
div#sponsors ul {font-weight:bold;
				 list-style:none;}

ul#left_list{float:left;}

ul#right_list{float:left;}

ul#left_list a {color:#122753;}
ul#right_list a {color:#122753;}
ul#left_list a:hover {color:#8b0000;}
ul#right_list a:hover {color:#8b0000;}



/*Styles for the Photo Gallery page------------------------------------------------------*/




p#gallery {color:#333333;
		   text-align:center;}
		   
p#send_photos {color:#8b0000;
			   text-align:left;
			   font-style:italic;
			   width:400px;
			   margin-left:auto;
			   margin-right:auto;
}
			   
		   
#gallery {width:770px;
		  margin-left:auto;
		  margin-right:auto;}

#gallery ul li {display:inline;
			    width:200px;
				background-color:#ffffff;
				padding:20px;
				position:relative;
				float:left;
				text-align:center;
				}
				
#gallery ul li:hover {background-color:#8b0000;}




#gallery img {border:1px solid black;
			  
			  }
			  
		


/*Styles for the footer of each page----------------------------------------------------*/

#footer {clear:both;
		 font-family:Arial, Helvetica, sans-serif;
		 font-size:12px;
		 text-align:center;
		 color:#cccccc;
		 padding-top:20px;}			

#footer li{display:inline;}
				
		   
#footer ul{	margin: 0px; 
			padding:10px; 
			list-style-type:none; 
			list-style-image: none; }
		  
		   
#footer ul li a{ text-decoration:none;
				color:#ffffff;
				padding:5px;}
	
	
#footer a:hover {text-decoration:underline} 

p.contact_head {text-decoration:underline;
				color:#ccc;
		   		}
				
p.contact {position:relative;
		   
			text-decoration:underline;}
			

div#video {margin:0 auto;
		   width:500px;}
		   
		   
#video_contentbox {width:918px;
				  margin:10px auto;
				  padding:10px 20px 20px 20px;
				  background-color:#333333;
				  border-style:solid;
				  border-width:1px;
				  border-color:#ccc;
				   overflow: hidden;}
				   
h1.video {color:#3399ff;
		  text-align:center;}