/* CSS Document */

body{padding:0px; margin:0px; background: color:#707070; font-family:Geneva, Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, img{padding:0px; margin:0px}
p, td{font-size:85%}
td td {font-size:100%}
ul{list-style-type:none;}

/*----TOP PANEL (logo and menu)----*/
#topPan{width:747px; height:350px; position:relative; margin:0 auto; padding:0px;}
/*--styles for logo placement--*/
#topPan img.bis{position:relative; top:30px; left:220px; bottom:20px }
#la {
position:absolute; 
bottom: 5px; 
left: 5px; 
color:#CCCCCC; 
font-size:10px; 
font-weight:bold; 
border:none; 
padding-top:20px
}
#la img{border:none}
#nbrcoc {
	position:absolute;
	bottom: 5px;
	left:400px;
	color:#CCCCCC;
	font-size:10px;
	font-weight:bold;
	border:none;
	padding-top:20px;
}
#nbrcoc img{border:none}

/*--styles for menu bar--*/
#topPan ul{width:745px; height:32px; position:absolute; top:230px; right:2px; left:2px}
#topPan ul li{float:left; width:147px; height:32px; padding:0 1px 1px 1px;}
#topPan ul li a{display:block; width:147px; height:32px; background:url(images/menu-147x32.jpg) 0 0 no-repeat #000000; color:#000000; font-size:10px; font-weight:bold; line-height:32px; text-transform:uppercase; text-align:center; text-decoration:none;}
#topPan ul li a:hover{background:url(images/menu-147x32.jpg) 0 0 no-repeat; color:#FFFFFF; text-decoration:none;}
#topPan ul li.home{display:block; width:147px; height:32px; background:url(images/menu-147x32.jpg) 0 0 no-repeat #FFFFFF; font-size:10px; font-weight:bold; line-height:32px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; text-align:center;}
.currentpage {color:#FFFFFF}
#topPan hr{position:absolute; top:340px; width:720px; padding-left:25px}
/*----/TOP PANEL----*/


/*---Box around main text of page----*/
#bodytopmainPan{
	width:90%;
	position:relative;
	background:#Fffff;
	color:#8D8D8D;
	margin:0 auto;
	padding:20px;
	padding-bottom:5px;
	clear:both;
	background-color: #FFFFFF;
}
/*--- */

