body{background:#bfccc7; font-family:"Helvetica Neue",arial,sans-serif; margin-top: 0.5em;margin-right: 0.5em;margin-bottom: 0.5em;margin-left: 0.5em;line-height: 1.2em;}


/* Page width */
#wrapper {
	max-width:800px;
	min-width:640px;
	background:#fff;
	border:solid 0px #006699;
	}
/* ---------------------------------------------------- Page layout ------------------------------------------------- */
#header{
	background:#fff url no-repeat left center;
	height:45px;
	}
#header img{float:right;}
#main1,div.search {
	background:#fff repeat-y left top;
}
#left{display:none}
#right{width:200px;}
#col2{}
#middle{
	margin:0 200px 0 0;min-height:450px;
}
#middle div.column-in{padding:0 20px;}
#col3{}
#footer {
	background:#89aad6;
	height:25px;
	border:solid 1px #ddd;
	text-align:center;font-family:"Helvetica Neue",arial,sans-serif;font-size:0.65em; color:#333333;
}

/*-----------------------------------------------------  menu overrides from Fluid3col ----------------------------------------------------- */
div#menu {
	background:#fff url(greyshade.jpg) repeat-y left top;
	padding-left:0;
	margin-left:0;
	clear:both;
	font-size:8.5pt;
}
div#menu ul {margin:0;} /* reset margin */
div#menu li {line-height:40px;}
div#menu ul li{border-right:solid 1px #ccc;}
div#menu ul li a{padding:0 1em}
div#menu ul li ul {
	background:#fff;
}
div#menu ul li ul li a{
	line-height:30px;
	background:#eee;
	border-top:solid 1px #bbb;
	font-weight:normal;
	padding:0 0.5em;
}
/* menu highlights */
div#menu ul li a:link,div#menu ul li a:visited{color:#333}
div#menu ul li a:hover{background:#669966;color:#fff;}
div#menu ul li a:active{background:#69c}

div#menu ul li ul li a:link,div#menu ul li ul li a:visited{color:#333}
div#menu ul li ul li a:hover{background:#ccc;color:#000}
div#menu ul li ul li a:active{background:#fff}

/* Pulls  */
div.pull {background:#eee;padding-bottom:5px;}

div.pull h3{ /* h3 is double sided round and needs <h3><span>caption</span></h3> */
	background:#66cc66 url(tr.png) no-repeat right top;
	font-size:1.1em;
	color:#fff;
	padding-right:12px;
}
div.pull h3 span{
	background:#66cc66 url(tl.png) no-repeat left top;
	padding:5px;
	padding-left: 15px;
	display:block;
	
}
div.pull h4{clear: both;margin-top: 0pt;margin-right: 0pt;margin-bottom: 10px;margin-left: 0pt;padding-top: 4px;padding-right: 10px;padding-bottom: 3px;padding-left: 10px;background-color: #bebebe;font-family: "trebuchet ms",arial,sans-serif;color: #ffffff;font-weight: bold;font-size: 140%;}

div.pull h5 {
	background:#f09;
	font-size:1.1em;
	color:#fff;
	padding:5px;
	padding-left:.5em;
}
/* ============================================================================================================ */
/* Basic formatting */
p {margin:.5em;line-height:1.3em;color:#666666;}
#middle ul,#middle ol {list-style:disc}
a:link,a:active,a:visited,a:hover{color:#339933;text-decoration:none;}
a:hover{text-decoration:underline}

#middle h1, #middle h2, #middle h3 
{
	/*background:#ccc url(tr.png) no-repeat right top; */
	padding:3px;
	font-family:"century gothic",arial,sans-serif; 
	color:#006699; 
	font-weight:bold;
}
#middle h1 {font-size:1.4em}
#middle h2{font-size:1.2em;background-color:#ddd}
#middle h3{font-size:1.1em;background-color:#eee}
#middle h1.pagetitle {border-bottom:solid 1px; color:#767ab8; font-size:1.9em;}

form {padding:6px;}

div.search {float:left;display:block;width:100%}
div.search form{float:right;padding:4px;border:solid 1px #aaa;color:#666;padding:4px;}
form#search .search_submit{padding:3px; background-color:#666;}

.search_submit{border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #aaaaaa;border-right-color: #aaaaaa;border-bottom-color: #aaaaaa;border-left-color: #aaaaaa;color: #666666;padding-top: 4px;padding-right: 4px;padding-bottom: 4px;padding-left: 4px;}
.search_string{ border:1px; color:#000; background-color:#eee;}
	
/* side pull outs*/

.subcontent-unit-border {width:183px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:solid 1px rgb(190,190,190); background:rgb(235,235,235);}
.subcontent-unit-border-green {width:183px; margin:0 0 1.1em 0; padding:0 0 10px 0; border:solid 1px rgb(160,214,81); background-color:rgb(217,239,185);}
.subcontent-unit-border-blue {width:183px; margin:0 0 1em 0; padding:0 0 3px 0; border:solid 1px rgb(137,170,214); background-color:rgb(213,225,240);}
.subcontent-unit-border-orange {width:183px; margin:0 0 1.1em 0px; padding:0 0 10px 0; border:solid 1px rgb(232,177,13); background-color:rgb(248,224,150);}

.subcontent-unit-noborder {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background:rgb(235,235,235);}
.subcontent-unit-noborder-green {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(217,239,185);}
.subcontent-unit-noborder-blue {width:185px; margin:0 0 2.5em 0; padding:0 0 3px 0; background-color:rgb(213,225,240);}
.subcontent-unit-noborder-orange {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(248,224,150);}

.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(./bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(./bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:174px;}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(./bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(./bg_corner_topright.gif) no-repeat; margin-top:0px; margin-left:175px;}


.main-subcontent h1 {clear:both; margin:0 0 10px 0; padding:4px 10px 3px 10px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:#ffffff; font-weight:bold; font-size:140%;}
.main-subcontent h1.green {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(160,214,81); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.blue {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(137,170,214); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.orange {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(232,177,13); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
/* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 1.0em 10px; color:#666666;  font-size:0.95em;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}

.main-subcontent ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.main-subcontent ul li {margin:5px 0 0.2em 2px; padding:0 0 0 11px; background:url(./bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px /*IE6*/;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}




/* Banner images */
div.banner{background:#fff url(welcome.jpg) no-repeat center top;
	height:220px;
	clear:both;
	display:block;
}
div.banner.CricketClub{background-image:url(CricketClub.jpg);}
div.banner.VillageHall{background-image:url(villagehall.jpg);}
div.banner.Events{background-image:url(villagehall.jpg);}
div.banner.contact{background-image:url(007.jpg);}
div.banner.TheResidents{background-image:url(pig.jpg);}
div.banner.Location{background-image:url(006.jpg);}
div.banner.AboutQuatt{background-image:url(001.jpg);}
div.banner.Gallery{background-image:url(004.jpg);}
div.banner.Guestbook{background-image:url(003.jpg);}
div.banner.Welcome{background-image:url(welcome.jpg);}
div.banner.StAndrew39sChurch{background-image:url(005.jpg);}