/*Hook & Odiham Lions - design updated 28-June-16 - Top bar*/
body{width:100%;margin:0;padding:0;color: #333;background:#fff;text-decoration:none;font:normal normal normal 85% "Muli",Arial,sans-serif}
#canvas{position:relative;width:100% !important;max-width:1100px;height:auto !important;height:100%;min-height:90%;margin:0 auto;background:transparent url(/images/menu.gif) repeat-y top left}
#header{color:#fff;background:transparent;margin:0 0 40px;padding:0;width:100%;max-width:1100px;height:auto;min-height:100px}
/*.#header img.logo{height:50px;background:url(/images/Llogo.jpg)}*/
#header img{position:static;float:left;margin:2% 2% 0}
#header>img,#header>a>img{height:85px;max-width:50%}
#header>img.logor{position:relative;right:0;height:32px;width:auto;margin:2% 2% 0}
#header p{position:relative;left:0;color:#00529c;font-size:1.6em;text-align:left;padding:0.5% 1% 0 11.5%}
#header p img{float:none}
#header p.title{color:#00529c;font-weight:bold;margin:0;font-size:2.5em;text-align:left;padding:3.25% 1% 0.25% 11.5%;line-height:0.8em}
#header p.title a{text-decoration:none;color:#00529c;background:transparent}
#header p.title a:hover{color:#EBB700;background:transparent}
#header p.title img{float:none;margin:0 0 0}

#search{position:absolute;top:100px;right:160px}
#menubar{position:sticky;height:74px;clear:both;overflow:visible;width:100%;max-width:1100px;margin-top:auto;color:#00529c;/*background:linear-gradient(#fff3c7,#ffdd62)*/;background: #EBB700; text-transform:uppercase;font-size:87%;z-index:12;top:0px;border-bottom: 5px solid #00529c;}
#socialmedia{top:10px;right:2px;padding:2px 1px 2px 1px;background:#fff}
#socialmedia_in_hdr {top:10px;}

#crumbs{position:absolute;top:170px;left:20px;height:33px;font-weight:bold;font-size:.85em;padding:10px 10px 10px 0}
#content{position:relative;top:0px;width:auto;min-width:120px;margin:0 0 0 0;padding:30px 0% 3em;background:#fff;overflow:visible;clear:both;z-index:1}
#content p{line-height:145%}

#canvasf .address{
    padding-left:0px;
    line-height: 30px;
}

#footer{position:relative;bottom:0px;height:auto;margin-left:0px;width:auto;max-width:100%;padding:0px;text-align:center;border-top:6px double #7D7583;}
#footer p{color:#000;background:transparent;font-size:.9em;text-align:center;padding-top:10px}
#footer a{color:red;background:transparent}
#leftb{position:fixed;bottom:10px;margin-left:auto;margin-right:auto;text-align:center;z-index:1;width:220px}

#fright{float:right;width:30% !important;max-width:300px;margin:10px 10px 10px 10px;padding:7px;border:1px solid #DEDEDE;background:linear-gradient(#f8f8f8,#ebebeb);z-index:10}
#fright h2{font:normal normal 250% serif !important;padding:5px 4% 5px;color:#999;background:transparent;}
#fright h3{font:normal normal 190% serif !important;padding:5px 4% 5px;color:#999;background:transparent;}
#fright p{line-height:normal}

#testimonials ul:first-of-type{margin-top:20px}

#right{top:150px;width:170px;right:10px;padding:0;border-width:1px}
#right{border:1px solid #096;padding:0;color:inherit;background:#f8f8f8}
#right{position:absolute;z-index:1}
#right h2,#right h6{color:#999}
#right p{padding:2px 10px}
#left{position:absolute;top:130px;width:190px;left:0px;padding:0 20px;z-index:1}
#left h2,#fleft h2{padding:3px 10px}
#left p{padding:2px 10px}
#left,#fleft{border:1px solid #096;padding:0;color:inherit;background:#FFF}
#crumbs img{position:relative;float:right;margin:0;top:-5px}

