/* sporting hearts layout 2007 tidied up - www.martinhughesportfolio.com */
/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! 
   meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded*/
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	line-height:1;
	font-family:inherit;
	text-align:left;
	vertical-align:baseline;
}
a img, :link img, :visited img{
	border:0;
}
/*table{
	border-collapse:collapse;
	border-spacing:0;
}*/
#player{ width:435px; margin:0 auto;}
	ol, ul{
		list-style:none;
	}
	q:before, q:after,
	blockquote:before, blockquote:after{
		content:"";
	}
	/* reset test end*/
	
	body{
		font-size:62.5%;
		text-align:center;
		font-family:verdana, sans-serif; 
		background:#e0eae4 url(/i/sh-bg-gradient.jpg) repeat-y 50% 0;
		color:#444;
		}
	
	strong a, a:link{color:#4e7db2;text-decoration:underline;}
	a:visited{color:#4e7db2;}
	a:hover,a:active{text-decoration:none;}
	
	/*
	footer link states
	*/
	#footer a, #footer a:visited{
		color:#fff;
		text-decoration:underline;
	}
	#footer a:hover, #footer a:active{
		color:#eee;
		text-decoration:none;
	}
	#footer strong{
		color:#fff;
	}
	
	/*
	headings
	*/
	h1, h2, h3, h4{
		text-transform:capitalize;
		font-weight:normal;
		line-height:1.5;
		font-family:georgia, serif;
		color:#333;
	/*	padding:50px 0 10px 0;*/
	/*	margin:10px 0 0 0;*/
	}
	h1{font-size:1.5em;
		color:#CB111B;
		letter-spacing:1px;
	}
	h2{font-size:1.5em;
	}
	h3{font-size:1.1em;font-style:italic;
	}
	p{
		line-height:1.5;
		padding:0 0 5px 0;
	}
	p span{
		color:#000099;
	}
	p.blurb{
		padding-right:5px;}
	
	p.charity{
		font-size:.8em;
	}
	strong{
		font-weight:bold;
	}
	.right{
		text-align:right;
	}
	/*
	container
	*/
	#container{width:960px;
		margin:0 auto;
		text-align:left;
		background:#fff;
		/*border-left:1px solid #eee; border-right:1px solid #fff;*/
		}
	
	/*
	sidebar navigavtion
	*/
	#left, #sidebar{
		width:360px;
		float:left;
		padding:0 10px;
		font-size:1.2em;
		background:#fff;
		/*border-left:1px solid #ccc;*/
		
	}
	
	/*
	content
	*/
	#content{
		float:right;
		width:479px;
		padding:0;
		padding-left:20px;
		padding-right:20px;
		font-size:1.2em;
		border-left:1px #999 solid;
		background:#e4ebe2;
		border-right:1px solid #ccc;
	
	}
	
	/*
	navigation
	*/
	#navcontainer{color:#ccc; text-transform:capitalize;}
	#navcontainer a{
		padding:10px 10px;
		text-decoration:none;
		color:#fff;
		font-weight:bold;
	}
	ul#navlist li a:hover{
		text-decoration:underline;
		}
	#navcontainer{padding:10px 0 0 0;
		border-bottom:1px #555 solid;
		font-family:georgia, serif;
		font-size:1.3em;
		height:30px;
		background:#5480B1 url(/i/nav-grad.gif) repeat-x 0 0;
		clear:both;
		}
	#navcontainer li{display:inline; margin:20px 0 0 0;}
	body#home .active1, body#donate .active2, body#events .active3, body#gallery .active4, body#kids .active5{
		text-decoration:none;
		color:#FDFF00;
	}
	
	/*
	footer
	*/
	#footer{clear:both;
		padding:5px 0 5px 10px;
		text-align:center;
		background:#4E7DB2;
		/*font-weight:bold;*/
		font-size:116%;
		width:auto;
	}
	#footer a, #footer p{
		color:#fff;
		text-align:center;
	}
	.webdesign{padding-top:10px; font-weight:normal;}
	
	/*
	nav - highlight curent page
	*/
	/*
	no border imgs
	*/
	img, a img, img a, a:visited img, a:hover img{
		border:0;
	}
	body#kids{
		line-height:1.5em;}
	body#kids #content img{
		border:dotted 10px #E4EBE2;
	}
	#bg_color{
		background:#C4D2D5;
		padding:10px;
		width:380px;
	}
	
	/*
	skip link
	*/
	#skiplink{position:absolute;top:-999em;left:-999em;}
	
	/*
	abbr
	*/
	abbr{
		cursor:help;
		border-bottom:1px solid #ccc;
		text-transform:uppercase;
	}
	/*.r{
		position:absolute;
		top:-999em;
		left:-999em;
		background:transparent;
	}*/
	/*
	blockquote
	*/
	blockquote{
		border-left:10px solid #ddd;
		padding:0 20px 0 20px;
		margin:15px 25px 15px 0;
		background:transparent;
	}
	blockquote p.quote{
		font-size:180%;
		line-height:1.7;
		color:#777;
	}
	blockquote p.author, blockquote strong{
		color:#777;
	}
	blockquote p.author,blockquote p.quote{
		font-family:georgia, serif;
		font-weight:bolder;
	}
	
	/*
	sponsor box outs
	*/
	
	
	.sponsorship-box p{text-align:right;background:transparent}
	/*.sponsorship-box:hover{
		background:#FFFFA0;
	}*/
	.sponsorship-box h2 a{background:transparent;
		padding:10px 5px;
		text-align:right;
		font-size:105%;
		font-weight:bold;
		line-height:1.6;
	}
	.sponsorship-box h2{background:transparent url(/i/sh-heading-logo.gif) no-repeat right 50%; padding-right:16px;}
	
	/*
	image background #FFFFA0
	*/
	#sponsorform-box,#our-searchengine,#donations{height:90px; width:300px;}
	
	#sponsorform-box{background:transparent url(/i/sponsor-form.gif) no-repeat 0 50%;}
	#sponsorform-box:hover{background:transparent url(/i/sponsor-form.gif) no-repeat 0 50%;}
	
	#our-searchengine{background:transparent url(/i/everyclcikicon.gif) no-repeat 0 50%;}
	#our-searchengine:hover{background:transparent url(/i/everyclcikicon.gif) no-repeat 0 50%;}
	/*money.gif*/
	#donations{/*padding-left:26px;*/background:transparent url(/i/donate-children.png) no-repeat 0 50%;}
	#donations:hover{/*padding-left:26px;*/background:transparent url(/i/donate-children.png) no-repeat 0 50%;}
	
	
	.sponsorship-box{
		margin:5px 0 5px 0;
	/*	padding:5px;*/
		background:transparent url(/i/sh-download-button.jpg) no-repeat 0 0; background-position:0 0;
	/*	border:5px solid #BEFD80;
		border-bottom:5px solid #7FD420;*/
		text-align:right;
		height:93px;
		width:307px;
	}
	.sponsorship-box:hover{background-position: -329px 0;}
	
	
	/*
	styled amp
	*/
	span.amp{
		font-size:110%;
		font-family:"Goudy Old Style", "Palatino", "Book Antiqua", georgia, serif;
		font-style:italic;
	}
	span.amp a:hover,span.amp:hover{color:#CB111B;}
	
	
	#sidebar ul,#content ul{
		padding:0 0 0 15px;
	}	
	#sidebar ul li,#content ul li{
		list-style:disc;
		height:1%;
		line-height:1.5;
	}
	fieldset{border:3px dotted #aaa; padding:15px; margin:10px 0 10px 0; background:#fff;}
	.disclaimer{font-size:75%;}
	#banner{background:#fff url(/i/new-header.jpg) no-repeat 50% bottom;width:auto; height:141px; /*height:165px;*/ /*z-index:99;*/}
	
	/*#banner h1{ background:#fff url(/i/header-grade.jpg) 0 bottom repeat-x;}*/
	#banner h1 a:link,
	#banner h1 a:visited,
	#banner h1 a:hover,
	#banner h1 a:active{  height:141px; font-size:1px; width:960px; 
	display:block; text-decoration:none;text-indent:-999em;
	
	 }
	/*
	gallery
	*/
	.gallery-thumbs{display:inline;}
	.gallery-thumbs img,.gallery-thumbs img:hover{border:5px solid #eee;}
	.gallery-thumbs img:hover{border-bottom:5px solid #4E7DB2;}
	/*
	hidden
	*/
	.hidden{display:none;}
	
	/*
	flickr.com/badge.gne
	*/
	.flickr_badge { float: left; }
	.flickr_badge_image img, .flickr_badge_image img:hover, .flickr_badge_image img a { 
	width: auto; /*height: 75px;*/ padding: 10px; margin: 0 10px 10px 0; border: 1px solid #ccc; background: #fff; float: left; }
	/*flickr text*/
	.flickr-flick{color:#0063DC;}
	.flickr-r{color:#FF0084;}
	
	
	/*clear both*/
	.break{clear:both;}
	.center{text-align:center;}
	
	/*image border single*/
	* .border{border:1px solid #000;}
	
	/*better visual bold*/
	#content p strong,#sidebar p strong{/*color:#444;*/ font-weight:normal;}
	
	/*
	image alignments
	*/
	
	/* Begin Images */
		p img{
			padding:0;max-width:100%;}
	
	/*
	hr style
	*/
		hr{background:#fff;color:#fff;height:1px;border:0;margin-bottom:2.6em;}
	
	/*	Using 'class="alignright"' on an image will (who would've
		thought?!) align the image to the right. And using 'class="centered',
		will of course center the image. This is much better than using
		align="center", being much more futureproof (and valid) */
		img.centered{
			display:block;margin-left:auto;margin-right:auto;}
		img.alignright{
			padding:4px;margin:0 0 2px 7px;display:inline;}
		img.alignleft{
			padding:4px;margin:0 7px 2px 0;display:inline;}
		.alignright{
			float:right;}
		.alignleft{
			float:left
			}
	/* End Images */
	
	
	div { position:relative; }
	
	#navcontainer #google-translate { position:absolute; right:-60px; top:-107px; }
	
	.center { text-align:center; }
	.right { text-align:right; }
	.highlight{ background:#FFFFCC; border-bottom:5px solid #ddd; padding:10px;}