/*-----------------------------------------------------------------------------
Cheam Hockey Club Style Sheet

version:   
author:    Mark Clover
email:     mark@fourleaf.co.uk
website:   http://www.fourleaf.co.uk
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
	/*border: 0px;*/
}

/* Put it back on certain elements 
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {*/


/* Class for clearing floats */
.clear {
	clear:both;
}

ul{
padding-left:30px;
}

ol{
padding-left:30px;
}


/* Remove border around linked images */
a img {
	border: 0;
	padding: 0px;
	margin: 0px;
}

img{
padding:0px;
margin:0px;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
	font: 0.7em/normal Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.greyText {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	color: #999999;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* =Headings
-----------------------------------------------------------------------------*/

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	color: #FFFFFF;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	color: #000033;
}


/* =Links
-----------------------------------------------------------------------------*/

a {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #990000;
}

/* =Page Layout - Header
-----------------------------------------------------------------------------*/

.headerContainer {
	width: 100%;
	background-image:url(img/layout/headerBg.gif);
}

.headerLogo {
	width: 100%;
	height: 105px;
	background-image:url(img/layout/cheam_hockey_club_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.welcomeText {
	display: block;
	width: 720px;
	float: right;
	padding-right: 10px;
	padding-top: 60px;
	text-align: right;
}

/* =Main Content
-----------------------------------------------------------------------------*/

.bodyContainer{
	width: 100%;
	background-color: #FFFFFF;
}

.masterContentContainer{
	float:right;
	background-color: #99FF00;
}

.ieFucking6BugFix{
/*position: absolute;
top:105;
left:0;*/
display: block;
}

.contentContainer{
	background-color:#E2EAEB;
	margin-left: 200px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-image:url(img/layout/body_left_edge.gif);
	background-repeat: repeat-y;
}

.content{
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-top: 6px;
	text-align: justify;
	position: relative;
}

.contentXmasTR{
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-top: 6px;
	text-align: justify;
	position: relative;
	background-image:url(img/general/holly_top_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.contentXmasBL{
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-top: 6px;
	text-align: justify;
	position: relative;
	background-image:url(img/general/holly.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.apiPlugIn{
background-color:#E2EAEB;
}

/* Content Header*/

.contentHeaderContainer{
	background-image:url(img/layout/content_header_repeat.gif);
	background-repeat:repeat-x;
	width: 100%;
	/*height: 30px;*/
}

.contentHeaderLeft{
	height: 30px;
	background-image:url(img/layout/content_header_left.gif);
	background-repeat:no-repeat;
	background-position: left top;
	padding-right: 10px;
	padding-top: 7px;
	text-align: right;
	vertical-align:bottom;
}

.contentHeader{
	float: right;
	padding-top: 7px;
	padding-right: 10px;
	height: 30px;
	text-align: left;
	width:200px;
}

/* Content Footer*/

.contentFooterContainer{
	background-image:url(img/layout/content_footer_repeat.gif);
	background-repeat:repeat-x;
	margin-left: 200px;
	height: 24px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.contentFooterLeft{
	/*position:relative;
	left: 0px;
	top: 0px;	*/
	height: 24px;
	width: 34px;
	background-image:url(img/layout/content_footer_left.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

/*.contentFooter{
	padding-top: 7px;
	padding-right: 10px;
	height: 30px;
	text-align: right;
	width:200px;
}*/

/* =Main Nav
-----------------------------------------------------------------------------*/



/* The below *html hack is recognised by I.E6 and allows I.E6 to be displayed reasonably, while still allowing I.E7
to show the footer at the bottom of the page, when the nav is longer than the content. Somehow I have managed to cock
up the 'float' version of the CSS as it no longer works in Firefox and Opera*/

#navContainer{
	padding: 0px;
	margin: 0px;
	border: 0px;
	float:left;
	width: 200px;
	background-image:url(img/layout/nav_bg.gif);
}

*html #navContainer{
	padding: 0px;
	margin: 0px;
	border: 0px;
	position:absolute;
	top: 105px;
	left: 0px;
	display: block;
	width: 200px;
	background-image:url(img/layout/nav_bg.gif);

}

/*#navContainer a:hover img{
	visibility:hidden
}

* html a:hover{
	visibility:visible
}*/

.navClubInfo{
	background-image:url(img/layout/nav_header_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	padding-top: 51px;
}

.navHTML{
	background-image:url(img/layout/nav_header_html.gif);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	background-position: left top;
	text-align: right;
	padding-top: 51px;
	height: 92px;
}

.navTeams{
	background-image:url(img/layout/nav_header_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	padding-top: 67px;
}

.navSocial{
	background-image:url(img/layout/nav_header_3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	padding-top: 67px;
}

.navFooter{
	width: 200px;
	height: 24px;
	background-image:url(img/layout/nav_footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.navBanner{
	width:200px;
	/*height:134px;*/
	height:73px;
	}
	
.navBannerSponsor{
	width:200px;
	height:134px;
	/*height:73px;*/
}

/* =Sub Nav
-----------------------------------------------------------------------------*/

.subNav{
padding-top:8px;
/*padding-bottom:2px;*/
background-image:url(img/layout/nav/subnav_spacer.jpg);
background-repeat:repeat-x;
}
/* =Footer
-----------------------------------------------------------------------------*/

.pageFooter{
	width: 100%;
	height: 22px;
	background-image:url(img/layout/footer_repeat.gif);
	clear:both;
	/*position: absolute;
	bottom: 0px;
	z-index: 3;*/
}

.pageFooterText{
	font-style: italic;
	text-align: right;
	color:#FFFFFF;
	padding-right: 10px;
	padding-top: 8px;
	font-size: 0.9em;
}

.pageFooter a{
	color:#FFFFFF;
	text-decoration: none;
	font-weight: normal;
}


/* =Branding
-----------------------------------------------------------------------------*/


/* =Secondary Content
-----------------------------------------------------------------------------*/


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 
fieldset {
  border: 1px solid transparent;
}
*/

/* =Tables
-----------------------------------------------------------------------------*/

table {
font: 1em/normal Verdana, Arial, Helvetica, sans-serif;
  color: #000033;
   /*border-collapse: collapse;
 width: 50em;*/
  border: 1px solid #000033;
  /*padding: 2px;*/
  text-align:left;
}

caption {
	padding: 2px;
	font-weight: normal;
	color:#000033;
	text-align:left;
	font-style: italic;
}

thead {
  background-color:#000033;
  background-image:url(img/layout/table_head_bg.gif);
  background-repeat: repeat-x;
  color:#FFFFFF;
  font-weight:bold;
}

th {
  font-weight: normal;
  text-align: left;
}

th, td {
  padding: 2px 2px 2px 2px; 
}

.odd {
  background-color:#FFFFFF;
}

/*tr:hover{
  background-color:#990000;
  background-image:url(img/layout/table_rollover_bg.gif);
  background-repeat: repeat-x;
  color: #FFFFFF;
}*/

thead tr:hover{
  background-color:#000033;
  background-image:url(img/layout/table_head_bg.gif);
  background-repeat: repeat-x;
  color:#FFFFFF;
  font-weight:bold;
}

/*tr:hover a{
  color:#FFFFFF;
}*/

/* This bit is for custom tables such as player profiles*/

.playerDiv{
  align:centre;
  width:350px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:16px;
}

.playerTable tr:hover{
  background-color:#E2EAEB;
  background-image:url(img/layout/transparent_gif.gif);
  background-repeat: repeat-x;
  color: #000033;
}

.tdNoPadding{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.tdNoPadding img{
  border: 0;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.tableNoBorder{
  border: 0px;
 }
 
 .tableNoBorderHover{
  border: 0px;
 }
 
 .tableNoBorderHover tr:hover{
  background-color: #E2EAEB;
  background-image:url(img/layout/transparent_gif.gif);
  background-repeat: repeat-x;
  color: #000033;
 }
 
.tableNoBorderHover td{
 padding: 4px;
 }
 
.tableNoBorderHover tr:hover a{
 color:#990000;
 }
 
/*.tableNoHover tr:hover{
  background-color: #E2EAEB;
  background-image:url(img/layout/transparent_gif.gif);
  background-repeat: repeat-x;
  color: #000033;
 }*/
 
 .tableNoHover tbody tr:hover{
  background-color: #E2EAEB;
  background-image:url(img/layout/transparent_gif.gif);
  background-repeat: repeat-x;
  color: #000033;
 }
 
 .tableSubtleHover tr:hover{
  background-color: #FFEAEA;
  background-image:url(img/layout/transparent_gif.gif);
  background-repeat: repeat-x;
  color: #000033;
 }
  
.tableLocation{
 border:0px;
 }
 
 .tableLocation tr:hover{
  background-color: #FFFFFF;
  background-image:url(img/layout/transparent_gif.gif);
  background-repeat: repeat-x;
  color:#000033;
 }

 .tableLocation tr:hover a{
 color:#990000;
 }


.playerProfile{
  background-color:#000033;
  background-image:url(img/layout/table_head_bg.gif);
  background-repeat: repeat-x;
  color:#FFFFFF;
  font-weight:bold;
}

.tableBgWin{
  background-color:#006633;
  color:#FFFFFF;
  padding: 0px 2px 0px 2px;
  margin: 0px 0px 0px 0px;
}

.tableBgLose{
  background-color:#CC0000;
  color:#FFFFFF;
  padding: 0px 2px 0px 2px;
  margin: 0px 0px 0px 0px;
}

.tableBgDraw{
  background-color:#CCCC00;
  color:#660000;
  padding: 0px 2px 0px 2px;
  margin: 0px 0px 0px 0px;
}

.playerProfile td:hover {
  background-color: #000033;
  background-image:url(img/layout/table_head_bg.gif);
  background-repeat: repeat-x;
  color: inherit;
}


.playerCells td:hover{
  background-color: #E2EAEB;
}

.matchReportHeader{
  background-color:#000033;
  background-image:url(img/layout/table_head_bg.gif);
  background-repeat: repeat-x;
  color:#FFFFFF;
  font-weight:bold;
}


/* =Misc 1
-----------------------------------------------------------------------------*/

.kitPic{

padding-left: 200px;
}
.kitText{
float:left;
padding-left: 20px;
}

.calendarDate{
float: left;
width:140px;
}

.calendarText{

margin-left: 140px;
border-left: 1px solid #990000;
padding-left: 4px;

}

.imgFloatLeft{
float: left;
/*width:250px;*/
/*display: block;*/
margin-right: 15px;
}

.imgFloatRight{
float: right;
margin-left: 10px;
margin-bottom: 4px;
}

.txtFloatRight{
/*float: right;
margin-left: 250px;
padding-left: 4px;*/
}

.postItText{
margin-left: 115px;
height: auto;
padding-top: 7px;
}
/* =Misc 2
-----------------------------------------------------------------------------*/