/*Lion*/
body{position:relative;width:100%;margin:0;padding:0;color:#333;background:#fff;text-decoration:none;padding:0;font:normal normal 100% arial,verdana,geneva,helvetica,sans-serif}
#canvas{position:relative;width:100% !important;max-width:960px;height:auto !important;height:90%;min-height:90%;margin:0 auto;background:#FFF}
#header{color:#766A62;background:#FFF;margin:0 0 20px;padding:0;width:100%;max-width:960px;height:auto;min-height:100px}
#header img{position:static;float:left;margin:2% 2% 0}
#header>img,#header>a>img{height:85px;max-width:50%}
#header>img.logor{position:relative;right:0;height:32px;width:50px;margin:2% 2% 0}
#header p{position:relative;left:0;color:#00338D;font-size:1.6em;text-align:left;padding:0.5% 1% 0 11.5%}
#header p img{float:none}
#header p.title{color:#766A62;font-weight:bold;margin:0;font-size:2.8em;text-align:left;padding:2.5% 1% 0 11.5%;line-height:30px}
#header p.title a{text-decoration:none;color:#766A62;background:transparent}
#header p.title a:hover{color:#00338D;background:transparent}
#header p.title img{float:none;margin:0 0 0}
#search{top:52px;right:20px}
#socialmedia{position:absolute;top:0;right:0;padding:2% 2% 0}
#socialmedia img{max-height:32px}
#menubar{position:relative;top:0;height:29px;width:100%;max-width:960px;padding:0;color:#766A62;background-color:#fff;font-size:14px;text-transform:uppercase;border-bottom:2px solid #A3B4C8;border-top:2px solid #A3B4C8;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:0px 2% 3em;overflow:visible;clear:both;z-index:1}
#content p{line-height:145%}

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

#leftb{position:static !important}
#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:5px;color:inherit;background:#fff;border:1px solid #766A62;border-radius:8px}
#fright p{line-height:normal}
#fright h2{padding:5px 0 5px 0;font-size:14px;color:#00338D;background:#fff}

#mainpic{top:20px;border: 1px solid #A3B4C8;border-radius:4px;margin-left:20px}

p{margin:0;padding:0 0 8px 0;font-size:1.1em;letter-spacing:0;text-align:justify}
.colour{color:#00338D;background:transparent;font-weight:bold}
.small{font-size:.85em}
.large{font-size:1.3em}
.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:bold;margin:0;text-decoration:none;vertical-align:middle}
h1{font-size:2.2em;margin:20px 0 5px 0px;padding:0 0 12px 0;color:#00338D;background:transparent}
h2{color:#00338D;font-size:1.8em;padding:5px 0 3px 0;background:transparent}
h3{color:#00338D;font-size:1.5em;padding:5px 0 3px 0;background:transparent}
h4{color:#00338D;font-size:1.5em;padding:5px 0 3px 0;background:transparent}
h5{font-size:1.2em;color:#900;background:transparent}
h6{font-size:1.2em;font-weight:normal;color:#00338D;background:transparent;padding:5px 0 0 0}
input.form,textarea.form,select.form{border:1px solid #096;color:#00338D;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: #00338D;background:transparent}
a:visited{color:#00338D;background:transparent}
a:hover{color:#766A62;text-decoration:underline;background:transparent}
a:active{color:#766A62;background:transparent}
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:14px}
#nav, #nav ul{list-style:none;margin:0;padding:0;line-height:130%;background-color:#fff}
#nav a{display:block;width:auto;color:#FFF;background:transparent;text-decoration:none}
#nav li a{color:#00338D;background:#fff;border:none;text-decoration:none;padding:7px 0.5em;white-space:normal}
#nav li a:hover{color:#000;background:#E8EEF6}
#nav li a span{visibility:hidden;position:absolute;top:-20px;left:0;font-weight:normal;text-transform:none;font-size:12px;line-height:110%;padding:0;width:auto}
#nav li a:hover span{visibility:visible;display:block;text-align:left;height:auto;color:#766A62;background:#FFF;z-index:120;font-weight:bold}
/*NAVIGATION - DROPDOWN (JavaScript required dropdown.js)*/
#nav li ul{position:absolute;left:-999em;width:24em;xfont-size:70%;border-left:1px solid #766A62;border-top: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;border-right: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 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:0}
#nav #li-members a:hover span{text-align:right}
#nav #li-members:hover ul, #nav #li-members li:hover ul{right:0px}
#nav #li-tutorial1{float:right}
#nav #li-tutorial1 li{float:none}
#nav #li-tutorial1 a span{right:0px}
#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:2px 0 2px 5px}
p.eventr{text-align:right;padding:2px 5px 2px 0}
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:#00338D;background:#DFE6F0;border-top:1px solid;border-bottom:1px solid;border-color:#A3B4C8;padding:0 0 0 5px}
.event1 h3,.event2 h3,.event3 h3,.event4 h3,.eventfoot h3{font-size:1.1em}
.event1{width:15%}
.event2{width:35%}
.event3{width:25%}
.event4{width:25%}
.eventfoot{border-top:1px solid;border-bottom:1px solid}
#fright #events{height:250px;background:#FFF;border:1px solid #AAA;border-radius:8px}
#fright td.ev1 p{color: #00338D;background:transparent}
#fright td.ev2 p{color:#00338D;background:transparent;padding-bottom:4px}
#fright tr.comc td.ev1 p{color:#858585;font-style:italic;font-size:1em;background-color:transparent}
#fright tr.comc td.ev2 p{color:#858585;font-style:italic;font-size:1em;background-color:transparent}

.spelling{border:1px solid #F00}
/*Slide Show*/
#mainpicouter{max-width:960px;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}

@media only screen and (max-width:768px) and (max-aspect-ratio: 13/9){
 #header p{height:auto;max-width:86%;padding:1% 1% 0 12.5% !important}
 #header p.title{height:auto;max-width:86%;padding:1% 1% 0 12.5% !important}
 #header p.title img{position:absolute;top:1%;right:1%}
 #header img.logor{max-height:32px !important}
}

@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:7.5mm;left:18.5mm;font-size:12pt;padding:0}

 #content{top:0;width:100%;margin-left:0 !important;margin-right:0 !important;padding:0}
}