#left { 
	background-image: url(../images/lesson_img/lesson_01.gif); 
	background-repeat: no-repeat; background-position: 0 bottom; 
	top: 0; 
	left: 0; 
	width: 150px; 
	height: 600px; 
	float: left; 
}

#left img { 
	background-image: url(../images/top_img/top_01.gif); 
	margin-top: 150px; 
	padding: 0; 
}

#menu { 
	background-image: url(../images/lesson_img/lesson_02.gif); 
	width: 100px; 
	height: 600px; 
	float: left; 
	margin: 0; 
	padding: 0; 
}

#right { 
	background-image: url(../images/lesson_img/lesson_04.gif); 
	background-repeat: no-repeat; 
	background-position: 0 bottom; 
	position: relative; 
	width: 600px; 
	height: 600px; 
	float: left; 
	margin: 0; 
	padding: 0; 
	list-style-image: none; 
}

#right_top { 
	background-image: url(../images/lesson_img/lesson_03.gif); 
	background-repeat: no-repeat; 
	width: 600px; 
	height: 150px; 
	margin: 0; 
	padding: 0; 
}

#content { 
	background-repeat: no-repeat; 
	position: absolute; 
	right: 0; bottom: 0; 
	width: 400px; 
	height: auto;
	 margin: 0; 
	padding: 20px; 
}

h1 { 
	color: black; 
	font-size: 1em; 
	font-weight: bold; 
	margin: 0 0 10px; 
	padding: 5px 0; 
	border-top: 1px solid gray; 
	border-bottom: 1px solid gray; 
}

p{ 
	color: #666; 
	font-size: 0.7em; 
	line-height: 1.8em; 
	margin: 0 0 15px; 
	padding: 0; 
}

ul { 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
}

li a { color: white; font-size: 0.65em; text-decoration: none; text-align: center; line-height: 2em; height: 2em; padding: 0; margin: 0; border-bottom: 1px solid gray; display: block; }

li a:hover { color: navy; background-color: yellow; text-decoration: none; }

a { 
	color: #3b3b3b; 
	text-decoration: underline; 
}

a:hover { 
	color: green; 
}

.mb_main { 
	font-size: 0.75em; 
	line-height: 100px; 
	text-align: center; 
	margin: 0; 
	padding-top: 150px; 
	display: block; 
}