/* CSS Document for Yorkshire Gold */
/* business colour pink = #B4363A */

* {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
line-height:1.3em;
list-style:none;

}

body {
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background-color:#857039;
	color:#333333;	
}

table,tr,td{
	padding:0;
	margin:0;
}

hr {
	visibility: hidden;
	height:1px;
	margin:0;
	padding:0;
	color:#fff;
	border:none;
	display:inline;
}

img{
	border:none;
}

/* main containers */

#container-header{
	text-align:center;
	padding-top:25px;
	clear:both;
	margin:auto;
	background-color:#fff;	
	overflow:hidden;	
}

#container-main{
	width:916px;
	margin:0 auto 0 auto;
	background-color:#fff;	
	overflow:hidden;
}

#container-footer{
	background:transparent url(../stat/footer_strip.gif) repeat-x scroll 0 0;
	clear:both;
	text-align:left;
	padding:30px 20px 44px 0;
	overflow:hidden;
}

/* Header */

#header {
	padding-bottom:15px;
	overflow:hidden;
}

#accessibility{
	position:absolute;
	top:-1000px;
	left:-1000px;
	width:1px;
	height:1px;
	overflow:hidden;
}

#branding {
	width:458px;
	height:62px;	
	float:left;
	text-align:left;
}

#branding img {
	border:none;
}

#main-header{
	float:right;
}

#parent-branding {
	margin-bottom:10px;
	text-align:right;
}

#parent-branding p {
	font-size:108%;
	vertical-align:top;
	display:inline;
}

#parent-branding a {
	background:transparent url(../stat/yg_logo.gif) repeat-x scroll 0 0;
	display:inline-block;
	width:84px;
	height:28px;
	margin-left:10px;
	text-indent:-3000em;
	text-align:left;
	overflow:hidden;
}

#navigation {
	width:458px;
	text-align:left;
	margin-top:1px;	
	overflow:hidden;	
	border-top:4px solid #86713A;
	padding-top:4px;
	border-bottom:4px solid #86713A;
	padding-bottom:7px;		
	min-height:46px;

}

#navigation li{
	float:left;
	margin:3px 3px 0 0;
}

#navigation li a.navtab{
	background-color:#66BC29;
	color:#333;	
	padding:3px 5px 3px 5px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	font-size:1.1em;
	float:left;
}

#navigation li a.last{
	margin-right:50px;
}

#navigation li a.current{
	color:#000000;
	background-color:#86713A;
}

#navigation li a.navtab:hover {
	background-color:#333333;
}
#navigation li a.current:hover {
	color:#fff;
}
#navigation li a.navtab:active{
	color:#FFF;
}

#navigation li a.navtab:focus {
	background-color:#333333!important;
}

/* Content */

#content{
	text-align:left;
	overflow:hidden;
}

#secondary-content{
	width:428px;
	float:left;
	padding:15px 0;
	font-size:1.3em;
}

#primary-content{
	width:458px;
	float:right;
	margin-top:0 !important;
}

p.crumb{
	font-size:1.1em;
	margin-top:10px;
	margin-bottom:15px;
	color:#66BC29;
}

p.crumb a{
	color:#66BC29;
	font-weight:bold;
}

p.crumb a:focus,
p.crumb a:hover{
	color:#333;
}

p.intro{
	font-size:1.5em;
	line-height:1.3em;
	font-weight:bold;
	margin:0;
	padding:0;
}

p.signoff{
	font-weight:normal;
	font-size:1.3em;
}

div.signoff p{
	font-weight:normal;
	font-size:1.3em;
}

p.highlight{
	font-weight:normal;
	font-size:1.3em;
	color:#66BC29;
}

h1{
	text-indent: -3000em;
}

h2{
	font-size:2em;
	color:#fff;
	font-weight:normal;
	margin-bottom:20px;
}

h2 span.default-bg{
	background-color:#66BC29;
	padding:2px 5px 3px 5px;
}

h2 div.inner{
	border:1px solid red;
	margin-left:10px;
	display:inline;
}

h3{
	font-size:1.3em;
	color:#66BC29;
	margin-bottom:10px;
}

h4{font-size:1.1em;}

h5{font-size:1.1em;}


h3 a, a{
	color:#66BC29;
}

h3 a:hover, h3 a:focus{
	color:#333;
}

