@import url(/common3/com.css);
/*Top bar*/
html{font-size:100%}
body{position:relative;margin:0;padding:0;width:100%;color:#000;background:#FFF;text-decoration:none;font:normal normal 100% "Adobe Garamond", Garamond, Georgia, serif}
body{font-family:verdana,arial,geneva,helvetica,sans-serif;font-size:80%}
#canvas{position:relative;width:750px;height:auto;min-height:100%;margin:0 auto;padding:0;background:transparent url(images/sqcvs2.png) no-repeat scroll 85px 160px}
* html #canvas{height:100%}
#header{position:relative;top:20px;color:#005DA3;background:transparent url(images/header.gif) repeat-x center;z-index:30}
#menubar{position:relative;top:100px;left:40px;height:31px;margin-right:54px;padding:0 15px 0 0;clear:both;z-index:20;text-transform:uppercase;font-size:.7em;background:#FFF url(images/menbg.png) repeat-x}
#menu{margin:0 0 0 25px;padding-right:0;width:100%;color:#005DA3}
#content{position:relative;top:140px;left:110px;width:400px;min-width:120px;padding:0 0 7em;overflow:visible;clear:both;margin-right:10px}
#right{position:absolute;top:170px;right:10px;width:170px}
#right,#fright{background:#FDECE1}
#left{position:absolute;top:200px;left:23px;width:170px}
#left,#fleft{border:1px solid #005DA2;padding:5px;color:inherit;background:#FFF;z-index:1}
#foot{position:fixed;bottom:0;height:auto;margin:-7em auto 0;width:750px;background-color:#FFF;z-index:100}
* html #foot{position:absolute}
#footer{margin-left:85px;width:auto;padding:10px 0px 0;border-top:2px solid #005DA3}
#leftb{position:fixed;bottom:0;width:220px;margin-left:auto;margin-right:auto;text-align:center;z-index:10}
* html #leftb{position:absolute;border-bottom:1px solid #005DA3}

p{margin:0;padding:0 0 8px 0;letter-spacing:0;text-align:justify}
.colour{color:#005DA3;background:transparent;font-weight:bold}
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:left}
kbd{font:normal normal 100% verdana,arial,geneva,helvetica,sans-serif}
/*SELECTABLE STYLES - END*/
marquee{width:50%}
h1{padding:0.2em 0;margin-bottom:1em;color:#0068B9;background:transparent;font-size:1.9em;border-bottom:3px solid #005DA3;width:640px}
h2{padding:8px 0 5px 0;color:#0068B9;background:transparent;font-size:1.4em}
h3,h4{padding:5px 0;color:#000;background:transparent;font-size:1.2em}
h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:bold;text-decoration:none;vertical-align:middle}
h5{color:#0068B9;background:transparent;font-size:1.2em}
h6{color:#0068B9;background:transparent;font-size:1.2em;font-style:italic;font-weight:normal}
input.form,textarea.form,select.form{font-size:0.7em;border:1px solid #CCC;width:50%;color:#000;background:transparent}
div.form{color:#000;background:#FFF;font-weight:normal;text-align:left;border:1px solid #005DA3;margin:10px 10px 0 0;padding:10px;width:100%}
a{text-decoration:none}
a:link,a:visited{color:#0068B9;background-color:transparent}
a:hover{color:#005DA3;background-color:transparent;text-decoration:underline}
a:active{color:#005DA3;background-color:transparent}
hr{margin:0;padding:0;width:100%;color:#005DA3;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 0 8px 0}
ol li{background-image:none;margin:0 10px 5px 30px;padding:0 0 5px 0px;line-height:20px}
ul li{color:#666;background:transparent url(images/bullet.png) no-repeat 0 3px;line-height:20px;margin:0;padding:0 0 5px 30px}
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.png)}
dd{padding:5px 20px 0 20px}
/*Layout*/
#footer p{color:#000;background:transparent;font-size:.8em;text-align:center}
#right p{padding:2px 10px}
#left h2,#fleft h2{padding:3px 10px}
#left p{padding:2px 10px}
/*Position control*/
/*Navigation Horizontal*/
#menu a span{display:none;text-align:left}
#menu a:hover span{display:block;position:absolute;width:90%;color:#0068B9;background:#FFF;font-weight:normal;white-space:normal}
#menu ul{float:right;margin:0 5px 0 0;padding:0;list-style:none}
#menu ul li{float:left;line-height:31px;margin:0;padding:0;background-image:none}
#menu ul li a{color:#0068B9;background-color:transparent;text-decoration:none;padding-left:0.5em;padding-right:0.5em}
#menu ul li a:hover{color:#000;background:transparent}
#menu ul li a:hover span{top:32px;left:0;padding:0 0 0 70px;z-index:10}
/*Navigation Vertical submenu*/
#menu ul ul{display:block;position:absolute;top:150px;right:10px;width:180px;margin:0;padding:10px;list-style:none;border:1px solid #005DA2;background:#FFF}
#menu ul ul li{display:list-item;float:none;padding:0;text-align:right;list-style:none;background:none;line-height:14px}
#menu ul ul li a{display:block;width:100%;white-space:normal;color:#0068B9;background:transparent none;padding:0;margin:0}
#menu ul ul li a:hover{color:#000;background:transparent}
#menu ul ul li a:hover span{right:0;top:-112px;padding:0 10px;width:180px;z-index:10;text-align:right}

#navf{position:absolute;top:175px;left:10px;margin:0}
#navf li{display:inline;padding:0;list-style:none;text-align:center;background:transparent;line-height:100%}
#navf a{color:#ABABAB;display:block;margin:0 0 1em 0;padding:28px 0 0;font-size:80%;text-decoration:none;text-align:center}
#navf a:hover{color:#005DA3}
#navf a span{display:none;text-align:left;font-size:85%;text-transform:uppercase}
#navf a:hover span{display:block;position:absolute;width:auto;color:#0068B9;background:transparent;font-weight:normal;white-space:nowrap}
#navf a:hover span{top:-37px;left:100px;padding:0;z-index:10}
#navf-index{background:url(/images/homeoff.png) top center no-repeat}
#navf-index:hover{background-image:url(/images/homeon.png)}
#navf-about{background:url(/images/aboutoff.png) top center no-repeat}
#navf-about:hover{background-image:url(/images/abouton.png)}
#navf-contact{background:url(/images/contactoff.png) top center no-repeat}
#navf-contact:hover{background-image:url(/images/contacton.png)}

#gnl{position:absolute;top:0;left:-14px}
#gnr{position:absolute;top:0;right:-14px}

#leftb p{padding:0}
#leftb h4{position:fixed;bottom:0;left:0;height:40px;width:210px;margin-left:auto;margin-right:auto;z-index:20;color:#FDECE1;background:#FFF;line-height:40px}
* html #leftb h4{position:absolute}
#header a > img, #header > img{position:absolute;top:12px;left:0}
#header p{position:absolute;top:0;left:90px;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{position:absolute;top:0;left:0}
#header p.title a{text-decoration:none;color:#005DA3;background:transparent}
#header p.title a:hover{color:#000;background:transparent}
#header form{position:relative;top:5px;float:right}
/*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:630px;border-left:1px solid #005DA3;border-right:1px solid #005DA3;font-size:1em;border-collapse:collapse;background:#FFF}
.event1,.event2,.event3,.event4,.eventfoot{border-top:1px solid;border-bottom:1px solid;border-color:#005DA3;color:#FFF;background:#E1EEF4}
.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:#005DA3;background:transparent}
.panel{width:25%;height:1%;border:1px solid #06C;padding:5px;color:#000;background-color:#005DA3}
div#search{position:absolute;right:0;top:20px;width:220px}
input.searchi{left:0}
@media print{
#navf{display:none}
#header a > img, #header > img{position:absolute;top:0;left:0}
}