body {background-image:url(bg4.jpg);
background-color:#FFFFFF;
background-repeat: repeat-y;
}

.list {
 
}
.main {
/*	position:absolute; 
	left:300px; 
	top:71px; 
	width:400px; 
	height:279px; */
	

	z-index:1;
}
.quote {
	text-align:center;
	margin: 1em 8.0em 1em 8.0em;
	padding: .8em;
	border:.1em dashed #000000;
}



a:link {text-decoration:underline; color: #0000FF;}
a:visited {text-decoration:underline;color:#0000FF;}
a:active {text-decoration:underline;color:#0000FF;}
a:hover {text-decoration:underline;color:#0000FF;}

.title {
	color: #FF0000;
	text-align:center;
	font-size:1.5em;
}
.title a:link {text-decoration:none; color:#FF0000;}
.title a:visited {text-decoration:none;color:#FF0000;}
.title a:active {text-decoration:none;color:#FF0000;}
.title a:hover {text-decoration:none;color:#FF0000;}

.wrong {
	color: #FF0000;
	letter-spacing: .3em;
	text-align:center;
	font-weight:bold;

}
.right {
	color: #33CC33;
	letter-spacing: .1em;
	font-weight:bold;
	text-align:center;
}
.try {
	color: #6699FF;
	text-align:center;
}

.next {
color: #0000FF;
text-align:center;
font-weight:bold;

}

.next a:link{color:#0000FF; text-decoration:underline;}
.next a:visited{color:#0000FF; text-decoration:underline;}	
.next a:active{color:#0000FF; text-decoration:underline;}
.next a:hover{color:#0000FF;= text-decoration:underline;}


.container {
	padding: 1em 0em 0em 0em;
	height: 490px;
	width: 700px;
	background-color: #FFFFFF ;
	border: 1px solid #000080;
	overflow:auto;

}

.open {
	display: block;
	background-color:#FFFFFF;
	border:1px solid #A0A0A0;
	padding: .5em 10px .0em 10px;
	width:600px;
	height:8em;
	text-align:justify;
	overflow:auto;
	
}
.closed {
	display: none;

}

.answer {
padding-left:330px;
text-align:left;
}

.footer {color:#FFFFFF;}
.footer a:link{color:#FFFFFF; text-decoration:underline;}
.footer a:visited{color:#FFFFFF; text-decoration:underline;}	
.footer a:active{color:#FFFFFF; text-decoration:underline;}
.footer a:hover{color:#FFFFFF;= text-decoration:underline;}