@charset "utf-8";
/* CSS Document */

/* = BODY
---------------------------------------------------------------------------------------------------*/
body { margin: 10px 0 0 0; padding:0px; font-size:14px; text-align:left; font-family:Trebuchet MS, sans-serif; background:#777674; color:#fff; }

/* misc */
html {overflow-y: scroll;}
h1, h2, h3, p, form, ul { padding:0; margin:0; }
h2 { font-weight:normal; }
h3 { font-size:19px; color:#000; font-weight:normal; }
p { line-height:130%; }
a { color:#FFF; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
img { border:none; padding:0; margin:0; display:block; }
fieldset { border:0; margin:0; padding:0; }
.clear { clear:both; }
.float { float:left; }
.floatRight { float:right; }
ul li { list-style:none; }

/* =libraryBullets
---------------------------------------------------------------------------------------------------*/
ul li { list-style:disc; }
ul { padding:10px; margin:0; }

/* =WRAP
---------------------------------------------------------------------------------------------------*/
.wrap 			{ width:760px; margin:0 auto; }


/* =greyBox
---------------------------------------------------------------------------------------------------*/
.greyBoxTop		{ width:760px; height:10px; float:left; background:#e9e9e9 url(images/box-top.gif) no-repeat; }
.greyBoxMiddle	{ width:740px; padding:0 10px 0 10px; float:left; background:#e9e9e9; color:#000; text-align:left; line-height:100%; }
.greyBoxBottom	{ width:760px; height:10px; float:left; background:#e9e9e9 url(images/box-bottom.gif) no-repeat; text-align:center; }

.greyBoxLeft	{ width:500px; margin:0px; float:left}
.greyBoxRight	{ width:180px; margin:0 25px 0 0; float:right; }

.greyBoxRight .courseInfo	{ color:#000; text-align:left; }

.greyBoxMiddle .venue p { line-height:130%; margin:0 30px 0 30px; padding:10px 0 0 0 }


/* =Navbar
---------------------------------------------------------------------------------------------------*/
.navBar			{ width:740px; height:40px; float:left; background:#333333 url(images/nav-bg.gif) no-repeat; }
.navText a		{ padding-left:32px; float:left; font-size:12px; font-weight:bold; line-height:45px; font-family:Trebuchet MS, sans-serif; color:#fff; text-decoration:none; }
.navText.active	{ padding-left:32px; float:left; font-size:12px; font-weight:bold; line-height:45px; font-family:Trebuchet MS, sans-serif; color:#888888; text-decoration:none; }


/* =centreBox
---------------------------------------------------------------------------------------------------*/
.centreBox		{ width:760px; margin:20px 0 10px 0; background:#777674 url(images/centre-box.gif) repeat-y; float:left; }
.centreBoxPlain	{ width:760px; margin:20px 0 10px 0; background:#777674; float:left; }
.centreBoxLeft	{ width:330px; margin:0 25px 0 25px; float:left; }
.centreBoxRight	{ width:330px; margin:0 25px 0 25px; float:right; }
.centreBoxWrapper { width:760px; margin:2px 0 2px 0; }
.centreBoxTime	{ width:100px; margin:0 0 0 30px; float:left; }
.centreBoxEvent	{ width:390px; margin:0 0 0 25px; float:left; }
.centreBoxSpeaker { width:200px; margin:0 0 0 15px; float:left; }

.centreBoxRightImage { width:320px; height:217px; margin:35px 0 10px 0; padding:5px 5px 5px 5px; float:right; border:#e9e9e9; border-width:2px; background:#e9e9e9;   }

/* =bottomBox
---------------------------------------------------------------------------------------------------*/
.bottomBoxTop		{ width:760px; height:49px; background:#444341 url(images/bottom-box-header.gif) no-repeat; }
.bottomBoxMiddle	{ width:760px; height:100px; padding:10px 0 0 0; background:#444341 url(images/bottom-box-bg.gif) repeat-y; }
.bottomBoxBottom	{ width:760px; height:10px; background:#444341 url(images/bottom-box-footer.gif) no-repeat; }

.bottomBoxLeft		{ width:224px; margin:0 15px 0 15px; float:left; }
.bottomBoxCentre	{ width:222px; margin:0 15px 0 15px; float:left; }
.bottomBoxRight		{ width:224px; margin:0 15px 0 15px; float:right; }

/* =library
---------------------------------------------------------------------------------------------------*/
.libraryMainLeft	{ width:522px; float:left;}
.libraryMainRight	{ width:238px; float:left;}

.videoListBox		{ height:62px; width:220px; float:left; padding:5px; border:1px solid #555; margin-bottom:7px; }
.videoListThumb		{ height:60px; width:80px; background-color:#CCC; border:1px solid #666; float:left; }
.videoListText		{ height:60px; width:133px; margin-left:5px; float:left; color:#000; }

.videoListBox.active{ background-color:#999; }
.videoListBox:hover	{ background-color:#999; }

.videoTextBox		{ height:100px; padding:10px}

.swfBox				{ background-color:#000; }


/* =venueBox
---------------------------------------------------------------------------------------------------*/
.venueBox	{ width:740px; margin:20px 10px 10px 10px; background:#e9e9e9; float:left; }



.footer 		{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #d6d6d6; text-align:center; line-height:43px; }


.title {
	color: #d6d6d6;
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.nav {
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
}

.nav a:link { color: #d6d6d6; text-decoration: none; }
.nav a:hover { color: #999999; text-decoration: none; }
.nav a:visited { color: #d6d6d6; text-decoration: none; }

.text1 {
	font-weight: bold; 
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #d6d6d6;
}

.text1 a:link { color: #d6d6d6; text-decoration: none; }
.text1 a:hover { color: #999999; text-decoration: none; }
.text1 a:visited { color: #d6d6d6;  }


.download {
	font-weight: bold; 
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
}

.download a:link { color: #000000; text-decoration: none; }
.download a:hover { color: #000000; text-decoration: underline; }
.download a:visited { color: #000000;  }