/*---Main text of page----*/
#bodytopPan{width:747px; position:relative; background:#ffffff; color:#000066; margin:0 auto; padding:0px;}
#newsletter {text-align:justify; font-size:100%; padding:0px}
#bios {text-align:justify; font-size:90%; padding:5px; font-family:Geneva, Arial, Helvetica, sans-serif}
#bodytopPan h2{background:#ffffff; color:#000066; font-size:100%; height:50px; line-height:50px;}
#bodytopPan h3 {background:#ffffff; color:#000066; font-size:100%; height:30px; line-height:30px;}
#bodytopPan h4 {background:#ffffff; color:#000066; font-size:100%; padding-top:12px}
#bodytopPan p{padding:0 0px 11px 0; text-align:justify; font-size:85%}
#bodytopPan p, td{font-size:90%}
#bodytopPan p span{font-weight:bold;}
#bodytopPan p.more{margin:0 0 15px 618px; padding:0px;}
#bodytopPan p.more a{display:block;width:79px; height:28px; background:url(images/button1.gif) 0 0 no-repeat #fff; color:#111; font-size:15px; line-height:28px; text-decoration:none; padding:0 0 0 10px;}
#bodytopPan p.more a:hover{background:url(images/button2.gif) 100% 0% no-repeat #fff; color:#111; text-decoration:none;}
#bodytopPan ul {display:block; list-style-position:inside; list-style-type:circle; text-indent:0px; font-size:85%}
.regnote {color:#000066; font-size:90%;}
.error {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:8pt; color:red; display:none;}
.required {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:7pt; color:#FF0000}
.buttons{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:100%; height:30px; width:180px}
#speaker {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:9pt;}
#speaker td {padding-right:12px; padding-top:0px; padding-bottom:0px; padding-left:6px}
.tag {vertical-align:bottom; font-weight:bold; text-align:left; font-size:85%}
.workshop {text-transform:uppercase; font-weight:bold; color:#0066FF; font-size:100%; text-decoration:none}
.wtitle {font-family:Geneva, Arial, Helvetica, sans-serif; color:#000066; font-size:120%; padding-top:12px; font-weight:bold}
.subheading {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:80%}
.info{font-size:100%}
.feedbacksmall {font-size:80%}
.feedback {font-size:90%}
.placefeedback {font-weight:bold; color:#000000; font-size:100%; text-decoration:none; text-align:center}
.pworkshop {text-transform:uppercase; font-weight:bold; color:#0066FF; font-size:95%; text-decoration:none}
.pwtitle {font-weight:bold; color:#000000; font-size:95%; text-decoration:none; text-align:justify}
.terms {font-size:85%; text-align:justify}
#breadcrumbs{position:relative; color:#000066; font-size:70%; font-weight:bold; text-align:left; font-variant:small-caps}
#breadcrumbs a{text-decoration:none; color:#000066;}
/*---*/

/*----box around middle part of page---*/
#bodymainmiddlePan{width:100%; background:#fff; color:#8D8D8D; float:left; padding:20px 0 0; clear:both;}
/*---*/

/*----middle part of page (where coloured boxes are)---*/
#bodymiddlePan{width:747px; position:relative; margin:0 auto 0 auto; background:#fff; color:#8D8D8D;}
/*---*/


/*----FOOTER PANEL ----*/

/*---box around footer ----*/
#footermainPan{height:260px; color:#fff; clear:both;}
/*---*/

/*---footer text ----*/
#footerPan{width:747px; position:relative; margin:0 auto;}
#supported{position:relative; top:5px; color:#CCCCCC; font-size:80%; font-weight:bold; border:none; text-align:center}
#footerPan img.footerlogo{width:186px; height:50px; position:absolute; top:93px; right:0px;}
#footerPan p.html{background:url(images/html-button.gif) 0 0 no-repeat; position:absolute; top:42px; right:115px; width:64px; height:22px; padding:3px;}
#footerPan p.html a{width:55px; height:18px; display:block; font-weight:bold; background:url(images/arrow3.gif) 100% 50% no-repeat #F4F4F4; color:#565656; text-decoration:none; text-transform:uppercase; padding:2px 0 0 5px;}
#footerPan p.html a:hover{background:url(images/arrow4.gif) 100% 50% no-repeat #F4F4F4; color:#565656; text-decoration:none;}
#footerPan p.css{background:url(images/css-button.gif) 0 0 no-repeat; position:absolute; top:42px; right:55px; width:53px; height:19px; padding:3px;}
#footerPan p.css a{width:50px; height:18px; display:block; font-weight:bold; background:url(images/arrow5.gif) 90% 50% no-repeat #B3B3B3; color:#fff; text-decoration:none; text-transform:uppercase; padding:2px 0 0 5px;}
#footerPan p.css a:hover{background:url(images/arrow2.gif) 90% 50% no-repeat #B3B3B3; color:#fff; text-decoration:none;}
#footerPan p.copyright{
	background:#ffffff;
	color:#000000;
	font:11px/15px Geneva, Arial, Helvetica, sans-serif;
	position:absolute;
	top:100px;
	left:12px;
	width: 150px;
	height: 16px;
	text-align:center;
}
#footerPan ul{width:700px; position:absolute; top:60px; left:9px; text-align:center; color:#000000}
#footerPan li{float:left; font:13px/15px Geneva, Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 12px 0; color:#000000; background:#FFFFFF; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan ul.templateworld{width:300px; background:#565656; color:#fff; display:block; position:absolute; font-size:12px; top:135px; left:26px;}
#footerPan ul.templateworld li a{background:#565656; display:block; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}
/*---*/


/*---*/