* {
	margin: 0;
	padding: 0;
}

body { background-color:#04053e; margin: 0 auto;}

body, th, td, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
}


h1, h2, h3 {
	margin-top: 0.5em;
	color: #294ba0;
	font-weight: normal;
}

h1 {
	letter-spacing: -1px;
	font-size: 32px;
}

h2 {
	letter-spacing: -.05em;
	font-size:22px;
	color: #294ba0;
}

h3 {
	font-size: 20px;
	color: #294ba0;
}

h4 { font-size:17px; color:#949494; line-height:15px;}

p, ul, ol {
	margin-top: 1.5em;
	line-height: 1.1em;
	font-size: 1.1em;
}

ul, ol {
	margin-left: 3em;
}



a {
	text-decoration: none;
	color: #294ba0;
}

a:hover {
	border: none;
	text-decoration:underline;
	color:#006633;
}

h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
	color: #42b36f;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	background: none;
	color: #3C7BCF;
}

hr {
	display: none;
}

/* Wrapper */

#wrapper {
}

#whitecontainer {width:1000px; 	margin: 0 auto;
	padding: 0 auto; }
#bottomhalf {background-image:url(images/background.gif); background-repeat:repeat-y; width:800px; margin-left:100px; }

.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. */


/* Header */

#header {
	width: 1000px;
	height: 55px;
	margin: 0 auto;
}

#top {
	float: right;
	width: 260px;
	padding-top: 7px;
}

#menu {background-image:url(images/menu.jpg); background-repeat:no-repeat; width:800px; height:56px; float:left;}

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

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

#menu a {
	display: block;
	float: left;
	margin-right: 3px;
	padding: 18px 18px 12px 18px;
	text-decoration: none;
	font-size: 14px;
	color: #ffffff;
}

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

/* Logo */

#logo {
	width: 1000px;
	margin: 10px 0px 0px 0px; 
	background-image: url(images/header.jpg);
	height: 277px;
}


#logo h1, #logo h2 {
	float: left;
	margin: 0;
	padding: 0;
}

#logo h1 {
	padding: 150px 5px 0 20px;
	color: #2C2E22;
}

#logo h2 {
	padding: 165px 0 0 0;
	font-style: italic;
}

#logo p {
	clear: left;
	margin: 0;
	padding: 0 0 0 20px;
	line-height: normal;
	font-size: 1.2em;
	font-weight: bold;
	color: #C2C5B1;
}

#logo a {
	color: #FFFFFF;
}

/* Page */

#page {
	width: 800px;
	margin: 0 auto;
	padding: 0px 0px 0 0px;
	background: #FFFFFF;
	border: 1px solid #D5D5D5;
	border-top: none;
}

/* Content */

#rightHeader {background-image:url(images/header_right.jpg); background-repeat:no-repeat; width:232px; height:118px; float:right;}

#content {
	float: left;
	width: 760px;
	padding: 0px 5px 10px 10px;
	margin:0px 5px 5px 20px;
}

#contentHead {
	float: left;
	width: 500px;
	padding: 5px 5px 10px 10px;
	margin:5px 5px 5px 20px;
	height:70px;
}

#content-hometitle {background-image:url(images/learning_from_others_title.gif); background-repeat:no-repeat; width:344px; height:114px; float:left;}

#keynote {width:200px; float:right; margin:20px 20px 20px 5px; }
#keynote-left {background-color:#ffffff; width:92px; height:95px; float:left; padding:5px; color:#949494;}
#keynote-right { background-image:url(images/johnswinney.jpg); width:98px; height:105px; float:right;}

#procurex-logo {float:right; background-image:url(images/procurex_logo.gif); background-repeat:no-repeat; width:250px; height:187px; margin:10px;}

#left-column {float:left; width:519px; }
#right-column {float:right; width:220px;}

#right-column p { }

#middle-column {float:right; width:11px; padding:5px;}
#vertical-divider {background-image:url(images/grey-dot.gif); background-repeat:repeat-y; height:100%; width:1px; }

#procurex-logo-sml {background-image:url(images/procurex_logo_sml.gif); background-repeat:no-repeat; width:150px; height:133px; float:right; margin:10px; }
#bip-logo-sml { background-image:url(images/bipevents_logo.gif); background-repeat:no-repeat; width:150px; height:81px; float:right; margin:10px; }

#logos-right { width:220px;  text-align:center; }


/* Footer */



#footer  {
	text-align: center;
	margin-bottom:40px;
	font-size: 9px;
	background-image:url(images/footer.gif); width:800px; height:28px;
	background-repeat:no-repeat;
	margin-left:100px;
}

#footer a {
	color:#53778d;
}