/*Top bar*/
html{margin:0;padding:0;height:100%}
body{height:100%}
.min{margin:0;padding:0}
a.external:visited,a.external:link{color:#999;background:transparent}
a.external:hover{text-decoration:none;border-bottom:1px dashed;color:#000;background:transparent}
.left{text-align:left}
.right{text-align:right}
.centre,input.monoc{text-align:center}
img{margin:10px;border:0;vertical-align:middle;padding:0}
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}
div.form br{clear:right}
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}
input.mono,input.monoc{width:11em;font:monospace}
/*THUMBNAILS*/
.thumb{width:100px;margin:0;padding:0;height:75px}
.thmsg{padding:0;font:0.8em}
/*COMMON*/
div.clr,div.form label{clear:both}
div.page{page-break-before:always}
.box{border:1px solid #039;padding:0 10px}

p{margin:0;padding:0 0 8px 0;letter-spacing:0;text-align:justify}
.colour{color:#039;background:transparent;font-weight:bold}
.min{margin:0;padding:0}
.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{text-align:left}
h2{text-align:left}
h3{text-align:left}
h4{text-align:center}
h5{text-align:center}
h6{text-align:center}

body{position:static;margin:0;padding:0;width:100%;color:#039;
background:#FFC url(images/menu.gif) repeat-y fixed top left;
font:normal normal 75% arial,verdana,geneva,helvetica,sans-serif;
text-decoration:none}
marquee{width:50%}
h1{padding:0;color:#039;background:transparent;font-size:1.8em}
h2{padding:8px 0 3px 0;color:#039;background:transparent;font-size:1.2em}
h3,h4{padding:5px;color:#000;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:#FF9;font-size:1.2em}
h6{color:#900;background:transparent;font-size:1.2em;font-style:italic;
font-weight:normal;text-align:center}
input.form,textarea.form,select.form{border:1px solid #06C;width:50%;color:#009;background:transparent}
div.form{border:1px solid #06C;margin:10px 0 0 0;margin-left:auto;margin-right:auto;
padding:10px;width:70%;color:#000;background:#FFF;font-weight:normal;text-align:left;
position:relative;left:0%;max-width:500px}
* html div.form{width:70%;w\idth:64%}

a{text-decoration:none}
a:link{color:#03F;background:transparent}
a:visited{color:#03F;background:transparent}
a:hover{color:#900;background:transparent;text-decoration:underline}
a:active{color:#039;background:transparent}
hr{margin:0;padding:0;width:100%;color:#039;background:transparent;height:2px}
/*LISTS*/
ol,ul{margin:0 10px 0 30px;padding:0}
li{margin:0;padding:2px}
ol,ul,li{color:#000;background:transparent;font-size:1em;font-weight:normal;
letter-spacing:0;text-align:left;text-decoration:none}
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}
strong,b{font-weight:bold}
.centre{text-align:center}
/*Layout*/
/*
#page{position:relative;top:0;left:0;right:0;width:100%;background:transparent;
min-height:100%;padding:0 0 1px 0}
* html #page{height:100%;padding:0 0 10px 0}
#content{position:relative;width:auto;min-width:120px;margin:0 0 5em 0;padding:10px;z-index:3;
overflow:visible}
#footer{width:auto;min-width:120px;margin:-5em 0 0 0;padding:10px 10px 0 10px;clear:both;
border-top:1px solid #039}
#footer p{color:#000;background:transparent;font-size:.8em;text-align:center}
*/
#page{position:relative;width:100%;height:auto;min-height:100%;margin:0 0 -5em 0;padding:0 0 1px 0}
* html #page{height:100%;padding:0}
#content{position:relative;width:auto;min-width:120px;padding:10px;overflow:visible;clear:both;
margin:0 0 5em 0}
#content p{line-height:145%}
#footer{position:relative;height:2px}
#footer{width:auto;padding:10px 10px 0 10px;border-top:1px solid #096}
#footer p{color:#000;background:transparent;font-size:.8em;text-align:center}
#footer{margin-top:-5em !important}

#leftb{position:fixed;bottom:10px;margin-left:auto;margin-right:auto;text-align:center;z-index:1}
* html #leftb{position:absolute;bottom:10px}
#right,#fright{border:1px solid #FC0;padding:0;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:192px;w\idth:170px}
#left,#fleft{border:1px solid #FC0;padding:0;background:white}
#left{position:absolute;z-index:1}
#left h2,#fleft h2{padding:3px 10px}
#left p{padding:2px 10px}
/*Position control*/
#right{width:170px;padding:0;border-width:1px;right:10px}
* html #right{width:192px;w\idth:170px}
#right{top:170px}
#left{width:170px;padding:0;border-width:1px;left:23px}
* html #left{width:192px;w\idth:170px}
#left{top:200px}
#content,#footer,#header p,#header p{margin-left:220px}
#leftb{width:220px}
* html #leftb{width:220px;w\idth:220px}
/*Navigation Horizontal*/
#menu{width:100%;border:solid #06C;border-width:2px 0;color:#FFF;background:#039;position:relative}
#menu ul{margin:0;padding:0;list-style:none}
#menu ul li{float:left;margin:0;padding:0}
#menu ul li a{border-right:1px solid #06C;padding-left:0.5em;padding-right:0.5em;
color:#FFF;background:#039;text-decoration:none}
#menu ul li a:hover{color:#009;background:#CCF}
#menu a span{display:none}
#menu ul li a:hover span{position:absolute;top:0;right:0;padding-right:10px;
display:inline;color:white;background:transparent;white-space:nowrap}
/*Navigation Vertical submenu*/
#menu ul ul{position:absolute;left:0;top:40px;width:220px;margin:20px auto 0 auto;display:none;}
#menu ul ul{display:block}
#menu ul ul li{display:block;float:none;padding:0px 0;
list-style:none;text-align:center;font-size:1.1em;font-weight:bold;}
#menu ul ul li a{display:block;width:100%;float:none;padding:5px 0 5px 0px;margin:0;
border:none;border-top:1px solid #FFF;border-bottom:1px solid #039;
color:#009;background:transparent;white-space:normal}
#menu ul ul li a:hover{color:#FFF;background:#99F;border-top:1px solid #039;border-bottom:1px solid #FFF}
#menu ul ul li a:hover span{position:absolute;top:-35px;left:-1px;padding-right:10px;
display:inline;color:#039;background:transparent;width:220px;font-weight:normal;white-space:normal}
#menu{clear:both;height:15px}

#content{margin-right:0}
#content{clear:both}
#content p{line-height:145%}
#fright p{line-height:normal}

#header{margin-top:10px;padding:0;background:transparent url(images/header.gif)}
#header img{float:left;margin:0 0 10px 57px}
#header p{font-size:20px;text-align:center}
#header p.title{font-size:35px;font-style:italic;font-weight:bold;text-align:center;padding-top:10px}
#header p.title a{text-decoration:none;color:#039;background:transparent}
#header p.title a:hover{color:#000;background:transparent}
/*Event Table*/
p.event,p.eventl{padding:3px 0 3px 5px;text-align:left}
p.eventr{padding:3px 5px 3px 0;text-align:right}
table.events{width:100%;border-left:1px solid #039;border-right:1px solid #039;font-size:1em}
.event1,.event2,.event3,.event4,.eventfoot{border-top:1px solid;border-bottom:1px solid;
border-color:#039;background:#CCF}
.event1{width:15%}
.event2{width:35%}
.event3{width:25%}
.event4{width:25%}
.eventfoot{border-top:1px solid;border-bottom:1px solid}