/* Left bar style sheet */
html{margin:0;padding:10px}
body{margin:0;padding:0;height:100%;width:100%;color:#000000;background:#EFE4F2 url(images/menu.gif) repeat-y fixed top left;font:normal normal 16px "book antiqua",georgia,palatino,times,serif;text-decoration:none}
#canvas{position:relative;width:100%;margin:0 auto;height:auto !important;height:100%;min-height:100%;background:transparent}
#header{margin:10px 0 0;padding:0;border:none;background:transparent url(images/header.gif) no-repeat;min-height:150px}
#header p.title{margin:8px 0 0 0;color:#725595;background:transparent;font: italic bold 35px Curlz MT;text-align:center}
#header p{margin-right:10px;color:#557995;background:transparent;font-size:20px;font-weight:bold;text-align:center}
#header img{position:relative;top:0;float:right;margin:0 10px 0 0}
#logo{position:relative;top:0px;right:0px;z-index:5}
#menubar{position:absolute;float:left;left:10px;top:125px;width:135px;padding:0;background:transparent;text-align:center;z-index:2}
#menubar.sticky {
   top: 10px;
}
#content{position:relative;width:auto;margin:0;padding:10px;min-width:120px;z-index:3;margin-right:0}
#content p{line-height:145%}
#content,#footer{margin-left:180px}
#footer{position:relative;width:auto;min-width:120px;;margin-left:180px;padding:10px 10px 0 10px;border-top: 1px solid #725595;clear:both;z-index:1}
#footer p{color:#725595;background:transparent;font-size:.8em;text-align:center}
#leftb{width:135px}
#leftb{margin-left:auto;margin-right:auto;text-align:center;position:absolute;bottom:20px;z-index:-1}
#right,#fright{border:1px solid #FFCC00;padding:0;background:#FFFF99}
#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-top:1px solid #99C1ED;border-left:1px solid #99C1ED;border-bottom:1px solid #000000;border-right:1px solid #000000;margin:0;padding:5px 0;width:150px;background:#FFFFFF}
#left{position:absolute;z-index:1}
#left h2,#fleft h2{border-bottom:1px solid #000099;padding:3px 10px;color:#FFFFFF;background:#000099;text-align:center}
#left p{padding:2px 10px}
#socialmedia{right:100px !important}

#left{top:305px;padding:0;border-width:1px;left:35px}
#right{top:125px;width:170px;padding:0;border-width:1px;right:10px}

p{margin:0;padding:0 0 8px 0;letter-spacing:0;text-align:justify}
.colour{color:#725595;background:transparent;font-weight:bold}
.min{margin:0;padding:0}
.small{font-size:.85em}
.large{font-size:1.3em}
.warning{padding:3px 0;color:#990000;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}
/*	main headings */
h1{text-align:left}
h2{text-align:left}
h3{text-align:left}
h4{text-align:center}
h5{text-align:center}
h6{text-align:center}
/*	Selectable styles - End */
marquee{width:50%}
h1{padding:0;color:#725595;background:transparent;font-size:1.8em}
h2{padding:8px 0 3px 0;color:#725595;background:transparent;font-size:1.2em}
h3,h4{padding:5px;color:#725595;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:#990000;background:transparent;font-size:1.2em}
h6{color:#990000;background:transparent;font-size:1.2em;font-weight:normal;font-style:italic;text-align:center}
input.form,textarea.form,select.form{border:1px solid #725595;width:50%;color:#725595;background:transparent}
div.form{border:1px solid #725595;margin:10px 0 0 0;padding:10px;margin-left:auto;margin-right:auto;width:70%;color:#000000;background:#FFFFFF;font-weight:normal;text-align:left}
form {
   clear: right;
}
/*	normal links in page */
a{text-decoration:none}
a:link{color:#0000CC;background:transparent}
a:visited{color:#0000CC;background:transparent}
a:hover{color:#990000;background:transparent;text-decoration:underline}
a:active{color:#0000CC;background:transparent}
hr{margin:0;padding:0;width:100%;color:#725595;background:transparent;height:1px}
ol,ul{margin:0 10px 0 30px;padding:0}
li{margin:0;padding:2px}
ol,ul,li{color:#000000;background:transparent;font-size:1em;font-weight:normal;letter-spacing:0;text-align:left;text-decoration:none}
ul{list-style:none}
ul>li{
   padding: 0 0 10px 30px
}
dl,dt,dd{margin:0;padding:5px 10px 0 10px;color:#666699;background:transparent;font-weight:normal;letter-spacing:0;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 vertical */
#menu ul,#menu ul li{display:block;height:auto;margin:0;padding:0;list-style:none;white-space:normal}
#menu a{display:block;height:auto;width:130px;margin:0 0 15px 0;padding:5px 2px;background:#EFE1FF url(images/button.gif);font-weight:600;text-align:center;border-width:1px 14px 1px 1px;border-style:solid;border-color:#725595;}
#menu a:hover{background:#FEE1FF url(images/button2.gif);text-decoration:none}
#menu a{margin-left:auto;margin-right:auto}
#menu a div{display:none}
#menu a span{display:none;text-align:center}
#menu a:hover span{display:block;position:absolute;left:0px;top:-30px;width:550px;padding:0 0px;display:block;text-align:left;z-index:-1}
#menu ul ul{border-bottom:1px solid #000000;width:150px;display:none}
body#about #menu ul ul{display:block;text-align:center}
#menu ul ul a{border-top:none;border-left:1px solid #99C1ED;border-bottom:none;border-right:1px solid #000000;margin:0;padding:5px 0;display:block;background:#E1F1FF}

p.event,p.eventl{padding:3px 0 3px 5px;text-align:left}
p.eventr{padding:3px 5px 3px 0;text-align:right}
table{width:70%;border-color:#725595;color:#000000;background:#FFFFFF;font-size:1em}
td{margin:0;padding:0 10px;border-width:0 0 1px 0;border-style:solid;text-align:left;vertical-align:top}
td.last{border-bottom-width:0}
table.events{width:100%;border-left:1px solid #725595;border-right:1px solid #725595;font-size:1em}
.event1,.event2,.event3,.event4,.eventfoot{border-top:1px solid;border-bottom:1px solid;border-color:#725595;background:#CCCCFE}
.event1{width:15%}
.event2{width:35%}
.event3{width:25%}
.event4{width:25%}
.eventfoot{border-top:1px solid;border-bottom:1px solid}

@media only screen and (max-width:480px) and (max-aspect-ratio: 13/9){
 #header img.logo,#header img.logor{height:auto;max-height:60px !important;width:auto}
}