html{font-size:100%}
body{position:relative;width:100%;color:#666;background:#FFF url(/images/menu.gif) repeat-y fixed top left;text-decoration:none;font:normal normal 75% verdana,arial,geneva,helvetica,sans-serif;margin:0;padding:0}
#canvas{background:#FFF;position:relative;width:100%;max-width:1200px;height:auto;min-height:100%;margin:0 auto;padding:0}
#header{height:330px;width:100%;color:#2D659B;margin:0 0 0.5em;padding:0}
#header{background:#FFF url(/images/header.jpg);background-size:cover;background-position:right center;background-repeat:no-repeat}
#header img{position:static;float:left;margin:1em 0 .25em .5em}
#header p{font-size:230%;text-align:right;font-style:italic;font-weight:700;padding:5px 10px 10px 20px}
#header p img{float:left}
#header p.title{font-size:400%;font-weight:700;font-style:normal;text-align:right;margin:0;padding:.5em .25em 0 .5em}
#header p.title a{text-decoration:none;color:#004091;background:transparent}
#header p.title a:hover{color:#000;background:transparent}
#header p.title img{float:none;margin-top:0}
#menubar{position:relative;top:0;height:2.5em;width:100%;max-width:1200px;margin:0;padding:0;color:#2D659B;background-color:#FFF;border-bottom:.12em solid #BBFF79;border-top:.12em solid #BBFF79;clear:both;z-index:2}
#content{width:auto;line-height:145%;overflow:visible;clear:both;border-right:1px solid #BBFF79;margin:2em 20% 5em 19em;padding:.05em 1em 4em 0}
#fright{float:right;width:auto!important;border:none;border-left:1px solid #BBFF79;margin-left:5%;color:#000;background:#FFF;z-index:1;padding:0 0 0 .25em}
#fright h2{padding:0}
#fright p{line-height:normal}
#footer{position:relative;height:auto;width:auto;margin-top:-5em!important;margin-left:0;border-top:1px solid #BBFF79;padding:10px 10px 0}
#footer p{color:#096;background:transparent;font-size:.8em;text-align:center}
#footer div{padding:0 0 8px}
#footer div p{color:#AAA;background:transparent;padding:0}
#leftbx{position:absolute;top:32.5em;right:0;width:19.5em;text-align:left;border-left:1px solid #BBFF79;background-color:#FFF;z-index:1}
#leftbx h4{color:#1240AB;margin-left:1em;font-size:1em;font-weight:700;line-height:140%;text-align:left}
#leftb{position:absolute;top:35em;right:0;width:20%;max-width:19.5em;text-align:left;background-color:#FFF;z-index:1}
#leftb h4{color:#1240AB;margin-left:0;font-size:1em;font-weight:700;line-height:140%;text-align:left}
.leftb{color:#61C400;font-size:.9em}
p{letter-spacing:0;text-align:justify;margin:0;padding:0 0 8px}
.colour{color:#00F;background:transparent;font-weight:700}
.min{margin:0;padding:0}
.small{font-size:.85em}
.large{font-size:1.3em}
.warning{color:#900;background:transparent;font-size:.85em;text-align:center;padding:3px 0}
blockquote{position:absolute;bottom:150px;left:0;width:220px;font-style:italic;font-size:.9em;text-align:center;margin:0;padding:0}
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{color:#004091;font-size:1.6em;padding-bottom:1.5em;background:transparent;line-height:140%}
h2{color:#004091;font-size:1.2em;background:transparent;padding:0 0 3px}
h3{color:#004091;font-size:1em;background:transparent;padding:5px}
h4{color:#777;font-size:1.2em;background:transparent;padding:5px}
h1,h2,h4{border:none;font-style:normal;font-weight:700;text-decoration:none;vertical-align:middle;margin:0}
h5{font-size:1.3em;color:#004091;background:transparent}
h6{font-size:2em;color:#61C400;background:transparent;font-style:normal;font-weight:700;text-align:center}
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:400;text-align:left;border:1px solid #096;max-width:500px;width:70%;margin:10px auto 0;padding:10px}
a{text-decoration:none}
a:link,a:visited{background:transparent;color:#61C400}
a:hover{color:#FFBA00;text-decoration:underline;background:transparent}
a:active{color:#00F;background:transparent}
hr{color:#FFF;height:1px;width:100%;background:transparent;margin:0;padding:0}
ul{list-style:none;height:auto}
ol,ul{letter-spacing:0;text-align:left;margin:0 10px 5px 30px;padding:0}
ol li{font-size:1em;line-height:130%;margin:0;padding:2px}
ul li{font-size:1em;background:url(/images/bullet.gif) no-repeat 0 3px;line-height:20px;margin:0;padding:0 0 0 20px}
ul li a{padding-left:20px}
dl,dt,dd{color:#669;background:transparent;font-weight:400;letter-spacing:0;text-decoration:none;margin:0;padding:5px 10px 0}
dt{list-style:url(/images/bullet.gif)}
dd{padding:5px 20px 0}
#menu{position:relative;top:0;left:0;padding-left:0;width:auto}
#menu a span{display:none;text-align:center;font-weight:700}
#menu a:hover span{display:block;position:absolute;color:#61C400;background:#FFF}
#menu ul{width:100%;list-style:none;line-height:240%;text-align:center;margin:0;padding:0}
#menu ul li{display:inline-block;background-image:none;margin:0}
#menu ul li a{font-size:140%;float:left;line-height:100%;color:#004091;background:#FFF;border:none;text-decoration:none;white-space:normal;margin:0 auto 1.2em;padding:.3em 1.5em .3em 0}
#menu ul li a:hover,#menu ul ul li a:hover{background:#FFF;color:#61C400}
#menu ul li a:hover span{top:3.2em;left:0;width:180px;margin-left:auto;margin-right:auto;font-size:70%;padding:0 15px}
#menu ul ul{display:block;position:absolute;top:6em;left:0;list-style:none;width:220px;color:#BBFF79;background:#FFF;z-index:10;margin:20px auto 0;padding:0}
#menu ul ul li{display:list-item;list-style:none;float:left;font-size:85%;color:#BBFF79;background:#FFF;text-align:center;border-bottom:1px solid #BBFF79;margin:0 20px;padding:5px 0}
#menu ul ul li a{font-size:130%;display:block;width:160px;white-space:normal;color:#004091;background:#FFF none;border:none;margin:0;padding:0 5px}
#menu ul ul li a:hover span{color:#004091;top:-4.3em;left:15px;font-size:90%;padding:0}
#menu ul ul li:first-child{border-top:1px solid #BBFF79}

#submenu-tutorial{visibility:hidden;display:none}
#tutorial1 #submenu-tutorial{visibility:visible;display:inline-block}

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 #88D200;border-right:1px solid #096;border-top:none;border-bottom:none}
.event1,.event2,.event3,.event4,.eventfoot{color:#039;background:#EFF;border-top:1px solid;border-bottom:1px solid;border-color:#096}
.event1{width:15%}
.event2{width:35%}
.eventfoot{border-top:1px solid;border-bottom:1px solid}
#socialmedia{position:absolute;top:11em;right:25px}
img,embed,object,video{max-width:100%}
.imgbox{float:left;width:19%;margin-left:.8%;text-align:center;overflow:hidden}
.imgbox:first-child{margin-left:0}
.imgbox img{width:100%}
.imgbox+h1{padding-top:10px}
a:link,a:visited{background:transparent;color:#61C400}
.event3,.event4{width:25%}
#search{position:relative;top:150px;right:20px;margin-left:10px;float:right}
#search div{position:relative;top:20px}
#contel{position:absolute;top:-55px;right:20px}
a.contel{color:#000 !important;background:#FFF !important}
a.conmail{color:#000 !important;background:#FFF !important}

@media only screen and (max-width:480px) {
#body{background-image:none}
#canvas{background-image:none}
 #header{height:auto;min-height:115px}
 
#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:#fff url(/common3/menu.gif) no-repeat left top}

#content{font-size:medium}
#content p{line-height:120%}

#content{width:98%;margin:2em 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:transparent 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{top:40px;background-color:#fff;background-image:none;border:solid 1px #AAA;-webkit-user-select:none;-webkit-touch-callout:none}
#menu ul li a{display:block;text-align:left;margin:8px 3px 0 30px;padding:15px 0}
#menu ul li.current a{padding:5px 0}
#menu ul li a:hover span,#menu ul li a:focus span{left:40px;top:-40px;width:100%;margin:0;text-align:left}
#xmenu ul li.current span{display:inline-block}
#xmenu ul li.current a{background-image:none;color:#666}
#menu ul:hover li,#menu ul:focus li{display:block;margin:0;-webkit-user-select:none;-webkit-touch-callout:none}
#menu ul:hover li.current,#menu ul:focus li.current{background-image:url(/common3/desc.png) no-repeat 3px 0;-webkit-user-select:none;-webkit-touch-callout: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%}
#menu ul li a:hover span{background-color:transparent}

#xmenu ul ul{position:absolute;top:0;right:0;min-height:40px;width:100%;background:#fff url(/common3/menu.gif) no-repeat right top;margin:0;padding:0}
#xmenu ul ul li{float:right;clear:both;display:block;margin:0;border:none}
#xmenu ul ul li.current{display:block}
#xmenu ul ul:hover{background-image:none;border:solid 1px #AAA}
#xmenu ul ul li a{display:block;text-align:right;margin:8px 30px 0 3px;padding:15px 0}
#nav.subms li>ul{visibility:hidden}
#nav.submt li>ul{visibility:hidden}
span#contel{position:relative;top:0px;right:0px;z-index:20}
}
@media only screen and (max-width:768px) {
#body{background-image:none}
#canvas{background-image:none}
 #header{height:auto;min-height:115px}
 
#header p{font-size:small;padding:0px 10px 0}
#header p.title{font-size:medium;padding:5px 10px 0}
#socialmedia{visibility:hidden}
#xmenubar{overflow:scroll}
#xmenu ul li{display: list-item}
}

@media print {
#canvas{margin-bottom:0;padding-bottom:0}
#content{width:75%;margin-right:0!important;margin-bottom:0!important;margin-left:0!important;padding-bottom:0}
#footer{margin-top:0!important}
#fleft,#fright{color:#333;background:#FFF}
#tl,#tr{top:5.5px}
#leftb{display:block!important;position:fixed;bottom:0}
form,#leftb span.leftbh{display:none}
}