/* Start of CMSMS style sheet 'CCYFC Header-Home' */
#topwrap{
        width:981px;
        height:139px;

}
#search{
	float:right;
        height:72px;
        padding:67px 0px 0px 65px;
       width:235px;
	background-image:url(uploads/home/searchBG.jpg);
}

#hero{
    width:981px;
    height:341px;
}

/* header, we will hide h1 a text and replace it with an image, we assign a height for it so the image wont cut off */
div#header {
/* adjust according your image size */
	float:left;
	height: 139px;
        width:681px;
	margin: 0;
	padding: 0;
	/* you can set your own image here, will go behind h1 a image */
	background:url(uploads/home/head.jpg) ;

}
div#header h1 a {
/* you can set your own image here */
	background:url(uploads/home/head.jpg) ;
/* this will make the "a" link a solid shape */
	display: block;
/* adjust according your image size */
	height:139px;
/* this hides the text */
	text-indent: -999em;
/* old firefox would have shown underline for the link, this explicitly hides it */
	text-decoration: none;
}
div#header h1 {
	margin: 0;
	padding: 0;
/*these keep IE6 from pushing the header to more than the set size*/
	line-height: 0;
	font-size: 0;
/* this will keep IE6 from flickering on hover */
	background:url(uploads/home/head.jpg) no-repeat left top;
}
div#header h2 {
/* this is where the site name is */
	float: right;
	line-height: 1.2em;
/* this keeps IE6 from not showing the whole text */
	font-size: 1.5em;
/* keeps the size uniform */
	margin: 35px 65px 0px 0px;
/* adjust according your text size */
	color: #f4f4f4;
}
/* as we hid all hr for accessibility we create new hr with div class="hr" element */
div.hr {
	height: 1px;
	padding: 1em;
	border-bottom: 1px dotted black;
	margin: 1em;
}
/* End of 'CCYFC Header-Home' */