@charset "utf-8";
/* CSS Document */

body {
	background-color: #EEF1FF;
	margin: 0;
	padding: 0;
}
.style1 {
	color: #CC0000
}

.style2 {
	color: #333399;
	font-weight: bold;
	font-size: 1.5em;
}

a:link {
	color: #000099;
	text-decoration: none;
}
a:visited {
	color: #660099;
	text-decoration: none;
}
a:hover {
	color: #0066FF;
	text-decoration: underline;
}
a:active {
	color: #CC9900;
	text-decoration: none;
}

#wrapper {
	margin-left:auto;
	margin-right:auto;
	width: 1017px;
	height: 830px;
}

#sidebar {
	width:280px;
	float:left;
	vertical-align: top;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

#video {
	margin-top: auto;
}

#content {
	width:735px;
	float:right;
}

#poem {
	width: 691px;
	height: 482px;
	text-align: center;
	vertical-align: top;
	background-color: #FBFBFC;
	border: medium solid #CCCCCC;
	float:none;
	margin-top:0.5em;
	margin-bottom:0px;
}

#view {
	position:absolute;
	left: 0px;
	top: -15px;
	width: 236px;
	height: 315px;
	text-align: center;
	background-color: #CCFFCC;
	z-index: 3000;
}

#read {
	position:absolute;
	width:235px;
	left: 235px;
	height: 315px;
	top: -15px;
	text-align: center;
	background-color: #CCFFCC;
	z-index: 2000;
}

#listen {
	position:absolute;
	left: 470px;
	width: 225px;
	height: 315px;
	top: -15px;	
	text-align: center;
	background-color: #CCFFCC;
	z-index: 1000;
}

#languages {
	margin:2px;
	margin-left:20px;
	padding:0;
	width: 210px;
}

#languages table {
	border:thin solid #999999;
	margin-top:0px;
}

#languages td {
	text-align:center;
	border:thin none #009999;
}

#languages a:link {
	color: #000099;
	text-decoration: none;
}
#languages a:visited {
	color: #660099;
	text-decoration: none;
}
#languages a:hover {
	color: #0066FF;
	text-decoration: underline;
}
#languages a:active {
	color: #CC9900;
	text-decoration: none;
}

#languages h2 {
	padding-bottom:1px;
	margin-bottom:1px;
	margin-top:1px;
	padding-top:1px;
}


#menu {
	margin:2px;
	margin-left:20px;
	padding:0;
	width: 205px;
	margin-top: auto;
}

#links {
	margin:2px;
	margin-left:5px;
	padding:0;
	width: 210px;

}

#footer {
	width: 1024px;
	height: 10px;
	margin-left:auto;
	margin-right:auto;
}
.style11 {color: #CC0000}

.menu {
	width:14.375em;
	padding-left:.25em; 
	padding-right:.25em;
}

.menu ul {
list-style: none;
margin: 0;
margin-bottom: -.35em;
padding: 0;
}

.menu a, .menu h2 {
font: bold 1em "Times New Roman", Times, serif;
display: block;
margin: 0;
padding: 2px 3px;
}

.menu h2 {
color: #003399;
text-decoration: none;
}

.menu a {
color: #003399;
text-decoration: none;
}

.menu a:hover {
color: #a00;
text-decoration: underline;
}

.menu li {position: relative;}

.menu ul ul ul {
position: absolute;
top: 0;
left: 0;
}

.menu ul ul {
position: absolute;
padding: .2em;
top: -.5em;
left: 92%;
width: 75%;
border: #CCCCCC thin solid;
text-align: left;
z-index: 500;
}

.menu ul ul.trans {
left: 65%;
}

div.menu ul ul {
display: none;
}

div.menu ul li:hover ul
{display: block; background-color:#fff;}

div.menu ul ul,
div.menu ul li:hover ul ul,
div.menu ul ul li:hover ul ul
{display: none; background-color:#fff;}

div.menu ul li:hover ul,
div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul
{display: block; background-color:#fff;}