/* style for fbcmpreschool.org by ryan williams. www.swirlyanimal.com */

body {
	margin: 0;
	padding: 0;
	background: url('images/layout/sun.png') no-repeat #00aaff;
	font: 14px Verdana, sans-serif;
}

#head {
	margin: 20px;
	float: right;
}

#nav {
	position: absolute;
	left: 20px;
	top: 290px;
	width: 160px;
	text-align: center;
	font-weight: bold;
}

#news {
	background: #0088ff;
	color: #bbffff;
	clear: both;
	margin: 0 20px 0 200px;
	padding: .5em;
	text-align: right;
}

#content {
	background: #bbffff;
	margin: 0 20px 20px 200px;
	padding: 1em;
	line-height: 150%;
	display: block;
	overflow: hidden;
}

#foot {
	background: #0088ff;
	color: #bbffff;
	clear: both;
	text-align: center;
	padding: .5em;
}

/* important bits */

#nav ul { margin: 0; padding: 0; list-style: none; }
#nav ul li { margin: 0; padding: 0; display: block; }
#nav ul li a {
	background: #bbffff;
	color: #000000;
	display: block;
	text-decoration: none;
	padding: 1em;
}
#nav ul li a:hover {
	background: #ffff00;
}

#news p {
	margin: 0;
	padding: 0;
	display: none;
}

#news p.active { display: block; }

#news a { color: white; }

#content img { border: 10px solid white; }
#content img.right { float: right; margin: 1em 0 1em 1em; }
#content img.left { float: left; margin: 1em 1em 1em 0; }
#content a { color: #0088ff; }

#foot p { margin: 0; padding: 0; }