body
{
	margin: 0;
	/*Gradient backgound*/
	
	background-color: #771177;
	color:       #44dd44;
	font-family: Arial, Helvetica;
}

/* format hyperlinks */
a:link {
	color:#ffffff;
}
a:visited {
	color:#cccccc;
}
a:active {
	color:#00ffff;
}
a:hover {
	color:#ff00ff;
}

/*Fluid Site No width specification*/
.Container
{
	/*removed as change the site background from white to the purple due to pages
	like the season stats that scroll out to the right of the window not being 
	wrapped properly by the divs. And i am not going to play with it just now to
	fix as I want to get the redesigned site up and out first.
	background: #771177;
	border-width: 1px;
	border-style: solid;
	border-color: #440044;
	*/
	/*rounded corners for the body
	-moz-border-radius: 10px;
	border-radius: 10px;
	*/
	min-height: 100%;
}

.Nav
{
	/*do not think i want the navigation in the middle any more*/
	/*text-align: center;*/
	margin: 10px;
}

.Nav ul
{
	margin: 0;
	padding: 0;
}

.Nav li
{
	list-style: none;
	display: inline;
}

.TopNav
{
	font-size: 1.25em;
	padding-top: 3px;
	border-bottom: #44dd44 2px solid;
	font-family: "Comic Sans MS", Arial, Helvetica;
	
}

.TopNav li
{
	
}

.TopNav a {
	padding: 3px 5px 0 5px;
	/*when use in in conjucntion with the tapnav span and background image*/
	/*padding: 3px 0 0 3px;*/
	/*top left corner*/
	/*background: #44dd44 url("images/corners1.gif") no-repeat 0 0;*/
	text-decoration: none;
	background-color: #44dd44;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
}

.TopNav span {
	padding: 3px 3px 0 0;
	/*top right corner*/
	/*background: url("images/corners1.gif") no-repeat 100% 0;*/
	
}

.TopNav a:link, .TopNav a:visited  {
	color: #771177;
	font-weight: bold;
}

.TopNav a:hover {
	color: #FFF;
	padding-top: 5px;
	
}

.TopNav span:hover {
	padding-top: 5px;
	
}

.TopNav a:active {
	background-color: #771177;
}

.BottomNav
{
	font-size: 100%;
	padding: 0.5em 5px 0 5px;
	clear: both;
	border-top: #44dd44 2px solid;
}

.BottomNav li
{
	margin-left: 0.25em;
	margin-right: 0.25em;
	
}

.Content-Container
{
	margin: 10px;
	
}

/*Content Area for website content*/
.Content
{
	/*margin: 0 0 0 200px;*/
	text-align: center;
	width: 100%;
	min-width: 850px;
	position: relative;
	
}

/*images floated left within text*/
.imageleft
{
	float: left; 
	margin: 5px 5px 5px 0;
	border: 1px solid;

}

/*images floated right within text*/
.imageright
{
	float: right; 
	margin: 5px 0 5px 5px;
	border: 1px solid;

}

/*Any tables highlight the row when mouse is hovered over it. Does not work
in IE6 as it requires a javascript workaround which i am not implementing*/
tr:hover
{
	background-color: purple;
	
}

/*alternating colours for tables. Used mainly in xlseasonstats at the moment*/
tr.d0 td {
	background-color: #771177;
}

tr.d1 td {
	background-color: #882288;
}

/*used for creating columns within pages*/
.column
{
	float: left;
	/*border: 1px solid yellow;*/
	padding: 0 10px 10px 10px;
	margin-bottom: 15px;
	
}

table
{
	border: 5px solid green;
	border-style: inset;
	border-collapse: collapse;
  margin: 0;
	
}

table tr, table td, table th
{
	 border: 1px solid darkgrey;
	 
}

input,select
{ 
	background: #990099; 
	color: #FFFF00; 
}

/*--- Individual Pages Specific elements here --------------------------------*/

#ChronicleText
{
	/*to keep line-length*/
	max-width: 900px;
	/*rounded corners until i make it fancier*/
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*try to do some styling to make it look like a newspaper*/
	/*need create this back ground image*/
	background: ivory url("images/chroniclebg.png") repeat-y;
	/*What fancy borders can I make?*/
	border-style: dotted;
	border-width: 1px;
	
	
}

/*--- Home Page Specific items -----------------------------------------------*/

.SideBar
{
	font-size: 90%;
	position: relative;
	max-width: 200px;
	float: left;
	margin-right: 10px;
	
}

/*holds all the team elements*/
.Team
{
	background-color: #660066;
}

