@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,400italic,700italic);

/*main styles -----------------------------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #111;
	background-color: #fff;
	font-family: Lato, sans-serif;

}
/*combined -----------------------------------------------------------------------------------*/
#header, #contentBody, #imgBanner, #footer {
	float: left;
	width: 100%;
	display: block;
	
}
#header960, #contentBody960, #imgBanner960, #footer960 {
	width: 960px;
	margin: 0 auto;
	display: block;
	position: relative;
	padding: 0 0px;
}

#header960 a {
	width:285px;
  	margin:0 auto;
  	display:block;
}

#header960 p {
	position:absolute;
  	color:#fff;
  	top:6px;
  	font-size:0.9em;
}

/* ---------------------------------------header layout---------------------------------------*/
#header {
	background-color: #2c3e50;
	min-height: 105px;

}
#headerTitleText {
	display: none;
}
#logo {
	
	float: left;
	margin: 20px 0;
}



/* ---------------------------------------content layout---------------------------------------*/

#contentBodyHP {
 	background-image: url(https://www.whbc.co.uk/stylesheets/images/c83.gif);
 	background-repeat: repeat-x;
 	background-position: center 140px;
  	background-color: #C9C2BA;
}

#contentBody {
	margin-top: 0;
	min-height: 200px;
}

#breadWrapper {
	display: block;
	width: 100%;
	height: 20px;
	margin: 10px 0 0px;
	float: left;
}
#headingContainer {
	width: 100%;
	margin: 0%;
}

#headingContainer h1 {
	margin-bottom:0;
}

#headingContainerFP {
	width: 100%;
    	margin: 70px 0 0px 0;
}


#sidebar {
	float: right;
	display:inline;
	clear:both;
	margin-top:70px;
}


#contentWrapper {
	width: 65%;
	float: left;
	margin: 40px 0% 20px 0;
	background-color: #fff;
	padding: 28px 3%;
}
/* ---------------------------------------footer layout---------------------------------------*/

#footer {
	min-height: 100px;
	background-color: #2c3e50;
}
#footer960 {

	padding: 40px 30px ;
}
span.footer {
	display: none;
}
#footer960 > div {
	font-size: 0.9em;
	width: 100%;
	margin-top: 10px;
	text-align: center;
	color: #fff;
	line-height: 23px;
}

#footer960 > div .footer {
	font-size:0.8em;
}

#footer960 .footer-logo {
	margin:10px 0 20px 0;
}

#footer960 img {
	margin:0;
  float:none;
}


#footer a:link, #footer a:visited {
	color: #fff !important;
}
#footer a:hover {
	text-decoration: underline!important;
}

#footer ul {
	margin-bottom:20px;
}

#footer ul li a {
	color:#fff !important;
}

#footer ul li a:hover {
	background:none;
}

#footer a.facebook {
	display:block;
  	text-align:center;
  	margin-bottom:30px;
}
/*------------------------------------ other styles------------------------------------*/
.round {
	border-radius: 6px;
}
img {
	border: 0px;
}
a img {
	opacity: 1.0;
	filter: alpha(opacity=100);
  	border: 0px;
}
a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=60);
}


/* ---------------------------------------homepage styles---------------------------------------*/

/* removing padding on widgets */

#main, #contentMain, .boxContainer, #column1 {
	width: 100% !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
}
#column1 li.threeColWidth {
	padding: 0 !important;
}
#column1 li.oneColWidth, #column1 li.twoColWidth, #column1 li.threeColWidth, #column1 li.ui-sortable-helper, #column1 li.state-highlight, ul.visualize-key li {
	float: left;
	padding: 0px;
}

a img {
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}
a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=60); /* For IE8 and earlier */
}

/* ---------------------------------------secondary nav---------------------------------------*/
#secondNav {
  	display: block;
	height: 20px;
  	color: #E06363;
  	margin: 0;
	padding: 0;
	position: absolute;	
  	right: 20px;
  	top: 0px;
  	padding: 5px 0 5px;
  	border-radius: 0 0 4px 4px;
}

#secondNav a {
  	color: #fff !important;
  	text-decoration: none;
  	font-size: 0.8em;
  	}

#secondNav a:hover {
  	color: #ddd !important;
  	}


#secondNav li {
  	margin:0px 10px;
	list-style-type: none;
  	display:inline;
  	}

#secondNav ul {
    	padding: 0;
  	margin: 0;
}

/* ---------------------------------------search bar---------------------------------------*/
#searchForm { 
  	display: block;    
}


#searchBar {
	color: #333;
}

