/*
Add additional styles here
*/




#hd .oig-hd #branding h1{
	background-image: url(/docLib/18/uploads/published/796/branding.png/branding.png);
        background-repeat: no-repeat;
        background-position: top center;
        text-indent: -2000px;
        height: 202px;
        margin: 2em auto;
}
.oig-hd{
	background-image: url(/docLib/18/uploads/published/809/aerialViewWide.jpg/aerialViewWide.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.oig-sec h2,
.oig-sec p{
    margin-top: 0.5em;
    text-align: center;
}
body#cricket .oig-hd{
	background-image: url(/docLib/18/uploads/published/798/cricketActionWide.jpg/cricketActionWide.jpg);
}
body#food_and_drink .oig-hd{
	background-image: url(/docLib/18/uploads/published/799/eatingOutWide.jpg/eatingOutWide.jpg);
}
body#camping .oig-hd{
	background-image: url(/docLib/18/uploads/published/800/campingGroundWide.jpg/campingGroundWide.jpg);
}
body#functions .oig-hd{
	background-image: url(/docLib/18/uploads/published/1669/marquee3.jpg/marquee3.jpg);
}
body#how_to_find_us .oig-hd{
	background-image: url(/docLib/18/uploads/published/801/signCloseWide.jpg/signCloseWide.jpg);
}
body#local_area .oig-hd{
	background-image: url(/docLib/18/uploads/published/805/High_and_Over_and_Chalk_Horse_from_above_Litlington,_East_Sussex_-_geograph.org.uk_-_847501_upscaled_crop.jpg/High_and_Over_and_Chalk_Horse_from_above_Litlington,_East_Sussex_-_geograph.org.uk_-_847501_upscaled_crop.jpg);
}

#bd .oig-bd .oig-pri a:link,
#bd .oig-bd .oig-pri a:visited {
  color: #4D6862;
}
#bd .oig-bd .oig-pri a:active,
#bd .oig-bd .oig-pri a:hover{
  color: #B8C46F;
}

#bd .oig-bd .oig-pri blockquote{
    float: none;
    width: 90%;
    font-size: 90%;
    border: 0 none;
    color: #4D6862;
    padding: 0;
}
#bd .oig-bd .oig-pri blockquote p.attribution{
    font-weight: bold;
}
#bd .oig-bd .oig-pri dl{
  margin: 0 0 1em 2em;
}
#bd .oig-bd .oig-pri dl dt{
  color: #808080;
}
#bd .oig-bd .oig-pri dl dd{
  margin: 0 0 0 2em;
}
.oig-sec ul.menu-list li{
    float: left;
    text-align: center;
}
.oig-sec ul.menu-list.of_1 li{
    width: 100%
}
.oig-sec ul.menu-list.of_2 li{
    width: 50%
}
.oig-sec ul.menu-list.of_3 li{
    width: 33%
}
.oig-sec ul.menu-list li a{
    padding: 0.5em 0; 
}
a.pdf img {
  display: inline;
  margin: 0.75em 0.5em;
}

.oig-bd .oig-pri h3{
    padding-top: 0;
}

.oig-bd .oig-pri .yui-gb .yui-u h3{
    padding: 0 5%;
}
.oig-bd .oig-pri .yui-gb .yui-u p{
    padding: 0 0 0 5%;
}

.oig-bd .oig-pri .yui-gb .yui-u img.right{
   margin: 0 0 1em 0;
}
img.graphic{
    box-shadow: none;
}

