.but { font-size: 13px; }

#top { width: 100%; background: #a5976d; }
#bottom { width: 100%; }


div.row { width: 500px; display: block; }

div.hpBox1 {
	width: 220px;
	float: left;
	padding-left: 20px;
	/*
	padding-top: 15px;
	padding-bottom: 20px;
	*/
}
div.hpBox1_title {
	font-weight: bold;
	color: #ffffff;
	padding-left: 20px;
	border-left: solid 5px #817042;
	height: 18px;
	vertical-align: middle;
}
h2.hpBox1 {
	font-weight: bold;
	font-size: 13px;
	height: 18px;
	color: #ffffff;
	margin: 0;
	padding: 0;
}
div.hpBox1_content {
	padding-top: 15px;
	color: #ffffff;
	font-size: 13px;
}
div.hpBox1_foot {
	text-align: right;
	padding-top: 10px;
	padding-right: 20px;
	font-size: 13px;
}
a.hpBox1, a.hpBox1:link, a.hpBox1:active, a.hpBox1:visited { 
	color: #ffffff; text-decoration: underline; font-weight: bold;
}
a.hpBox1:hover { color: #ffffff; text-decoration: none; font-weight: bold; }

div.hpBox2 {
	width: 220px;
	float: left;
	padding-left: 20px;
	/*
	padding-top: 15px;
	padding-bottom: 20px;
	*/
}
div.hpBox2_title {
	font-weight: bold;
	color: #666666;
	padding-left: 20px;
	border-left: solid 5px #000066;
	height: 18px;
	vertical-align: middle;
}
h2.hpBox2 {
	font-weight: bold;
	font-size: 13px;
	height: 18px;
	color: #666666;
	margin: 0;
	padding: 0;
}
div.hpBox2_content {
	padding-top: 15px;
	color: #666666;
	font-size: 13px;
}
div.hpBox2_foot {
	text-align: right;
	padding-top: 10px;
	padding-right: 20px;
	font-size: 13px;	
}
a.hpBox2, a.hpBox2:link, a.hpBox2:active, a.hpBox2:visted {
	color: #2578cd; text-decoration: underline; font-weight: bold;
}
a.hpBox2:hover { color: #2578cd; text-decoration: none; font-weight: bold; }