/*dropdown*/
body{position:relative;width:100%;margin:0;padding:0;color:#333;background:radial-gradient(circle,#D3D3D3, #F5F5F5 );text-decoration:none;padding:5px 0 0 0;font:normal normal 85% verdana,arial,geneva,helvetica,sans-serif}
#canvas{position:relative;width:100% !important;max-width:none;height:auto !important;height:90%;min-height:90%;margin:0 auto;background:#fff url(/images/menu.gif) repeat-y top left}

#header{background:#fff;position:relative;text-align:center;width:100%;max-width:1024px !important;min-width:120px;margin:0 auto;padding:0px 20px 30px 20px;overflow:visible;clear:both;z-index:10;}
#header img{position:static;float:left;margin:20px 20px 0 20px}
#header p{color:#FCCE03;font-size:30px;text-align:left;padding:0px 10px 10px 120px;font-style:normal;text-shadow:1px 1px #1e73be}
#header p img{float:none;}
#header p.title{color:#1E73BE;font-weight:normal;margin:0;font-size:45px;text-align:left;padding:20px 10px 0 120px;font-style:normal}
#header p.title a{text-decoration:none;color:#1E73BE;background:#fff}
#header p.title a:hover{color:#039;background:#fff}
#header p.title img{float:none;margin-top:25px;float:right;position:static;height:50px}
#menubar {
    position: relative;
    width: 100%;
    max-width: 1024px;
    padding: 0;
    margin: 0 auto;
    color: #000;
    background: #FFF;
    clear: both;
    height: 4em;
    text-transform: none;
    font-size: 15px;
}
#crumbs{position:absolute;top:170px;left:20px;height:33px;font-weight:bold;font-size:.85em;padding:10px 10px 10px 0}
#content{background:#fff;position:relative;text-align:center;width:100%;max-width:1024px !important;min-width:120px;margin:0 auto;padding:0px 20px 0px 20px;overflow:visible;clear:both;z-index:10;}

#content p{line-height:145%}

#footer{position:relative;bottom:-10px;height:auto;text-align:center;width:100%;max-width:1024px !important;min-width:120px;margin:0 auto;padding:5px 20px 5px 20px;text-align:center;border-top:1px solid #00529c}
#footer p{color:#1E73BE ;background:transparent;font-size:.9em;text-align:center;padding-top:10px}
#footer a{color: #8a7d6c;background:transparent}

#content{padding-bottom:3em}
a.nm{
   display: none;
}
#leftb{position:static !important;}
#leftb h4, #leftb p {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    z-index: 1;
}
#right,#fright{border:1px solid #096;padding:0;color:inherit;background:transparent;}
#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:33?%;margin-left:10px;z-index:1;padding:5px;border:1px solid #1E73BE;background:#fff;border-radius:5px}
#fright h2{padding:5px 0 5px 5px;font-size:14px;color:#fff;background:#1E73BE}
#left{position:absolute;top:130px;width:190px;left:0px;padding:0 20px;z-index:1}
#left h2,#fleft h2{padding:3px 10px}
#left p{padding:2px 10px}
#left,#fleft{border:1px solid #096;padding:0;color:inherit;background:#FFF}
#right{width:170px;right:10px;padding:0;border-width:1px}
#right{top:150px}
#crumbs img{position:relative;float:right;margin:0;top:-5px}
#mainpic{top:20px;border: 1px solid #A3B4C8;border-radius:4px;margin-left:0}