img#easter-icon{
    margin-bottom: 0;
}
img.left.calendar{
    margin: 0 1em 0 0;
}
.callout{
    width: 40%;
    float: right;
    margin: 0 0 1em 1em;
}
body#camping .callout{
    width: 29%;
}
.sub-story{
    width: 45%;
    float: left;
    margin: 0 1em 1em 0;
}
.callout h3{
    padding: 0;
    margin: 0 0 0.25em;
    font-size: 150%;
}
.callout h3.graphic{
    padding-top: 64px;
    background-position: top center;
    background-repeat: no-repeat;
}
.callout h3 strong{
    color: #4d6862;
}
.callout img{
    margin: 1em auto;
}
.oig-bd .callout img.right,
.oig-bd .sub-story img.right{
    margin: 0.5em 0 0.5em 1em;
}
.oig-bd .callout p.last{
    margin: 0;
}
body#default .callout h3,
body#default .callout p,
body#camping .callout h3,
body#camping .callout p{
    text-align: center;
}
body#default .callout h3#xmas{
    background-image: url();
    padding-top: 65px;
}
.sub-story, .callout{
    box-shadow: 0 0 3px #B8C46F;
    -moz-box-shadow: 0 0 3px #B8C46F;
    -webkit-box-shadow: 0 0 3px #B8C46F;
    padding: 1em 1em 0;
}

.sub-story h3{
    padding-top: 0;
    text-align: center;
    margin: 0 0 0.25em;
}
.sub-story .attribution{
    text-align: right;
    color: #4D6862;
    font-style: italic;
}
.oig-pri div.cider{
    background-image: url( );
    background-position: bottom left;
    background-repeat: no-repeat;
    padding-bottom: 180px;
}

#hd .oig-hd ul.hrm li.icon{
  float: right;
}
#hd .oig-hd ul.hrm li.icon a{
  display: block;
  height: 24px;
  width: 24px;
  padding:0;
  margin: 6px 1em 6px 0;
  text-indent: -2000px;
  background-repeat: no-repeat;
}
#hd .oig-hd ul.hrm li.facebook a{
  background-image: url(/docLib/18/uploads/published/1565/facebook-sprite.png/facebook-sprite.png);
}
#hd .oig-hd ul.hrm li.twitter a{
  background-image: url(/docLib/18/uploads/published/1566/twitter-sprite.png/twitter-sprite.png);
}
#hd .oig-hd ul.hrm li.facebook a:link,
#hd .oig-hd ul.hrm li.facebook a:visited{
  background-position: center top;
}
#hd .oig-hd ul.hrm li.facebook a:active,
#hd .oig-hd ul.hrm li.facebook a:hover{
  background-position: center -24px;
}
#hd .oig-hd ul.hrm li.twitter a:link,
#hd .oig-hd ul.hrm li.twitter a:visited{
  background-position: center top;
}
#hd .oig-hd ul.hrm li.twitter a:active,
#hd .oig-hd ul.hrm li.twitter a:hover{
  background-position: center -24px;
}

/* Default styles for a popout widget - move to default template */
#bd .oig-bd .popout{
	box-shadow: 0 0 3px #454545;
	-moz-box-shadow: 0 0 3px #454545;
	-webkit-box-shadow: 0 0 3px #454545;
	margin: 1em auto;
	border-radius: 8px;
	text-align: center;
}
#bd .oig-bd .popout.left{
        float: left;
        clear: left;
        margin:  0 1em 0 0;
}
#bd .oig-bd .popout.right{
        float: right;
        clear: right;
        margin: 0 0 1em 1em;
}
.popout .header{
	border-radius: 8px 8px 0 0 ;
	-moz-border-radius: 8px 8px 0 0 ;
	-webkit-border-radius: 8px 8px 0 0 ;
	padding: 0.15em 0;
        font-size: 120%;
	font-weight: bold;
}
.popout .body{
        padding: 0.5em 0 0 0;
}
.popout .footer{
	font-size: 80%;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	padding: 0 0 0.5em;
	font-weight: bold;
}
.popout .header,
.popout .body,
.popout .footer,
.popout .body h2,
.popout .body h3,
.popout .body h4{
	margin: 0 auto;
}
#bd .oig-pri .popout .body h1{
	line-height: 100%;
}
#bd .oig-pri .popout .body h2{
}
#bd .oig-pri .popout .body h3{
}
#bd .oig-pri .popout .body h4{
        font-size: 80%;
    text-align: center;
}
.popout .body p{
	margin: 0 1em 1em;
}
.popout .body img{
        margin: 0.25em auto 0.75em;
}
ul.popout{
	padding: 0;
}
ul.popout li{
	list-style: none outside none;
}