#container-main #secondary-content h3{
	font-size:1.5em;
	font-weight:normal;
	padding:20px 0;
	margin:0;
	clear:both;
}

div.inner-content{
	padding:15px 15px 30px;
	font-size:1.2em;
}

div.inner-content p{
	padding-bottom:1.2em;
}

div.inner-content a{
	font-weight:bold;
}

div.inner-content a:focus,
div.inner-content a:hover{
	color:#333;
}

div.inner-content #map{
	width:400px;
	height:300px;
	margin-bottom:20px;
}

/* footer */


#footer{
	text-align:left;
	width:916px;
	margin:auto;
	font-size:1.1em;	
	overflow:hidden;
}

#footer ul{
	display:inline;
	float:left;
	width:471px;
}

#footer li{
	display:inline;
}

#footer li a{
	color:#fff;	
	padding:0 6px 0 4px;
	text-decoration:none;
	border-right:#C5C4BE 1px solid;
}

#footer a img{
	border:0;
}

#footer a.first{
	padding:0 5px 0 0;
}

#footer a.last{
	border-right:0;
	padding-right:10px;
}

#footer a:focus,
#footer a:hover{
	text-decoration:underline;
}

#footer div#partner-logos{
	float:right;	
}

#footer div#partner-logos img{
	margin-left:18px;
}

#footer div#partner-logos img#logo-alive{
	padding-top:10px;
}

#footer div#partner-logos img#logo-yf{
	padding-bottom:10px;
}

/* hero opertunities example images */

#container-main div.examples{
	position:relative;
}

#container-main div.examples dl dd{
	font-size:0.8em;
	color:#666666;
	padding-top:5px;
}

body.major-projects #container-main #secondary-content div.examples{
	background:url(../stat/standard_background.gif) 75% 25% no-repeat;
	height:215px;
}

body.major-projects #container-main #secondary-content div.examples dl dt.henry-moore{position:absolute; }
body.major-projects #container-main #secondary-content div.examples dl dd.henry-moore{position:absolute; top:174px; width:257px;}

body.inspire-programme #container-main #secondary-content div.examples{
	/*background:url(../stat/standard_background.gif) 55% 58% no-repeat;*/
	height:260px;
}

body.inspire-programme #container-main #secondary-content div.examples dl dt.sporting{position:absolute; }
body.inspire-programme #container-main #secondary-content div.examples dl dd.sporting{position:absolute; top:157px; }
body.inspire-programme #container-main #secondary-content div.examples dl dt.wyp{position:absolute; top:65px; left:235px;}
body.inspire-programme #container-main #secondary-content div.examples dl dd.wyp{position:absolute; top:239px; left:235px;}

body.youth-engagement #container-main #primary-content div.examples{
	background:url(../stat/standard_background.gif) 54% 37% no-repeat;
	height:280px;
}

body.youth-engagement #container-main #primary-content div.examples dl dt.jumping{position:absolute; top:25px; left:261px; }
body.youth-engagement #container-main #primary-content div.examples dl dd.jumping{position:absolute; top:260px; left:261px; }

body.imove #container-main #secondary-content div.examples{
	background:url(../stat/imove_background.gif) 90% 60% no-repeat;
	height:250px;
}

body.imove #container-main #secondary-content div.examples dl dt.beach{position:absolute; top:50px;}

body.get-involved #container-main #secondary-content div.examples{
	background:url(../stat/standard_background.gif) 55% 30% no-repeat;
	height:215px;
}

body.get-involved #container-main #secondary-content div.examples dl dt.nsocd{position:absolute; top:89px; left:11px;}
body.get-involved #container-main #secondary-content div.examples dl dd.nsocd{position:absolute; top:202px; left:11px;}

/* hero background images */

body.home #container-main
{
	background:url(../stat/h1_home.jpg) 30px 31px no-repeat;
}

body.home #container-main #secondary-content{
	padding-top:380px;	
}

body.major-projects #container-main
{
	background:url(../stat/h1_major_projects.jpg) 6px 80px no-repeat;
}

body.major-projects #container-main #secondary-content{
	padding-top:450px;
}

body.inspire-programme #container-main
{
	background:url(../stat/h1_inspire_programme.jpg) 6px 80px no-repeat;	
}

body.inspire-programme #container-main #secondary-content{
	padding-top:450px;
}

