html,
body {
	margin:0;
	padding:0;
	color:#000;
	background:#fff;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	/*"Trebuchet MS", Helvetica, sans-serif   */
}
#body {
	width:960px;
	margin:0 auto;
	background:#fff;
}
#header {
	padding:10px;
	background:#fff;
	text-align: center;
}

h1 { margin: 6px 0px 18px 0px; font-family: Tahoma, Geneva, sans-serif; font-variant: small-caps; font-style: oblique; font-size: 3em; border-bottom: 2px solid black;}
h2 { margin: 6px 0px 6px 0px; font-family: Tahoma, Geneva, sans-serif;  }
h3 { margin: 6px 0px 6px 0px; font-family: Tahoma, Geneva, sans-serif; }

#cont { -webkit-column-width: 820px; background: #fff; }

.box1 { background: #fff; color: #000; text-align: right; display: inline-block; vertical-align: top; width: 200px; margin-right:10px; margin-bottom: 20px;  font-style: oblique; }
.box2 { background: #fff; color: #000; display: inline-block; vertical-align: top; width: 610px; padding-left: 10px; margin: 0px 0px 22px 0px; border-left: 1px solid black; }

#content-1 {
	float:left;
	width:840px;
	padding:10px;
	background:#fff;     /* */
}

#content-2 {
	float:right;
	width:100px;
}

#footer {
	padding:10px;
	background:#fff;
	text-align: center;
}
/* Easy clearing of floats (see http://positioniseverything.net/easyclearing.html) */
.cf:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:" ";
	font-size:0;
}
/* Does not validate – use conditional comments for this bit if you want valid CSS */
.cf {*zoom:1;}