body {
	margin: 0;
	padding: 0; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #333333; background-color:#3d886b;
}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
	color: #89A6B4;
}

h1 {
	letter-spacing: -1px;
	font-size: 32px;
	 font-family:Arial, Helvetica, sans-serif;
	 padding:0px 0px 0px 0px;
	 color: #98ecce;
}

h2 {
	font-size: 23px;
}

h3 {margin:15px 0px 5px 0px; line-height:20px; font-size:16px; font-weight:800; background-color:#3e9e7c; padding:10px; color:#98ecce;}

h4 {margin:auto; margin:0px 0px 0px 0px; line-height:20px;}

h5 { font-size:14px; margin:0; padding:0;}

p, ul, ol {
	margin: 0;
	padding:0;
	text-align: justify;
	line-height: 18px;
}

p  {padding:10px;}
#main { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; background-color:#ffffff; width:870px; float:left; padding:15px;}
#wrapper {margin:0 auto; padding: 0; width:900px; height:100%;}

#shell {margin:0 auto; padding: 0;}

.whitebox { background-color:#FFFFFF; padding:10px; margin:10px 0px 0px 0px}

.venueright { float:right; margin:0px 0px 10px 20px;}


a:link {
	color: #39629A;
}

a:hover, a:active {
	text-decoration: none;
	color: #3190C8;
}

a:visited {
	color: #3190C8;
}

img {
	border: none;
}

img.left {
	float: left;
	margin-right: 15px;
}

img.right {
	float: right;
	margin-left: 15px;
}

/* Form */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

legend {
	display: none;
}

input, textarea, select {
 font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}




/* Header */

#header {
	width: 900px;
	margin: 0 auto;
	height: 161px; float:left; background-color:#FFFFFF;
}

#topgraphic { background-image:url(images/top_graphic.jpg); width:350px; height:156px; float:right; }
/* Menu */

#menuShell {
	width:900px;
	height: 36px;
	margin-left:0px;
	margin-top:0px;
	float:left; 
}

#menu {
	width:900px;
	height: 36px;
	margin-left:0px;
	
	background: url(images/menu_back.gif); background-repeat:repeat-x;
}

#menu ul {
	margin: 0;
	padding: 0px 0 0 4px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	float: left;
}

#menu a {
	display: block;
	
	padding: 10px 32px 6px 32px;
	text-decoration: none;
	font-size: 12px;
	color:#333333;
}

#menu a:hover { 
	text-decoration: none; 
	color:#FF0000;
}

#menu .current_page_item a {
	color: #CFCBE2;
}

#horline {background-image:url(images/horline.gif); height:1px; width:712px; margin-left:2px; background-repeat:repeat-x;
}

#horlineSpeakers {background-image:url(images/horline.gif); height:1px; width:410px; background-repeat:repeat-x;
}

#EventsAddressTxt { text-align:center;}

.urltext {font-size:10px;}

#keynoteTop {background-image:url(images/top_redbar_full.jpg); background-repeat:no-repeat;  padding-left:32px; padding-top:8px; padding-bottom:10px; 
	margin-left:12px; height:45px;   }

#keynoteSpekaerImage {background-image:url(images/speaker_kevinodon.jpg); background-repeat:no-repeat; height:37px; width:30px; float:left;    }

#keynoteTxt { font-size:10px; color:#FFFFFF; text-align:left; padding-left:40px; float:left;}

.keynoteHead {font-size:14px; font-weight:800;}

#Date {font-size:24px; font-weight:400; color:#FFFFFF; float:right; margin-right:30px;}

#bookTabShell {margin:-10px 0px 0px 40px; height:36px; background-image:url(images/book_nowTabTop.jpg); background-repeat:no-repeat; }

#bookTabShell a:hover { background-image:url(images/book_nowTabTop_over.jpg);}

#bookTabLeft { background-image:url(images/booknow_buttonTop_left.gif); background-repeat:no-repeat; height:36px; float:left; }
#bookTabMiddle {background-image:url(images/booknow_buttonTop_bak.gif); background-repeat:repeat-x; height:36px; width:150px; }
#bookTabRight {background-image:url(images/booknow_buttonTop_right.gif); background-repeat:no-repeat; height:36px; float:right; }

#titleMeetSuppliers { font-size:14px; font-weight:800; color:#89A6B4; float:right; margin-right:60px; margin-top:-5px; width:600px; text-align:right;}

