@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css");  

/* =GENERAL - the general styles */

body {
		color: #333333;
		background: #FFFFFF;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 62.5%;
		line-height: 220%;
		background-image: url(/conference2008/images/body_bg.gif);
		background-position: bottom;
		background-repeat: repeat-x;
}

a{text-decoration: none;color: #5599a7;}

a:hover{color: #bb800f;}

hr.spacer{display: none;}

hr.separator {
	background:#929BCE none repeat scroll 0%;
	color: #929BCE;
	border:thin none;
	height:0.1em;
	width:400px;
	}

strong{font-weight: bold;}

ul.borderedlist li{
		border-bottom: 1px dashed #d1cfcd;
	}
	
ul.borderedlist li a{
		display: block;
		padding:3px 0 0 2px;
		height: 26px;
		color: #42423b;
	}

ul.borderedlist li a:hover{background: #E5E5E4; color: #42423b;}

/* =LAYOUT - the main layout styles */
.container{
		width:900px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;
	}
	/* header layout */
#header{
		height: 248px;
		background: #FFFFFF url(/conference2008/images/top_bg_purple.jpg) top repeat-x;
		position: relative;
	}
#navigation{
		position: absolute;
		right: 0;
		top:20px;
	}
	/* main area layout */
	
#main {
		padding: 10px 0;
		background-image: url(/conference2008/images/stlouisskyline_purple_center.gif);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-color: #FFFFFF;
		}
	
#leftcolumn{float: left; width:150px;}
	
#center{
	float: left;
	width:560px;
	padding: 0 20px;
	}
	
	#rightcolumn{float: left; width:150px;}
	
	/* bottom layout */
	#bottominfo{
		border-top: 1px solid #F05323;
		background: #FCDDD3;
		padding-bottom:25px;
		width: 100%;
		overflow: hidden;
	}
	.bottomcolumn{
		float: left;
		width:288px;
		margin-right: 18px;
	}
	.bottomright{margin-right:0;}
	
/* =HEADER - the header styles */
	#header .container{height: 248px;}
	/* logo */
	h1{
		position: absolute;
		height: 200px;
		top: 15px;
	}
	h1 a{
	font: 62.5% "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -2px;
	display: block;
	color: #fff;
	background: url(/conference2008/images/logo_bg.gif) left top no-repeat;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 25px;
	padding-left: 12px;
	}
	h1 a:hover{color: #fff;}
	h1 a span{
		height:200px;
		width: 13px;
		position: absolute;
		top:0;
		right: -13px;
		cursor: pointer;
		background: url(/conference2008/images/logo_right.gif) right top no-repeat;
	}
	/* top navigation */
	#navigation li{
		float: left;
		padding-right: 27px;
		text-transform: uppercase;
		font-size: 100%;
		font-weight: normal;
	}
	#navigation li a{color: #fff;}
	#navigation li a:hover,#navigation li.active a{color: #2c2c2c;}
	/* message and building pic */
	#banner{
	position: absolute;
	height: 221px;
	color: #a49c8f;
	font-weight: bold;
	bottom: 0px;
	background: url(/conference2008/images/header.gif) right bottom no-repeat;
	width: 900px;
	left: 0px;
	}
	#banner p.main {
		font-weight: bold;
		margin-bottom: 20px;
		margin-top: 100px;
		margin-right: 0px;
		color: #00a2d7;
		background: transparent;
		filter: alpha(opacity=80);
		-moz-opacity: .80;
		opacity: .80;
		}
	#banner p.sub {
		font-weight: bold;
		margin-right: 0px;
		color: #FFFFFF;
		background: transparent;
		filter: alpha(opacity=80);
		-moz-opacity: .80;
		opacity: .80;
		}
	#banner p.headerimage {
		margin-right: 0px;
		margin-top: 0px;
		background: transparent;
		filter: alpha(opacity=50);
		-moz-opacity: .50;
		opacity: .50;
		float: right;
		}
	
