/*
Theme Name: YC
Theme URI: www.ycbc.co.uk
Description: Theme for YC wordpress
Version: 1.0
Author: S Popham
Author URI: Your website address.
*/

html { 
    height:101%;
	width: 100%;
    margin-bottom: 1px; 
	text-align: center;
}
body {
	font: 100% Verdana, Helvetica, Arial, sans-serif;
	color: #333333;
	background: #FFFFFF;
	margin: 0;
	padding: 0px;
	text-align: center;
background-image: url("http://www.ycbc.co.uk/images/s_collage3.jpg")
}
#wrappertop {
	margin:0;
	padding: 0;
	background:#ffffff;

}
#wrapper {
	width: 60em;
	min-width: 610px;
	min-height: 500px;
	margin-left:auto;
	margin-right:auto;
	border-left: 0;
	border-right: 0;
	position: relative;
	top: -.93em;
/*background: #ffffff;*/

}
#wrapper p{
	margin: 0;
	font: 0.7em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
	/*padding-right: 2.5em; removed 19/07/2015 sjp*/
}
a:link {
	color: #009900;
}
a:visited {
	color: #006600;
}a:active {
	color: #006600;
}
a:hover {
	color: #006600;
}
#banner1{
	text-align: center;
	margin: 0px;
	padding: 0em 1.9em 0.15em 0em;
	font: normal 3em/normal Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #99cc99;
	vertical-align: bottom;
}
#banner1 i{
	font: italic normal 1.3em Arial, Helvetica, sans-serif;
	color: #669966;
}
#banner2{
	height:1.2em;
	background: #669966;
	text-align: center;
	margin: 0em 0px 0px;
	padding: 0px;
	font: italic normal 110% Verdana, Helvetica, Arial;
	color: #FFFFFF;
	vertical-align: bottom;
	bottom: auto;
}
#banner2 i{
	color: #669966;
}
#banner3{
	height:2em;
	background: #FFFFFF;
	text-align: center;
	margin: 0em 2em 0px;
	padding: 0;
	border-left: 0px solid #000000;
	font: normal 110% Verdana, Helvetica, Arial;
	color: #336633;
	vertical-align: bottom;
	bottom: auto;
}
#banner3 i{
	color: #FFFFFF;
}
#banner3 a {
        text-decoration: none; /* Gets rid of dirty default underline */
}
#banner4{
	height:0.7em;
	background: #99cc99;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	padding: 0.0em 0em 0.6em;
	font: italic normal 110% Verdana, Helvetica, Arial;
	color: #FFFFFF;
	vertical-align: center;
}

#banner4 a{
	
	
	color: #003300;
	vertical-align: center;
font: normal 70% Verdana, Helvetica, Arial;
text-decoration: none;
}
#banner4 i{
	color: #669966;
}
#content {margin-top:1.5em;
margin-left:1.25em;
margin-right: .5em;
padding-top: 1em;
	float: left;
	color: #003300;
	padding-left:  2em;
padding-right:  2em;
padding-bottom: 1em;
	width: 54em;
