@import url(/common3/com.css);
/*MD105*/
html{font-size:100%}
body{position:relative;width:100%;margin:0;padding:0;color:#333;background:#FFF url(images/bg.gif) repeat fixed top left;font:normal normal 75% verdana,arial,geneva,helvetica,sans-serif;text-decoration:none}
#canvas{position:relative;width:750px;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{position:relative;top:6px;height:112px;width:100%;margin:0;padding:0;color:#FFF;background:#00338D url(images/header.gif) repeat-x center}
#header img{position:relative;float:left;top:10px;margin:0 20px 0 15px}
#header p img{float:none}
#header p{position:relative;top:20px;color:#FFF;background:transparent;font-size:12px;font-style:normal;font-weight:bold;text-align:left}
#header p.title{margin-bottom:5px;font-size:25px;font-style:normal;text-align:left;color:#FFF;background:transparent}
#header p.title a{text-decoration:none;color:#FFF;background:transparent}
#header p.title a:hover{color:#E80000;background:transparent}
#header p.title img{float:none;margin-top:0}
#menubar{position:relative;top:0;height:36px;width:100%;margin:0;padding:0;color:#000;background:#EBB700 url(images/menub.gif);font-size:.9em;z-index:2}
#crumbs{position:absolute;top:145px;left:210px;height:auto;width:530px;color:#00338D;background-color:transparent;font-weight:bold;font-size:.9em;padding:10px 10px 0;z-index:2}
#crumbs img{position:relative;float:right;margin:0;top:-5px}
#content{position:relative;top:5px;width:auto;min-width:120px;margin:0 0 0 210px;padding:25px 10px 120px;overflow:visible;clear:both;z-index:1}
#content p{line-height:145%}
#fleft,#fright{background:#FFF5D2}
#leftb{position:fixed;bottom:130px;width:220px;margin-left:auto;margin-right:auto;text-align:center;z-index:10}
* html #leftb{position:absolute}
#leftb p{padding:0}
#leftb h4{position:fixed;bottom:110px;left:0;height:40px;width:200px;margin-left:auto;margin-right:auto;z-index:20;color:#EBB700;background:transparent}
* html #leftb h4{position:absolute}
#footer{position:absolute;bottom:0;height:120px;width:100%;margin:0;padding:0;background:#038 url(images/sqfb.gif) repeat-x center;z-index:0}
#footer p{position:relative;top:55px;width:95%;margin:0 auto;padding:0;color:#FFF;background:#038;font-size:.8em;text-align:center}
#footer a img.left{position:absolute;bottom:15px;left:20px;padding:0;z-index:1}
#footer a img.right{position:absolute;bottom:15px;right:20px;padding:0;z-index:1}
#footer img#bl{position:absolute;bottom:0;left:0;padding:0;margin:0;z-index:0}
#footer img#br{position:absolute;bottom:0;right:0;padding:0;margin:0;z-index:0}
#footer a{color:#EBB700;background:transparent}

p{letter-spacing:0;margin:0;padding:0 0 8px 0;text-align:justify}
.colour{color:blue;font-weight:bold;background:transparent}
.ul{border-bottom:2px solid #EBB700;margin:0 0 .5em 0}
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}
h1{font-size:1.9em;margin:0 0 .5em 0;padding:0 0 .2em 0;border-bottom:2px solid #EBB700}
h2{font-size:1.4em;padding:8px 0 5px 0}
h3,h4{font-size:1.2em;padding:5px 0}
h5{font-size:1.2em;padding:5px 0 5px 0;color:#00338D;background:transparent}
h6{font-size:1.2em;color:#00338D;background:transparent;font-style:italic;font-weight:normal}

marquee{width:50%}

input.form,textarea.form,select.form{color:#000;background:transparent;border:1px solid #CCC}
div.form{width:80%;max-width:500px;margin:10px auto 0;padding:10px;text-align:left;color:#000;background:#FFF;font-weight:normal;border:1px solid #CCC}

a{text-decoration:none}
a:link{color:#58B6DD;background:transparent}
a:visited{color:#58B6DD;background:transparent}
a:hover{color:#000;background:transparent}
a:active{color:#EBB700;background:transparent}
#blog h2 a{color:#000}
hr{height:2px;width:100%;margin:0;padding:0;color:#EBB700;background:transparent}
ul{list-style:none;height:auto}
* html ul{height:1%}
ol,ul{letter-spacing:0;text-align:justify;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{font-size:1em;background:transparent url(images/bullet.gif) no-repeat 0 3px;line-height:20px;margin:0;padding:0 0 5px 30px}
ul li a{padding-left:20px}
ul{list-style:none}
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}

#tl{position:absolute;top:6px;left:0px;margin:0}
#tr{position:absolute;top:6px;right:0px;margin:0}
#bl{position:absolute;bottom:0px;left:-20px;margin:0;z-index:100}
#br{position:absolute;bottom:0px;right:-20px;margin:0;z-index:100}
hr.cleaner{clear:both;height:1px;margin:10px 0 0 0;padding:10px;border:none;visibility:hidden}
/*Navigation Horiz*/
#menu a span{display:none;text-align:left}
#menu a:hover span{display:block;position:absolute;width:170px;color:#000;background:transparent;font-weight:bold;white-space:normal}
#menu ul{position:absolute;top:6px;left:5px;height:30px}
#menu ul,#menu ul li{display:inline;list-style:none;margin:0;padding:0;line-height:10px;background-image:none}
#menu ul li a{float:left;height:18px;width:70px;margin:0 auto;padding:8px 5px 4px 5px;white-space:normal;font-weight:normal;color:#000;background:transparent;text-decoration:none;text-align:center}
#menu ul li a:hover{background:url(images/menbg.gif) no-repeat 0 0}
#menu ul li a:hover span{top:40px;left:20px;z-index:10}

#li-logoff{float:right}
#li-logoff a:hover{background:none}
#li-logoff a:visited{background:none}
#li-members{float:right;padding-right:20px}
#li-tutorial{float:right;padding-right:10px}
#li-tutorial a:hover{background:none}
#li-tutorial a:visited{background:none}
/*Navigation Vert*/
#menu ul ul{display:list-item;position:absolute;top:93px;left:20px;width:160px;margin:0 auto;border-top:2px solid #EBB700;text-align:left}
#menu ul ul li{list-style:none;background-image:none;line-height:130%}
#menu ul ul li a{height:auto;width:100%;margin:0;padding:4px 0 4px 10px;color:#000;background:#FFF;border-bottom:1px solid #CCC;white-space:normal;text-align:left}
#menu ul ul li a:hover{font-weight:normal;color:#EBB700;background:transparent}
#menu ul ul li a:hover span{display:block;top:-55px;left:0px;color:#000;background:#FFF}
/*blog*/
div.odd,div.even{background-color:#FFF5D2;border:1px solid #EBB700;padding:0 5px;margin-top:10px}
div.reply{background-color:#FFF;border:none;border-bottom:1px solid #FFF5D2;margin-left:5px}
div.blog{padding:5px 0;margin:0 0 2em}
input.blog{width:80%}
textarea.blog{height:20em;width:100%}
/*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:100%;border-left:1px solid #00338D;border-right:1px solid #00338D;font-size:1em;border-collapse:collapse}
table.events tr.even{background-color:#FFF5D2}
table.events a.external:visited,a.external:link{color:#58B6DD;background:transparent}
.event1,.event2,.event3,.event4,.eventfoot{border-top:1px solid;border-bottom:1px solid;border-color:#00338D;color:inherit;background:#58B6DD}
.event1{width:15%}
.event2{width:35%}
.event3{width:25%}
.event4{width:25%}
.eventfoot{border-top:1px solid;border-bottom:1px solid}
#EmailDat div.form{width:100%}
.countdown{font-size:1.2em;padding:5px 0 5px 0;color:#F00;background:transparent;text-align:center}
#pptx p{display:none}
#memoriam td{vertical-align:top}
#memoriam th{border:1px solid #888}
@media print{
#content{margin-left:0 !important;margin-right:0 !important}
#fleft,#fright{color:#333;background:#FFF}
#tl,#tr{top:5.5px}
}