/*Graduated*/
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}
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}

p{letter-spacing:0;margin:0;padding:0 0 8px 0;text-align:justify}
.colour{color:#00F;font-weight:bold;background:transparent}
.min{margin:0;padding:0}
.small{font-size:.85em}
.large{font-size:1.3em}
.warning{color:#900;font-size:0.85em;padding:3px 0;text-align:center;background:transparent}
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}
/*SELECTABLE STYLES - END*/
body{position:relative;color:#666;background: #fff url(/images/menu.gif) repeat-y fixed top left;
text-decoration:none;width:100%;margin:0;padding:0;
font:normal normal 75% verdana,arial,geneva,helvetica,sans-serif}
marquee{width:50%}
h1{color:#039;font-size:1.5em;padding:0;background:transparent}
h2{color:#039;font-size:1.2em;padding:0px 0 3px 0;background:transparent}
h3,h4{color:#777;font-size:1.2em;padding:5px;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:#FF9}
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 #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%}
* html div.form{width:70%;w\idth:64%}
a{text-decoration:none}
a:link{color:#00F;background:transparent}
a:visited{color:#00F;background:transparent}
a:hover{color:#000;text-decoration:underline;background:transparent}
a:active{color:#00F;background:transparent}
hr{color:#096;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{position:relative;width:auto;min-width:120px;margin:0px;padding:10px;z-index:3;
overflow:visible;/* fix for IE italics bug */clear:both}
#content p{line-height:145%}
#footer{position:relative;bottom:0;width:auto;min-width:120px;margin:0;z-index:1;
clear:both;border-top:1px solid #096;padding-top:10px}
#footer p{color:#096;font-size:0.8em;text-align:center;background:transparent}
#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{color:#000;border:1px solid #096;padding:0;background:transparent}
#right{position:absolute;z-index:1}
#right h2,#fright h2{color:#000;background:#EFF;text-align:center;border-bottom:1px solid #096;
padding:3px 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{color:#000;background:#FFF;padding:0;
border-right:1px solid;border-left:1px solid;border-bottom:1px solid;border-top:none;border-color:#096}
#left{position:absolute;z-index:1}
#left h2,#fleft h2{color:#000;background:#EFF;text-align:center;padding:3px 10px;
border-top:1px solid;border-bottom:1px solid;border-color:#096}
#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:200px}
#content,#footer{margin-left:220px}
#leftb{width:220px}
* html #leftb{width:220px;w\idth:220px}
/*NAVIGATION - HORIZONTAL*/
#menu{position:relative;width:99.9%;color:#039;background:transparent;
border-bottom:solid 1px #039;clear:both;height:15px}
#menu{list-style:none;margin:0;padding:0;line-height:130%;background:none;width:inherit}
#menu{display:inline}
#menu a{float:left;color:#039;background:transparent;border:none;text-decoration:none;
padding-left:0.5em;padding-right:0.5em;margin-left:auto;margin-right:auto;white-space:normal}
#menu a:hover{display:list-item;color:#FFF;background:#039 url(/images/menbg.gif) repeat-x}
#menu a span{text-align:center;font-weight:normal;width:220px;margin:0;padding:0 10px}
#menu a span{display:none}
#menu a:hover span{position:absolute;left:0;top:20px;display:block;width:220px;padding:0 20px;
margin-left:auto;margin-right:auto;color:#039;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 none}
#menu ul ul li a{display:block;float:none;width:120px;color:#777;background:transparent;
border:1px solid #096;padding:0 10px;margin-left:auto;margin-right:auto;white-space:normal}
#menu ul ul li a:hover{color:#FFF;background:#039 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:#039;background:transparent}

#menu{clear:both;height:15px}
body#index #menu-index,
body#about #menu-about,
body#events #menu-events,
body#members #menu-members,
body#contact #menu-contact{font-weight:bold}
/*===*/
#content{margin-right:0}
#header{color:#FFF;background: #0CF url(/images/header.gif) repeat-x;margin:0;padding:0}
#header img{position:static;float:right;margin:0}
#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:#FFF;background:transparent}
#header p.title a:hover{color:#039;background:transparent}
#header p.title img{float:none;margin-top:0px}
#header p{font-size:15px;text-align:left;padding:10px 10px 10px 20px}
#header p img{float:none}
#canvas{width:100%;background:transparent}
/*EVENT TABLE*/
p.event,p.eventl{text-align:left;padding:3px 0 3px 5px}
p.eventr{text-align:right;padding:3px 5px 3px 0}
table.events{border-left:1px solid #06C;border-right:1px solid #06C;color:inherit;background:#FFF}
p#event{padding:3px 0 3px 5px;text-align:left}
p#eventr{padding:3px 5px 3px 0;text-align:right}
#event1,#event2,#event3,#event4,#eventfoot{border-top:1px solid;border-bottom:1px solid;
border-color:#06C;color:inherit;background:#EFF}
#eventfoot{border-top:1px solid;border-bottom:1px solid}
/*===*/
.spelling{border:1px solid #F00}