p{margin:0;padding:0 0 8px 0;font-size:1.1em;letter-spacing:0;text-align:left}
.column p {
	padding: 5px 0 0 0;
    text-align: justify;
}
column.small{font-size:.85em}
column.large{font-size:1.3em}

.column color{color:#00529c;background:transparent;}
.column color2{color:#fff;background:#222;}
.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:center}
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:normal normal normal 250% ;margin:10px 0 10px;padding:0;color:#00529c;background:transparent}
h2{font:normal normal normal 150% ;color:#00529c;padding:5px 0 6px 0;background:transparent}
.column h2 {
   color: #fff;
    font-weight:normal;
	font-size: 1.4em;
	padding: 15px 10px 15px;
	background: #00529c;
}
h3{color:#00529c;font-size:1.3em;padding:5px 0 3px 0px;background:transparent;font-weight:normal;margin-bottom:7px}
h4{font:normal normal lighter 1.8em ; color:#00529c;font-size:1.5em;padding:5px 0 3px 3px;margin-bottom:20px;background:#fff;border-bottom:2px solid #EBB700;text-align:left;font-weight:normal}
h5{font-size:1.2em;color:#00529c;background:transparent}
h6{font: normal normal lighter 85% futura;font-size:2em;font-weight:normal;text-align:left;color:#333;background:transparent;padding:5px 0 0 0}
input.form,textarea.form,select.form{border:1px solid #096;color:#039;background:transparent}
div.form{position:relative;left:0;color:#000;background:#FFF;font-weight:normal;text-align:left;border:1px solid #096;margin:10px auto 0 auto;max-width:500px;padding:10px;width:70%}
a{text-decoration:none}
a:link{color:#00529c;background:transparent;}
a:visited{color:#00529c;background:transparent;}
a:hover{color:#00529c;background:transparent;}
a:active{color:#00529c;background:transparent;}
a.button, input.button{
    background: linear-gradient(to top, #EBB700, #EBB700)!important;
    border-width: 1px;
    border-color:#EBB700;
    border-style:groove;
    border-radius: 10px;
    display: inline-block;
    padding: 5px 7px;
    text-align: center;
    width: 200px;
    font-size:100%;
    color:#00529c!important;
}

a.button:hover:not([disabled]), input.button:hover:not([disabled]) {
  background: linear-gradient(to top, #2B6BA0, #00529c)!important;
    border-width: 1px;
    border-color:#EBB700;
    border-style:groove;
    border-radius: 10px;
  color: #EBB700!important;
  text-decoration: none;
  cursor: pointer;
}

hr{border-bottom:1px solid #EBB700;margin:0;width:100%;background:uppercase}
ul{list-style:none;line-height:130%}
ol,ul{letter-spacing:0;text-align:left;margin:0 15px 0px 0px;padding:0}
ol li{font-size:1.1em;margin:3px 0 10px 2.25em;padding:2px;line-height:130%}
ul li{font-size:1.1em;background:url(/images/bullet.gif) no-repeat top 5px left;margin:0;padding:2px 0 10px 25px;line-height:130%}
ul li a{padding-left:1px}
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.png)}
dd{padding:5px 20px 0 20px}
strong,b{font-weight:bold}
.centre{text-align:center}

/*NAVIGATION - HORIZONTAL*/
#menu{padding-top:0px;float:none;margin-left:0;width:100%;padding-right:0;background-color:transparent}
#menu ul li{background-image:none}
#menu ul, #menu ul ul{list-style:none;margin:0;padding:0 15px;line-height:130%;background-color:#fff}
#menu ul a{display:block;width:auto;color:#FFF;background:transparent;text-decoration:none;padding-left:0.5em;padding-right:0.5em}
#menu ul li a{color: #333;background:transparent;border:none;text-decoration:none;padding:15px 20px 5px 5px;white-space:normal;font-size:98%;text-transform: uppercase;}
#menu ul li a:hover{position:static;display:list-item;color:#00529c;/*background:transparent url(/images/menbg.gif) repeat-x !important*/}
#menu ul li a span{left:auto !important;display:none;position:absolute;left:0px;top:-25px;width:auto;line-height:140%;padding:0;color:#fff;font-weight:lighter;text-transform:none}
#menu ul li a:hover span{text-align:left;display:block;height:auto;color:#888;background:transparent;z-index:120;font-weight:normal;font-style:italic;}
/*NAVIGATION - DROPDOWN (JavaScript required)*/
#menu ul li ul{position:absolute;left:-999em;height:auto;width:14.5em;font-weight:normal;margin:0;padding:0;background-color:#fff;font-size:105%;z-index:220;}
#menu ul li{float:left;padding:0;line-height:130%;max-width:110px;text-align:center;}
#menu ul li li{width:12.5em;line-height:100%;border:1px solid #EBB700}
#menu ul li:hover ul{left:auto !important;background:#fff;width:9em;text-align:center;}
#menu ul ul li a span{text-align:left;text-transform:none;line-height:100%;padding:0;color:#fff;background:#8a7d6c}
#menu ul ul li a:hover span{display:block;position:absolute;top:-60px;right:0;height:auto;width:auto;text-align:left;color:#888;background:transparent;font-weight:lighter;z-index:120;white-space:nowrap;text-decoration:none}

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 #A3B4C8;border-right:1px solid #A3B4C8;border-top:none;border-bottom:none}
.event1,.event2,.event3,.event4,.eventfoot{color:#00529C;background:#DFE6F0;border-top:1px solid;border-bottom:1px solid;border-color:#A3B4C8}
.event1{width:15%}
.event2{width:35%}
.event3{width:25%}
.event4{width:25%}
.eventfoot{border-top:1px solid;border-bottom:1px solid}

.single_col {
    background-color: #ffdb5b;}

.single_col #bookingh tr.prxh td
{border: 1px solid #00529c;
background-color: #00529c;
    color:#ffdb5b;
    font-size:130%;
}

table.booking td.product_name, table.editing input.product_name{
    font-size:120%;
}

.single_col .bgc {
    background:#00529c;
color:#ffdb5b}

#bookingf td{
    background: #00529c;
    color:#ffdb5b;
font-size:140%;}

#bookingf #total
{background-color:#00529c;
color:#fff;
}

td.prx label
{font-size:120%;}
/*.single_col .booking tr td {
    border: 1px solid blue;
background-color: blue;
    color:#fff;
   */ 

/*Slide Show*/
#xmainpicouter{position:relative;top:0px;width:92% !important;max-width:960px !important;height:auto;max-height:420px !important;padding:4%;background-color:#fff}
#xmainpic{position:relative;top:0;left:0;margin:0;border:5px solid #fff;overflow:hidden;clear:both}
#xmainpicinner{height:100%;width:100%;min-width:120px;overflow:hidden;visibility:hidden}
#xmainpicinner img{position:absolute;top:0;right:0;}
#slidecaption{position:absolute;top:0px;bottom:auto;left:0;height:100%;width:100%;max-width:100%;color:#000;background:transparent;margin:0;opacity:inherit;padding:0;z-index:50}
#slidecaption h2{position:absolute;bottom:0;padding:5px;width:100%;color:#333;background:#ffffff80;font:normal normal 1.4em sans-serif;line-height:145%;opacity:inherit}
#slidecaption h2 span{height:auto;color:#FFF;background:transparent;font:normal normal 2.5em serif;opacity:inherit}
#xtable1,#xtable2,#xtable3{float:left;width:33%}
table.layout td{line-height:145%;text-align:center}

@media only screen and (max-width:768px) and (max-aspect-ratio: 13/9){
 #header p{color:#00529c;background:transparent;text-align:center;margin-bottom:10px}
 #header p.title,#header p.title a{color:#00529c;background:transparent;font-size:18px !important}
 #header p.title a:hover{color:#8a7d6c;background:transparent}
    #content {margin-top:20px}
 #fright h3{font-size:1em !important}
 #footer p{color:#00529c;background:transparent}
 #footer a{color:#00529c;background:transparent}
 #mainpicouter{top:0;background:transparent !important}
 #mainpicinner img{width:100%;}
 #slidecaption{position:absolute;top:auto;bottom:0;left:0;height:100%;width:100%;max-width:100%;color:#fff;background: transparent !important}
 #slidecaption h2 span{font-size:1.5em}
}