@import url(/common3/com.css);
/*Narrow top left*/
html{font-size:100%}
body{position:relative;margin:0;padding:0;width:100%;color:#039;background:#F1F5F9 url(images/bg.gif) repeat fixed top left;font:normal normal 75% arial,verdana,geneva,helvetica,sans-serif;text-decoration:none}
#canvas{position:relative;width:770px;height:auto;min-height:100%;margin:0 auto;padding:0;background:#FFF url(images/menu.gif) repeat-y scroll top left}
* html #canvas{height:100%;padding:0}
#header{height:135px;margin:0;padding:0;color:#03A;background:#FFF url(images/header.gif) no-repeat center}
#menu{position:relative;width:100%;height:15px;color:#FFF;background:#03A;border:solid #06C;border-width:1px 0;z-index:20;clear:both}
#crumbs{position:relative;left:220px;font-weight:bold;font-size:0.9em;padding:5px 10px 0px}
#crumbs img{position:relative;float:right;margin:0;top:-5px}
#content{position:relative;width:auto;min-width:120px;padding:10px;margin:0 0 7em 0;overflow:visible;clear:both}
#fright{float:right;height:auto;margin-left:10px}
#right{position:absolute;top:170px;right:10px}
#right,#fright{width:170px;border:1px solid #AAA;padding:5px;color:inherit;background:#E8E8E8;z-index:1}
#left{position:absolute;top:200px;width:170px;padding:0;border-width:1px;left:23px;z-index:1}
#left,#fleft{border:1px solid #AAA;padding:0;background:#E8E8E8}
#footer{position:fixed;bottom:0;width:550px;padding-top:10px;border-top:1px solid #039;background-color:#FFF}
* html #footer{position:absolute;bottom:0}
#content,#footer,#header p{margin-left:220px}
#leftb{position:fixed;bottom:20px;margin-left:auto;margin-right:auto;text-align:center;width:220px;overflow:visible;z-index:10}
* html #leftb{position:absolute;bottom:0;width:220px;z-index:10;padding-bottom:20px}

p{margin:0;padding:0 0 8px 0;letter-spacing:0;text-align:justify}
.colour{color:#F00;background:transparent}
.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-size:.9em;text-align:center;color:#555;background:transparent}
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{border:none;margin:0;font-style:normal;font-weight:bold;text-decoration:none;vertical-align:middle;font-size:1.2em}
h1{padding:1em 0 1em 0;color:#039;background:transparent;font-size:1.8em}
h2{padding:.5em 0 .5em 0;color:#039;background:transparent;font-size:1.4em}
h3,h4{padding:.3em 0;color:#000;background:transparent}
h5,h6{color:#900;background:transparent}
h6{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}
input.readonly,textarea.readonly{background:#EEE}
div.form{color:#000;background:#FFF;font-weight:normal;text-align:left;border:1px solid #06C;margin:10px auto 0 auto;padding:10px;width:70%}
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}
ul{list-style:none;height:auto}
* html ul{height:1%}
ol,ul{letter-spacing:0;text-align:left;margin:0 10px 5px 10px;padding:0}
ul li{color:#039;background:#FFF url(images/bullet.gif) no-repeat 0 3px;line-height:20px;margin:0;padding:0 0 5px 30px}
ol li{background-image:none;margin:0 10px 5px 30px;padding:0 0 5px 0px}
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}

#content p{line-height:145%}
#footer p{color:#000;background:transparent;font-size:.8em;text-align:center}

/*Horizontal*/
#menu a span{display:none;text-align:center}
#menu a:hover span{display:block;position:absolute;width:200px;color:#630;background:#FFF;font-weight:normal;white-space:normal}
#menu ul{margin:0;padding:0;list-style:none}
#menu ul li{float:left;line-height:normal;margin:0;padding:0}
#menu ul li a{color:#FFF;background:#03A none;text-decoration:none;padding-left:0.5em;padding-right:0.5em;border-right:1px solid #06C}
#menu ul li a:hover{color:#009;background:#CDF}
#menu ul li a:hover span{top:3em;left:10px;padding:0;z-index:10}
/*Vertical*/
#menu ul ul{display:block;position:absolute;top:5.5em;left:20px;width:180px;margin:20px auto 0 auto;list-style:none}
#menu ul ul li{display:list-item;float:none;padding:0;text-align:center;list-style:none;background:none}
#menu ul ul li a{display:block;float:none;width:100%;white-space:normal;
color:#FFF;background:#03A none;padding:0;margin:0;border:1px solid #03A;border-top-color:#05F;border-bottom-color:#000}
#menu ul ul li a:hover{color:#009;background:#CDF;border:1px solid #03A;border-top-color:#000;border-bottom-color:#05F}
#menu ul ul li a:hover span{top:-4em;left:-10px}

#content p{line-height:145%}
#header img{float:left;margin:10px 0 10px 57px}
#header p{font-size:20px;text-align:center}
#header p.title{font-size:35px;font-weight:bold;text-align:center;padding-top:10px;letter-spacing:5px}
#header p.title img{float:none;margin:0}
#header p.title a{text-decoration:none;color:#039;background:transparent}
#header p.title a:hover{color:#000;background:transparent}
/*Events*/
p.event,p.eventl,.event1,.event2,.event3{padding:3px 0 3px 5px;text-align:left}
p.eventr,.event4{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;color:inherit;background:#CDF}
.event1{width:15%}
.event2{width:35%}
.event3{width:25%}
.event4{width:25%}
.eventfoot{border-top:1px solid;border-bottom:1px solid}
table.events a.external:visited,a.external:link{color:#03F;background:transparent}
.panel{width:25%;height:1%;border:1px solid #06C;padding:5px;color:#039;background-color:#CDF}
div.result{width:90%;border:1px solid #EEE;background-color:#FFF;margin:3px auto}
table.dat,table.dat td{border:1px solid #EEE;vertical-align:top}
@media print{
#header p{margin-left:150px}
#header img{margin-left:30px}
}