/* =CONTENT - the content styles */
	/* left column */
	.leftbox{background: #f1f0ef;padding: 10px;margin-bottom:3px;line-height:180%;}
	h3.leftbox{font-size:62.5%;color: #8c8685; background: #f1f0ef url(/conference2008/images/h3_bg_tall.jpg) 0 0 repeat-x;padding:5px 0 10px 23px;}
	h3.header_small{font-size:62.5%;font-weight: bold;background: #f1f0ef;padding:0 23px 5px 23px;}

	
	ul.leftbox a {
		color: blue;
		text-decoration: none;
		}
	ul.leftbox a:hover {
		color: red;
		text-decoration: underline;
		}
	ul.leftbox a:visited {
		color: purple;
		text-decoration: none;
		}

	.features{padding-top:15px;font:127% Arial, Helvetica, sans-serif;}
	
	#leftcolumn .leftbox p{line-height:150%;}	
	/* center column */
	
	.article_wrapper h2{
		color: #F05323; 
		font-size:200%; 
		margin: 10px 0;
		border-bottom: dotted 1px #000000;
		font-weight: bold;
		}
	.article_wrapper h2.sub{
		color: #000000; 
		font-size:200%; 
		margin: 0 0 10px 0;
		font-weight: bold;
		border-bottom: none;
		}
	h2.pageHeader{
		color: #211F5F; 
		font-size:250%; 
		margin: 20px 0;
		border-bottom: none;
		font-weight: bold;
		font-variant: small-caps;
		letter-spacing: 2px;

		}
	
	.article_wrapper p,table{
	padding-bottom:10px;
	font-size:130%;
	}
	
	.article_wrapper p {
		margin-left: 10px;
		}
		
	.shaded {
		background-color: #FCDDD3;  /* 20% of #F05323 */
		}
	
	#main #center .article_wrapper td {
		padding-left: 10px;
		height: 30px;
		}
	
	ul.bullet {list-style-type: disc; margin-left: 20px; padding-left: 20px; padding-bottom: 10px; font-size: 130%;}
	
	.article_wrapper ol {list-style-type:decimal; margin-left: 20px; padding-left: 10px; padding-bottom: 10px; font-size: 130%;}	
	
	
	/* right column */
	.rightbox_wrapper{
		background: #eeeded;
		padding:5px;
		margin-bottom: 20px;
		width:277px;
		overflow: hidden;
		line-height: 18px;
		color: #58584D;
	}
	.rightbox{border: 1px dashed #d9e0e8;width:275px;overflow: hidden;padding-bottom:6px;}
	.product_image{ float: left;margin: 6px 0 0 6px;}
	.product_wrapper{float: right;width:200px;}
	.product_wrapper h4{font-size:130%;color: #483F3D;font-weight: bold;padding-top:10px;}
	.product_wrapper p{font-size:100%;}
	.lastbox{margin:0;}


/* =BOTTOM */
	.bottomcolumn h3{
		border-bottom: 4px solid #929BCE;
		color: #211F5F; 
		font-size:18px;
		padding:15px 0 5px 5px;
	}
	.bottomcolumn p{
		padding: 10px 35px 10px 5px;
		font-size: 1.2em;
	}
	.iconlist{
		border-top: 1px dashed #d1cfcd;
		font-size: 120%;
	}
	ul.iconlist li a{
		padding-left: 25px;
		background: url(/conference2008/images/footer_list.png) left bottom no-repeat;
	}
	ul.iconlist  li a:hover{background: #E9E4DE url(/conference2008/images/footer_list.png) left top no-repeat;color: #42423b;}
	.enewsbox{
		float: left;
		width: 180px;
		height: 17px;
		padding:3px 5px;
		border: 4px solid #F05323;
		font-size:13px;
	}
	.button{
		display: block;
		float: left;
		width: auto;
		line-height:1em;
		text-align: center;
		background: #F05323;
		border: 4px solid #fff;
		color: #fff;
		cursor: pointer;
		margin:0;
		padding:3px 8px; /* IE6 */
	}
	
/* =FOOTER */
	#footer{
		height: 37px;
		background: #FFFFFF url(/conference2008/images/footer_bg_purple.jpg) 0 0 repeat-x;
		font-size: 120%;
		line-height: 37px;
		color: #000000;
	}
	#footer a{color: #A39D97;}
	#designby{
		background: url(/conference2008/images/logo.gif) 0 0 no-repeat;
		float: left;
		height: 23px;
		padding:2px 0 0 30px;
		margin-top: 5px;
	}
	#footer_navigation{
		float: right;
		padding-top:7px;
	}
	#footer_navigation li{float: left;padding-left:18px;}
	#footer_navigation li a{text-transform:uppercase;}
	#footer_navigation li a:hover{color: #5699A7;}
	
/* Added by Paul */

div.sponsorbox h2 {
	font-size: 125%;
	font-weight: bold;
	color: #336734;
	margin-bottom: 10px;
	margin-top: 20px;
	}
div.sponsorbox p.link {
	font-size: 125%;
	}
div.sponsorbox p.link a {
	background: url(/conference2008/images/link.gif) repeat-x left bottom;
	text-decoration: none;
	color: blue;
	}
div.sponsorbox p.link a:hover {
	background: none;
	color: #F05323;
	}
div.sponsorbox p.link a:visited {
	background: url(/conference2008/images/link_visited.gif) repeat-x left bottom;
	text-decoration: none;
	color: purple;
	}
	
img.floatLeft {
	float: left;
	margin-top: 6px;
	margin-right: 10px;
	}
	
img.floatRight {
	float: right;
	margin-top: 6px;
	margin-left: 10px;
	}
	
div#center a {
	background: url(/conference2008/images/link.gif) repeat-x left bottom;
	text-decoration: none;
	color: blue;
	}

div#center a:hover {
	background: none;
	color: #F05323;
	}
	
div#center a:visited {
	background: url(/conference2008/images/link_visited.gif) repeat-x left bottom;
	text-decoration: none;
	color: purple;
	}
div.sponsorboxBottom {
	width: 150px; 
	height: 18px; 
	background-image:url(/conference2008/images/sponsor_bottom.gif); 
	background-repeat: no-repeat; 
}
div.sponsorboxTop {
	width: 150px; 
	height: 18px; 
	background-image:url(/conference2008/images/sponsor_top.gif); 
	background-repeat: no-repeat; 
	margin-top: 20px;
}
div.sponsorboxMiddle {
	width: 150px; 
	background-color: #F05323; 
	color: #FFFFFF; 
	font-size: 1.1em; 
	font-weight: bold; 
	line-height: 120%; 
	border-top: solid 1px white; 
	padding: 2px 0;
}
div.sponsorboxSponsors {
	width: 148px;
	border-left: solid 1px #F05323;
	border-right: solid 1px #F05323;
}
div.sponsorboxSponsors img {
	margin-top: 14px;
	margin-bottom: 14px;
	}
h1.top {
	z-index: 999;
	width: 260px;
	height: 34px;
	margin: 0;
	padding: 0;
	top: 14px;
	}
.emphasisBox {
	border: solid 1px #F05323;
	background-color: #FCDDD3;
	padding: 0 5px;
	}
p.emphasisBox {padding-bottom: 0px;}