background: #ffffff;

}
#content0{
	float: right;
	width: 19.5em;
	color: #333333;
	margin: 0;
	border-left: 1px solid #cccccc;
	padding: 0.0em 0em 0em 1em;
}
#content0 p{
	margin: 0;
	font: 0.8em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
	padding-right: .5em;
	padding-left: .8em;
}
#content0 p1{
	margin: 0;
	font: 0.8sem Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
	padding-right: 2.5em;
	padding-left: 2.8em;
}
#content0 h6{
	margin: 0;
	font: 0.9em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
	padding-right: 2.5em;
	padding-left: 1.5em;
}
#content0 h1{
	color: #003300;
	padding: 0 0 2%;
	margin: 0px .2em;
	font: 1.3em Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
}
#content0 h2{
	color: #003300;
	padding: 0 0 2%;
	margin: 0px .2em .2em .2em;
	font: 1.1em Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
}
#content0 h3{
	color: #003300;
	padding: 0 0 2%;
	margin: 0px 1.9em;
	font: 0.9em Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
}
#content0 h4{
	color: #003300;
	padding: 0 0 2%;
	margin: 0;
	font: 0.9em Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
}
#content0 h5{
	margin: 00px 2.5em;
	font: bold 0.7em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
}
/*  Make ul like p in content0 with extra padding-left  */
/*  to indent it from previous p  29/07/2015  BJC       */
/*                                                      */
/*  #content0 ul{                                       */
/*      padding: 0 0 0 0.5em;                           */
/*  }                                                   */
#content0 ul{
	margin: 0;
	font: 0.8em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
	padding-right: .5em;
	padding-left: 1.8em;
	list-style-position: outside;
}
/*  Add margin above li in content0 for vertical space between items  29/07/2015  BJC  */
#content0 li{
    margin-top: .8em
}
/* content1 margin 0 from 0 0 0 3em for wordpress 14/07/2015 by sjp*/
#content1{
	float: left;
	color: #33cc33;
	margin: 0px 0px 0px 0em;
	padding: 0px;
	width: 32.7em;
}
#content1 p{
	margin: 0 .5em 0 0;
	font: 0.8em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
}
#content1 p1{
	margin: 00px .5em;
	font: 0.8em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
}
#content1 h1{
	color: #003300;
	padding: 0 0 2% 0;
	margin: 0 .5em 0 0;
	font: 1.3em Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
	clear: both;	/*  Stop h1 wrapping round floated images  29/07/2015  BJC  */
}
#content1 h2{
	color: #003300;
	padding: 0 0 2% 0;
	margin: 0 .5em 0 0;
	font: 1.1em Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
}
#content1 h3{
	color: #003300;
	padding: 0 0 2% ;
	margin: 0px 0.4em;
	font: 0.9em Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
	}
#content1 h4{
	color: #003300;
	padding: 0 0 2%;
	margin: 0;
	font: 0.9em Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
		}
#content1 h5{
	margin: 00px 2.5em;
	font: bold 0.8em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
		}
#content1 h6{
	margin: 00px 05px;
	font: 0.7em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
	}

/* Nonbreaking text in p.  Added 2015-06-17.  BJC. */

#content1 pnobr{
	margin: 0;
	font: 1.0em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
        white-space: nowrap;
        text-align: left;
	padding-right: 0.0em;
	padding-left: 0.0em;
	}

/* Nonbreaking small text in h2.  Added 2015-06-17.  BJC. */

#content1 h2nobr{
	margin: 0;
	font: 0.5em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
        white-space: nowrap;
        text-align: left;
	padding-right: 0.0em;
	padding-left: 0.5em;
	}
/*  Make ul like p in content1 with extra padding-left  */
/*  to indent it from previous p  22/08/2015  BJC       */
#content1 ul{
	margin: 0;
	font: 0.8em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
	padding-right: .5em;
	padding-left: 1.1em;
	list-style-position: outside;
}
/*  Add margin above li in content1 for vertical space   */
/*  between items  22/08/2015  BJC                       */
#content1 li{
    margin-top: .8em
}

#content2{
	float: left;
	color: #33cc33;
	margin: 0px 0px 0px 0em;
	width: 54em;
}
#content2 p{
	margin: 00px .5em;
	font: 0.7em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
}
#content2 p1{
	margin: 00px 2.5em;
	font: 0.8em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
}
#content2 h1{
	color: #003300;
	padding: 0 0 2%;
	margin: 0px 0.2em;
	font: 1.3em Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
}
#content2 h2{
	color: #003300;
	padding: 0 0 2%;
	margin: 0px 0.2em;
	font: 1.1em Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
}
#content2 h3{
	color: #003300;
	padding: 0 0 2% ;
	margin: 0px 1.0em;
	font: 0.9em Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
	}
#content2 h4{
	color: #003300;
	padding: 0 0 2%;
	margin: 0;
	font: 0.9em Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
		}
#content2 h5{
	margin: 00px 0em;
	font: 1.2em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: center;
		}
#content2 h6{
	margin: 00px 05px;
	font: 0.7em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
	}
/* content3 added for wordpress singlecol template and posts*/
#content3{
	float: left;
	color: #33cc33;
	margin: 0px 0px 0px 0em;
	padding: 0px;
	width: 54.5em;