body.open-weekend #container-main{
	background:url(../stat/h1_open_weekend.jpg) 6px 100px no-repeat;	
}

body.open-weekend #container-main #secondary-content{
	padding-top:500px;
}

body.youth-engagement #container-main
{
	background:url(../stat/h1_youth_engagement.jpg) 6px 80px no-repeat;
}

body.youth-engagement #container-main #secondary-content{
	padding-top:450px;
}

body.imove #container-main
{
	background:url(../stat/h1_imove.jpg) 6px 80px no-repeat;
}

body.imove #container-main #secondary-content{
	padding-top:450px;
}

body.get-involved #container-main
{
	background:url(../stat/h1_get_involved.jpg) 6px 80px no-repeat;
}

body.get-involved #container-main #secondary-content{
	padding-top:450px;
}

body.newsletter #container-main
{
	background:url(../stat/h1_newsletter.jpg) 6px 80px no-repeat;
}

body.newsletter #container-main #secondary-content{
	padding-top:450px;
}

body.contact #container-main
{
	background:url(../stat/h1_contact.jpg) 6px 100px no-repeat;
}

body.contact #container-main #secondary-content{
	padding-top:400px;
}

body.additional #container-main{
	background:url(../stat/h1_additional.jpg) 6px 100px no-repeat;	
}

body.additional #container-main #secondary-content{
	padding-top:500px;
}

body.contact #container-main #primary-content{
	min-height:470px;
}

#container-main #primary-content div.logos{
	margin:0;
	padding:0 0 0 0;
	float:right;
	width:100px;
	text-align:right;
}

#container-main #primary-content div.links{
	float:left;
	width:300px;	
}

#container-main #primary-content div.links a{
	display:block;
}

#container-main #primary-content div.logos img{
	margin:0;
	padding:0;
}

#container-main #primary-content div.business div.links p a{
	display:block;
}

body.contact #container-main #primary-content{
	padding-bottom:20px;
}

#container-main #primary-content .links p{
	padding:0;
}

#container-main #primary-content div.item{
	overflow:hidden;
	padding-bottom:15px;
}

#container-main #primary-content div.dotted-top{
	overflow:hidden;
	background:url(../stat/dotted_line.gif) left top repeat-x;
	padding:15px 0;
}

#container-main #primary-content p.dotted-bottom{
	overflow:hidden;
	background:url(../stat/dotted_line.gif) left bottom repeat-x;
	padding:10px 0 20px 0;
	margin-bottom:0px;
} 

#container-main #primary-content div.dotted-bottom{
	background:url(../stat/dotted_line.gif) left bottom repeat-x;
	padding-bottom:15px;
	margin-bottom:20px;
}

#container-main #primary-content div.no-dots{
	background:none;
}

#container-main #primary-content ul.anchor-navigation li a{
	background:transparent url(../stat/arrow_right_gold.gif) no-repeat scroll 0 5px;
	display:inline-block;
	font-size:1em;
	line-height:1.4;
	margin:0 0 5px;
	padding:0 0 0 11px;
}

#container-main #secondary-content div.dotted-top{
	overflow:hidden;
	background:url(../stat/dotted_line.gif) left top repeat-x;
	padding:0;
	margin-bottom:0px;
}

#container-main #secondary-content ul.articles li a{
	background:transparent url(../stat/arrow_right_gold.gif) no-repeat scroll 0 3px;
	display:inline-block;
	font-size:0.85em;
	line-height:1.3;
	margin:0 0 5px;
	padding:0 0 0 11px;
}

#container-main #secondary-content ul.articles li.not-active{
	background:transparent url(../stat/arrow_right_gold_not_active.gif) no-repeat scroll 0 3px;
	font-size:0.85em;
	color:#DAD4C3;
	line-height:1.3;
	margin:0 0 5px;
	padding:0 0 0 11px;
}

#container-main #secondary-content ul li{
	overflow:hidden;
}

#container-main #secondary-content ul li.navigate{
	padding-bottom:8px;
}

#container-main #secondary-content ul.months {
	width:400px;
}

#container-main #secondary-content ul.months li{
	width:400px;
}

#container-main #secondary-content ul.month {
	width:100px;
	float:left;
}

div.allow-bullets ul{
	padding:0 0 10px 15px;
	margin:0;
}

div.allow-bullets ul li{
	padding:0;
	list-style-type:disc;
	color:#86713A;
	font-weight:bold;
}

