/* ~~~~~~~~~~~~~~~~ DEFAULT STYLES  ~~~~~~~~~~~~~~~~ */
	
	html, body { font:12px/1.4em arial, helvetica, tahoma, verdana, sans-serif; color:#3e3e3e; background:url(../images/bodyBG.gif) repeat-x #999; }	
	body { margin:0; text-align:center; }

/* ~~~~~~~~~~~~~~~~ GLOBAL STYLES  ~~~~~~~~~~~~~~~~ */

/* GLOBAL RESET */
	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin:0; padding:0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size:1em; font-weight:normal; font-style:normal; }
	fieldset,img { border:none; }
	caption,th { text-align:left; }
	table { border-collapse:collapse; border-spacing:0; }
	/* Hidden elements */
	.hidden, .screen_reader, hr { display:none; }
	/* Paragraph default styling, amend as desired */
	p { margin:0 0 1em 0; padding:0; }
	/* Default link styling */
	a { color:#06c; text-decoration:underline; }
	a:hover { color:#f60; text-decoration:none; }
	/* Float an element left with a margin */
	.floatL { float:left; }
	/* Float an element right with a margin */
	.floatR { float:right; }
	/* Float an element right with a margin */
	.clear { clear:both; }
	li { list-style-type: none; }
	.bold { font-weight: bold; }
/* ~~~~~~~~~~~~~~~~ TEMPLATE ELEMENTS  ~~~~~~~~~~~~~~~~ */
	#outerWrap { width:100%;   margin: 0 auto;text-align:center; }
	#container { width: 968px;  margin: 0 auto; text-align:center;}
	.breadcrumb a { margin: 3px 0 0 0; color:#fff; text-decoration:none; }
	.breadcrumb li { float: left; }
/* ~~~~~~~~~~~~~~~~ FORM ELEMENTS  ~~~~~~~~~~~~~~~~ */	

	input, textarea, select { font-family:arial, verdana, Trebuchet MS, sans-serif; font-size:1em; color:#666; }	
	
/* ~~~~~~~~~~~~~~~~ HEADING ELEMENTS  ~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 { color:#***; line-height:normal; margin:0 0 1em 0; padding:0; }
	h1 { }
	h2 { }
	h3 { }
	h4 { }	
	
/* ~~~~~~~~~~~~~~~~ HEADER STYLES  ~~~~~~~~~~~~~~~~ */
	
	#header { width: 968px; background: url(../images/headerBG.gif); display:block; height:105px; float: left; }
	.pannalLogo { background: url(../images/pannalAshLogo.gif); display:block; float: left; width: 174px; height:98px; text-indent: -3000px; margin: 0 20px 0 4px; }
	#htfc_logo { background: url(../images/harrogate_town_afc_logo.gif); display:block; float: left; width: 150px; height:60px; text-indent: -3000px; margin: 19px 30px 0 0; }
	#header a { cursor:pointer; }
	.westRiding { background: url(../images/westRidingLogo.gif); display:block; float: left; width: 98px; height:75px; text-indent: -3000px; margin: 9px 0 0 0; }
	.respect { background: url(../images/respect.gif); display:block; float: left; width: 210px; height:75px; text-indent: -3000px; margin: 8px 0 0 7px;}
	.racism { background: url(../images/racismLogo.gif); display:block; float: left; width: 93px; height:55px; text-indent: -3000px; margin: 17px 30px 0 0;  }
	.charteredStandardClub { background: url(../images/charteredStandardClub.gif); display:block; float: left; width: 121px; height:74px; text-indent: -3000px; margin: 8px 0 0 0;}
		
		ol.pagination {
		margin: 0 1em 0 0;
		clear:both;
		width:280px;
		}
		
	ol.pagination li {
		font-weight:bold;
		padding: 0 10px 10px 0;
			float:left; width: auto;
			display:block;
		
		}
	
		ol.pagination li.end {
			border: none;
				
		}
										
/* ~~~~~~~~~~~~~~~~ CONTENT STYLES  ~~~~~~~~~~~~~~~~ */
	#innerContainer { width: 961px; margin: 0 auto; text-align:center; }
	
	#topNav { width: 961px;  background:url(../images/navBG.gif) repeat-x; margin: 8px 0 0 0; padding:0; float:left;}
	#topNav li { float:left;}
	#topNav li a { text-indent:-3000px;}
	#topNav li .homeNav { background:url(../images/homeNav.gif); display:block; width: 88px; height: 40px; }
	#topNav li .under5 { background:url(../images/under5Nav.gif) center; display:block; width: 61px; height: 40px; }
        #topNav li .under6 { background:url(../images/under6Nav.gif) center; display:block; width: 61px; height: 40px; }
	#topNav li .under7 { background:url(../images/under7Nav.gif) center; display:block; border-right: 1px solid #ececec; width: 61px; height: 40px; }
	#topNav li .under8 { background:url(../images/under8Nav.gif) center; display:block; border-right: 1px solid #ececec; width: 61px; height: 40px; }
	#topNav li .under9 { background:url(../images/under9Nav.gif) center; display:block; border-right: 1px solid #ececec; width: 61px; height: 40px; }
	#topNav li .under10 { background:url(../images/under10Nav.gif) center; display:block; border-right: 1px solid #ececec; width: 67px; height: 40px; }
	#topNav li .under11 { background:url(../images/under11Nav.gif) center; display:block; border-right: 1px solid #ececec; width: 67px; height: 40px; }
	#topNav li .under12 { background:url(../images/under12Nav.gif) center; display:block; border-right: 1px solid #ececec; width: 67px; height: 40px; }
	#topNav li .under13 { background:url(../images/under13Nav.gif) center; display:block; border-right: 1px solid #ececec; width: 67px; height: 40px; }
	#topNav li .under14 { background:url(../images/under14Nav.gif) center; display:block; border-right: 1px solid #ececec; width: 67px; height: 40px; }
	#topNav li .under15 { background:url(../images/under15Nav.gif) center; display:block; border-right: 1px solid #ececec; width: 67px; height: 40px; }
	#topNav li .under16 { background:url(../images/under16Nav.gif) center; display:block; border-right: 1px solid #ececec; width: 67px; height: 40px; }
	#topNav li .under17 { background:url(../images/under17Nav.gif) center; display:block; width: 67px; height: 40px; }
        #topNav li .under19 { background:url(../images/under19Nav.gif) center; display:block; width: 67px; height: 40px; }
	#topNav li .clubShop { background:url(../images/clubShopNav.gif); display:block; width: 80px; height: 40px; }

	#topNav li .homeNav:hover, #topNav li .homeNavSelected { background:url(../images/homeNavHover.gif) center; display:block; width: 88px; height: 40px; }
	#topNav li .under5:hover, #topNav li .under5Selected { background:url(../images/under5NavHover.gif) center; display:block; width: 61px; height: 40px; }
        #topNav li .under6:hover, #topNav li .under6Selected { background:url(../images/under6NavHover.gif) center; display:block; width: 61px; height: 40px; }
	#topNav li .under7:hover, #topNav li .under7Selected { background:url(../images/under7NavHover.gif) center; display:block; width: 61px; height: 40px; }
	#topNav li .under8:hover, #topNav li .under8Selected { background:url(../images/under8NavHover.gif) center; display:block; width: 61px; height: 40px; }
	#topNav li .under9:hover, #topNav li .under9Selected { background:url(../images/under9NavHover.gif) center; display:block; width: 61px; height: 40px; }
	#topNav li .under10:hover, #topNav li .under10Selected { background:url(../images/under10NavHover.gif) center; display:block; width: 67px; height: 40px; }
	#topNav li .under11:hover, #topNav li .under11Selected { background:url(../images/under11NavHover.gif) center; display:block; width: 67px; height: 40px; }
	#topNav li .under12:hover, #topNav li .under12Selected { background:url(../images/under12NavHover.gif) center; display:block; width: 67px; height: 40px; }
	#topNav li .under13:hover, #topNav li .under13Selected { background:url(../images/under13NavHover.gif) center; display:block; width: 67px; height: 40px; }
	#topNav li .under14:hover, #topNav li .under14Selected { background:url(../images/under14NavHover.gif) center; display:block; width: 67px; height: 40px; }
	#topNav li .under15:hover, #topNav li .under15Selected { background:url(../images/under15NavHover.gif) center; display:block; width: 67px; height: 40px; }
	#topNav li .under16:hover, #topNav li .under16Selected { background:url(../images/under16NavHover.gif) center; display:block; width: 67px; height: 40px; }
	#topNav li .under17:hover, #topNav li .under17Selected { background:url(../images/under17NavHover.gif) center; display:block; width: 67px; height: 40px; }
        #topNav li .under19:hover, #topNav li .under19Selected { background:url(../images/under19NavHover.gif) center; display:block; width: 67px; height: 40px; }
	#topNav li .clubShop:hover, #topNav li .clubShopSelected { background:url(../images/clubShopNavHover.gif) center; display:block; width: 00px; height: 40px; }


	.tagline { background: #000066; display:block; height:25px; float:left;color:#fff; width:961px; text-align:left; margin:0; padding:0; }
	.tagline li { float:left; margin: 2px 0px 0 10px; }
	.tagline ul { margin:0; padding:0; }
	#content { background:url(../images/innerContainer.gif) no-repeat #fff; width:100%; float:left; padding: 0 0 20px 0!important;}

	#mainCol { width: 560px; float:left; padding: 20px 10px 0 18px; text-align: left;  }
	#mainCol h1{ color: #333; font-size:24px; font-family:Arial, Helvetica, sans-serif; text-align:left; font-weight:bold; letter-spacing:-1px; width: 500px; margin:0; margin: 0 0 10px 0; }
	#mainCol h2 { color: #333; font-size:24px; font-family:Arial, Helvetica, sans-serif; text-align:left; font-weight:bold; letter-spacing:-1px; width: 500px; margin:0; }
	#mainCol h3 { color: #333; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; font-weight:bold; letter-spacing: 0px; width: 500px; margin:10px 0; }
	#mainCol p { width: 560px; color:#333333; font-weight:bold; font-size:12px;}
/* ~~~~~~~~~~~~~~~~ LEFTCOLUMN STYLES  ~~~~~~~~~~~~~~~~ */
	#leftCol { width: 155px; float:left; text-align:left; padding: 8px 13px 10px 10px; font-family:Arial, Helvetica, sans-serif; }
	
	#leftCol ul { background:url(../images/leftCol.gif) repeat-y; margin:0; width: 164px; padding: 10px 11px 4px 11px;  float:left; margin: 0px 0 0 0;}
	#leftCol ul li h3 { font-size: 18px; font-weight:bold; border-bottom:1px solid #333333; width: 147px; padding:0 0 6px 0; }
	#leftCol ul li { margin: 0 0 16px 0;  letter-spacing:0; }
	#leftCol ul li a { background:url(../images/blackArrow.gif) no-repeat; padding: 0px 0 0 10px; text-decoration:none; text-decoration:none; color:#333;  letter-spacing:0;  }
	#leftCol .leftColBottom { background:url(../images/bottomLeftCol.gif) no-repeat; width:174px; height:10px; float:left; }
	#leftCol .leftColTop { background:url(../images/topLeftCol.gif) no-repeat; width:174px; height:7px; float:left; margin:0; }
	
	#leftCol .ninexb { background:url(../images/sponsored9xb.gif); width: 164px; height: 137px; text-indent:-3000px; margin: 16px 0 6px 4px;  float:left; }
	
/* ~~~~~~~~~~~~~~~~ RIGHTCOLUMN STYLES  ~~~~~~~~~~~~~~~~ */
	#rightCol { width: 190px; float:right; text-align:left; margin: 0px 3px 30px 0; }

	#rightCol .blueBox { margin: 0px 0 10px 0; }
	#rightCol .redBox { margin:0; }


	#rightCol .blueBox { background:url(../images/blueRightCol.gif); width: 149px; float:left; color:#fff; padding: 8px 9px 8px 9px; margin:11px 11px; font-weight:bold; font-size:12px; line-height: 14px; }
	#rightCol .blueBox h3 { color:#fff; font-size:18px; text-transform:uppercase; font-weight:bold; letter-spacing:-1px; border-bottom:1px solid #fff; padding: 0 0 5px 0; margin:0!important; } 
	#rightCol .blueBox p { margin: 10px 0 10px 0!important; }
	#rightCol .redBox { background:url(../images/redRightCol.gif) #660000 no-repeat; width: 149px; float:left; color:#fff; padding: 8px 9px 14px 9px; margin: 0px 11px 11px 11px; font-weight:bold; font-size:12px; line-height: 14px; }
	
	#rightCol .redBox h3 { color:#fff; font-size: 25px; text-transform:uppercase; font-weight:bold; letter-spacing:-1px; border-bottom:1px solid #fff; padding: 0 0 5px 0; margin:0 0 10px 0; } 
	#rightCol .redBox li { background:url(../images/arrow.gif) no-repeat #660000; padding: 0 0 4px 10px; }
	#rightCol .redBox ul { margin: -4px 0 0 0; }
	
/* ~~~~~~~~~~~~~~~~ FOOTER STYLES  ~~~~~~~~~~~~~~~~ */
	#footer { float:left; margin: 0px 0 0 0 ;}
	#footer ul { margin: 15px 0 20px 720px!important; }
	#footer li { float: left; font-size: 13px; margin: 0 0 20px 0; text-transform:capitalize;}
	#footer li a { color:#333333; text-decoration:none; font-weight:bold; margin: 0 8px; }
	
	
	
	
/************************
	NEWS
************************/

h3.news_events{
	margin:0;
	padding:0;
	
}

.news_events_date{
	margin:0 0 0px 0;
	padding:0;
	color:#999999;
	font-size:8pt;
	
}

	
.news_story {
	border: 1px solid #ccc;
	padding: 1em;
	margin:0 1em 1em 0;
	}
.news_story a {
	color: #000066; text-decoration:none; font-size:12px; letter-spacing:-0.5px; }
.news_story h3, .event h3 {
	font-size: 1em;
}


/************************
	EVENTS CALENDAR
************************/

.monthhead{
	font-weight:bold;
	background:#cccccc;
}

	.monthrow{
		border-bottom:1px solid #000000;
	}
	
	.month td{
		border:1px solid #cccccc;
		border-top:none;
		text-align:center;
	}
	
	td.rowright{
		text-align:right;
	}
	
	.eventdate{
		background:#56004e;
		color:#ffffff;
	}
	
		.eventdate a{
			color:#ffffff;
		}
	.clear { clear:both;}
	#view_all_events{
		margin:30px auto 2em auto;
	}

	.newsArchive { 
		margin: 25px 0 0 0;
	}
	.newsArchive h3  
	{
		font-size: 18px; font-weight:bold; border-bottom:1px solid #333333; width: 147px; padding:0 0 6px 0; width: 178px;
	}
	
	/* CONTENT */
#gallery_header {
	float: left;
	width: 570px!important;
}
	
	.gallery_image img {
		margin: 0 1.5em 0 0;
		}
		
	.gallery_image p {
		margin: 0;
		padding: 0;
		}
		
	.gallery_image p.delete, .gallery_image p.edit {
		position: absolute;
		bottom: 1em;
		right: 1em;
		}
		
	.gallery_image p.edit {
		right: 4em;
		}
		
	.gallery_image p.delete a {
		width: 16px;
		height: 16px;
		display: block;
		overflow: hidden;
		text-indent: -2000em;
		}
			
		.gallery_image p.delete a {
			background: url(../images/icons/cancel.gif) top left no-repeat;
			}
			
.display_image {
	float: left;
		margin: 5px;
		display: block;
		width: 130px;
		text-align: center;
		border:1px solid #ccc;
}
	
	.display_image .image {
		height: 150px;
		width: 105px;
		clear:both;
		margin: 10px 4px 0 0;
		background: url(../images/gallery/bg_photo.gif) top left no-repeat;
		}
		
		
			

#gallery_header {
	/*padding: 1em 0 1em 1em;*/
	padding: 1em 0;
	float: left;
	width: 52.5em;
	}
	
	#gallery_header p {
		padding: 0 1em;
		}
	
	#displaying {
		clear:both;
		margin: 10px 0 10px 0px!important;
		}
		
	#refine_gallery_search {
		display: block;
		width: 85px;
		height: 30px;
		text-indent: -2000em;
		overflow: hidden;
		background: url(../images/buttons/gallery_search.gif) top left no-repeat;
		}
		
	#gallery_header .hide {
		background: url(../images/buttons/hide_on_white.gif) top left no-repeat;
		}
	
#gallery_tabs li {
	text-align: center;
	margin: 0 .2em 0 0;
	font-weight: bold;
	}
	
	#gallery_tabs li a {
		height: 22px;
		padding: .5em 0 0 0;
		color: #631f5d;
		}
	
	#gallery_tabs .your_pet a {
		width: 97px;
		background: url(../images/gallery/tab_your_pet_off.gif) top left no-repeat;
		}
	
	#gallery_tabs .your_pet a.active {
		background: url(../images/gallery/tab_your_pet_active.gif) top left no-repeat;
		color: #fff;
		}
		
	#gallery_tabs .burgess_pet a {
		background: url(../images/gallery/tab_burgess_pet_off.gif) top left no-repeat;
		width: 115px;
		}
		
	#gallery_tabs .burgess_pet a.active {
		background: url(../images/gallery/tab_burgess_pet_active.gif) top left no-repeat;
		width: 115px;
		color: #fff;
		}
		
	#gallery_tabs li a:hover {
		text-decoation: none;
		}
	
#sponsorList td { padding:1em; }