#searchBarForm label {
  	padding: 0 5px !important;
}

#searchterm {
        padding: 2px;
        width: 320px !important;
        background-color: #EAEAEA;
        border: 1px solid #CFCFCF;
        height: 18px;
}

input#searchterm {}

#imageSubmit {
	vertical-align: middle;
	margin-left: 4px;
}


/*---------------------------------------homepage styles---------------------------------------*/
#main, #contentMain, .boxContainer, #column1 {
	width: 960px !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

header {
	color: #C4002B;
	text-transform: uppercase;
	font-size: 1.25em !important;
	font-weight: 700;
	width: 80% !important;
	margin: 15px 10% 10px 10% !important;
}


/* rotator ---------------------------------------*/
.w5, .w5 article, .w5 div.slideshow, .w5 .slideshow div {
	width: 100% !important;
  	padding: 0px !important;
  	margin: 0 auto !important;
  	border-radius:0px !important;
  	overflow:hidden!important;
}

.w5 {
	margin-bottom:25px !important;
}


/* small calendar rotator-------------------------- */
.w7 article, .w7 div.slideshow, .w7 .slideshow div {
	width: 100% !important;
	padding: 0px !important;
	border-radius:0px !important;
	overflow: hidden !important;
	margin: 0 !important;
}

.w7 {
	width: 31% !important;
	padding: 0px !important;
	margin: 0 !important;
}
.w7 img{
	margin: 0 !important;
  	width: 100% !important;
}
.w7 {
	margin-bottom: 15px !important;
}

/* joint styles -------------------------- */
.w8, .w4, .w6 {
	background-color: #fff !important;
  	margin-bottom: 15px !important;
  	width: 31% !important;
  	padding: 0px !important;
}

.w4, .w6 {
	float: right !important;
}

.w8 article, .w4 article, .w6 article {
 	width: 80% !important;
 	margin: 0px 10% 15px 10% !important;
 	font-size: 0.95em !important;
}

/* News widget -------------------------- */
.w6	{
  	margin-right: 3.3333% !important;
  	height: 709px;
	overflow: auto;
}

.w6 img {
	width: 80px;
	height: 80px;
	border: 1px solid #ddd;
	margin-bottom:40px !important; 
	margin-right: 20px !important;

}
.w6 p br:first-of-type {
     display:none; 
     margin
  
}
.w6 p {
      border-bottom: 2px solid #ddd;
      line-height: 1.5em;
      margin: 0.6em 0;
}

.w6 article {
	height: 643px !important;
}

.w6 header a {
  	color: #C4002B;
}

/* calendar -------------------------- */
.w8 article {
 	overflow-y: scroll !important;
  	height: 140px !important; 	
}

.w8 p {
	margin: 0 !important;
}

.w8 {
	margin-bottom: 0px !important;
}

/* buttons + mailing -------------------------- */
.w4 {
 	background-image: url(https://www.whbc.co.uk/content/pages/uploaded_images/320.gif);
  	background-position: center bottom;
  	background-repeat: repeat-x;
  	color: white;
}

#buttons {
	margin-bottom: 35px !important;
}

.w4 h3 {
	color: white;
	text-transform: initial;
}


.w4 input {
	width: 100%;
	border: 0px;
	height: 20px
}

.w4 .button {
	background-color: #80131C;
	border: 0px;
	font-size: 1em;
	width: 100%;
	text-align: center;
	height: 27px !important;
	margin-top: 5px;
}

/* welcome -------------------------- */

.w1 article {
 	width: 100% !important;
 	margin: 0px 0% 15px 0% !important;
 	font-size: 0.95em !important;
}

.w1 {
	padding: 0px !important;
	width: 31% !important;
}


#column1 li.w110 {
width:960px !important;
}

#column1 li.w110 div article {
padding:20px 0 0 0 !important;
overflow:hidden !important;
border-radius:0 !important;
}

.w110 .slideshow div img {
margin:0 auto !important;
}

.w110 article.rotator .slideshow {
margin:0 !important;
width:960px !important;
}

#column1 .w111 {
width:960px !important;
}

#column1 .w111 div article {
padding:0; !important;
}

#column1 .w111 article .home-adverts {
margin:18px 0;
}

#column1 .w111 article .home-adverts p {
margin:0;
}

#column1 .w111 article .home-adverts a {
margin-right:17.5px;
}

#column1 .w111 article .home-adverts a:last-of-type {
margin-right:0;
}

#column1 .w111 article .home-text {
text-align:center;
margin: 10px 0 30px 0;
display: inline-block;
}