/* 
		Theme Name: Default 3 Coulmn Layout
		Description: Designed by ForrestDean Ltd
		Designer : Christopher Forrest
		Slicer/Coder : Christopher Forrest
		
		/* Generic Styles */
		
		body {
			text-align: center;
			font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
			line-height:1.8em; /* The leading is 18px */
			font-size:0.625em; /* Reset the body font size to 10px, this makes calculations easier (0.625 x 16px = 10px) */
			background:#29AAE1 url('../images/bg_image.png') no-repeat top center;
			
		}
		
		html>body {
			font-size: 10px; /* Reset the body font size to 10px */
		}
		
		/* Base Line height 18px / Font Size (?px) = Leading and Equal Margins (em), although line heights automaticaly calculated, therefore no need to repeat here)*/

		/*h1 { font-size:4.8em;  48px margin: 0.75em 0 1.5em 0;}*/ 
		h2 { font-size:4.6em; /* 46px */ margin: 1.564em 0 0.782em 0;}
		h3 { font-size:1.8em; /* 18px */ margin: 2em 0 1em 0; font-weight:bold;}
		h4 { font-size:1.8em; /* 18px */ margin: 1.8em 0 1em 0; font-weight:bold;}
		h5 { font-size:1.4em; /* 14px */ margin:1.286em 0 1.286em 0; /* Base Line height 18px / Font Size 14px = 1.286em*/}
		h6 { font-size:1.4em; /* 14px */ margin:1.286em 0 1.286em 0; /* Base Line height 18px / Font Size 14px = 1.286em*/}
		
		
		h1, h2, h3, h4, h5, h6 { 
			font-family:Helvetica, Ariel, sans-serif;
			font-weight:normal;
			color:#333333;
			text-align:left;
		}
		
		/* special "h" rules*/

		/*.h1h { margin-bottom:0.75em; reset h1 heading margin if in Header Div}*/ 
		.h2c, .h3c {
			margin-top:0.4em; /*reset when heading div*/
			margin-bottom:0.4em; /*reset when heading div*/
			padding-bottom:0.4em;
			color:#004B8D;
		}
		
		hr {
			background: none;
			border: 1px solid #cec5c0;
			margin: 34px 0 10px 0;
		}
		
		p, blockquote, pre, strong, tr, dl, ol, ul { 
			font-size:1.4em; /* 14px */ 
			margin:1.286em 0 1.286em 0; /* Base Line height 18px / Font Size 14px = 1.286em*/
			text-align:left;
		} 
		
		a {
			color: #006; /* No height specified for a tag as font resizing will occur within p, ol, ul tags*/
		}
		
		a.hlink { font-size:1.4em;} /* Font size for external hyperlinks*/
		   
		a:hover {
			text-decoration: underline;
		}

		blockquote, q { 
			text-indent:1.6em; 
			quotes:none;
		}

		blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
		
		.feature {margin-bottom:5px;}
		
		h4.quote {
			background-image:url("../images/story_sprite.png");
			background-position:0 -195px;
			background-repeat:no-repeat;
			border-bottom-color:#D8D8D8;
			border-bottom-style:solid;
			border-bottom-width:1px;
			border-top-color:#D8D8D8;
			border-top-style:solid;
			border-top-width:1px;
			margin-top:0;
			margin-bottom:12px;
			padding-bottom:11px;
			padding-top:6px;
			position:relative;
			text-indent:-500px;
		}
		
		h4.quote span {
			display:block;
			text-indent:-5000px;
		}

		.story-feature-blockquote {
			display:inline;
			float:left;
			border-bottom-color:#D8D8D8;
			border-bottom-style:solid;
			border-bottom-width:1px;
			padding-bottom:15px;
			margin:0;
		}
		
		.story-feature-blockquote p{
			line-height:18px;
			font-size:1em;
			margin-top:0;
			margin-bottom:0;
		}
		
		.story-feature-endquote {
			display:none;
		}
		
		/* bolds and italics */
		.b { font-weight:bold;}
		.i { font-style:italic;}
		.u { text-decoration:underline;}
		.center {text-align:center;}
		
		/* inserts and deletions */
		ins { text-decoration:none;}
		del { text-decoration:line-through;}

		/* tables still need 'cellspacing="0"' in the markup */
		table { 
			border-collapse:collapse; 
			border-spacing:0;
		}

		caption {
			font-size:1.2em;
			text-align:right;
			caption-side:bottom;
		} /* Base Line height 18px / Font Size 12px = 1.5em */
		
		/* CLEARFIX - Alternative to overflow:hidden */

		.clearfix:after {
			content: "."; 
			display: block; 
			height: 0; clear: both; 
			visibility: hidden;}
			
		.clearfix {display: inline-block;} /*for IE/ Mac*/
		
		* html .clearfix {height: 1%;}
		
		.clearfix {display: block;}
		
		/*end of clearfix*/
		
		/* MAIN STRUCTURE */
		
		#container {
			padding-top:30px;
			width: 950px;
			margin: 0 auto;
		}
		
		#header {
			height:155px;
			background: url('../images/headerv1.png') no-repeat center top;
		}
		
		#navigation {
			width:940px;
			position:relative;
			padding: 0 4px;
			z-index:2;
		}
		
		#main {
			overflow:hidden;
			background: url('../images/wrap_bg.png') repeat-y left top;
			
		}
		
		#main #featureContent {
			float:left;
			width:950px;
			height:350px;
		}
		
		#main #primaryContent {
			float:left;
			width:615px;
			padding:0 0 0 10px;
		}
		
		#main #primaryContent #col1, #main #primaryContent #col2, #main #primaryContent #col3, #main #secondaryContent {
			float:left;
			width:300px;
		}
		
		#main #primaryContent #col2 {
			float:right;
		}
		
		#main #primaryContent #col3 {
			width:615px;
			clear:both;
		}
		
		#main #secondaryContent {
			width:300px;
			float:right;
			padding:0 10px 0 0;
			
		}
		
		#footerBase	{
			margin-top: 20px;
		}
		
		#footerBase #footerCredits {
			width:950px;
			overflow:hidden;
			margin:0  auto;
		}
		
		/*Single*/
		
		#main #primaryContent.primaryContent-single {
			float:left;
			width:735px;
			padding:10px 0px 0 10px ;
			/*background:blue;*/
		}
		
		#main #secondaryContent.secondaryContent-single {
			float:right;
			width:190px;
			padding:10px 10px 0 0px;
			/*background:green;*/
		}
		
		#main #featureContent.featureContent-single {
			height:175px;
			width:718px;
			border:#D8D8D8 1px solid;
			padding:5px;
		}
		
		#main #primaryContent #col1.col1-single {
			float:left;
			width:550px;
			padding-top:10px;
			padding-left:5px;
		}
		
		#main #primaryContent #col1.col1-single-double {
			float:left;
			width:720px;
			padding-top:10px;
			padding-left:5px;
			padding-right:5px;
		}
		
		#main #primaryContent #col2.col2-single {
			float:left;
			width:170px;
			padding-top:1em;
			padding-right:5px;
		}
		
		#main #primaryContent #col2.col2-single {
			float:right;
		}
		
		/*COL1, COL2, COL3 & Secondary Content*/
		
		#container #main #primaryContent #col1 h3, #container #main #primaryContent #col1 h4, #container #main #primaryContent #col1 p, #container #main #primaryContent #col1 ul,
		#container #main #primaryContent #col2 h3, #container #main #primaryContent #col2 p,
		#container #main #primaryContent #col3 h3, #container #main #primaryContent #col3 p,
		#container #main #secondaryContent h3, #container #main #secondaryContent h4, #container #main #secondaryContent p {
			padding: 0 10px;
		}
		
		#container #main #primaryContent #col1 h3, #container #main #primaryContent #col2 h3, #container #main #primaryContent #col3 h3, #container #main #secondaryContent h3 {
			margin:5px 0 10px 0;
			color:#fff;
			height:2em;
			line-height:2em;
			display:block;
			background:#666 url('../images/titles-bg.png') repeat-x left bottom;
			padding: 0 10px 0 0;
		}
		
		#container #main #primaryContent #col1 h3 span, #container #main #primaryContent #col2 h3 span, #container #main #primaryContent #col3 h3 span, #container #main #secondaryContent h3 span {
			padding:0.45em 20px 0.45em 10px;
			background:#F00 url('../images/titles-text.png') no-repeat right bottom;
		}
		
		#container #main #primaryContent #col1 ul li{
			padding-left:20px;
			list-style:none;
			background-image:url(../images/bullet.png);
			background-repeat:no-repeat;
			background-position:0px 4px;
		}
		
		.container ul li{
			padding-left:0px;
			list-style:none;
			background-image:none;
		}
		
		#container #main #secondaryContent ul.news-archive-list li{
			padding-left:25px;
			list-style:none;
			background-image:url(../images/bullet.png);
			background-repeat:no-repeat;
			background-position:10px 4px;
		}
		
		#container #main #primaryContent #col1 img{
			float:left;
			margin:0 0 18px 5px;
		}
		
		/* ACCESSABILITY */
		
		#accessibility {
			float:right;
			padding: 15px 15px 0 0;
			position:relative;
			z-index:5;
		}
		
		#skip-content {
			padding-right:10px;
			padding-top:5px;
			float:right;
			border-right: 1px solid #000;
		}
		
		#font-scaling {
			float:right;
			color:#000;
			padding:0 0 0 10px;
		}
		
		#skip-content a {
			color:#000;
			font-size:1.4em;
			text-decoration:none;
			text-align:right;
		}
		
		#font-scaling a.decrease {
			font-size:1.8em;
		}
		
		#font-scaling a.default {
			font-size:2.2em;
		}
		
		#font-scaling a.increase {
			font-size:2.6em;
		}
		
		#skip-content a:hover, #font-scalling a:hover {
			text-decoration:underline;
		}
		
		/* THE LOGO */
		
		#slogan {
		}
		
		#subpage #slogan {
		}
		
		h1#slogan  {
			margin:15px 0 0 10px;
			padding:0;
			background:url(../images/logo.png) no-repeat;
			width:260px;
			height:125px;
			position:relative;
			z-index:10;
			text-indent:-9999px;
			float:left;
		}
		
		h1#slogan a {
			display: block;
			width: 260px;
			height: 125px;
		}
		
		/* NAVIGATION */
		
		#navbar {
			width:942px;
			margin: 0 auto;
			padding:0;
			line-height:100%;
			background: #666 url(../images/nav.jpg) center center repeat-x;
		}
		
		.nav-divide {border-bottom:#D8D8D8 1px solid;}
		
		ul#nav {
			margin: 0;
			text-indent:0px;
		}
		
		ul#nav li {
			
			float: left;
			position: relative;
			list-style: none;
			background-image:none;
			padding-left:0;
		}


		/* Main level link */
		
		ul#nav li a {
			font-size:1em;
			color:#000;
			text-decoration: none;
			display: block;
			padding:  12px 17px;
			border-right:#FFFFFF 1px solid;
			margin: 0;
		}

		#nav a:hover {
			background: #000;
			color: #C1C1C1;
		}
		.trigger {
			padding:  12px  20px 12px 5px;
			background-image: url('../images/arrow.gif');
			background-repeat: no-repeat;
			background-position: right center;
		}
		
		.trigger-right {
			padding:  12px  20px 12px 5px;
			background-image: url('../images/arrow_right.gif');
			background-repeat: no-repeat;
			background-position: right 11px;
		}

		/* Main level link hover */
		
		ul#nav .current a, #nav li:hover > a {
			background: #666 url(../images/nav_hover.png) center center repeat-x;
			color:#FFFFFF;
		}
		
		body#home a#tab1, body#about a#tab2, body#services a#tab3, body#news a#tab4, body#portfolio a#tab5, body#contact a#tab6 , body#links a#tab7, body#vacancies a#tab8{
			background: #666 url(../images/nav_hover.png) center -36px repeat-x;
			color:#FFFFFF;
		}

		/* Sub levels link hover */

		ul#nav ul li:hover a, #nav li:hover li a {
			background: none;
			border: none;
			color: #000;
		}
		
		ul#nav ul a:hover {
			background: #F6F6F6 url(../images/nav.jpg) center center repeat-x!important;
			color: #000 !important;
		}

		/* Dropdown */
		
		ul#nav li:hover > ul {
			display: block;
		}

		/* Level 2 list */
		
		ul#nav ul {
			display: none;
			text-indent:0px;
			margin: 0;
			padding: 0;
			width: 10em;
			position: absolute;
			top: 25px;
			left: 0;
			background: #FFF;
			border:#CCCCCC solid 1px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			z-index:500;
		}
		ul#nav ul li {
			float: none;
			margin: 0 0;
			padding: 0;
			border-bottom:#F2F2F2 solid 1px;
		}
		
		ul#nav ul li.last {
			border-bottom:none
		}

		ul#nav ul a {
			font-size:14px;
			padding:  10px 20px;
			line-height:100%;
			text-align:left;
			
		}

		/* Level 3+ list */
		
		ul#nav ul ul {
			left: 181px;
			top: 8px;
			width: 5em;
		}

		/* Rounded corners of first and last link */
		
		ul#nav ul li:first-child > a {
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
		
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topright: 5px;
		}
		ul#nav ul li:last-child > a {
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-bottomleft: 5px;
		
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-bottomright: 5px;
		}
		
		/*SUB PAGE SIDE NAVIGATION STYLING*/
		
		#subPagesidebarContainer {
			margin:0;
		}
		ul#subPagesidebar {
			list-style:none;
			margin:0;
			text-indent:0px;
			border-top:#D8D8D8 1px solid;
			
		}
		
		ul#subPagesidebar li {
			display:inline;
			background-image:none;
			padding-left:0;
			
		}
		
		ul#subPagesidebar a{
			padding: 5px 10px;
			background:#FFFFFF;
			color:#004B8D;
			font-size:1em;
			text-decoration:none;
			text-align:left;
			display:block;
			border-bottom:#D8D8D8 1px solid;
		}
		
		ul#subPagesidebar a:hover{
			background:#03D6E2 url(../images/nav.jpg) repeat-x center center ;
		}
		
		/*FEATURECONTENT*/
		
		div#slideshow {
			width: 950px; height: 350px;
			margin:auto auto;
			overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */ 
			position: relative; z-index: 1;
		}
		
		/*SHCTV */
		
		#shctv {
			padding:2.5px;
			border:#A1A1A1 solid 1px;
		}
		
		.shctv-caption{
			position:relative;
			top:-5px;
			z-index:50;
			float:right;
		}
		
		/*SPONSORS*/
		
		div#slideshow2 {
			width: 298px; height: 208px;
			overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */ 
			position: relative; z-index: 1;
			border:#A1A1A1 solid 1px;
		}
		
		/*BUTTONS*/
		
		#container #main #secondaryContent p.buttons {
			margin:5px 0 5px 0;
			padding:0;
			text-indent:-9999px;
		}
		
		#container #main #secondaryContent p.buttons a{
			width: 215px; height: 80px;
			background-image:url(../images/feature-sprites.png);
			background-repeat:no-repeat;
			display:block;
			text-decoration:none;
			padding:0 85px 0 15px;
			color:#fff;
			font-size:2em;
			font-weight:bold;
			line-height:23px;
			margin:0;
		}
		
		#container #main #secondaryContent p.buttons a span {
			font-size:0.5em;
			font-weight:100;
			line-height:17px;
			width:250px;
			margin:0;
			padding:0;
		}
		
		#container #main #secondaryContent p.buttons a:hover {
			background-image:url(../images/feature-sprites.png);
			background-repeat:no-repeat;
		}
		
		p.club a {background-position: 1px -2px;}
		p.kit a {background-position: 1px -174px;}
		p.forum a {background-position: 1px -260px;}
		p.juniors a {background-position: 1px -89px;}
		
		p.club:hover a {background-position: -306px -2px;}
		p.kit:hover a {background-position: -306px -174px;}
		p.forum:hover a {background-position: -306px -260px;}
		p.juniors:hover a {background-position: -306px -89px;}
		
		/**
		* Gallery
		*/
		
		#gallery {
			margin: 12.5px auto 17.5px auto;
			width:162px;
		}
		
		#gallery ul {
			margin:0;
			padding:0;
		}
		
		#gallery li {
			list-style: none; float: left; margin:5px 2.5px 0px 2.5px; padding:0;
		}
		
		#gallery a {
			display:block;
			width:76px;
			height:76px;
		}
		
		#gallery a img {
			border: 1px solid #ccc;
			
			
		}
		
		#gallery a:hover img {
			border: 1px solid #75879d;
		}

		/*Social Networking*/
		
		#social-networking img {
			margin:1em auto 0 5px;
			float:right;
		}
		
		#container #main #secondaryContent h4#facebook-badge, #container #main #secondaryContent h4#twitter-badge  {
			margin:0 auto;
			padding:0;
			background:url(../images/social-media.png);
			background-repeat:no-repeat;
			background-position:top right;
			width:150px;
			height:60px;
			float:left;
			text-indent:-9999px;
		}
		#container #main #secondaryContent h4#rss-badge
{
	margin: 0px auto auto 3px;
	padding: 0;
	background: url(../images/feed-icon-28x28.png);
	background-repeat: no-repeat;
	width: 147px;
	height: 30px;
	float: left;
}
		
		#container #main #secondaryContent h4#twitter-badge  {
			background-position:top left;
			
		}
		
		#container #main #secondaryContent h4#facebook-badge a, #container #main #secondaryContent h4#twitter-badge a {
			display: block;
			width: 150px;
			height: 60px;
		}
		#container #main #secondaryContent h4#rss-badge a
{
	display: block;
	width: 150px;
	height: 60px;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 30px;
	padding-top: 5px;
}
		
		/*Club First*/
		
		a.club-first img {
			position:relative;
			top:60px;
			left:232px;
			z-index:5;
			width:200px;
		}
		
		/**
		* Portfolio
		*/
	       
	       #primaryContent #col1 h3.portfolio {
		   clear:both;
		   margin-bottom:18px;
	       }
	       
	       #primaryContent #col1 img.gallery-img {
		   width:155px;
		   border: 1px solid #BBB;
		   padding:5px;
		   margin-bottom:5px;
		   margin-right:5px;
	       }
	       
	       #primaryContent #col1 img.gallery-img:hover {
		   border:#333 solid 1px;
	       }
	       
	       /**
		* SHCTeam
		*/
	       
	       .shcteam-heading{
		   margin-bottom:1.5em;
	       }
	       .shcteam { 
		   padding:5px;
		   border:#d1d1d1 1px solid;
		   margin-bottom:10px;
		   background-image: url(http://www.sheffieldhc.co.uk/images/team-bg.jpg);
		   background-position: left top;
		   background-repeat: repeat-x;
		   width:95%;
	       }
	       
	       .shcteam-info { 
		   float:right;
		   width:410px;
	       }
		   
		   #container #main #primaryContent #col1 div.shcteam-info ul li{
			   padding-left:0px;
			   background-image:none;
	       }
	       
	       .shcteam img {
		   float:left;
	       }
	       
	       /**
		* Modal window
		*/
	       
	       .no-link a{
		   border:none;
		   text-decoration:none;
	       }
	       
	       .modalWindow{
		   float:left;
		   text-align:center;
		   padding:5px;
		   width:157px;
		   margin-right:5px;
	       }
	       
	       .modalWindow a img {
		   border: 1px solid #BBB;
		   vertical-align: top;
		   width:150px;
		   padding:5px;
		   background:#F6F6F6;
	       }
	       
	       .modalWindow a img:hover{
		   border:#333 solid 1px;
		   
	       }
	       
	       .modalWindow a{
		   color:#000;
		   text-decoration:none;
		   border:none;
	       }
	       
	       .modalWindow p a{
		   text-decoration:none;
	       }
	       
	       .modal {
		       color:#333333; /* No height specified for a tag as font resizing will occur within p, ol, ul tags*/
		       text-decoration:none;
	       }
	       
	       .modalWindow a:hover{
		   color:blue;
	       }
	       
	       .modalWindow a.caseStudy {
		   background:url('../images/search.png') 26px center no-repeat;
		   display:block;
		   padding:1px 0 1px 55px;    
	       }
	       
	       .modalBox{
		   width:730px;
		   height:auto;
		   overflow:auto
	       }
	       
	       .modalBox a{
		   color:#025ED3;
	       }
	       
	       .modalHeader{
		   height:80px;
		   border-bottom:1px solid #c1c1c1;
		   padding:0 0 20px 0;
	       }
	       .modalHeader img{
		   float:right;
		   width:150px;
		   height:100px;
	       }
	       .modalHeader h3{
		   font-size:28px;
		   margin-top:10px;
		   padding-top:5px;
		   margin-bottom:8px;
		   line-height:18px;
	       }
	       .modalHeader h4{
		   font-size:24px;
		   color:#333;
		   margin:0;
	       }
	       .modalFooter{
		   height:auto;
		   border-top:1px solid #c1c1c1;
		   margin-bottom:5px;
	       }
	       .modalFooter img{
		   margin:10px 0 0 0;
		   padding: 5px 0 0 0;
		   float:left;
		   width:100px;
	       }
	       
	       /**
		* Contact Us
		*/
	       
	       .googleMap{
		   float:right;
		   padding:5px;
		   margin-top:18px;
		   text-align:right;
		   border:#d1d1d1 1px solid;
		   background-image: url('http://www.sheffieldhc.co.uk/images/team-bg.jpg');
		   background-position: left top;
		   background-repeat: repeat-x;
	       }
	       
	       .Map{
		   text-align:right;
		   float:right;
	       }

		/*FOOTER*/
		
		#footer-box{
			width:930px;
			height:35px;
			clear:both;
			margin:0 auto 10px auto;
			background: url('../images/footer.png') repeat-y left center;
		}
		
		#footerBase #footerCredits p, #footerBase #footerCredits p a {
			color:#FFF;
		}
		
		#footerBase #footerCredits p a {
			text-decoration:underline;
		}
		
		/*SPONSOR*/
		
		.sponsor{
			
			float:left;
			
			}
			
		.sponsor img{border:1px solid #999;}
		
		.sponsor img:hover {border:1px solid #666}
		
		#team-sponsor{
			border-bottom-color: #D8D8D8;
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-top-color: #D8D8D8;
			border-top-style: solid;
			border-top-width: 1px;}
		
		#team-sponsor h4 {
			border-bottom-color: #D8D8D8;
			border-bottom-style: solid;
			border-bottom-width: 1px;
			margin-top:5px;
			padding-bottom:5px;}
			
		#team-sponsor img {
			float:left;
			margin:0 5px 15px 5px;
			width:160px;
		}
		
		/*NEWS*/
		
		#container #main #primaryContent #col1 img.news-img{
			padding:4px;
			float:right;
			margin:0px 10px 10px 10px;
			border: 1px solid #999;
			}
			
		#container #main #primaryContent #col1 div.paging{
			margin:0 auto;
		}
		
		#container #main #primaryContent #col1 div.paging p{
			margin:0 auto;
			padding:0;
			text-align:right;
		}
		
		
		/*Tables*/
		
		.table-style-1 {margin-left:10px; margin-bottom:10px;}
		
		.table-style-1-row-highlight {color:#004B8D;}
		.table-style-1-row-highlight a {color:#004B8D;}
		
		.table-style-1 td {width:33%;}
		
		.table-style-2 {margin-left:10px; margin-bottom:10px;}
		
		.table-style-2 tr td a {text-align:center;}
		
		.table-style-2-row-highlight {color:#004B8D;}
		.table-style-2-row-highlight a {color:#004B8D;}
		
		.table-style-2 a:hover {color:#000;}
		
		.table-style-2 td {width:33%; text-align:center;}
		
		.table-style-2 td tr {text-align:center;}