html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#a6c8e9;
} 

body {
	font:76% "Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #444;
}

h1, h2 {
	margin: 0;
	font-size:1.7em;
	color: #216fb0;
}

p {
	line-height:1.5;
}

/* float clearing */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */

/*
main_holder
	menu_holder
		a
	content
		<page content>
 */

#main_holder {
	width: 600px;
	border: 5px solid #216fb0;
	margin: 20px auto 0 auto;
}

#content a, #footer a {
	text-decoration: none;
	border-bottom:1px solid #216fb0;
}

#content a:hover, #footer a:hover {
	color:white;
	background-color:#2d77b5;
}

#menu_holder {
	padding:5px 0;
	background-color:#216fb0;
	text-align:center;
}

#menu_holder a {
	padding:5px 20px;
	font-size: 1.5em;
	color: #a6c8e9;
	text-decoration: none;
}

#menu_holder a:hover {
	color: white;
	background-color: #2d77b5;
}

#content {
	margin:5px;
	padding: 5px;
	background-color: white;
}

#footer {
	margin-top:10px;
	color:#2d77b5;
	text-align:center;
}