p{margin:0;padding:0 0 8px 0;font-size:1em;letter-spacing:0;text-align:justify}
.colour{color:#00F;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:1.7em;margin:20px 0 0px 0px;padding:0 0 10px 0;color:#1E73BE;background:transparent}
h2{color:#1E73BE;font-size:1.4em;padding:10px 0 3px 0;background:transparent}
h3{color:#1E73BE;font-size:1.5em;padding:5px 0 3px 0;background:transparent}
h4{color:#1E73BE;font-size:1.3em;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:#1E73BE;background:transparent;padding:5px 0 0 0}
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: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: #1E73BE;background:transparent}
a:visited{color:#1E73BE;background:transparent}
a:hover{color:#fff;text-decoration:underline;background:#1E73BE}
a:active{color:#1E73BE;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 5px 5px 0px;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 0 3px;margin:0;padding:2px 0 20px 5px;line-height:130%}
ul li a{padding-left:12px}
ul ul li a {padding-right:12px !important;}
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:none;}
#nav ul {
    max-height: 30em;
    overflow-y: auto;
    overflow-x: hidden;
}
#menu>ul li {
    display: inline-block;
    float: left;
    min-width: 50px;
    max-width: 100px;
    text-align: center;
    margin: 0;
    padding: 4px;
    line-height: 1em;
    min-height: 3em;
    background-image: none;
    list-style:none;
}
#menu ul, #menu ul ul{/*float:left;*/list-style:none;margin:0;padding:0;line-height:130%;background-color:transparent;/*width:inherit*/}
#menu ul a{display:block;width:auto;color:#333;background:#9cf;text-decoration:none;padding-left:0.5em;padding-right:0.5em}
#menu ul li a{color:#333 ;background:#fff;border:none;text-decoration:none;padding:7px 0.5em 7px 0.5em;/*margin-left:auto;margin-right:auto;*/white-space:normal}
#menu ul li a:hover{position:static;display:list-item;color:#1E73BE;background: #9CF url(/images/menbg.gif) repeat-x !important;
}
#menu2 ul li a span{display:none;text-align:left;font-weight:normal;text-transform:none}
#menu2 ul li a:hover span{left:auto !important;display:block;position:absolute;left:0;top:-20px;width:auto;padding:0 5px;color:green;background:transparent}
#menu ul li a span{left:auto !important;display:none;position:absolute;left:0px;top:-15px;font-weight:lighter;text-transform:none;font-size:0.8em;line-height:140%;padding:0 0px;width:auto;color:#fff;}
#menu ul li a:hover span{text-align:left;display:block;height:auto;color: #1E73BE;background:transparent;z-index:120;font-weight:normal;font-style:italic;}
/*NAVIGATION - DROPDOWN (JavaScript required)*/
/*#menu ul li ul{position:absolute;left:-999em;height:auto;width:11em;font-weight:normal;margin:0;background:#039;font-size:85%}*/
#menu ul li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 10.5em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-size: 85%;
    z-index: 220;
}
#menu ul li li {
    min-width: 50px;
    max-width: 200px;
    margin: 0;
    min-height: 1em;
    padding: 5px 0;
    width: 200px;
    line-height: 100%;
}
#menu ul li:hover ul {
    left: auto !important;
    background: #fff;
    width: 200px;
    border: 1px solid #DDD;
}
#menu li ul {
    overflow-y:hidden;
}
#menu li ul:hover {
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: scroll;
}
#menu ul ul li a span{text-align:left;text-transform:none;font-size:90%;line-height:140%;padding:0 0px;color:fuchsia;background:#00529C}
#menu ul ul li a:hover span{display:block;position:absolute;width:auto;left:0px;text-align:left;top:-56px;height:auto;color:#00529c;font-weight:normal;background:transparent;z-index:120;white-space:nowrap;text-decoration:none}
#menu ul li li:not(:last-child) {
    border-bottom: 1px solid #DDD;
}
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 #A3B4C8;border-right:1px solid #A3B4C8;border-top:none;border-bottom:none}
.event1,.event2,.event3,.event4,.eventfoot{color:#00529C;background:#DFE6F0;border-top:1px solid;border-bottom:1px solid;border-color:#A3B4C8}
.event1{width:15%}
.event2{width:35%}
.event3{width:25%}
.event4{width:25%}
.eventfoot{border-top:1px solid;border-bottom:1px solid}
.spelling{border:1px solid #F00}
/*Slide Show*/

#mainpicouter{max-width:100% !important;height:auto !important;background:#1E73BE;padding-top:5px;padding-bottom:5px}
#mainpic{position:relative;top:0px;left:0;overflow:hidden;clear:both;max-width:1024px;margin:0 auto;padding:0}
#mainpicinner{height:100%;width:100%;min-width:120px;overflow:hidden;visibility:hidden;}
#mainpicinner img{position:absolute;top:0}
#slidecaption{position:absolute;bottom:0px;left:0;height:auto;width:100%;max-width:100%;color:#000;margin:0;opacity: inherit;padding:0;z-index:1}
#slidecaption h2{color:#fff;background:#1E73BE;padding:0;opacity: inherit;}
#slidecaptxt{font-size:1em;font-weight:bold;}