#healthimage {background-image:url(images/bottom_image.jpg); width:800px; height:326px;}

#logos { margin:auto; height:70px;}


.gig_uni { background-image:url(images/logos/gig_nhs_wales_uni.gif); height:78px; width:195px; float:left; margin:5px 5px 0px 5px;}
.gig { background-image:url(images/logos/gig_nhs_wales.gif); height:78px; width:102px; float:left; margin:5px 5px 0px 5px;}
.welsh_assembly { background-image:url(images/logos/welsh_assembly_gov.gif); height:78px; width:186px; float:left; margin:5px 5px 0px 5px;}
.xchange { background-image:url(images/logos/xchangewales.gif); height:78px; width:177px; float:left; margin:5px 5px 0px 5px;}
.bip { background-image:url(images/logos/bip_events.gif); height:78px; width:155px; float:left; margin:5px 5px 0px 5px;}
  
/** LOGO */

#logo {
	width: 470px;
	margin: 0 auto;
	margin-left:40px;
	height: 161px; 
	background-image:url(images/logo.gif); float:left;
}


/* Page */

#page {
	width: 800px;
	margin: 0 auto;
}

/* Content */

#content {
	float: left;
	width: 520px;
	margin-top: 15px;
	background: url(images/img10.jpg) no-repeat left top;
	
}



/* Footer */
#footer-wrap {
	width: 800px;
	height: 26px;
	margin: 0 auto; 

}

#footer {
	margin: 0 auto;
	padding:0px 12px 0px 12px;
	width: 800px;
	
}

html>body #footer {
	height: auto;
}

#footer p {
	font-size: 11px;
}

#legal {
	clear: both;
	text-align: center;
	color:#CCCCCC;
	
}

#legal a {
	color: #ffffff;
}

/* Tables
-------------------------------------------------------------- */

table       { width:96%; border-collapse: collapse; border: 1px solid #fff; float:right; margin:0.5em 0.5em 0.5em 0.5em;}
th          { font-weight: bold; background: #eee; color: #000; }
th,td       { padding: 8px 0 8px 5px; border: 1px solid #fff;}
tr.even td  { background: #eee; }
tr td  { background: #ffffff; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

table#guidance
	{
	margin: 0 0 0 15px;
	width: 94%;
	}
	
table#events, table#events td, table#events tr
	{
	padding: 0;
	margin: 0;
	}

table.services
	{
	margin: 0 0 0 20px;
	width: 94%;
	}
	
table.services th
	{
	background: #ccc;
	}
	
table.services td
	{
	background: #eee;
	}
	
	/* ------------------------------------------------------------------------- */

#box-table-b
{	margin: 20px 0px 10px 0px;
	font-size: 12px;
	width: 480px;
	border-collapse: collapse; float:left;
	
}
#box-table-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 12px;
	background: #F0F0F0;
	
	color:#333333;
}
#box-table-b td
{
	padding: 12px;
	background: #F0F0F0; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color:#333333;
}

/*---------------------------------------------------------------------------------*/

.bookingBtn { width: 135px; height: 57px; background: url(images/button.jpg) no-repeat 0px 0; text-indent: -9999px; display: block; }
.bookingBtn:hover { background: url(images/button.jpg) no-repeat 0px -57px; }
.bookingBtn:active { background: url(images/button.jpg) no-repeat 0px -114px; }

/*-----------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom:1;
}

.clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */

/* Toggle Speakers */

h2.trigger {
	padding: 0 0 0 50px;
	margin: 5px 0 5px 0;
	background: url(images/h2_trigger_a.gif) no-repeat;
	height: 35px;
	line-height: 35px;
	width: 808px;
	font-size: 16px;
	font-weight: normal;
	float: left;
}
h2.trigger a {
color:#666666;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover {
color:#333333;
}
h2.active {background-position: left bottom;}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	width: 858px;
	clear: both;
}
.toggle_container .block {
	padding: 20px;
	background: url(toggle_block_btm.gif) no-repeat left bottom;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h3 {
	margin: 0 0 10px;
	padding: 0 0 5px 0; color:#999999;
	border-bottom: 1px dashed #ccc;  background-color:#f0f0f0;
}
.toggle_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}

/* End Toggle Speakers */