/*displays the game time and Opposition*/
.TeamHeader
{
	border: #44dd44 1px solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
}

/*List the actual team*/
.TeamList
{
	border: #44dd44 1px solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0.25em;
	
}

/*Display the last updated time*/
.TeamFooter
{
	border: #44dd44 1px solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
}

/*Latest game result*/
.LatestResult
{
	margin-top: 0.5em;
	text-align: center;
	
}

/*Last time the website updated*/
.Updated
{
	font-size: 80%;
	margin-top: 0.5em;
	text-align: center;
	
}

/*content area specifically for the home page*/
.HomeContent
{
	float: left;
	
}

/*Big Picture of Partridges*/
#BigPicture
{
	border: #44dd44 5px ridge;
}

#image_map {
	position: relative;
	background: url("images/bigpicture.jpg") no-repeat;
	width: 580px;
	height: 255px;
	margin: 0;
	padding: 0;
}

#image_map li {
	float: left;
	list-style: none;
}

#image_map li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 255px;
	background: url("images/bigpicture.jpg") no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

li#LilGilly a {
	left: 24;
	top: 213px;
	width: 33px;
	height: 35px;
	/*border: grey 1px solid;*/
	background-position: -24 -213px;
}

li#LilGilly a:hover {
	left: 0;
	top: 135px;
	width: 90px;
	height: 120px;
	background-position: 0 -260px;
}

.HomeLinks
{
	text-align: center;
	
}

.HomeLinks ul
{
	margin: 0;
	padding: 0;
}

.HomeLinks li
{
	margin: 0;
	list-style: none;
	display: inline;
	padding-left: 0.25em;
	padding-right: 0.25em;
	
}

.Cleared {
	clear: both;
}

/*commandments.php*/
#comm3
{
	margin-left: 30px;
}

#comm3 li
{
	list-style-type: lower-roman;
}

/*tooth winners.php*/
.toothseason
{
	border: 3px ridge green;
	padding: 0 0 10px 10px;
	margin-bottom: 10px;
	
}

.toothwinner
{
	padding: 0;
	margin: 0 10px 5px 0;
	border: 1px solid green;
	
}

.toothheading
{
	text-align: center;
	
}

.toothranking
{
	margin: 10px;
	border-collapse: collapse;
	
}

.toothranking th
{
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px green solid;
	
}

.toothranking td
{
	padding: 0 5px 0 5px;
	border: 1px green solid;
	
}

/*toothpoints pages*/
.toothtally
{
	border: 5px inset lightgreen;
	border-collapse: collapse;
	text-align: center;
	
}

.toothtally td, .toothtally th
{
	border: 1px green solid;
	
}

.toothtally th
{
	background-color: #505;
	padding: 2px;
	vertical-align: top;
	
}
	
.toothnotes
{
	font-size: 80%;
	color: yellow;
	
}

.toothplayer
{
	text-align: left;
	
}

.toothtop5
{
	background-color: #707;
	font-weight: bold;
	
}

/*player profiles*/
/*holder of the image and the caption*/
.player
{
	float: left;
	margin: 5px 20px;
	padding: 5px;
	text-align: center;
	font-size: 85%;
	
}

/*the thumbnail image formatting*/
.playerimgage
{
	border: 1px solid;
	
}

/*Player Profile page*/
.profile
{
	float: left;

}

.profile br
{
	margin-bottom: 1.25em;
	
}

/**/
.profilenickname
{
	font-size: 125%;
	
}

.profilestats
{
	float: left;
	clear: both;
	
}

#profilestatsnotes
{
	margin-bottom: 15px;
}

.profilegraph
{
	display: inline;
	float; left
	cursor: pointer;
	
}

.profilegraph img
{
	border: 1px solid black;
	
}

/*for the popup graphs on the player profile page*/
#graphpopup
{
	margin-top: 0;
	margin-left: 0;
	
}

/*Kincaid Chronicles*/
.kcseason
{
	width: 100%;
	text-align: center;
	float: left;
	
}

.kclink
{
	float: left;
	width: 230px;
	text-align: center;
	margin-left: 7px;
	margin-right: 7px;
	
}

/*Season Statistics*/

/*For the up and down sorting arrows within the table*/
.seasonstats img
{
	border: 0;
	width: 16px;
	height: 16px;
}

/* opposition.php related css */
#OppositionSelection {
	float: left;
  margin-left: 30px;
	/*border: red 1px solid;*/
	
}

#OppositionStats {
  float: left;
	/*border: blue 1px solid;*/
	
}

#OppositionTally
{
  text-align: center;
	
}