/*Left menu*/
html{font-size:95%}
body{position:relative;width:100%;margin:0;padding:0;color:#395084;background:transparent url(images/bg.gif) repeat fixed top left;font:normal normal 85% verdana,arial,geneva,helvetica,sans-serif;text-decoration:none}
#canvas{position:relative;width:100%;max-width:960px;height:auto;min-height:100%;margin:0 auto;padding:0;background:transparent url(images/menu_may.jpg) repeat-y scroll 0 205px}
#header{position:relative;top:0;left:0;height:auto;min-height:100px;max-height:170px;width:100%;margin:0 auto;padding:10px 0 20px;font-weight:bold;z-index:10}
#header{background:#fff url(/images/header.png);background-size:contain;background-position:right center;background-repeat:no-repeat}
#header img{position:relative;left:7px;max-height:100px}
/*#header a > img{position:relative;left:57px;height:100px}*/
#header img.logor{position:relative;max-height:80px;top:50px;left:0;margin:5px 5px}
#header p{color: #ACCE75;margin:30px 20px 0 10px;font-size:20px;text-align:left;line-height:100%}
#header p.title{padding-top:10px;font-size:35px;font-weight:bold;text-align:left;letter-spacing:5px;color:#ACCE75;background:transparent;display:none}
#header p.title img{float:none}
#header p.title a{color:#698DFF;background:transparent;text-decoration:none}
#header p.title a:hover{color:#698DFF;background:transparent}
#search {
  top: 155px;
}
#menubar{position:relative;top:0;height:20px;width:100%;max-width:960px;font-size:12px;background:#698DFF;font-weight:normal;z-index:10}
#content{position:relative;top:0;min-width:120px;height:100%;min-height:320px;margin:20px 17em 100px 165px;padding:0 0 5px;background-color:#FFF;overflow:visible;clear:both;z-index:5}
#content p{line-height:145%}
#footer{position:relative;bottom:0;left:0;width:100%;max-width:960px;padding:5px 0 5px;background:#698DFF;z-index:2}
#footer p{padding:0;color:#000;background:#698DFF;font-size:.8em;text-align:center}
#footer p:first-child{padding:0 0 5px}
#footer a img.left{position:absolute;bottom:15px;left:20px;padding:0;z-index:1}
#footer a img.right{position:absolute;bottom:15px;right:20px;padding:0;z-index:1}
#footer a{color:#FFF;background:transparent}

