@import url(/common3/com.css);
/*dropdown*/
body{position:relative;color:#666;background:#FFF url(/images/bg.jpg) repeat-x fixed top left;text-decoration:none;width:100%;margin:0;padding:0;font:normal normal 75% arial,verdana,geneva,helvetica,sans-serif}
#canvas{position:relative;width:770px;height:auto;min-height:100%;margin:0 auto;padding:0;background:#FFF}
* html #canvas{height:100%;padding:0}
#header{color:#4E3594;background:#FFF url(/images/header.gif) repeat-x;margin:0;padding:0;height:80px}
#menu{position:absolute;top:84px;float:left;left:150px;height:15px;width:600px;color:#FFF;background-color:#BDBEC1;clear:both;text-transform:uppercase;font-size:11px;z-index:2}
* html #menu{float:left;left:180px;margin-left:80px;width:450px}
#crumbs{position:absolute;top:157px;left:20px;height:auto;font-weight:bold;font-size:.85em;padding:0px 0px 0px 0}
#content{margin:20px 0 3em 180px;padding:20px;overflow:visible;clear:both}
* html #content{position:relative;top:20px;left:180px;margin-left:0;height:auto;width:510px}
#content p{line-height:145%}
#footer{position:absolute;bottom:0;left:-20px;width:770px;padding:10px 0 20px;margin:0 0 0 20px;background:transparent url(images/footer1.gif) no-repeat bottom;z-index:150}
* html #footer{position:absolute;bottom:0}
#footer p{color:#ACACAC;background:transparent;font-size:.8em;text-align:center}
#footer a{color:#ACACAC;background:transparent}
#footer a img{margin:0 20px}
#leftb{position:absolute;bottom:5em;margin-left:auto;margin-right:auto;text-align:center;z-index:1;width:180px}
* html #leftb{position:absolute;bottom:10px;width:180px}

p{margin:0;padding:0 0 8px 0;font-size:1.1em;letter-spacing:0;text-align:justify}
.colour{color:#00F;background:transparent;font-weight:bold}
.small{font-size:.85em}
.large{font-size:1.3em}
.warning{color:#900;background:transparent;font-size:0.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,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{padding:0;font-style:normal;font-weight:bold;margin:0;text-decoration:none;vertical-align:middle}
h1{font-size:2.2em;margin:0 0 25px -180px;padding:0 0 20px 0;color:#4E3594;background:transparent;border-bottom:1px solid #ACACAC}
* html #content h1{position:relative;top:0px;left:-180px;margin-left:0;height:auto;width:730px;z-index:-1}
h2{color:#4E3594;font-size:1.5em;padding:10px 0 3px;background:transparent}
h3,h4{color:#4E3594;font-size:1em;padding:5px 0;background:transparent}
h5{font-size:1em;color:#EC6F24;background:transparent}
h6{font-size:1em;color:#EC6F24;background:transparent;font-style:italic;font-weight:normal}
input.form,textarea.form,select.form{border:1px solid #4E3594;color:#4E3594;background:transparent}
div.form{position:relative;left:0;color:#000;background:#FFF;font-weight:normal;text-align:left;border:1px solid #4E3594;margin:10px auto 0 auto;max-width:500px;padding:10px;width:70%}
a{text-decoration:none}
a:link{color:#00F;background:transparent}
a:visited{color:#00F;background:transparent}
a:hover{color:#000;text-decoration:underline;background:transparent}
a:active{color:#00F;background:transparent}
hr{color:#4E3594;height:1px;margin:0;padding:0;width:100%;background:transparent}
ul{list-style:none;height:auto}
* html ul{height:1%}
ol,ul{letter-spacing:0;text-align:left;margin:0 10px 5px 30px;padding:0}
ol li{font-size:1em;margin:0;padding:0 0 0 20px;line-height:20px}
ul li{font-size:1em;background:url(/images/bullet.gif) no-repeat 0 3px;line-height:20px;margin:0;padding:0 0 0 20px}
ol ol,ul ul{margin:0 10px 5px 0px}
ul li li{background:url(/images/bullet.gif) no-repeat 0 3px;padding:0 0 0 20px}
ul li a{padding-left:20px}
dl,dt,dd{color:#669;background:transparent;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}
/*LAYOUT*/
#crumbs img{position:relative;float:right;margin:0;top:-5px}
#right,#fright{border:1px solid #4E3594;color:inherit;background:#FDEEE7}
#right{position:absolute;z-index:1}
#right h2,#fright h2{padding:5px 0}
#right p{padding:2px 10px}
#fright p{line-height:normal}
/*PANELS*/
#left{position:absolute;top:130px;width:190px;left:0px;padding:0 20px;z-index:1}
#left h2,#fleft h2{padding:3px 10px}
#left p{padding:2px 10px}
#left,#fleft{border:1px solid #4E3594;padding:0;color:inherit;background:#FFF}

#menu ul #li-index a{background-color:#CE4126}
#menu ul #li-index span{color:#CE4126}
#menu ul #li-colour a{background-color:#F3782E}
#menu ul #li-colour span{color:#F3782E}
#menu ul #li-howtofindus a{background-color:#F89828}
#menu ul #li-howtofindus span{color:#F89828}
#menu ul #li-about a{background-color:#ADD03B}
#menu ul #li-about span{color:#ADD03B}

#menu ul #li-imageservices a{background-color:#3AB76C}
#menu ul #li-imageservices span{color:#3AB76C}
#menu ul #li-coaching a{background-color:#92D8F2}
#menu ul #li-coaching span{color:#92D8F2}
#menu ul #li-usefullinks a{background-color:#85489C}
#menu ul #li-usefullinks span{color:#85489C}
#menu ul #li-contact a{background-color:#4A3C85}
#menu ul #li-contact span{color:#4A3C85}

/*NAVIGATION - HORIZONTAL*/
#menu ul,#menu ul li{list-style:none;margin:0;padding:0;line-height:130%;background:none;width:inherit}
#menu ul li{display:inline}
#menu ul li a{float:left;color:#FFF;background:#EC6F24;border:none;text-decoration:none;padding-left:.5em;padding-right:.5em;margin-left:auto;margin-right:auto;white-space:normal;height:15px}
#menu ul li a:hover{display:list-item;color:#FFF;background:#4E3594 url(/images/menbg.gif) repeat-x !important}
#menu ul li a span{display:none;text-align:left;font-weight:bold;text-transform:none}
#menu ul li a:hover span{position:absolute;left:-130px;top:100px;display:block;width:730px;padding:0;margin-left:auto;margin-right:auto;color:#4E3594;background:#FFF;z-index:200}
#li-tutorial,#li-logoff{float:right}
#li-members{float:right;padding-right:20px}
/*NAVIGATION - VERTICAL SUBMENU*/
#menu ul ul{position:absolute;top:120px;left:-150px;width:180px;text-align:center;font:normal normal 90% verdana,arial,geneva,helvetica,sans-serif}
#menu ul ul li{list-style:none;display:list-item;float:none;text-align:center;padding:0 0 5px 0;color:#FFF;background-color:transparent;background-image:none}
#menu ul ul li a{display:block;float:none;width:120px;color:#FFF;background:#4E3594;height:auto;min-height:15px;padding:0 10px;margin-left:auto;margin-right:auto;white-space:normal}
#menu ul ul li a:hover{color:#FFF;background:#4E3594 url(/images/menbg.gif) repeat-x}
#menu ul ul li a:hover span{display:block;left:20px;top:-20px;width:730px;padding:0;margin:0;color:#4E3594;background:#FFF;font-weight:bold;z-index:10}

#header img{position:static;float:left;margin:10px 20px 10px 16px}
#header p{font-size:15px;text-align:left;padding:0 10px 10px 150px}
#header p img{float:none}
#header p.title{font-weight:bold;margin:0;font-size:20px;font-style:normal;text-align:left;padding:10px 10px 0 150px}
#header p.title a{text-decoration:none;color:#000;background:transparent}
#header p.title a:hover{color:#4E3594;background:transparent}
#header p.title img{float:none;margin-top:25px}
/*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%}

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 #4E3594;border-right:1px solid #4E3594;border-top:none;border-bottom:none}
.event1,.event2,.event3,.event4,.eventfoot{color:#4E3594;background:#FDEEE7;border-top:1px solid;border-bottom:1px solid;border-color:#4E3594}
.event1{width:15%}
.event2{width:35%}
.event3{width:25%}
.event4{width:25%}
.eventfoot{border-top:1px solid;border-bottom:1px solid}
.spelling{border:1px solid #F00}
@media print{
h1{margin-left:0}
}