/* changed from 57em 19/07/2015 sjp due to insue with photos*/
}
#content3 p{
	margin: 00px .5em;
	font: 0.8em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
}
#content3 p1{
	margin: 00px .5em;
	font: 0.8em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
}
#content3 h1{
	color: #003300;
	padding: 0 0 2%;
	margin: 0px 0.2em;
	font: 1.3em Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
}
#content3 h2{
	color: #003300;
	padding: 0 0 2%;
	margin: 0px 0.2em;
	font: 1.1em Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
}
#content3 h3{
	color: #003300;
	padding: 0 0 2% ;
	margin: 0px 0.4em;
	font: 0.9em Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
	}
#content3 h4{
	color: #003300;
	padding: 0 0 2%;
	margin: 0;
	font: 0.9em Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
		}
#content3 h5{
	margin: 00px .5em;
	font: bold 0.8em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
		}
#content3 h6{
	margin: 00px 05px;
	font: 0.7em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
	}

#content3 pnobr{
	margin: 0;
	font: 1.0em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
        white-space: nowrap;
        text-align: left;
	padding-right: 0.0em;
	padding-left: 0.0em;
	}

#content3 h2nobr{
	margin: 0;
	font: 0.5em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
        white-space: nowrap;
        text-align: left;
	padding-right: 0.0em;
	padding-left: 0.5em;
	}

/*  Make ul like p in content3 with extra padding-left  */
/*  to indent it from previous p  08/10/2015  BJC       */
#content3 ul{
	margin: 0;
	font: 0.8em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
	padding-right: .5em;
	padding-left: 1.5em;
	list-style-position: outside;
}

/*  Add margin above li in content3 for vertical space   */
/*  between items  08/10/2015  BJC                       */
#content3 li{
    margin-top: .8em
}

.leftimage {
	margin-right: 1em;
	margin-bottom: .4em;
	float: left;
}
.indented {
   padding-left: 10em;
   padding-right: 10em;
}
.bannerleft {
   position:relative;
   left: -1.2em;
   top: 0.5em;
}
.rightimage {
	margin: .7em 3.5em .7em .7em;
	float: right;
}
.rightctreimage {
	margin: .7em 5em .7em .7em;
	float: right;
}
.left {
	float: left;
}
.right {
	float: right;
}
#leftcol{
	float: left;
	width: 11.5em;
	height: auto;
	margin: .5em 0 0;
	border: none;
	padding: 0px;
}
#nav {
	height: 1.0em;
padding-left: 40px;
margin-top: 15px;
	margin-left: 0.9em;
	text-align: center;
	text-align: center;
	vertical-align: top;
font: 0.95em Verdana, Helvetica, Arial, sans-serif;
	}
/* #nav ul {
	text-align: center;	
	list-style-type: none;
	
}*/
#nav  li{
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	width: 9.44em;	

}
/*
 #nav ul ul li{
	font: 0.95em Verdana, Helvetica, Arial, sans-serif;
	width: 6.8em;
}*/

/*#nav li ul{
	position: absolute;
	display: inline;
	left: -0.5 em; /* Set 1px less than menu width */
	top: 1.7em;
	display: none;
}*/
#nav  li p{
	color: #000000;
	text-decoration: none;
	width: 5em;
	background: #FFFFFF;
	border-right: 1px solid #000000;
	font: normal .8em Verdana, Helvetica, Arial, sans-serif;
	margin: 0px 1.2em;
	border-left: 1px solid #000000;
	padding-right: 1.0em;
	padding-left: 1.0em;
	text-align: center;
}
#nav  li a{
	height: 1.6em;
	font-size: .8em;
	text-decoration: none;
	text-align: center;
	width: auto;
	border-right: 1px solid #000000;
	border-top: 0px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color: #000000;
	display: block;
	padding: .2em 0 .3em 0.2em;
	background: #FFFFFF;
}
#nav a:hover, #leftcol #nav a:focus {
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	color: #FFFFFF;
	background: #669966;
	display: block; 
}
#nav li:hover , li.over  {
	display: block; 
} 

