/* CSS Document */

#navigation, #content,.section{
	padding:0;
	margin:0;
	list-style:none;
}
#content{
	overflow:hidden;
	width:700px;
	background-color:white;
	position:relative;
	height:650px;
	float:left;
}
	#content h2{
		color:#993333;
		margin:5px 0pt;
	}
	#content a{
		color:#777;
		font-weight:bolder;
		text-decoration:none;
	}
#navigation{
	float:left;
	width:220px;
	background-color:#5B739C;
}
	#navigation .sup{
		margin:10px 10px;
		font-size:12px;
	}
		#navigation ul{
			margin:5px 0;
			list-style:circle;
			padding-left:15px;						
		}
		#navigation a{
	color:white;
	font-weight: lighter;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
		}				
		#navigation .sup li{
			margin: 3px 0 !important;
			margin:-4px 0;
			font-size:10px;
		}
		#navigation a.scrolling{
			color:#933;
		}
.section{
	position:relative;
}

	.section .sub{
		position:relative;
		float:left;
		padding:9px 10px 10px 10px;
		width:700px;
		height:620px;
	}
		.section .sub p{
			width:675px;
			margin:20px 0;
			line-height:1.4em;
		}
		.section .next, .section .prev{
			font-size:18px;
			position:absolute;
			bottom:15px;
			letter-spacing:-2px;
		}
		.section .next{
			right:30px;
		}
		.section .prev{
			left:30px;
		}

.message{
	background:#EEE;
	border:1px solid #999;
	color:#333;
	font-size:12px;
	padding:1px;
	position:absolute;
	left:11px;
}
#first{
	top:484px !important;
	top:498px;			
}
#second{
	top:503px !important;
	top:517px;			
}