/*chatham book society*/
body{position:relative;height:100%;margin:0 0 10px;color: #333;background:#fff url(/images/bookbackground.png) repeat fixed top left;text-decoration:none;width:100%;margin:0;padding:0;font:normal normal 75% arial,verdana,geneva,helvetica,sans-serif}
#canvas{position:relative;max-width:960px;height:auto;min-height:100%;margin:0 auto;padding:0 0 10em 0;background: #fff;border-top:5px solid #069;border-left: 10px groove #069;border-right:10px ridge #069;width:auto}
#header{color: #055094;background:#fff url(/images/header.png) repeat-x;margin: 0 auto 17% auto;padding:0;height:10px}
#header img{position:relative;float:left;margin:0 1% 0 20px;width:75%}
#header p{font-size:30px;text-align:left;padding:10px 10px 10px 20px}
#header p img{float:left}
#header p.title{font-weight:bold;margin:20px 0 0 20px;font-size:40px;font-style:italic;text-align:left;padding:0px 0px 0 0px}
#header p.title a{text-decoration:none;color:#FFF;background:transparent}
#header p.title a:hover{color: #055094;background:transparent}
#header p.title img{position: relative;float:left;margin:auto auto auto 0;width:75%;}

#socialmedia{top:10px}
#menubar{position:relative;height:auto;min-height:50px;width:auto;color: #055094;text-transform:uppercase;font-size:12px;padding-top:5px;padding-bottom:7px;text-align:right;background: #069;border-top: 1px solid #300;border-bottom:1px solid #300}
#crumbs{position:absolute;top:170px;left:20px;height:33px;font-weight:bold;font-size:.85em;padding:10px 10px 10px 0}
#content{position:relative;margin:0;padding:20px;overflow:visible;clear:both;background:#fff;min-height:100%;height:100%;margin-bottom: -4em; height: auto !important;}
#content p{line-height:145%}
#left{position:absolute;top:130px;width:190px;left:0px;padding:0 20px;z-index:1}
#left p{padding:2px 10px}
#left,#fleft{border:1px solid #ACACAC;padding:0;color:inherit;background:#FFF}
#right{width:170px;right:10px;padding:0;border-width:1px}
#right{top:150px}
/*Slide Show*/
#mainpicouter{top:48px;right:39px}
#slidecaption{color:#000;background-color:#CCC;opacity:.6}
#slidecaption h2{color:#000;background:#CCC;opacity:.6}

#fright{border-color:#fff;background: #E1E1E1;}
#fright ul{color:#fff; font-size:1.2em}

#footer{position:absolute;max-width:960px;padding:0px 0px 0 0px;border-top:10px solid #069;/*margin:0 0px 0 0px;*/left:0;bottom:0;height:40px;width:100%;background-color:#fff;z-index:150}
#footer p{color:#333;background:transparent;font-size:.8em;text-align:center;/*border-top:10px ridge #963*/}
#footer a{color:#333;background:transparent}
/*#content,#footer{padding-bottom:0em}*/
/*#leftb{position:fixed;bottom:10px;margin-left:auto;margin-right:auto;text-align:center;z-index:1;width:220px}*/

p{margin:0;padding:0 10px 8px 0px;font-size:1.2em;letter-spacing:0;text-align:justify;background: transparent;color: #333;}
.colour{color:#00F;background:transparent;font-weight:bold}
.small{font-size:.85em}
.large{font-size:1.3em}
.warning{color:#900;background:transparent;font-size:0.85em;padding:3px 0;text-align:center}
blockquote{font-style:italic;font-size:.9em;margin:0 5%;padding:0 0 8px 0;text-align:center}
h1,h2,h3{text-align:left}
h4,h5,h6{text-align:left}
kbd{font:normal normal 100% verdana,arial,geneva,helvetica,sans-serif}

marquee{width:50%}
/*h1,h2,h3,h4,h5,h6{padding:0;font-style:normal;font-weight:bold;margin:0;text-decoration:none;vertical-align:middle}*/
h1{font-size:2.2em;margin:0px 40px 25px 0px;padding:0 0 25px 0;color: #333;background:transparent;border-bottom:1px solid #ACACAC}
h2{font-size:1.2em;padding:5px 10px 5px 0px;color:#333;background:transparent}
h3{/*events*/ font-size:1.2em;padding:5px 10px 5px 0px;color: #333;background: transparent;}
h4{font-size:1.2em;padding:5px 10px 0 0px;color: #333;background:transparent}
h5{font-size:1.2em;padding:5px 10px 0 0px;color:#333;background:transparent;font-weight:bold}
h6{font-size:1em;color: #333;background:transparent;font-weight:normal}
input.form,textarea.form,select.form{border:1px solid #ACACAC;color:#039;background:transparent}
div.form{position:relative;left:0;color:#000;background:#FFF;font-weight:normal;text-align:left;border:1px solid #ACACAC;margin:10px auto 0 auto;max-width:500px;padding:10px;width:70%}
a{text-decoration:none}
a:link{color: #069;background:transparent;font-weight:bold}
a:visited{color:#069;background:transparent;font-weight:bold}
a:hover{color:#069;text-decoration:underline;background:transparent;font-weight:bold}
a:active{color:#069;background:transparent;font-weight:bold}
hr{color:#9eb2b8;height:1px;margin:0;padding:0;width:100%;background:transparent}
ul{list-style:none;height:auto;background: #DCF1F8}
* html ul{height:1%}
ol,ul{letter-spacing:0;text-align:left;margin:0 10px 5px 5px;padding:0 0 0 7px;background: transparent}
ol li{font-size:1em;margin:0;padding:0 0 0 7px;line-height:130%;background: transparent}
ul li{font-size:1em;background: transparent url(/images/bullet.gif) no-repeat 0 3px;line-height:20px;margin:0;padding:0 0 0 20px}
ul li a{padding-left:0px;background: transparent}
dl,dt,dd{color:#669;background:transparent;font-weight:normal;letter-spacing:0;margin:0;padding:5px 10px 0 10px;text-decoration:none}
dt{list-style:url(/images/bullet.gif)}
dd{padding:5px 20px 0 20px}
strong,b{font-weight:bold}
.centre{text-align:center}

/*NAVIGATION - HORIZONTAL*/
#xmenu ul li{background-image:none}
#xmenu ul,#menu ul li{float:right;list-style:none;margin:0;padding:0;line-height:130%;background-color:transparent;width:inherit}
#xmenu ul a{display:block;width:auto;color: #fff;background:transparent;text-decoration:none;padding-left:0.5em;padding-right:0.5em}
#xmenu ul li a{color:#fff;background:transparent;border:none;text-decoration:none;padding-left:0.5em;padding-right:0.5em;margin-left:auto;margin-right:auto;white-space:normal}
/*#menu ul li a:hover{position:static;display:list-item;color:#fff;background: #2D7887;border:1px solid fuchsia;margin:auto}*/
#xmenu ul li a:hover{color:#FFF;/*background:#fff url(/images/menbg.gif) repeat-x*/;background:#fff}
#xmenu2 ul li a span{display:none;text-align:left;font-weight:normal;text-transform:none}
#xmenu2 ul li a:hover span{display:block;position:absolute;left:0;top:-20px;width:440px;padding:0 5px;color:#fff;background:transparent}
#xmenu ul li a span{display:none;text-align:left;font-weight:bold;text-transform:none;font-size:1.2em;line-height:140%;padding:0 20px;width:190px}
#xmenu ul li a:hover span{font-size:1em;font-weight:normal;display:block;position:absolute;left:430px;top:-32px;color: #069;background:transparent;z-index:120;width:300px}
/*NAVIGATION - sub menu (JavaScript required)*/
/*#menu ul li ul{position:absolute;left:-999em;height:auto;width:9em;font-weight:normal;margin:0;background:#000}*/
#xmenu ul ul{list-style:none;width:100%;margin:0;padding:0;line-height:130%;background-color:transparent}
#xmenu ul li{display:inline-table;float:left;padding:0;line-height:130%}
#xmenu ul li li{width:9em;line-height:125%;border-bottom:1px solid #BFBFBF}
#xmenu ul li:hover ul, #menu ul li.sfhover ul{left:auto !important;background: #bce0e7;border-top:1px solid fff;border-bottom:1px solid #fff}
#xmenu ul ul li a span{text-align:left;font-weight:bold;text-transform:none;font-size:1.2em;line-height:140%;margin:-20px 18px 0 -302px;padding:0 5px}
/*#menu ul ul li a:hover span{display:block;position:absolute;left:-20px;top:-35px;width:auto;height:auto;color:#039;background:#FFF;z-index:110;white-space:nowrap;text-decoration:none}*/

/*NAVIGATION - HORIZONTAL*/
#menu ul{list-style:none;margin:0;padding:0 0 0 0px;line-height:auto;max-height:130%;background:none;color:#fff}
#menu ul li{display:inline;float:left}
#menu ul li a{float:left;color: #fff;background:transparent;border:none;text-decoration:none;padding-left:0.5em;padding-right:0.5em;white-space:normal;border:none}
#menu ul li a:hover{color:#fff;/*background:transparent url(images/menbg.gif) repeat-x*/;background:transparent}
#menu ul li a span{display:none;text-align:left;font-weight:bold;text-transform:none;font-size:1.2em;/*line-height:140%;*/;padding:0 20px;width:auto}
#menu ul li a:hover span{display:block;position:absolute;top:-32px;left:0px;width:300px;color:#fff;background:transparent;font-size:1em;font-weight:normal;z-index:120}
/*NAVIGATION - HORIZ SUBMENU*/
#menu ul ul{position:absolute;top:35px;left:0;width:100%;padding-left:20px;text-align:center;z-index:1;border:none;}
#menu ul ul li{list-style:none;display:inline;float:none;text-align:center;padding:0 0 5px 0;color:#fff;background:transparent}
#menu ul ul li a{/*float:left;*/color:#fff;background:transparent;border:1px solid #fff;text-decoration:none;padding-left:1em;padding-right:1em;white-space:normal;margin-left:auto;margin-right:auto;text-align:center;float:none;}
#menu ul ul li a:hover{color:#FFF;/*background:#bce0e7 url(images/menbg.gif) no-repeat */}
#menu ul ul li a span{display:none;text-transform:none;font-size:1.2em;line-height:140%;padding:0 20px;width:auto}
#menu ul ul li a:hover span{display:block;top:-53px;padding-left:20px;margin-left:auto;margin-right:auto;color:#069;background:transparent}

p.event,p.eventl{text-align:left;padding:3px 0 3px 5px}
p.eventr{text-align:right;padding:3px 5px 3px 0}
table.events{width:100%;font-size:1em;border-left:1px solid #ACACAC;border-right:1px solid #ACACAC;border-top:none;border-bottom:none}
.event1,.event2,.event3,.event4,.eventfoot{color:#039;background:#E2E2E2;border-top:1px solid;border-bottom:1px solid;border-color:#ACACAC}
.event1{width:15%}
.event2{width:35%}
.event3{width:25%}
.event4{width:25%}
.eventfoot{border-top:1px solid;border-bottom:1px solid}
.spelling{border:1px solid #F00}