html, body {
	background: #000 url('../images/bg2.png') repeat-x;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	color:#EAEAEA;
	margin: 0;
	padding: 0;
}	
a:link, a:visited {
	/* color: #027ABB; */
	color: gold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;	
}
a img {
	border:none;
}
#container {
	margin: auto;
	width: 800px;
}
#head {
	background: url('../images/cmlogo.png') no-repeat;
	width: 400px;
	height: 116px;
	margin: 0 20;
	padding: 0;
}
#head h1 {
	display:none;	
}
#head object {
	margin-left: 500px;	
}
#content {
	margin-top: 20px;	
}
#content p, #leftcolumn p {
	font-size: 95%;
	color:#EAEAEA;
	margin: 15px 30px;
	text-align: justify;
}
#content img {
	margin-right: 10px;	
}
#content h3, #leftcolumn h3 {
	text-align: left;	
	font-weight: 700;
	font-size: 125%;
	color: #C0C0C0;
	margin: 15px 20px 0 20px;
}
p#copy {
	font-size: 80%;
	color:#666;
	width: 800px;
}
#content ul {
	margin-left: 30px;	
}
.llc {
	font-size: 80%;
}
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 800px; /*Width of Carousel Viewer itself*/
	height: 250px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	padding: 0;
	width: 800px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
div#leftcolumn {
	float:left;
	width: 400px;
	min-height: 450px;
}
div#leftcolumn  ul {
	margin-left: 30px;	
} 
div#rightcolumn {
	float: right;
	width: 390px;
	min-height: 450px;
}
ul li {
	margin: 8px 0 0 0;
}
div.popup {
	color:#333;
	margin-left: -20px;
}
div#adsense {
	margin-left: 46px;
}