/* popout widget customisation - backgrounds and colours*/
.popout .header{
	background-color: #4D6862;
}
.popout {
	background-color: #ffffff;
	width: 6em;
}
.popout .header{
	color:#B8C46F;
}
.popout .body,
.popout .footer,
.popout .body h2,
.popout .body h3,
.popout .body h4{
	color: #135414;
        background-color: #FFFFFF;
}

.popout .footer{
    height: 0.5em;
}

#default #bd .oig-bd .callout{
    margin-bottom: 0;
}

div.clearboth{
    clear: both;
}
		#functions-gallery {
			height: 180px;     
			margin: 0 0 1em;
			overflow: hidden;
			position: relative;
			width: 100%;
		}
		#functions-gallery #functions-galleryPhotos {
			height: 160px;    
			left: 0;
			position: absolute;
			top: 0;
		}
		#functions-gallery #functions-galleryPhotos div {
			float: left;
			padding: 5px;
		}
		#functions-gallery #functions-galleryPhotos div img {
			height: 150px;
			border: 0;
			margin: 0;
			padding: 0;
			border-radius: 0px;
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
		}
		#functions-gallery .control {
			bottom: 0;
			height: 20px;
			position: absolute;
			text-indent: -2000px;
			width: 50%;
		}
		#functions-gallery .control.left {
			left: 0;
		}
		#functions-gallery .control.right {
			right: 0;
		}
		#functions-gallery .control.left a{
			background-image: url(/docLib/18/uploads/published/1712/arrowCapLeft.png/arrowCapLeft.png);
			background-position: top left;
		}
		#functions-gallery .control.right a{
			background-image: url(/docLib/18/uploads/published/1715/arrowCapRight.png/arrowCapRight.png);
			background-position: top right;
		}
		#functions-gallery .control a:link, #functions-gallery .control a:visited {
			background-color: #4D6862;
		}
		#functions-gallery .control a:active, #functions-gallery .control a:hover {
			background-color: #B8C46F;
		}
		#functions-gallery .control a {
			display: block;
			background-repeat: no-repeat;
			line-height: 100%;
		}
		
		
		#food-gallery {
			height: 180px;     
			margin: 0 0 1em;
			overflow: hidden;
			position: relative;
			width: 100%;
		}
		#food-gallery #food-galleryPhotos {
			height: 160px;    
			left: 0;
			position: absolute;
			top: 0;
		}
		#food-gallery #food-galleryPhotos div {
			float: left;
			padding: 5px;
		}
		#food-gallery #food-galleryPhotos div img {
			height: 150px;
			border: 0;
			margin: 0;
			padding: 0;
			border-radius: 0px;
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
		}
		#food-gallery .control {
			bottom: 0;
			height: 20px;
			position: absolute;
			text-indent: -2000px;
			width: 50%;
		}
		#food-gallery .control.left {
			left: 0;
		}
		#food-gallery .control.right {
			right: 0;
		}
		#food-gallery .control.left a{
			background-image: url(/docLib/18/uploads/published/1712/arrowCapLeft.png/arrowCapLeft.png);
			background-position: top left;
		}
		#food-gallery .control.right a{
			background-image: url(/docLib/18/uploads/published/1715/arrowCapRight.png/arrowCapRight.png);
			background-position: top right;
		}
		#food-gallery .control a:link, #food-gallery .control a:visited {
			background-color: #4D6862;
		}
		#food-gallery .control a:active, #food-gallery .control a:hover {
			background-color: #B8C46F;
		}
		#food-gallery .control a {
			display: block;
			background-repeat: no-repeat;
			line-height: 100%;
		}
		
		


#xmas-opening{
  background-image: url();
  background-position: 40% 35%;
  background-repeat: no-repeat;
}

.oig-bd .oig-pri ul.yui-gb{
  margin: 0 auto;
  padding: 0;
}

#bd .oig-bd ul.gallery{
  margin: 1em auto;
  padding: 0;
  float: left;
  width: 100%;
}
#bd .oig-bd ul.gallery li{
  float: left;
  padding: 0;
}
#bd .oig-bd ul.gallery.of_3 li{
  width: 25%;
  margin: 0 4%;
}
.wedding-poster{
    height: 150px;
}

<!-- EOF -->
