body                       { font-family: Arial, Helvetica, sans-serif; font-size: 0.84em /*80%*/; margin: 0 auto 0 auto;
                             padding: 0; min-width: 800px; max-width: 1000px; background-color: #B7CCBC }

#page                      { background-color: white }

#header                    { height: 105px; position: relative; width: 100% }

#skip                      { position: absolute; top: 0; text-align: right; right: 10px }
#skip a:link,
#skip a:visited,
#skip a:hover              { color: #297546 }

#logo                      { position: absolute; left: 5px; top: 3px; padding: 0; z-index: 1 }
#logo img                  { border: 0; margin: 0; width: 95px; height: 112px }

#heading                   { position: absolute; left: 120px; top: 10px; padding: 0; margin: 0; font-weight: bold;
                             font-size: 28pt; color: #293572 }

/* Main Navigation */
#navigation                { position: absolute; left: 0; bottom: 0; right: 0; background-color: #297546; border-top: 2pt solid #7CA38A }
#navigation ol             { list-style-type: none; margin: 0 0 0 110px; padding: .7em 0 .5em 1em }
#navigation li             { margin-right: .3em; font-weight: bold; font-size: 105% /*110%*/; display: inline; white-space: nowrap }
#navigation a              { text-decoration: none; color: white; padding: .3em .5em .5em .5em }
#navigation a.current,
#navigation a:hover        { color: #297546; background-color: white }

#overall                   { clear: both; margin-top: 1em; min-height: 400px }

/* Sidebar */
#sidebar                   { float: left; width: 20%; margin: .3em .5em 1em .5em; padding: 0 }
#sidebar > h3              { margin: .2em; color: #297546 }

/* Sub Navigation */
ol.subnav                  { list-style-type: none; margin: 0; padding: 0; border-bottom: 1pt solid #297546 }
.subnav li                 { font-weight: bold; border: 1pt #297546 solid; border-bottom-width: 0 }
.subnav a                  { display: block; padding: .4em; text-decoration: none }
.subnav a,
.subnav a:link,
.subnav a:visited          { color: #297546 }
.subnav a:hover            { color: white; background-color: #297546 }

dl.events                  { margin: 0 0 .6em 0; padding: 0 }
dl.events dt               { clear: both; font-weight: normal; border-top: 1pt #293572 dotted; margin: .5em 0 .1em 0; padding: .5em 0 0 0 }
dl.events dd               { float: right; margin: 0 0 .5em 0 }

/* Main Content */
#content                   { float: right; width: 76%; margin: .3em 0 4em 0; padding: 0 10px 0 0 }

#intro                     { float: left; width: 65% }
#intro h2                  { margin-top: 1.5em }
#intro p                   { line-height: 160%; margin-bottom: 1em }

#intro #contacts p         { line-height: 120% }

#updates                   { float: right; width: 30% }

/* Sitemap */
.sitemap                   { margin: 0 auto 0 auto; width: 80% }
.sitemap div               { float: left; width: 29%; margin: 0 1em }
.sitemap h2                { margin: 0; border: 0; font-size: 120%; border-bottom: 1px #297546 dotted }
.sitemap ol                { list-style-type: none; margin: 0; padding: 0 }
.sitemap li                { margin: 0; padding: .5em 0 0 0 }

/* Footer */
#footer                    { clear: both; border-top: 1pt #297546 solid; margin: 0; padding: 1em 1em .5em 1em; color: white }
#footer                    { background-color: #535E55 }

#footer a:link,
#footer a:visited          { color: white }

#footer .sitemap h2        { color: white; border-bottom-color: white }
#footer .sitemap a:link,
#footer .sitemap a:visited { text-decoration: none }
#footer .sitemap a:hover   { text-decoration: underline }

#footer .contacts          { margin-top: 1.5em; padding-top: 1em; border-top: 1pt white solid }

#footer #badge             { text-align: center; margin: 0; padding: 0 }
#footer img                { border: 0 }

/* General */

a:link                     { color: #00561E }
a:visited                  { color: #4B7A5C }

#overall a.external        { background: url("images/external.png") center right no-repeat; padding: 0 13px 0 0 }

a img                      { border: 1px solid #297546 }

img.inline-right           { float: right; margin: 0 0 10px 15px; border: 0 }

h1                         { color: #293572; font-size: 175%; margin: 0 0 .3em 0 }
h2                         { color: #293572; font-size: 145%; margin: 2.5em 0 .5em 0; padding: .5em 0 0 0; border-top: #293572 1pt dotted }
h3                         { color: #293572; font-size: 125%; margin: 1.3em 0 .5em 0 }
h4                         { color: #293572; font-size: 100%; margin: 1em 0 .5em 0 }

table                      { margin-bottom: .8em }
caption                    { text-align: left }
td p                       { margin: 0 }
td.number                  { text-align: right }

p                          { margin: 0 0 .8em 0 }

hr                         { margin: 1.5em 0; border: 0; color: #293572; background-color: #293572; height: 2px }

blockquote                 { margin: 0 0 0.8em 0; padding: 2px 29px; background: url("images/quote.png") no-repeat }
blockquote.plain           { background: none }
q                          { font-style: italic }

dt                         { font-weight: bold; margin-top: 1em }
dd                         {  }

.disperse li               { margin-bottom: .8em }

ol.inline                  { padding-left: 1.2em }
ol.inline li               { display: inline; padding-left: .7em }

.event                     { font-weight: bold }

.published                 { color: #666; font-size: 90%; font-weight: bold; font-style: italic }

.highlight                 { color: #293572; font-weight: bold }

.clr                       { clear: both }

/* Advert */
.advert                    { width: 150px; margin: 25px auto 0 auto; font-size: 18pt; font-weight: bold; text-align: center }
.advert a                  { display: block; padding: 5px }
.advert a:link,
.advert a:visited          { color: white; text-decoration: none }
#villagehall               { background-color: #293572; border: 2pt solid #4E588C}
#churchhall                { background-color: #00561E; border: 2pt solid #4B7A5C }

/* Box */
.box                       { margin: 0 0 1em 0; padding: 0 5px 5px 5px; /* background-color: #EAE1E7; */
                             border-top: 2pt solid #293572; border-bottom: 1pt solid #293572 }
.box h2                    { margin-top: 0; border: 0; color: #293572 }
.box h3                    { margin-top: 0; border: 0; padding: .5em 0 0 0; color: #293572 }
.box ul,
.box ol                    { list-style-type: none; margin: 0; padding: 0 }
.box li                    { border-top: 1pt #293572 dotted; margin: .5em 0; padding: .5em 0 0 0 }
.box a:link                { color: #293572 }
.box a:visited             { color: #4E588C }


ol.photos                  { list-style: none; padding: 0; margin: .5em 0 0 0 }
ol.photos li               { float: left; margin: 0 30px 10px 0; text-align: center }

.costs                     { text-align: right }
.total                     { text-decoration: underline }
.strikethrough             { text-decoration: line-through }

/* Simple horizontal styled table */
.hor-simple                { border-collapse: collapse; text-align: left; margin: 1em 0 }
.hor-simple th             { padding: 6px 8px; text-align: left; vertical-align: top }
.hor-simple thead th       { border-bottom: 2px solid black; border-top: 2px solid black }
.hor-simple tbody          { border-bottom: 2px solid black }
.hor-simple td             { border-bottom: 1px solid black; padding: 6px 8px }

/* Minutes */
div.minutes .number        { text-align: right }
div.minutes .heading       { text-align: center; font-weight: bold }
div.minutes h1             { text-align: center; font-size: 100%; color: black; font-weight: normal; margin: 0 0 1em 0 }
div.minutes h2             { font-size: 100%; color: black; margin: 2em 0 .5em 0; border: none }
div.minutes h3             { font-size: 100%; color: black; margin: 1em 0 .5em 0; font-weight: normal; text-decoration: underline }

div.minutes p              { margin: 0 0 .5em 0 }
div.minutes h1 + p         { margin-top: 2em }
div.minutes table p        { margin: 0 }

div.minutes hr             { background-color: black }

div.minutes .underline,
div.minutes .subject       { text-decoration: underline }

div.minutes ol,
div.minutes ul             { margin: 0 0 .5em 1.2em; padding: 0 0 0 .3em }
div.minutes li             { margin: 0 0 .6em 0 }
div.minutes li p           { margin: 0 0 .2em 0 }

div.minutes blockquote     { background: white }

div.minutes .present       { list-style-type: none; margin: 0 0 1em 0; padding: 0 }
div.minutes .present li    { margin: 0 0 0 0 }

div.minutes .instruction   { text-decoration: underline; margin: 2em 0 }
div.minutes .instruction2  { font-weight: bold; margin: 2em 0 0 0 }
div.minutes .instruction3  { margin: 2em 0 }

/* Search */
#header #searchform        { float: right; margin: 2.5em 10px 0 0 }
#header #searchform label  { display: none }

input#searchButton         { border: 1px solid #7CA38A }
input#searchButton:hover   { background-color: #B7CCBC }

ol#resultlist              { list-style-type: none; margin: 0; padding: 0 }
ol#resultlist li           { margin-bottom: .8em }
.paginator                 { margin: 2em 0 0 0; text-align: center }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}