div.allow-bullets ul li a{
	color:#86713A;
}

div.allow-bullets ol{
	padding:0 0 10px 18px;
	margin:0;
}

div.allow-bullets ol li{
	color:#86713A;
	font-weight:bold;
	padding:0;
	list-style-type:decimal;
}

div.allow-bullets p{
	margin:0 0 10px 0;
	padding:0;
}

/* Box end */

div.box-end {
	overflow:hidden;
	background:url(../stat/dotted_line.gif) repeat-x;
	padding:15px 0 0 0;
}

div.box-end ul {
	display:block;
	overflow:hidden;
	background:url(../stat/dotted_line.gif) left bottom repeat-x;
	padding:0px 0px 15px 0px;						
}

li.mainlink a{
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
	color:#86713A;
}

div.box-end ul li.first{
	float:left;
}

div.box-end ul li.second{
	float:right;
}

div.box-end ul li.mainlink a.left-arrow{
	background:url(../stat/arrow_left_boxed.gif) 0 0 no-repeat;
	padding:0 0 0 30px;
	line-height:23px;
	display:inline-block;
}

div.box-end ul li.mainlink a.right-arrow{
	background:url(../stat/arrow_right_boxed.gif) 100% 0 no-repeat;
	padding:0 30px 0 0;
	line-height:23px;
	display:inline-block;
}

div.box-end ul li.mainlink a.up-arrow{
	background:url(../stat/arrow_up_boxed.gif) 0 0 no-repeat;
	padding:0 0 0 30px;
	line-height:23px;
	display:inline-block;
}

div.box-end ul.group-logo{
	background:none!important;
	margin-top:15px;
	display:inline-block!important;
	height:90px;
}

div.box-end ul.group-logo li{
	float:left;
}

div.box-middle{
	margin-bottom:8px;
	margin-top:20px;
}

li.mainlink a.right-arrow{
	background:url(../stat/arrow_right_boxed.gif) 100% 0 no-repeat;
	padding:0 30px 0 0;
	line-height:23px;
	display:inline-block;
}

li.mainlink a.down-arrow{
	background:url(../stat/arrow_down_boxed.gif) 0 0 no-repeat;
	padding:0 0 0 30px;
	line-height:23px;
	display:inline-block;
	margin-bottom:10px;
}

li.mainlink span.highlight{
	color:#66BC29;
}

li.mainlink a:focus span.highlight,
li.mainlink a:hover span.highlight{
	color:#333;
}

p.logo-small img{
	margin-top:20px;
	margin-bottom:10px;
	border:none;
}

/* home page promos */


body.home li.right-arrow{
	background:url(../stat/arrow_right_boxed.gif) right top no-repeat;
	text-align:right;
	margin-top:20px;
	padding:0px 30px 3px 0;	
	float:left;
	font-size:1.3em;
}

body.home div#promo-container{
	background-color:#fff;
	text-align:center;	
	padding-bottom:4px;
	clear:both;
}

body.home div#content{
	padding:0px;
	margin:0px;	
}

div#promos{
	background-color:#fff;
	border-top:4px solid #857039;
	width:916px;
	margin:0 auto 0 auto;
	font-size:1.2em;	
	/* zoom:1;	*/
	overflow:hidden;
	padding-bottom:15px;	
}

div#promos div.promo-standard{
	width:218px;
	text-align:left;	
	padding:15px 22px 15px 0;
	float:left;	
}

div#promos div.promo-standard p{
	min-height:95px;
}

div#promos div.promo-wide{
	width:280px;
	text-align:left;	
	padding:15px;
	float:left;	
}

div#promos h3 {
	font-weight:bold;
	font-size:1.3em;
	padding:10px 0;
	margin:0 0 0 -1px;
}

div#promos ul.box-end {
	overflow:hidden;
	background:url(../stat/dotted_line.gif) repeat-x;
	/* zoom:1;	*/
	padding:10px 0px 0px 0px;
	margin-top:10px;
	width:199px;	
}

div#promos ul.box-end li.mainlink a:focus,
div#promos ul.box-end li.mainlink a:hover{
	color:#333;
}

div#promos div.examples{
	float:left;
	width:192px;
	padding:25px 0 0 4px;
}

div#promos div.examples dl dd{
	color:#000000;
	font-size:0.85em;
	padding-top:5px;
	text-align:left;
}

