/* Cascading Style Sheet										*/

/*	Company		Hartlepool Heat									*/

/*	URL			www.hartlepoolheat.com							*/

/*	Ref			default.css										*/

/*  Author		Alan Jenkins									*/

/*	Modified	25th February 2007								*/





/* layout */

	html {  overflow: scroll; }



	body  { background: #555555; margin: 0px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: .8em; line-height: 1.5em; }

	

	.bg {background: url(../images/bg.jpg) repeat-y #555555;}

	

	.header { float: left; background: url(../images/header.jpg) no-repeat; }

	

	.header h1 { display: none }



		.container { width: 890px}



		.navbox { float: left; margin-right: 8px; width: 136px }



		.mainarea { float: left; margin-top: 115px; margin-left: 45px; min-height: 300px; width: 700px}



		.crumb { float: left; width: 540px; margin: 2px 0 0 4px; font-size: 0.8em; }



		.content_full { float: left; margin-top: 4px; width: 540px; }

		

		.content_part { float: left; margin-top: 4px; width: 360px; margin-right: 10px; }

		

		.content_side { float: left; margin-top: 4px; width: 170px; }



		.box { border: 1px solid #444444; background: #121212; padding: 3px; }



	/* Join us button */

	#joinus {float: left; background: url(../images/join.jpg) top; width: 540px; height: 130px; text-indent: -200em; outline: none }



	#joinus:hover {background-position: bottom;}

		

	/* -- gallery + fixtures -- */

	div#lnk_gallery a, div#lnk_fixtures a {width: 136px; height: 90px; margin-bottom: 10px; display: block; text-indent: -200em}



		div#lnk_gallery a { background: url(../images/gallery.jpg) top}



		div#lnk_fixtures a { background: url(../images/fixtures.jpg) top }



		div#lnk_gallery a:hover, div#lnk_fixtures a:hover { background-position: bottom }







		/* Sponsored Links */

		.sponsors {float: left; margin-top: 115px}



			ul.icons { list-style: none; width: auto; margin: 0; padding-left: 15px; }

			

			ul.icons li { padding: 3px; width: auto/*; text-align: center;*/}

			

			ul.icons li a { display: block; outline: none}

			

			ul.icons li { text-indent: -100em; width: 112px; margin-bottom: 5px }

				.icon_HCFE { background: url(../images/icon_HCFE.gif) no-repeat bottom center;height: 100px; }

				

				.icon_HSA { background: url(../images/icon-hsa.jpg) no-repeat 0 -103px; width: 101px; height: 97px }

				.icon_HSA:hover { background-position: 0 -4px }


				.icon_tvs { background: url(../images/icon_tvs.gif) no-repeat bottom center;height: 50px; }



				.icon_hbc { background: url(../images/icon_hbc.gif) no-repeat bottom center; height: 30px; }



/*				.icon_egb { background: url(../images/icon_egb.gif) no-repeat bottom center; height: 46px; }*/

					

/*				.icon_awards { background: url(../images/icon_awards.gif) no-repeat bottom center; height: 69px; }*/



				.icon_manor { background: url(../images/icon_manor.gif) no-repeat bottom center; height: 62px; }



				.icon_raf { background: url(../images/icon_raf.gif) no-repeat bottom center; height: 43px }



				.icon_sportengland { background: url(../images/icon_sportengland.gif) no-repeat bottom center; height: 114px }

				

				.icon_lottery { background: url(../images/icon_lottery.gif) no-repeat bottom center; height: 81px }

				

				.icon_clubmark {background: url(../images/icon_clubmark.gif) no-repeat bottom center; height: 52px}



				.icon_awards:hover, .icon_egb:hover, .icon_hbc:hover, .icon_tvs:hover, .icon_manor:hover,

				.icon_raf:hover, .icon_sportengland:hover, .icon_lottery:hover, .icon_clubmark:hover { background-position: top center }



		/* Footer */

		.footer { background: url(../images/footer.jpg) no-repeat #555555; padding: 14px; text-align: center; }



		/* Teams */

		ul.teamicons { list-style: none; }

			ul.teamicons li { float: left; text-align: center; width: 219px; height: 170px; }



				ul.teamicons li A { display: block;  padding-top: 146px; width: auto;  }

				ul.teamicons li A.teamA { background: url(../images/fullteam_men.jpg) center top no-repeat; }

				ul.teamicons li A.teamB { background: url(../images/fullteam_women.jpg) center top no-repeat; }

				ul.teamicons li A.teamC { background: url(../images/d3-men-thumb.jpg) center top no-repeat; }

				ul.teamicons li A.teamD { background: url(../images/fullteam_men.jpg) center top no-repeat; }

				ul.teamicons li A.teamE { background: url(../images/fullteam_U18.jpg) center top no-repeat; }

				ul.teamicons li A.teamF { background: url(../images/full-U13-Boys.jpg) center top no-repeat; }

			ul.team { list-style: none; }

				ul.team li { float: left; text-align: center; padding: 4px; width: 100px; height: 180px; background: url(../images/nothumb.jpg) top center no-repeat;}



				ul.team li span {display: block; padding-top: 96px;}



				ul.team li A {display: block; padding-top: 96px;}



/* text & links */



p.hot { color: #f90}

h1 {}



h2 { color: #ff9900; margin-top: 0; }



h3 { color: #ffcc00; }



.content_side H3, .box H3 { margin-top: 0;}



.content_full ul, .content_part ul, .content_side ul { list-style-image: url(../images/bg,jpg); }



.content_part h3, div.aligncenter{ text-align: center}



A { color: #ff9900; }



A:hover { color: #ff6600; }



.hide { display: none; }



.display { display: block; }

	

.clear	{ clear: both; }



.floatleft { float: left; margin-right: 8px;}



.floatright { float: right; margin-left: 8px; }



.note { font-size: 0.9em; color: #cc9900;}



.imgBoxLeft { float: left; text-align: center; font-size: .8em; margin: 6px; } 

.imgBoxRight { float: right; text-align: center; font-size: .8em; margin: 6px; } 

.imgBoxLeft IMG, .imgBoxRight IMG, div img { border: 1px solid #dedede; padding: 2px; }



/*.content_full IMG, .content_part IMG, .content_side IMG  { border: 1px solid #cccccc; padding: 3px; background: #666666 }*/



/* Round-edge boxes */

.bl {background: url(../images/bl.gif) #000 0 100% no-repeat;}

.br {background: url(../images/br.gif) 100% 100% no-repeat}

.tl {background: url(../images/tl.gif) 0 0 no-repeat}

.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding: 10px;}



.t {background: url(../images/dot.gif) #fff 0 0 repeat-x; }

.b {background: url(../images/dot.gif) 0 100% repeat-x;}

.l {background: url(../images/dot.gif) 0 0 repeat-y}

.r {background: url(../images/dot.gif) 100% 0 repeat-y}



/* Forms */



.txtBox { border: 1px solid #333333; padding: 1px;}

div.row {

	margin-right: 0px;

	clear: both;

	padding-top: 3px;

}



div.row span.label {

	float: left;

	width: 76px;

	margin-right: 20px;

	font-weight: bold;

}



div.row span.formw, div.row_address span.formw {

	float: left;

	text-align: left;

}





/* GALLERY */

#credit {

	border-top: 1px solid #bbb;

	/*-moz-border-radius:0 0 20px 20px;*/

	font-size:0.8em;

	text-align:center;

	margin:0;

	padding:3px 0;

	clear:both;

}



.imgwrapper {

	float: left;

	margin: 0 15px 15px 15px;

	padding: 2px;

}

.imgwrapper span {

	display:block;

	font:0.8em verdana, sans-serif;

	text-align:center;	

}

.imgwrapper img {

	background-color: #fff;

	border: 1px solid #ddd;

	/*-moz-border-radius:5px;*/

	padding: 4px;

}



.imgwrapper a:visited img {

	background-color:#ffffff;	

}

.imgwrapper a:hover img, .imgwrapper a:focus img {

	background-color: #ff9900;

}



div.catthumbs {

	margin:5px;

	padding:5px;

}

div.catthumbs div {

	margin:10px;

	padding:2px;

	text-align:center;

	float:left;

	width:200px;

}

div.catthumbs img.tnexample{

	margin:5px;

	margin:0 auto;

	display:block;

	border:0;

}

div.catthumbs a{

	display:block;

}



div.pagination{

	clear:both;

	text-align:center;

}