/*Left Bar*/
p{letter-spacing:0;margin:0;padding:0 0 8px 0;text-align:justify}
.colour{color:#039;font-weight:bold;background:transparent}
.min{margin:0;padding:0}
.small{font-size:.85em}
.large{font-size:1.3em}
.warning{color:#900;font-size:.85em;padding:3px 0;text-align:center;background:transparent}
/*	main headings */
h1{text-align:left}
h2{text-align:left}
h3{text-align:left}
h4{text-align:center}
h5{text-align:center}
h6{text-align:center}
/*	Selectable styles - End */
body{position:relative;text-decoration:none;color:#000;margin:0;padding:0;width:100%;
font:normal normal 75% arial,verdana,geneva,helvetica,sans-serif;
background:#F1F8FF url(menu.gif) repeat-y top left}
marquee{width:50%}
h1{color:#039;font-size:1.8em;padding:0;background:transparent}
h2{color:#039;font-size:1.2em;padding:8px 0 3px 0;background:transparent}
h3,h4{color:#009;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:1.2em;font-weight:normal;font-style:italic;color:#900;text-align:center;background:transparent}
input.form,textarea.form{border:1px solid #06C;color:#009;width:50%;background:transparent}
div.form{color:#000;font-weight:normal;border:1px solid #06C;margin:10px 0 0 0;
padding:10px;margin-left:auto;margin-right:auto;width:70%;text-align:left;background:#FFF}
* html div.form{width:70%;}
a{text-decoration:none}
a:link{color:#00C;background:transparent}
a:visited{color:#00C;background:transparent}
a:hover{color:#900;background:transparent}
a:active{color:#00C;background:transparent}
hr{color:#039;height:2px;margin:0;padding:0;width:100%;background:transparent}
ol,ul{margin:0 10px 0 30px;padding:0}
li{margin:0;padding:2px}
ol,ul,li{color:#000;font-size:1em;font-weight:normal;letter-spacing:0;text-align:left;
text-decoration:none;background:transparent}
ul{list-style:square url(/images/bullet.gif)}
dl,dt,dd{color:#669;font-weight:normal;letter-spacing:0;margin:0;padding:5px 10px 0 10px;
text-decoration:none;background:transparent}
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:0;padding:10px;z-index:3}
#footer{position:relative;width:auto;min-width:120px;margin:0;padding:10px 10px;z-index:1;clear:both;
border-top:1px solid #039}
#footer p{color:#039;font-size:.8em;text-align:center;background:transparent}
/* =================== Navigation =vertical========== */
#menu{position:absolute;left:0;text-align:center;padding:0;z-index:2;background:transparent}
#menu a{display:block;border-top:1px solid #99C1ED;border-left:1px solid #99C1ED;
border-bottom:1px solid #000;border-right:1px solid #000;margin:0;padding:5px 0;
width:150px;background:#F1F8FF}
#menu a:hover{color:#009;font-weight:bold;background:#D7E6F8}
#leftb{position:absolute;bottom:20px;text-align:center;margin-left:auto;margin-right:auto;z-index:-1}
#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-top:1px solid #99C1ED;border-left:1px solid #99C1ED;
border-bottom:1px solid #000;border-right:1px solid #000;margin:0;padding:5px 0;
width:150px;background:white}
#left{position:absolute;z-index:1}
#left h2,#fleft h2{color:white;text-align:center;border-bottom:1px solid #009;
padding:3px 10px;background:#009}
#left p{padding:2px 10px}
/* == Position control == */
#right{width:170px;right:10px;padding:0;border-width:1px}
* html #right{width:192px;w\idth:170px}
#left{left:35px;padding:0;border-width:1px}
#left{top:360px}
#content,#footer,#header h2{margin-left:220px}
#menu,#leftb{width:220px}
* html #menu,* html #leftb{width:220px;w\idth:220px/* Tan Hack */}
#menu,#right{top:160px}
body#index #menu-index,
body#about #menu-about,
body#events #menu-events,
body#members #menu-members,
body#contact #menu-contact{color:white;background:#009}
#content{margin-right:0}
#header{margin:0;padding:0;background:transparent}
#header img{position:static;top:10px;float:left;margin:10px 0 10px 70px}
#header p.title{font-weight:bold;margin:0 0 0 221px;font-size:40px;text-align:center;padding:10px 10px 0 20px}
#header p.title a{text-decoration:none;color:inherit;background:inherit}
#header p.title a:hover{color:#039;background:transparent}
#header p{font-size:20px;text-align:center;margin:0 0 0 221px;padding:0px 10px 10px 20px;font-style:italic}
#menu a{margin-left:auto;margin-right:auto}
#content{clear:both}
/* CSS only pop-ups */
#menu a span{display:none}
#menu a:hover span{display:block;position:absolute;top:150px;left:0;text-align:center;
width:220px;padding:0 20px}
#content p{line-height:145%}
/* Event Table Format */
table.events{border-left:1px solid #06C;border-right:1px solid #06C}
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;background:#D7E6F8}
#eventfoot{border-top:1px solid;border-bottom:1px solid}