p.smalltext {
	font-size:0.8em;
	color:#B3B1AA;
}

/* projects - repeating content */

div.project-item {
	padding-top:15px;
	padding-bottom:15px;
	overflow:hidden;
	background:url(../stat/dotted_line.gif) repeat-x;	
}

div.summary-first {
	margin-top:-5px;	
}

div.project-item img{
	float:left;
}

div.project-item div.details{
	float:left;
}

div.project-item div.short{
	width:270px;
	padding-right:10px;
}

div.project-item div.image{
	float:right;
}

div.project-item h3{
	margin-top:0;
}

div.project-item h3 a{
	text-decoration:underline;

}


dl.article-img{
	float:right;
	width:148px;
}

dl.article-img dd{
	display:block;
	clear:both;
	font-size:0.8em;
	color:#666;

}

div.inner-content p.info{
	clear:both;
	padding-bottom:0;
}

p.info a {
	background:transparent url(../stat/arrow_right_gold.gif) no-repeat scroll 100% 5px;
	color:#86713A;
	display:inline-block;
	font-size:1.1em;
	font-weight:bold;
	line-height:20px;
	padding:0 11px 0 0;
	text-decoration:none;
	text-transform:uppercase;
}

p.info a span.highlight{
	color:#66BC29;
}

p.info a:focus, p.info a:hover, p.info a:focus span.highlight, p.info a:hover span.highlight{
	color:#333333;
}

a.selected{
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}

/* imove */

body.imove img.imove_logo{
	padding-bottom:15px;
}

/* fullstory used in both events and videos */

div.fullstory h3{
	font-size:1.6em;
	line-height:120%;	
	font-weight:bold;
	margin:0;
	padding:0;
}

div.fullstory p.date{
	color:#C5C4BE;
	font-size:1.6em;
	line-height:90%;	
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0 0 0 0;
}

/* Contact */

body.contact div.vcard span.row{
	display:block;
	padding:10px 0;
}

body.contact div.vcard span.field{
	display:inline-block;
	width:80px;
}

/* Site map */

body div#primary-content ul.sitemap li{
	padding-top:3px;
	padding-bottom:3px;
}

/* Forms */

form span.required {
	left:-3000em;
	position:absolute;
}

form label{
	width:140px;
	display:block;
	float:left;
	padding-top:1px;
}

form fieldset{
	border:none;
	margin-bottom:10px;
}

form fieldset div{
	position:relative;
	overflow:hidden;
}

form legend{
	color: #66BC29;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:15px;
	padding:0;
}

form input.textbox{
	background-color:#EDEDEB;
	border:none;
	width:168px;
	margin-bottom:10px;
	padding:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

form textarea.textarea{
	background-color:#EDEDEB;
	border:none;
	width:392px;
	margin-top:10px;
	margin-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	padding:3px;
	font-size:1em;
}

form select {
	border:1px solid #EDEDEB;
	width:174px;
	margin-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	padding:3px;
}

div.checkboxes {
	overflow:hidden;
	margin-bottom:30px;
}

div.checkboxes input.checkbox {
	float:left;
	width:20px;
}

div.tandcs_area label{
	display:block;
	width:90%;
	float:left;
}

div.tandcs_area label a{
	font-weight:bold
}

form input.submit{
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
	background-color:#fff;
	border:none;
	color:#66BC29;
}

form input:focus,
form input:hover{
	color:#333;
}

form input.right-arrow{
	background:url(../stat/arrow_right_boxed.gif) 100% 0 no-repeat;
	padding:0 30px 0 0;
	line-height:23px;
	height:23px;
	display:inline-block;
	cursor:pointer;
}

/* form valiadtion errors*/

form div.error em.feedback {
	position:absolute;
	left:320px;
	top:7px;
	font-size:0.8em;
	font-style:normal;	
	font-weight:bold;
}

form div.textarea em.feedback {
	position:absolute;
	left:-9000px;
	top:0;
}

form div.error label {

}

form div.error input.textbox, form div.error textarea.textarea {
	/*border:1px solid #B4363A;*/
	background-color:#D0D0CA;

}

.hidden {
	visibility:hidden;
	position:absolute;
	top:-3000px;
	left:-3000px;
	width:1px;
	height:1px;
	overflow:hidden;
}