body {
	background: #b8c9d9;
	color: #000;
	font-size:1.2em;
}

a, a:visited {
	color: #CC3A45;;
	text-decoration: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

p {
	padding:3px;	
}

#links {
	text-align: center;	
	font-size:1.4em;
}

#content{
	font-family:Sans-serif;
	font-size:0.8em;
	position:absolute;
	top:150px;
	left:240px;
	border:1px solid #87AACA;
	padding:10px;
	margin-top:10px;
	width:300px;
	height:300px;
	background: url(../images/transparent.png);	
	background-color: transparent;
}

#container {
	/* declaring left+right margins will center the div. the width must also be declared for this to work */
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 855px;
	height: 655px;
	background-image: url(../images/beach_bkgd.jpg);
	background-repeat: no-repeat;
	position: relative; /* we're setting the container <div> to position relative not to position the container div itself, but to give the <p> within, which is positioned absolute, it's reference for positioning. */
}