@import url(/common3/com.css);
body{position:relative;color:#666;background:#FFC url(/images/bg.gif) repeat fixed left;text-decoration:none;width:100%;margin:0;padding:0;font:normal normal 75% verdana,arial,geneva,helvetica,sans-serif}
#canvas{position:relative;width:770px;margin:0 auto;height:auto !important;height:100%;min-height:100%;background:#FFF url(images/content.png) no-repeat bottom right;border-top:0px solid #FFF}
#content{position:relative;height:auto;min-height:100%;width:auto;min-width:120px;padding:10px 10px 15em 10px;overflow:visible;clear:both;margin-bottom:0em;background:transparent}
#footer{position:absolute;bottom:0;background:#FFF}
#footer{width:550px;padding:10px 0px 0 0px;border-top:1px solid #019934}
#footer{margin-top:-5em !important}
#content,#footer{margin-left:220px}
#leftb{position:fixed;bottom:10px;width:220px;margin-left:auto;margin-right:auto;text-align:center;z-index:1}
* html #leftb{position:absolute;bottom:10px;width:220px;w\idth:220px}

a.external:hover{text-decoration:none;border-bottom:1px dashed}
.left{text-align:left}
.right{text-align:right}
.centre,input.monoc{text-align:center}
img.left,.fl{float:left;margin-left:0;margin-right:10px;padding:0}
img.centre{margin-left:0;margin-right:0}
img.right,.fr{float:right;margin-left:10px;margin-right:0;padding:0}
img.top{margin:0;vertical-align:top}
img.leftm,span.left{float:left}
img.rightm,span.right{float:right}
form{clear:both;text-align:center;padding:0}
input.form,input.forml,textarea.form,select.form,p.form{float:right;width:50%;font:0.9em sans-serif;margin:2px 0 2px 10px;padding:0 0 0 4px}
input.readonly{float:right;width:50%;border:none;font:0.9em sans-serif;margin:2px 0 2px 10px;padding:0 0 0 4px}
/*COMMON*/
div.clr,div.form label{clear:both}
div.page{page-break-before:always}

p{margin:0;padding:0 0 8px 0;letter-spacing:0;text-align:justify}
.colour{color:#0F0;background:transparent;font-weight:bold}
.min{margin:0;padding:0}
.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}
/*SELECTABLE STYLES - END*/
marquee{width:50%}
h1{color:#019934;font-size:1.5em;padding:10px 0;background:transparent}
h2{color:#019934;font-size:1.2em;padding:0 0 3px 0;background:transparent}
h3,h4{color:#777;font-size:1.2em;padding:5px 0;background:transparent}
h1,h2,h3,h4,h5,h6{border:none;font-style:normal;font-weight:bold;margin:0;text-decoration:none;vertical-align:middle}
h5{font-size:1.2em;color:#900;background:transparent}
h6{font-size:1em;color:#096;background:transparent;font-style:italic;font-weight:normal;text-align:center}
input.form,textarea.form,select.form{border:1px solid #019934;color:#019934;background:#FFF}
div.form{position:relative;left:0;color:#000;background:#FFF;font-weight:normal;text-align:left;border:1px solid #019934;margin:10px auto 0 auto;max-width:500px;padding:10px;width:70%}
a{text-decoration:none}
a:link{color:#019934;background:transparent}
a:visited{color:#019934;background:transparent}
a:hover{color:#444;text-decoration:underline;background:transparent}
a:active{color:#019934;background:transparent}
hr{color:#019934;height:1px;margin:0;padding:0;width:100%;background:transparent}
ul{list-style:none;height:auto}
* html ul{height:1%}
ol,ul{letter-spacing:0;text-align:left;margin:0 10px 5px 30px;padding:0}
ol li{font-size:1em;margin:0;padding:2px;line-height:130%}
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: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}
/*LAYOUT*/
#content p{line-height:145%}
#footer p{color:#019934;background:transparent;font-size:.8em;text-align:center}
#footer img{margin:auto 5px}
#right,#fright{border:1px solid #019934;color:inherit;background:#FF9}
#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}
* html #fright{width:170px}
#left,#fleft{border:1px solid #019934;padding:0;color:inherit;background:#FFF}
#left{position:absolute;z-index:1}
#left h2,#fleft h2{padding:3px 10px}
#left p{padding:2px 10px}
/*POSITION CONTROL*/
#right{width:170px;right:10px;padding:0;border-width:1px}
* html #right{width:192px;w\idth:170px}
#right{top:150px}
#left{width:170px;left:23px;padding:0}
* html #left{width:192px;w\idth:170px}
#left{top:150px}
/*NAVIGATION - HORIZONTAL*/
#menu{position:relative;width:99.9%;color:#019934;background:#FFF;border-bottom:solid 1px #019934;clear:both;height:15px}
#menu ul,#menu ul li{list-style:none;margin:0;padding:0;line-height:130%;background:none;width:inherit}
#menu ul li{display:inline}
#menu ul li a{float:left;color:#019934;background:inherit;border:none;text-decoration:none;padding-left:0.5em;padding-right:0.5em;margin-left:auto;margin-right:auto;white-space:normal}
#menu ul li a:hover{display:list-item;color:#FFF;background:#019934 url(/images/menbg.gif) repeat-x}
#menu ul li a span{display:none;text-align:center;font-weight:bold}
#menu ul li a:hover span{display:block;position:absolute;left:0;top:2em;width:180px;padding:0 20px;margin-left:auto;margin-right:auto;color:#019934;background:transparent}
/*NAVIGATION - VERTICAL SUBMENU*/
#menu ul ul{font-family:verdana,arial,geneva,helvetica,sans-serif;position:absolute;top:5em;left:0;width:220px;text-align:center;z-index:1}
#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:#777;background:#FF9;border:1px solid #019934;padding:0 10px;margin-left:auto;margin-right:auto;white-space:normal}
#menu ul ul li a:hover{color:#FFF;background:#019934 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:#019934;background:transparent}

#content{margin-right:0}
#header{color:#FFF;background:#019934 url(/images/header.png) repeat-x;height:99px;margin:0;padding:0}
#header img{position:static;float:left;margin:10px 20px}
#header p.title{font-weight:bold;margin:0;font-size:25px;font-style:italic;text-align:left;padding:10px 10px 0 20px}
#header p.title a{text-decoration:none;color:#FFC;background:inherit}
#header p.title a:hover{color:#244AC5;background:inherit}
#header p.title img{float:right;margin-top:0px}
#header p{font-size:15px;text-align:left;padding:10px 10px 10px 20px}
#header p img{float:none}

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 #019934;border-right:1px solid #019934;border-top:none;border-bottom:none;background:#FFF}
.event1,.event2,.event3,.event4,.eventfoot{color:#019934;background:#FF9;border-top:1px solid;border-bottom:1px solid;border-color:#019934}
.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}