#wrapper #content #right #txt .note {
	border: 1px dotted #030;
	padding: 10px;
	width: 680px;
	float: left;
	margin-bottom: 10px;
}
#tabs{
	width: 700px;
	float: left;
	margin-bottom: 10px;
}
#tabs a:link {
	text-decoration: none;
	background-image: url(../images/btn_chapter.gif);
	height: 30px;
	width: 150px;
	display: block;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 10px;
	color: #030;
	text-align: center;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}
#tabs a:visited {
	text-decoration: none;
	background-image: url(../images/btn_chapter.gif);
	height: 30px;
	width: 150px;
	display: block;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 10px;
	color: #030;
	text-align: center;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}
#tabs a:hover {
	text-decoration: none;
	background-image: url(../images/btn_chapter.gif);
	color: #030;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#tabs .current{
	text-decoration: none;
	background-image: url(../images/btn_chapter.gif);
	display: block;
	color: #900;
	text-align: center;
	background-repeat: no-repeat;
	background-position: left -40px;
	height: 30px;
	width: 150px;
	padding-top: 10px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
#wrapper #content #right #txt .leftBox  {
	float: left;
	width: 345px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #333;
	height: 600px;
}
#wrapper #content #right #txt .below {
	float: left;
	width: 700px;
	text-align: center;
}

#wrapper #content #right #txt .rightBox  {
	float: left;
	width: 340px;
	padding-left: 10px;
	height: 600px;
}
#wrapper #content #right #txt .rightBox h4 {
	text-align: center;
	color: #900;
}
#wrapper #content #right #txt .leftBox h4 {
	text-align: center;
	color: #06C;
}
