@import url(/common3/com.css);
/*ACCOLADE*/
body{margin:0;padding:0;color:#666;background:#FFF url(images/bg.gif) repeat-x fixed top left;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/menu.gif) repeat-y fixed top left;border-top:1px solid transparent}
#header{margin:0;padding:0;background:transparent url(images/header.gif) repeat-x top left;height:96px}
#menu{position:relative;width:99.9%;height:15px;color:#000;background-color:#FFF;border:solid #777;border-width:1px 0 0 1px;clear:both}
#content{position:relative;top:0px;width:auto;min-width:120px;padding:10px;overflow:visible;clear:both;margin:0;z-index:3;clear:both;line-height:145%}
#footer{width:auto;position:relative;bottom:0;padding:0px 30px;border-top: 1px solid #777;padding-top:10px}
#content,#footer{margin-left:221px}
#leftb{position:absolute;bottom:20px;width:221px;text-align:center;margin-left:auto;margin-right:auto;z-index:0}
* html #leftb{width:221px}
#leftb{position:fixed;bottom:10px;width:221px;margin-left:auto;margin-right:auto;text-align:center;z-index:1}
* html #leftb{position:absolute;bottom:10px;width:221px;w\idth:221px}

p{letter-spacing:0;margin:0;padding:0 0 8px 0;text-align:justify}
.colour{background-color:transparent;color:blue;font-weight:bold}
.min{margin:0;padding:0}
.small{font-size:.85em}
.large{font-size:1.3em}
.warning{background-color:transparent;color:#900;font-size:.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{text-align:left}
h2{text-align:left}
h3{text-align:left}
h4{text-align:center}
h5{text-align:center}
h6{text-align:center}
marquee{width:50%}
h1{background-color:transparent;color:#666;font-size:1.8em;padding:10px 0 20px}
h2{background-color:transparent;color:#666;font-size:1.2em;padding:8px 0 3px}
h3, h4{background-color:transparent;color:#000;font-size:1.2em;padding:5px}
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;background-color:transparent;color:#900}
h6{font-size:1.1em;background-color:transparent;color:#777;font-style:italic;font-weight:normal;text-align:center}
input.form, textarea.form, select.form{background-color:transparent;border:1px solid #777;color:#009;width:50%}
div.form{position:relative;left:0;color:#000;background-color:#FFF;font-weight:normal;text-align:left;border:1px solid #777;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{background-color:transparent;color:blue}
a:visited{background-color:transparent;color:blue}
a:hover{color:black;background-color:transparent;text-decoration:underline}
a:active{background-color:transparent;color:blue}
hr{background-color:transparent;color:#777;height:1px;margin:0;padding:0;width:100%}
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:#666;background:transparent 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{background-color:transparent;color:#666;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}
#footer p{background-color:transparent;color:#777;font-size:.8em;text-align:center}
#right, #fright{background-color:transparent;border:1px solid #777;padding:0; }
#right{position:absolute;z-index:1}
#right h2, #fright h2{background-color:#DEE;text-align:center;border-bottom:1px solid #777;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{background-color:white;border-right:1px solid;border-left:1px solid;border-bottom:1px solid;border-color:#777;border-top:none;padding:0; }
#left{position:absolute;z-index:1}
#left h2, #fleft h2{background-color:#DEE;text-align:center;border-top:1px solid;border-bottom:1px solid;border-color:#777;padding:3px 10px}
#left p{padding:2px 10px}
#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}

#header img{float:left;margin:0 0 0 55px;border:0}
#header p{font-size:20px;text-align:center;padding:0 10px 10px}
#header p.title{font-size:40px;font-style:italic;text-align:center;padding:10px;font-weight:bold}
#header p.title img{position:static;top:0;float:right;margin:0}
#header p.title a{color:#666;text-decoration:none}
#header p.title a:hover{color:#000;background:transparent}
/*Navigation Horizontal*/
#menu ul, #menu ul li{list-style:none;margin:0;padding:0;display:inline;line-height:130%}
#menu a{float:left;color:#000;border:solid #777;border-width:0 1px 1px 0;padding-left:0.5em;padding-right:0.5em;text-decoration:none}
#menu a:hover{color:#FFF;background-color:#777}
#menu a span{display:none}
#menu a:hover span{display:block;position:absolute;top:2em;left:10px;text-align:center;width:180px;padding:0 10px;font-weight:normal;
color:#777;background-color:transparent}
/*Navigation Vertical submenu*/
#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:#000;background:transparent none;padding:0;margin:0;border:1px solid #777}
#menu ul ul li a:hover{color:#FFF;background:#777;border:1px solid #777}
#menu ul ul li a:hover span{top:-5.2em;left:-10px;width:180px;text-align:center;color:#777;background-color:transparent}

#crumbs{position:relative;font-weight:bold;padding:10px 10px}
#crumbs img{position:relative;float:right;margin:0}
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 #777;border-right:1px solid #777}
.event1, .event2, .event3, .event4, .eventfoot{border-top:1px solid;border-bottom:1px solid;border-color:#777;background-color:#DEE}
.event1{width:15%}
.event2{width:35%}
.event3{width:25%}
.event4{width:25%}
.eventfoot{border-top:1px solid;border-bottom:1px solid}