/*Left menu  Yeomans Yearbook - temp*/
/*body{position:static;margin:0;padding:0;width:100%;color:#001;background:transparent url(images/leather.png) repeat-y fixed top left;font:normal normal 95% "Comic Sans MS","palatino linotype","Trebuchet MS";text-decoration:none}*/
body{position:relative;color: #4B4B4B;background:#FFF;text-decoration:none;width:100%;margin:0;font:normal normal 95% "Comic Sans MS","palatino linotype","Trebuchet MS"}
#canvas{position:relative;width:100%;max-width:960px;height:auto;min-height:100%;margin:0px auto;}
/*#header{position:relative;top:0;left:0;height:200px;width:auto;max-width:960px;margin:0 auto;padding:10px 0  0px 0;background: #06416F url(images/header.png) repeat-x;;background:#fff;overflow:auto;z-index:10;border:1px solid fuchsia}*/
#header > img{float:left;left:7px;height:130px;display:none}
#header > a > img{position:relative;left:57px;height:130px;display:none}
#header img.logor{position:relative;margin:10px 0px 0 0;display:none}
#header p{margin:0 0px 0 0px;font-size:20px;text-align:center;display: inherit;}
#header p.title{padding-top:10px;font-size:35px;font-weight:bold;text-align:center;letter-spacing:5px;color:#028;background:transparent}
#header p.title img{float:none;margin:auto;width:110%;max-width:960px;}
#header p.title a{text-decoration:none;color:#028;background:transparent}
#header p.title a:hover{color:#000;background:transparent}
#menu{position:absolute;top:465px;left:-20px;width:190px;height:50%;z-index:10;/*overflow:auto*/}
#crumbs{position:absolute;left:160px}
#content{position:relative;min-width:120px;padding:20px 10px 20px}
#footer{position:relative;padding:10px 10px 0 10px;border-top:1px solid #028}
#content,#footer{margin-left:160px}
#leftb{font-size:80%;position:absolute;top:250px;width:150px;margin-left:auto;margin-right:auto;text-align:center;z-index:1}
.comlinks{position:relative; right:750px; color:#FFF !important;background-color:#888 !important;}
/*Paypal button*/
form.donation {max-width:100%}

p{margin:0;padding:0 0 8px 0;letter-spacing:0;text-align:justify}
.colour{color:#001;background:transparent;font-weight:bold}
.small{font-size:.85em}
.large{font-size:1.3em}
.warning{padding:3px 0;color:#900;background:transparent;font-size:.85em;text-align:center}
blockquote{margin:0 5%;padding:0 0 8px 0;font-style:italic;font-size:.9em;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}
/*SELECTABLE STYLES - END*/
#marquee{width:99%; margin: 0 auto; top: -31px;}
h1{padding:1em 0 0.3em 0;color:#001;background:transparent;font-size:1.8em}
h2{padding:8px 0 3px 0;color:#001;background:transparent;font-size:1.2em}
h3,h4{padding:5px;color:#000;background:transparent;font-size:1.2em}
h1,h2,h3,h4,h5,h6{border:none;margin:0;font-style:normal;font-weight:bold;text-decoration:none;vertical-align:middle}
h5{color:#900;background:transparent;font-size:1.2em}
h6{color:#900;background:transparent;font-size:1.2em;font-style:italic;font-weight:normal;text-align:center}
input.form,textarea.form,select.form{border:1px solid #002;width:50%;color:#009;background:transparent}
div.form{color:#000;background:#FFF;font-weight:normal;text-align:left;border:1px solid #002;margin:10px auto 0 auto;max-width:500px;padding:10px;width:70%}
a{text-decoration:none}
a:link{color:#03F;background:transparent}
a:visited{color:#03F;background:transparent}
a:hover{color:#900;background:transparent;text-decoration:underline}
a:active{color:#001;background:transparent}
hr{margin:0;padding:0;width:100%;color:#028;background:transparent;height:2px}
ul{list-style:none;height:auto}
ol,ul{letter-spacing:0;text-align:left;margin:0 10px 5px 10px;padding:0}
ul li{color:#028;background:transparent url(images/bullet.gif) no-repeat 0 3px;line-height:20px;margin:0;padding:0 0 5px 30px}
table ul li {padding-left: 30px !important}
ol li{background-image:none;margin:0 10px 5px 30px;padding:0 0 5px 0px}
dl,dt,dd{margin:0;padding:5px 10px 0 10px;color:#669;background:transparent;font-weight:normal;letter-spacing:0;text-decoration:none}
dt{list-style:url(images/bullet.gif)}
dd{padding:5px 20px 0 20px}
/*Layout*/
#content p{line-height:145%}
#footer p{color:#000;background:transparent;font-size:.8em;text-align:center}

#right,#fright{border:1px solid #FC0;padding:0;color:inherit;background:#FF9}
#right{position:absolute;z-index:1}
#right h2,#fright h2{padding:5px 10px}
#right p{padding:2px 10px}
#fright p{line-height:normal}
#fright{float:right;width:170px;margin-left:10px;z-index:1}
#left,#fleft{border:1px solid #FC0;padding:0;color:inherit;background:white}
#left{position:absolute;z-index:1}
#left h2,#fleft h2{padding:3px 10px}
#left p{padding:2px 10px}
/*Position control*/
#right{width:170px;padding:0;border-width:1px;right:10px}
#right{top:170px}
#left{width:170px;padding:0;border-width:1px;left:23px}
#left{top:200px}
/*Navigation vertical*/
#menu ul{list-style:none}
#nav{padding:0 10px}
#menu ul li{padding:0;line-height:normal;background-color:transparent;background-image:none}
#menu ul li a{display:block;width:auto;padding:4px 5px;color:#FFF;background:#1D56A0 none;text-decoration:none;border:1px solid #028;border-left-color:#04E;border-top-color:#04E;border-right-color:#000;border-bottom-color:#000}
#menu ul li a:hover{color:#009;background:#FADC56}
#menu a span{display:none;text-align:center}
/*#menu ul li a:hover span{border:1px solid fuchsia;display:block;position:absolute;top:-20px;left:20px;width:180px;margin-left:auto;margin-right:auto;padding:0;color:#004;background:transparent}*/
#menu ul li a:hover span{display:inline;position:absolute;text-align:left;left:20px;top:-20px;width:750px;padding:3px;color:#941737;background:transparent;font-size:80%;font-style:italic}
/*Navigation Vertical submenu*/
#menu ul ul{display:block;padding:0;margin:0;list-style:none}
#menu ul ul li{display:list-item;background-image:none}
#menu ul ul li{padding:0;line-height:normal;background-color:transparent;background-image:none}
#menu ul ul li a{display:block;width:auto;color:#FFF;background:#028 none;padding:0 10px;border:1px solid #028;border-top-color:#04E;border-bottom-color:#000}
/*#menu ul ul li a:hover{color:#009;background:#FADC56}*/
/*#menu ul ul li a:hover span{position:fixed;top:140px;left:20px}*/

#content p{line-height:145%}
#fright p{line-height:normal}
/*Event Table*/
p.event,p.eventl{padding:3px 0 3px 5px;text-align:left}
p.eventr{padding:3px 5px 3px 0;text-align:right}
table.events{width:100%;border-left:1px solid #028;border-right:1px solid #028;font-size:1em}
.event1,.event2,.event3,.event4,.eventfoot{border-top:1px solid;border-bottom:1px solid;border-color:#028;color:inherit;background:#04E}
.event1{width:15%}
.event2{width:35%}
.event3{width:25%}
.event4{width:25%}
.eventfoot{border-top:1px solid;border-bottom:1px solid}
table.events a.external:visited,a.external:link{color:#03F;background:transparent}
.panel{width:25%;height:1%;border:1px solid #002;padding:5px;color:#028;background-color:#04E}
#socialmedia{position:absolute;top:162px;right:20px}
#socialmedia img{margin:20px 2px !important;padding:0 2px !important}
input.search{margin-top:20px;}
#search{position:absolute;top:125px}

table p{text-align:left}
table.dat{table-layout:fixed}

@media only screen and (max-aspect-ratio: 13/9) and (max-width: 480px){
   #header p.title img {
     width: 100%;
     max-height: fit-content !important;
     max-width: fit-content !important;
   }
}