#leftb{position:absolute;top:255px;right:0em;width:15.5em;text-align:left;background-color:#FFF;z-index:1}
#leftb h4{color:#395084;margin-left:0em;font-size:1em;font-weight:normal;line-height:140%;text-align:right}
.leftb{color: #A5CA6B;font-weight:bold;font-size:0.9em}
.leftb a{font-weight: bolder;font-size:1.2em}
#socialmedia{top:15px !important;right:10px !important}

p{margin:0;padding:0 0 5px 0;letter-spacing:0;text-align:justify;font-size:90%}
.colour{color:#395084;background:transparent;font-weight:normal}
.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:50%}
h1{padding:1em 0 0.5em 0;color:#395084;background:transparent;font-size:1.5em}
h2{padding:8px 0 3px 0;color:#395084;background:transparent;font-size:1.2em}
h3{padding:5px;color:#395084;background:transparent;font-size:1.2em}
h4{padding:5px;color:#395084;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:#395084;background:transparent;font-size:1.2em;font-style:normal;font-weight:normal;text-align:left}
input.form,textarea.form,select.form{border:1px solid #002;width:50%;color:#009;background:transparent}
div.form{color:#395084;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;font-weight:bold}
a:link{color:#b6d689;background:transparent}
a:visited{color:#b6d689;background:transparent}
a:hover{color:#b6d689;background:transparent;text-decoration:underline}
a:active{color:#001;background:transparent}
hr{margin:0;padding:0;width:100%;color:#395084;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:#395084;background:#FFF url(images/bullet.png) no-repeat 0 2px;line-height:20px;margin:0;padding:0 0 5px 30px}
ol>li{background-image:none;margin:0 10px 5px 30px;padding:0 0 5px 0}
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}

#menu a span{display:none;text-align:left}
#menu a:hover span{display:block;position:absolute;color:#4D83CE;background:transparent;font-weight:normal;white-space:normal}

#menu ul,#menu ul li{list-style:none;margin:0;background:none;line-height:20px}
#menu ul li{display:inline-block;margin:0;padding:0}
#menu ul li a{color:#FFF;background:transparent none;border:none;text-decoration:none;margin:0 auto;padding:0 0.5em;white-space:normal}
#menu ul li a:hover{color:#B9DA89;background:#698DFF}
#menu ul li a:hover span{top:2em;left:165px;z-index:100}
/*submenu*/
#menu ul ul{position:absolute;top:5em;left:0;width:150px;text-align:center}
#menu ul ul li{list-style:none;display:list-item;float:none;text-align:center;padding:0 0 5px 0;color:#777;background:transparent}
#menu ul ul li a{display:block;float:none;width:120px;color:#3A63B3;background:transparent;padding:5px;margin-left:auto;margin-right:auto;font-size:100%;white-space:normal}
#menu ul ul li a:hover{color:#FFF;background:transparent /*url(/images/menbg.gif) repeat-x*/}
#menu ul ul li a:hover span{display:block;top:-3em;width:180px;padding:0 20px;margin-left:auto;margin-right:auto;color:#681320;background:transparent}

/*Event Table*/
p.event,p.eventl{padding:3px 5px;text-align:left}
p.eventr{padding:3px 5px;text-align:right}
table.events{width:100%;border-left:1px solid #b6d689;border-right:1px solid #b6d689;font-size:1em}
.event1,.event2,.event3,.event4,.eventfoot{border-top:1px solid;border-bottom:1px solid;border-color:#b6d689;color:#395084;background:#b6d689}
.event1{width:15%}
.event2{width:80%}
/*.event3{width:25%}
.event4{width:25%}*/
.eventfoot{border-top:1px solid;border-bottom:1px solid}
table.events a:visited,a:link{color:#395084;background:transparent}
table.events a.external:visited,a.external:link{color:#456fc1;background:transparent}
.panel{width:25%;height:1%;border:1px solid #002;padding:5px;color:#395084;background-color:#395084}

@media only screen and (max-width:768px) and (orientation:portrait) {
#body{background-image:none}
#canvas{background-image:none}
 #header{height:auto;max-height:80px}
#header img{height:50px}
#header p{font-size:small;padding:0px 10px 0}
#header p.title{font-size:medium;padding:5px 10px 0}
#socialmedia{visibility:hidden}
 #menubar{height:40px;background:#698DFF url(/common3/menu.gif) no-repeat left top}
 #nav:hover{height:auto;max-height:600px;overflow-y:scroll}
#content{font-size:medium}
#content p{line-height:120%}

#content{width:98%;margin:0em 0 5em;padding:0 0 0 1%;border:none}
#content img{max-width:250px}
#leftb{position:static !important;bottom:0;left:0;width:auto;text-align:left;margin:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.center{width:100% !important;text-align:center}
.nm{visibility:hidden}
.nml{font-size:medium;display:none}
#nav.subms li>ul{visibility:hidden}
#nav.submt li>ul{visibility:hidden}

h1{font-size:1.2em;padding-bottom:1em;line-height:130%}
h2{font-size:1.1em;padding:0 0 3px}
h3{font-size:1em;padding:5px}
h4{font-size:1.1em;padding:5px}
h5{font-size:1.2em}
h6{font-size:1.5em}
.imgbox a{font-size:x-small}

#menu{position:relative;min-height:40px}
#menu ul{position:absolute;top:0;left:0;min-height:40px;width:50%;background:url(/common3/menu.gif) no-repeat left top;margin:0;padding:0}
#menu ul li{clear:both;display:none;margin:0}
#menu ul li.current{display:block}
#menu ul:hover,#menu ul:focus,#menu ul:active{top:40px;background-color:#CCC;background-image:none;border:solid 1px #AAA;-webkit-user-select:none;-webkit-touch-callout:none;-ms-user-select:none}
#menu ul li a{display:block;text-align:left;margin:3px 3px 0 40px;padding:15px 0;background:transparent!important;border:none!important}
#menu ul li.current a{padding:5px 0}
#menu ul li a:hover span,#menu ul li a:focus span{left:0;top:-3.2em;width:auto;margin:0}
#xmenu ul li.current a{background-image:none;color:#666}
#menu ul:hover li,#menu ul:focus li,#menu ul:active li{display:block;margin:0;-webkit-user-select:none;-webkit-touch-callout:none;-ms-user-select:none}
#menu ul:hover li.current,#menu ul:focus li.current,#menu ul:active li.current{background-image:url(/common3/desc.png) no-repeat 3px 0;-webkit-user-select:none;-webkit-touch-callout:none;-ms-user-select:none}
#menu.right ul{left:auto;right:0;background:#fff url(/common3/menu.gif) no-repeat right top}
#menu.center ul{left:50%;margin-left:-25%}
}