/*The difference between an ID and a class is that an ID can be used to identify one element,
whereas a class can be used to identify more than one.

You can also apply a selector to a specific HTML element by simply stating the HTML selector first,
so <code>p.jam { whatever }</code> will only be applied to paragraph elements that have the class 'jam'.*/


	body
		{
		color:#f60;
		font-family:'comic sans ms', arial, helvetica;
		background-image:url('../Images/netback3.gif');
		height:100%;
		}

	h1
		{
		color:#693;
		
		}
	h2
		{
		color:#008080;
		
		}
	h3
		{
		color:#693;
		
		}
	h4
		{
		color:#000063;
		
		}
	h5
		{
		color:#660;
		
		}
	h6
		{
		color:#000000;
		
		}
		
	marquee
		{
		color:red
		}

	.clear
		{
		clear:both;
		height:1px;
		overflow:hidden;
		}
		
	#container
		{
		margin:1% 2%;
		border:1px solid #000;
		bottom:10px;
		background:#ff8;
		margin-left:2em;
		}
		
	#content
		{
		margin:0px 20px 10px 150px;
/*		min-height:700px;*/
		}

	#banner
		{
		height:110px;
		color:#000;
		background-color:#f93;
		background-image:url('../Images/Logo/Panthers2.jpg');
		background-repeat:no-repeat;
		}

	html>body #banner
		{
		margin:-2.6% 0% 1%;
		}

	#banner p
		{
		margin-left:300px;
		margin-top:10px;
		font-size:25pt;
		}

	html>body #banner p
		{
		margin-left:300px;
		margin-top:24px;
		font-size:25pt;
		}

	.picr
		{
		float:right
		}	
		
	#title
		{
		text-align:center;
		}

	#menu
		{
		float:left;
		}

	#menu a {
		display:block;
		width:130px;
		height:33px;
		margin:0.3em;
		padding:0px 0px 0px 0px;
		font:bold 14px/2 comic sans ms;
		color:#f00;
		background:url("../Images/button.gif") 0 0 no-repeat;
		text-decoration:none;
		text-align:center;
		}

	#menu a:hover
		{	
		background-position:0 -33px ;
		color:#00f;
		}

	#footer 
		{
		color:#000;
		width:100%; 
		text-align:right; 
		padding:0px 10px 0px 0px;
		border:1px 0px 0px 0px solid #000; 
		background-color:#f93;
		font-family:arial, helvetica;
		font-size:smaller;
		clear:both;
		}

	.managers, .switch
		{
		float:left;
		}

	.previousyears, .rss, .leaguepos 
		{
		float:right;
		font-size:80%
		}
		
	.item
		{
		float:left;
		color:#00f;
		width:100%;
		clear:both
		}

	.top
		{
		float:left;
		}

	.top a {
		display:block;
		width:89px;
		height:23px;
		margin:0.5em;
		padding:0px 0px 0px 0px;
		font:bold 14px/1.5 comic sans ms;
		color:#00f;
		background:url("../Images/top2.jpg") 0 0 no-repeat;
		text-decoration:none;
		text-align:center;
		}

	.top a:hover
		{	
		background-position:0 -23px ;
		color:#f00;
		}

	.caption
		{
		float:left;
		}

	.caption a {
		display:block;
		width:500px;
		height:752px;
		margin:0.5em;
		padding:0px 0px 0px 0px;
		background:url("../Images/laugh2.gif") 0 0 no-repeat;
		text-decoration:none;
		text-align:center;
		}

	.caption a:hover
		{	
		background-position:-752px 0px ;

		}
		
	.lfig
		{
		  margin:0.5em;
		  padding:0.5em;
		  float:left;
		}

	.rfig
		{
		  margin:0.5em;
		  padding:0.5em;
		  float:right;
		}

	.lfigure
		{
		  border:thin silver solid;
		  margin:0.5em;
		  padding:0.5em;
		  float:left;
		}


	.lfigure p
		{
		  color:blue;
		  text-align:center;
		  font-size:smaller;
		  text-indent:0;
		}
	.rfigure
		{
		  border:thin silver solid;
		  margin:0.5em;
		  padding:0.5em;
		  float:right;
		}

	.rfigure p
		{
		  color:blue;
		  text-align:center;
		  font-size:smaller;
		  text-indent:0;
		}
		
	.break
		{
		clear:both;
		width:100%;
		}

	html>body .break
		{
		clear:both;
		}
		
	.lkeepup
		{
		margin:10px;
		height:75px;
		width:50px;
		background-image:url('../Images/Animated/keepupl.gif');
		float:left;
		}

	.rkeepup
		{
		margin:10px;
		height:75px;
		width:50px;
		background-image:url('../Images/Animated/keepupr.gif');
		float:right;
		}

	#teams
		{
		font-size:20pt;
		}
	
	.teamball
		{
		display:inline;
		}

	.teamball a
		{
		width:80px;
		margin:1em;
		color:#f00;
		background:url('../Images/Animated/soccer%20ball%20rotate%20cw.gif') no-repeat 10px 0px;
		text-align:center;
		line-height:9;
		font-size:16px;
		}
		
	html>body .teamball a
		{
		width:80px;
		margin:1em;
		color:#f00;
		background:none;
		text-align:center;
		line-height:9;
		font-size:16px;
		}
		
	.teamball a:hover
		{	
		color:#00f;
		}

	.fl
		{
		border:2px solid #f93;
		background:url('../Images/Logo/panther1.jpg') no-repeat 100px 0px;
		}

	.notices, .w3cvalid
		{
		float:left;
		padding:1em
		}

	.date
		{
		color:#000088;
		font-weight:bold;
		}

	.result
		{
		color:#000000
		}

	.division
		{
		color:#ff3300;
		font-weight:bold;
		}

	.red
		{
		color:#ff0000;
		}

	.bigred
		{
		color:#ff0000;
		font-size:150%
		}

	.blue
		{
		color:#000080
		}

	.green
		{
		color:#008000
		}

	.link
		{
		border:thin silver solid;
		margin:0.5em;
		padding:0.5em;
		float:left;
		text-align:center
		}

	.link a
		{
		color:blue;
		border:0px;
		}

	.link a:hover
		{
		color:red;
		}

	.linktext
		{
		margin:0.5em;
		padding:0.5em;
		color:#000063;
		}

	.smallblue
		{
		color:#000080;
		font-size:16px
		}

	.bigblue
		{
		color:#000080;
		font-size:20pt
		}

	.youthodd
		{
		border:1px;
		border:#009966;
		background-color:#6fc;
		}

	.junodd
		{
		border:1px;
		border:#00ccff;
		background-color:#cff;
		}

	.minodd
		{
		border:1px;
		border:#0033ff;
		background-color:#9ff;
		}

	table.aboutus
		{
		font-size:14px;
		color:#000066
		}

	html>body table.aboutus
		{
		width:100%;
		}

	table.aboutus td
		{
		padding-right:5px;
		}

	.level
		{
		font-size:24pt;
		text-align:center;
		font-style:normal;
		
		color:#669933;
		}

	.minirules
		{
		width:70%;
		border-top:solid 1px #f00;
		border-left:solid 1px #f00;
		border-right:solid 1px #f00;
		border-bottom:solid 1px #f00;
		}

	select
		{
		background-color:#f93;
		color:#000;
		font-family:'comic sans ms', arial, helvetica;
		font-size:10pt;
		font-weight:bold;
		}

	.signature
		{
		font-style:italic;
		color:red
		}
		
	.underline
		{
		text-decoration:underline;
		color:blue
		}			

	table.minirules td
		{
		border-top:solid 1px #f00;
		border-left:solid 1px #f00;
		border-right:solid 1px #f00;
		border-bottom:solid 1px #f00;
		}

	table.minirules tr.age
		{
		color:#f00;
		}

	table.minirules tr.format
		{
		color:#00f;
		}

	table.league
		{
		border-top:#000063 1px solid;
		border-bottom:#000063 1px solid;
		border-right:#000063 1px solid;
		border-left:#000063 1px solid;
		font-size:90%;
		background:#a4a4a4;
		color:#000063;
		}

	table.league tr.odd
		{
		background:#99ccff;
		color:#000000
		}

	table.league td
		{
		padding-left:5px;
		padding-right:15px
		} 

	table.league tr.even
		{
		background:#66ccff;
		color:#000000
		}

	table.league td.teamname
		{
		padding-right:20px
		}	

	table.league tr.even td, table.league tr.odd td, table.league tr.panthers td
		{
		text-align:left;
		}

	table.league tr.panthers
		{
		
		background:#ffcc00;
		color:#ff0000;
		}

	table.league tr.heading
		{
		text-align:center;
		font-weight:bold;
		background:#000066;
		color:#ffffff
		}

	table.league tr.heading td
		{
		width:30px;
		text-align:center
		}

	table.league tr.title
		{
		text-align:center;
		font-weight:bold;
		background:#33cc33;
		color:#000063
		}

	table.league tr.footer
		{
		text-align:right;
		background:#33cc33;
		color:#ffffff
		}

	table
		{
		border-right:#000063 1px solid;
		border-top:#000063 1px solid;
		border-left:#000063 1px solid;
		border-bottom:#000063 1px solid;
		font-style:normal;
		background-color:transparent;
		text-align:left;
		color:#063
		}

	table.hidden
		{
		border-right:0px;
		border-top:0px;
		font-size:100%;
		border-left:0px;
		width:75%;
		color:#000063;
		border-bottom:0px;
		font-style:normal;
		background-color:transparent;
		text-align:center
		}

	table.plain
		{
		border:0px;
		font-size:100%;
		color:#000063;
		font-style:normal;
		background-color:transparent;
		}


	table.rules
		{
		border-top:0px;
		border-right:1px;
		border-bottom:0px;
		border-left:0px;
		width:100%;
		color:#ff6600;
		background-color:transparent;
		}


	table.matchreport
		{
		border-top:0px;
		border-right:0px;
		border-bottom:0px;
		border-left:0px;
		padding-left:15px;
		}	

	table.matchreport td.matchdate
		{
		font-size:80%;
		font-style:normal;
		background-color:transparent;
		text-align:left;
		color:#440088;
		vertical-align:top;
		}


	table.matchreport td.month
		{
		padding-left:25px;
		color:#000088;
		font-weight:bold;
		}