/* necessary to make the embedded editor bg white */
.mceContentBody {
  background:#FFF url('');
}
/* or whatever color you want it to be */
body {
  padding:0;
  margin:0;
  background:#FFF url(/images/bg.jpg) repeat 0 0;
  font-family:'Cabin',arial,sans;
  font-size:14px;
  line-height:1.2em;
  color:#505050;
}

h1,h2,h3,h4,h5 {
	margin:0px;
	}
	h1 {
		color:#26385c;
		font-size:16px;
		font-weight:bold;
		margin-bottom:15px;
		}
	h2 {
		color:#505050;
		font-size:14px;
		font-weight:bold;
		}
.oline {
	margin-top:10px;padding-top:10px;border-top:2px dotted #9999aa;
}
.inset {
	margin:0px;/*25px;*/
}
#shadow {
  background:transparent url(/images/bg_shadow.png) repeat-y top center;
}
#header {
  background:#FFF url(/images/header-bg.jpg) repeat-x 0 0;
  height:145px;
  width:960px;
  margin:0 auto;
}
#header h1 {
  display:none;
}
#header img {
  margin-left:100px;
}
#conference_pdf {
  position:absolute;
  margin-left:590px;
}
#menu {
  list-style:none outside none;
  margin:0 1px 0 0;
  padding:0;
  height:28px;
  overflow:hidden;
  background:#FFF url(/images/header-hr.jpg) no-repeat bottom left;
}
#menu li {
  display:inline;
}
#menu li a {
  margin-left:40px;
  /* if menu  isn't fitting, reduce margin-left! */
  display:block;
  float:left;
  font-weight:bold;
  line-height:28px;
  font-size:15px;
  text-decoration:none;
  color:#666E7B;
}
#menu li a:hover, #menu li a.on {
  background:transparent url(/images/menu_on.png) no-repeat bottom center;
}
#main {
  background:#FFF;
  margin:0 auto;
  width:960px;
}
#frontbanners {
  height:200px;
  background:#FFF url(/images/frontbanner_bg.jpg) repeat-x 0 0;
  border-right:11px solid #FFF;
  color:#474747;
}
#frontbanners h2 {
  font-size:18px;
  font-weight:bold;
  margin-bottom:10px;
  text-align:center;
}
.left, .right {
  float:left;
}
#frontbanners .left {
  width:628px;
  margin-right:24px;
}
#frontbanners .right {
  padding-top:20px;
  width:275px;
}
#content {
  background:#FFF url(/images/content_bg.jpg) repeat-x 0 0;
  padding:36px;
}
#footer {
  clear:both;
  margin:0 36px;
  padding:4px 0 10px 25px;
  border-top:1px solid #B7C6D9;
}
#footernav {
	font-size:11px;
}
#footernav a{
	margin-right:10px;
}
#footernav a:link, #footernav a:visited {
	color:#999999;
}#footernav a:hover, #footernav a:active {
	color:#9999ee;
}
#address {
  font-size:11px;
  font-weight:bold;
  float:left;
  width:636px;
  margin-top:15px;
}
#address a {
  color:#505050;
  text-decoration:none;
}
#address a:hover {
  color:#A0A0A0;
}
#social {
  float:left;
  width:200px;
  margin-top:15px;
}
#social img {
  margin-left:5px;
}
#social img:hover {
  margin:-1px 1px 1px 4px;
}
.box_blue {
  height:36px;
  width:541px;
  background:transparent url(/images/box_blue_bg.jpg) no-repeat 0 0;
}
.box {
  background-color:#EAEAEA;
  width:541px;
}
.box_grey {
  height:23px;
  width:541px;
  background:transparent url(/images/box_grey_bg.jpg) no-repeat 0 0;
}
#copyright {
  text-align:center;display:block;color:#FFF;
}
a img {
  border:0;
}

/* front page, hugh, etc */
#contentright { width:314px; position:absolute; top:211px; margin-left:570px; }
#frontpage #contentright { top:411px; }
#hugh { background:#FFF url(/images/hugh_bg_middle.jpg) repeat-y top left; }
#hugh h2 { background:#FFF url(/images/hugh_bg_top.jpg) no-repeat top left; height:53px; margin:0; padding:0; line-height:53px; }
#hughb { background:#FFF url(/images/hugh_bg_bottom.jpg) no-repeat top left; height:10px; margin-bottom:-10px; }
#Hugh { margin-left:5px; float:left; }
#hugh ul { margin:0 0 0 50px; }
#hugh ul li { color:#232965; }
#hugh ul li a { color:#232965; text-decoration:none; line-height:1.5em; font-weight:bold; font-size:15px; }
#hugh ul li a:hover { color:#5B4A50; }

/* part of the slideshow */
#logos {
  margin-left:10px;
  width:250px;
  height:125px;
}
#fo {
  width:250px;
  height:125px;
}







.reggeninfo {padding:10px 0px 0px 0px;margin:10px 0px 0px 0px;border-top:#9999aa 2px dotted;}
.regformlglf, .regformmidlf, .regformsmlf, .regformlgrt, .regformmidrt, .regformsmrt {float:left;margin-right:10px;font-weight:bold;}
	.regformlglf {width:280px;text-align:right}	
	.regformmidlf {width:240px;text-align:right;}
	.regformsmlf {width:120px;text-align:right;}
		.regformlgrt {width:480px;text-align:left}	
		.regformmidrt {width:240px;text-align:left;}
		.regformsmrt {width:120px;text-align:left;}
			.regformbreak {height:1px;clear:both;}
.regformlglf input, .regformlgrt input {width:450px;}
.regformmidlf input, .regformmidrt input {width:210px;}
.regformsmlf input, .regformsmrt input {width:90px;}

.normal {font-weight:normal;}

#content-index-leftcol {
	float:left;width:600px;
}
	#index-text {
		width:541px;background-color:#eaeaea;
	}
		#index-header {
			width:541px;
			height:36px;
			background:url(/images/bg_header-index.jpg) top left no-repeat;
			margin:13px 0px 33px 0px;
		}
			#index-header h1 {
				color:#ffffff;margin:13px;
			}
		#index-text p {
			width:541px;
			margin:0px 0px 0px 23px;
		}

#content-index-rightcol {
	float:left;width:314px;
}
	.hughs-list {
		margin:40px 0px 0px 10px;width:220px;
	}
	
.pastsections {
/*	float: left; 
-- And I'm having trouble with the css alignment of the second line of options under 2010 World Captive Forum on http://worldcaptiveforum.com/past-conferences.html   "2010 Speakers" through "2010 Gallery" are supposed to be flush left under "2010 Conference".
*/
	width: 120px; 
	margin: 0px 20px 20px 0px;
	}
.breakoline {
	clear: both; 
	border-top-width: 2px; 
	border-top-style: dotted; 
	border-top-color: #9999aa;
}