#navigation{
	padding: 0px 0px 0px 0px;
	margin: 289px 0px 0px 0px;
	list-style:none;
}

#content{
	padding: 0px 0px 0px 0px;
	margin: 305px 0px 0px 85px;
	overflow:hidden;
	width:410px;
	position:relative;
	height:500px;
	float:left;
}
	#content h2{
		color:#ffffff;
		font-weight:normal;
		margin:16px 0pt;
	}
	#content a{
		color:#777;
		font-weight:bolder;
		text-decoration:none;
	}
#content img
{
	float: left;
	margin: 0px 20px 10px 0px;
}
#navigation{
	float:left;
	width:300px;
	height:400px;
	text-align: right; /* this overrides the text-align: center on the body element. */

}
	#navigation .sup{
		margin:20px 45px 20px 55px;
		font-size:22px;
		font-family: 'Waiting for the Sunrise', cursive;
	}
		#navigation ul{
			margin:5px 0;
			list-style:circle;
			padding-left:15px;						
		}
		#navigation a{
			color:#003366;
			font-weight:bold;
			text-decoration:none;
		}	
			#navigation a:hover{
			color:#FF6600;
			font-weight:bold;
			text-decoration:none;
		}	
				
		#navigation .sup li{
			margin: 3px 0 !important;
			margin:-4px 0;
			font-size:18px;
			font-family: 'Waiting for the Sunrise', cursive;
		}
		#navigation a.scrolling{
			color:#933;
		}
.section{
	width:1600px;
	position:relative;
}

	.section .sub{
		position:relative;
		float:left;
		padding:10px 10px 0px 0px;
		width:400px;
		height:650px;
	}
		.section .sub p{
			width:400px;
			margin:16px 0;
			font-size:85%;
			line-height:1.4em;
		}
		.section .next, .section .prev{
			color:#999;
			font-size:14px;
			position:absolute;
			bottom:35px;
			letter-spacing:0px;
			
		}
		.section .next{
			right:45px;
		}
		.section .prev{
			left:40px;
		}

.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;			
}