body {
	font: 100%/1.4  "Times New Roman", Times, serif;
	background: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
}
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
a { text-decoration:none; }
a img { border: none; }

a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
	width: 960px;
	background: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	padding:20px 0 20px 90px;
	margin:0;
	color:#999;
	background: url(../images/logo.png) top left no-repeat;
}

.header a { color:#000066; font-size:26px; font-style:italic; font-weight:bold; }
.content {
	text-align:center;
	height:450px;
	padding: 10px 0;	
}

.content h1{
	padding:10px 0 0 10px;
	margin:0;
	color:#999;	
}
.content p{
	padding:10px 0 0 12px;
	margin:0;
	color:#999;	
}
.footer {
	padding: 10px 0;
	background:#036;
}
.footer h2{
	padding:0 0 0 10px;
	margin:0;
	color:#999;	
	font-size:16px;
	font-style:italic;
}
.footer p{
	padding:0 0 0 12px;
	margin:0;
	color:#999;
	font-size:12px;
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}