/*--- DROPDOWN ---*/
#nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
padding: 0;
width: 9.44em;
	top:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	top:26px; /* Bring back on-screen when needed */
}
/*#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#669966;
	text-decoration:underline;
}*/
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#669966;
}

#footer {
	clear: both;
	margin: 0;
	padding: 0px;
	height: auto;
}
h6 {
	font: normal 1em Helvetica, Arial, sans-serif;
	margin: .1em 0px;
	padding: 0px;
}
#table0 {
    	float: right;
	text-align: left;
	padding: 0px;
	height: auto;
	width: 50em;
}
#table0 h1 i{
	color: #003300;
	font: 4em Comic Sans, Comic Sans MS, cursive;
	text-align: left;
}
#table0 h1 b{
	color: white;
}
#table0 p {
	font: 1.5em Monaco, "Courier New", Courier, monospace;
	color: #000000;
	padding: .6em 0px;
	text-align: left;
	margin: 0px;
}
#table0 p i {
	color: white;
}
#table0 q {
	font: 1.5em Monaco, "Courier New", Courier, monospace;
	color: #000000;
	padding: .8em 0px;
	text-align: left;
	margin: 0px;
	line-height: 0%;
}
#table0 q i {
	color: white;
}
#table1 {
	clear: both;
    float: left;
	text-align: left;
	margin: 0;
	padding: 0px;
	height: auto;
	width: auto;
}
#table1 p {
	font: 1.2em Monaco, "Courier New", Courier, monospace;
	color: #000000;
	padding: .6em 0px;
	text-align: left;
	margin: 0px;
}
#table1 p i {
	color: white;
}
#table2 {
	clear: both;
    float: left;
	text-align: left;
	margin: 0;
	padding: 0px;
	height: auto;
	width: 34em;
}
#table2 p {
	font: 1.1em Monaco, "Courier New", Courier, monospace;
	color: #000000;
	padding: .6em 0px;
	text-align: left;
	margin: 0px;
}
#table2 p i {
	color: white;
}#greybox {
	clear: both;
	background: #CCCCCC;
	text-align: left;
	height: auto;
	width: 6.8em;
	margin-top: 3em;
	margin-bottom: 2.7em;
	margin-left: 2.7em;
}
#greybox p {
	margin: 0px;
	padding: 0px;
	font: .7em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
}
#newgreybox {
	clear: both;
	background: #CCCCCC;
	text-align: center;
	height: auto;
	width: 9em;
	margin-left: 27em;
	outline:#000000 solid;
	float: right;

}
#newgreybox p {
	margin: 0px;
	padding: 0px;
	font: .8em Verdana, Helvetica, Arial, sans-serif;
	color: #FF0000;
	text-align: center;
}
.amleftimage {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
#c1 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 130px;
	font: 0.7em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: center;
	line-height: 160%;
}
#c2 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 130px;
	font: 0.7em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: center;
	line-height: 160%;
}
#c3 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 130px;
	font: 0.7em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: center;
	line-height: 160%;
}
#c4 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 130px;
	font: 0.7em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: center;
	line-height: 160%;
}
#c5 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 130px;
	font: 0.7em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: center;
	line-height: 160%;

}
#col5table {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 650px;
	clear: both;
}
#col5table h2{
	font: 1.1em Verdana, Helvetica, Arial, sans-serif;
	line-height: 120%;
	text-align: center;
}

td {margin: 000px .5em;
	font: 0.8em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
}
#content1 td p {margin: 0000;
	font: 1em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
}

.excerpt {font: 0.8em Verdana, Helvetica, Arial, sans-serif;
	color: #003300;
	text-align: left;
}
.listing-item {color: #003300;
	text-align: left;
margin-bottom: .5em;

}

.date {color: #003300;
	text-align: left;
font: 0.6em Verdana, Helvetica, Arial, sans-serif;

} 

.title  {
}

.content {
padding-top: .4em;
}

.alignright {
	float: right;
	margin: 0px 0px 4px 5px;
}

.alignleft {
	float: left;
	margin: 0px 6px 4px 0px;
}