/*castle quilters*/
body{position:relative;width:100%;margin:0;padding:0px 0 0 0;color:#3F3F3F;background:transparent url(/images/jeb3-2.jpg) repeat-y top;background-size:cover;height:100%;text-decoration:none;font:normal normal normal 100% "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}
#header{color:#000;background:#fff url(/images/jeb-header-dec-v2.jpg) no-repeat;background-size:80%;margin:0 ;padding:20px 0 0 0;width:100%;max-width:1100px;height:250px;background-position:90% 50%;}
#header img{position:static;float:left;margin:3.5% 1.5% 0 1%;height:auto;}
#header>img,#header>a>img{height:150px!important;max-width:100%;margin-left:150px;}
#header img.logor{position:relative;right:0;height:160px;max-height:200px;width:auto;margin:2% 0}
#header img.logo {margin:1.75% 0 0 5.5%;}
#header p{position:relative;left:0;color:#25407c;/*text-shadow:1px 1px #000*/;font-size:2em;text-align:left;padding:2% 1% 0 11.5%}
#header p img{float:none}
#header p.title{color:#25407c;font-weight:normal;margin:0;font-size:2.75em;text-align:center;padding:3.5% 0 1%;line-height:55px;width:200px}
#header p.title a{text-decoration:none;color:#25407c;background:transparent}
#header p.title a:hover{color:#0059b6;background:transparent}
#header p.title img{float:none;margin:0 0 0;width:1100px;height:auto;}
#search{top:52px;right:85px;margin:0 2%}
#socialmedia{position:absolute;top:0;right:15px;padding:1% 2% 0;}
#socialmedia a{background-color:#ffffff75;}
#socialmedia img{max-height:32px}

.gallery {
background:#fff!important;
    border:none!important;
color:#333!important;
}

#menubar{position:relative;top:0;height:29px;width:100%;max-width:1100px;padding:0;color:#766A62;background-color:transparent;font-size:14px;text-transform:uppercase;clear:both;overflow:visible;z-index:12}
#contel{position:absolute;top:-45px;right:20px}
a.contel,a.conmail{margin:2px;padding:2px;font-size:small;}
#contel img{position:relative;top:-2px;left:0;height:12px;width:12px}
#crumbs{position:relative;top:22px;left:0px;height:auto;font-weight:bold;font-size:.85em;margin-bottom:20px;padding:0px 0px 0px 2%}
#crumbs img{position:relative;float:right;margin:0;top:-5px}
#content{position:relative;top:0px;width:auto;min-width:120px;margin:0px 0 0px 0px;padding:20px 2% 2.5% 2%;overflow:visible;clear:both;z-index:1;background:#fff}
#content p{line-height:145%}

#footer{position:relative;bottom:10px;height:auto;margin-left:0px;width:auto;max-width:100%;padding:none;text-align:center;border-top:1px solid #7F7F7F}
#footer p{color:#7F7F7F;background:#fff;font-size:.9em;text-align:center;padding-top:10px;line-height: 120%;}
#footer a{color:#766A62;background-color:#fff;}
#footer {background-color:#fff;}

#leftb{position:static}
#leftb h4,#leftb p{width:220px;margin-left:auto;margin-right:auto;text-align:center;z-index:1}
#fright{float:right;width:auto;max-width:22%;margin-left:10px;z-index:1;padding:0px 0 0 10px;color:inherit;background:#fff;border:1px solid #fff;border-left:2px solid #7F7F7F;}
#fright p{font-size:1.2em;line-height:normal}
#fright h2{padding:5px 0 5px 0;color:#fff;background:#0059b6;font-size:1.5em;margin-bottom:10px;text-align:center;border-radius:8px}

#mainpic{top:20px;/*border: 1px solid #A3B4C8;border-radius:4px;margin-left:20px*/}
#mainpicinner{display: flex;justify-content: center}

p{margin:0;padding:0 0 8px 0;font-size:1em;letter-spacing:0;text-align:justify;line-height:100%}
td p{padding:0;line-height:100%}
.colour{color:#fff;background:#25407c;padding-left:15px;padding-right:15px;}
.small{font-size:.85em}
.large{font-size:1.5em}
.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:normal;margin:0;text-decoration:none;vertical-align:middle}
h1{font-size:3em;margin:20px 0 5px 0px;padding:0 0 12px 0;color:#25407c;background:transparent}
h2{color:#25407c;font-size:2em;padding:0px 0 3px 0;background:transparent;}
h3{color:#25407c;font-size:2em;padding:15px 0 3px 0;background:transparent}
h4{color:#25407c;font-size:2.0em;padding:5px 0 3px 0;background:transparent;text-align:left;}
h5{font-size:1.2em;color:#900;background:transparent}
h6{font-size:1.2em;font-weight:normal;color:#fff;background:#007fff;margin-bottom:10px;padding:5px;border-right:1px solid #666!important;border-bottom:1px solid #666!important;border-radius:6px!important;}
input.form,textarea.form,select.form{border:1px solid #096;color:#7F7F7F;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:#007FFF;background:transparent;font-weight:normal}
a:visited{color:#007FFF;background:transparent;font-weight:normal}
a:hover{color:#007FFF;text-decoration:underline;background:transparent}
a:active{color:#007FFF;background:transparent}


a.button:link,
a.button {
    background:transparent url(/images/button-orange2.png) no-repeat center;
    background-size:150px!important ;
    color: #FFF !important;
    /*border:1px solid #f2d88d;*/
    font-size:100%;
    font-weight:bold;
    letter-spacing: 1px;
    text-transform:uppercase;
/*    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);*/

}

a.button {
    border:none;
    width:150px;
}


a.button,  input.button {
    padding:70px 0px;
    margin:0;
}

a.button:hover,
a.button:hover:enabled,
input.button:hover:enabled {
    background:transparent url(/images/button-orange2.png) no-repeat center;
    background-size:150px!important ;
    color: #fff !important;
    font-size:90%;
    background-color:transparent!important;
    box-shadow:none;
}



hr{color:#A3B4C8;height:1px;margin:0;padding:0;width:100%;background:transparent}
ul{list-style:none;line-height:130%}
ol,ul{letter-spacing:0;text-align:left;margin:0 10px 5px 30px;padding:0}
ol>li{font-size:1.1em;margin:0;padding:2px;line-height:130%}
ul>li{font-size:1.1em;background:url(/images/bullet.gif) no-repeat top 3px left;margin:0;padding:2px 0 20px 20px;line-height:130%}
ul>li a{padding-left:12px}
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*/
#menu{float:left;width:100%;margin:0;padding:0;background-color:#fff}
#nav li{background-image:none;font-size:16px}
#nav, #nav ul{list-style:none;margin:0;padding:0px 1.25% 0px;line-height:100%;background-color:#fff}
#nav a{display:block;width:auto;color:#FFF;background:transparent;font-weight:normal;text-decoration:none}
#nav li a{color:#25407c;background:#fff;border:none;text-decoration:none;padding:10px 0.7em 5px 0.7em;white-space:normal;font-weight:bold;}
#nav li a:hover{color:#007FFF;background:#fff;border-bottom:1px solid #007FFF}
#nav li a span{visibility:hidden;position:absolute;top:-10px;left:25px;font-weight:normal;text-transform:none;font-size:13px;line-height:110%;padding:0;width:auto}
#nav li a:hover span{visibility:visible;display:block;text-align:left;height:auto;color:#007fff;background:#FFF;z-index:120;font-weight:normal;font-style:italic;}
/*NAVIGATION - DROPDOWN (JavaScript required dropdown.js)*/
#nav li ul{position:absolute;left:-999em;width:min-content;border:1px solid #766A62;}
#nav li{float:left;padding:0;line-height:110%}
#nav li li{width:30em;line-height:110%;border-bottom:1px solid #766A62;}
#nav ul li a span{position:absolute;top:-48px;left:0;width:auto;text-align:left;text-transform:none;font-size:12px;line-height:110%;padding:0;color:#000;background:#FFF}
#nav ul li a:hover span{display:block;height:auto;color:#766A62;font-weight:bold;background:#fff;z-index:20;white-space:nowrap;text-decoration:none}
#nav li ul ul { /* third-and-above-level lists */	width:15em;margin:-2em 0 0 15em}
#nav li:hover ul ul{left: -999em}
#nav li:hover ul, #nav li li:hover ul{left: auto}
#nav li li{font-size:11px}
#nav li li:last-child {
  border-bottom: none;
}
#nav li li li{width:15em}
#nav ul ul li a:hover span{display:block;position:relative;top:0;left:10px;height:auto;width:auto;text-align:left;color:#766A62;background:transparent;font-size:smaller;font-weight:normal;white-space:normal;text-decoration:none;z-index:20}

/*07-10-2015*/
#nav li.hassub>a::after{content:' + '}

#nav #li-logoff{float:right}
#nav #li-logoff a:hover{background:transparent}
#nav #li-logoff a:visited{background:transparent}
#nav #li-members{float:right}
#nav #li-members li{float:none}
#nav #li-members a span{right:5px}
#nav #li-members a:hover span{text-align:right}
#nav #li-members:hover ul, #nav #li-members li:hover ul{right:5px}
#nav #li-tutorial1{float:right}
#nav #li-tutorial1 li{float:none}
#nav #li-tutorial1 a span{right:5px}
#nav #li-tutorial1 a:hover span{text-align:right}
#nav #li-tutorial1:hover ul, #nav #li-tutorial1 li:hover ul{right:5em}

p.event,p.eventl{text-align:left;padding:3px 0 3px 5px}
p.eventr{text-align:right;padding:3px 5px 3px 0;color:#333;}
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}
table.events {border-right:none;border-left:none;}
table.events h3{padding:10px 0 10px 0}
a.external:link, a.external:visited {color:#458ec3}
table.events tr.comc{color:#999;font-style:italic}

#fright #events{height:130px;background:#FFF;border:1px solid #AAA;border-radius:8px}
#fright td.ev1 p{font-size:85%;color: #7F7F7F;background:transparent}
#fright td.ev2 p{font-size:85%;color:#333;background:transparent;padding-bottom:4px}
#fright tr.comc td.ev1 p{color:#858585;font-style:italic;font-size:85%;background-color:transparent}
#fright tr.comc td.ev2 p{color:#858585;font-style:italic;font-size:85%;background-color:transparent}

.spelling{border:1px solid #F00}
/*Slide Show*/
#mainpicouter{max-width:1100px;height:auto !important;padding-bottom:20px}
#mainpic{position:relative;top:20px;left:0;overflow:hidden;clear:both;}
#mainpicinner{height:100%;width:100%;min-width:120px;overflow:hidden;visibility:hidden;}
#mainpicinner img{position:absolute;top:0}
#slidecaption{position:absolute;bottom:0;left:0;height:auto;width:100%;max-width:100%;color:#000;background-color:#CCC;opacity:.6;margin:0;padding:0;z-index:200}
#slidecaption h2{color:#000;background:#CCC;opacity:.6;padding:0 5px 5px}

 #members__rabbit h2, h2.template {
   margin-top: 2em;
 }
 #members__rabbit h3, h3.template.clr {
   margin-top: 1em;
 }
 #members__rabbit #content p {
   text-align: left;
 }
 #members__rabbit #content p.centre, #members__rabbit #content .warning {
   text-align: center;
 }
 #members__rabbit #content p.right {
   text-align: right;
 }
 #members__rabbit table {
  border-radius: 8px;
  border-collapse: collapse;
  overflow: hidden;
 }
 #members__rabbit table.dat th, #members__rabbit table.dat td {
  background: #EEE;
  border: 1px solid white; 
 }
 #members__rabbit .event1, #members__rabbit .event2, #members__rabbit .event3, #members__rabbit .event4, #members__rabbit .eventfoot {
  border: 1px solid white;
  background: #EEE;
 }
 
@media only screen and (max-width:768px) and (max-aspect-ratio: 13/9){
 #header p{display:none;/*height:auto;max-width:55% !important;padding:1% 1% 0 10.5% !important*/}
 #header p.title{font-size:115%!important;height:auto;max-width:10% !important;padding:4.5% 1% 0 10.5% !important;line-height:15px;text-shadow:none;}
 #header p.title img{position:absolute;top:0.5%;max-height:30px}
 #header img.logor{max-height:50px !important}
 #header img.logo{
    max-height:65px!important;
     margin:0% 0 0 5%;}
  h3{font-size:1.1em!important;padding-left:0!important;}
    p{font-size:130%;}
 
}

@media print{
 table.vth{border-collapse:collapse !important}
 table.vth{position:relative;right:0 !important;width:100% !important}
 #header{top:0;height:15mm;background:none}
 #header>img,#header>a>img{width:auto}
 #header p{top:13mm;left:18.5mm;font-size:12pt;padding:0}
 #header p.title{top:1.5mm;left:18.5mm;font-size:12pt;padding:0}
 #header p.title img{float:left}
 #content{top:0;width:100%;margin-left:0 !important;margin-right:0 !important;padding:0 !important;}
 #content p{font-size:10pt;font-family:"Times New Roman";serif}
 #members__rabbit #canvas {
   width: 100%;
 }
 #members__rabbit #header p {display:none;}
 #members__rabbit .clr {
    page-break-before:always;
 }
 #members__rabbit h2, #members__rabbit h3, h2.template, h3.template {
   margin-top: 0;
   page-break-after:avoid;
 }
 #members__rabbit #footer {
   display:none;
 }
 #members__rabbit #canvas {
 }
 #members__rabbit #content {
 }
 h2, h3 {
  break-after: avoid-page;
  page-break-after: avoid;
 }
 p {
  orphans: 2;
  widows: 2;
 }
}

 @page {
    size: A4;
    width: 100%;
    margin: 15mm;
 }
 @page:first {
 }
 @page:right {
  @bottom-right {
    margin: 0pt 0 0pt 0;
    content: "Page " counter(page);
  };
 }
 @page:left{
  @bottom-left {
    margin: 0pt 0 0pt 0;
    content: "Page " counter(page);
  };
 }
 @page:first {
  @bottom-right {
    content: normal;
    margin: 0;
  };

  @bottom-left {
    content: normal;
    margin: 0;
  };
 }
@page :left :footer {
    content: "Rabbit", "Page " decimal(pageno),"May 2019";
    font-variant: small-caps
}
@page :right :footer {
    content: "May 2019", "Page " decimal(pageno),"Rabbit";
    font-variant: small-caps
}