body {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #555;
}
a {
	color: #555;
}

.header {
	margin-top: 5%;
	background-color: #222222; color: #fefbfb;
}
.main {
	background-color: #E6E6E6;
}
.footer {
	background-color: #c2c2c2;
	font-size: 11px;
}

.content {
	width: 500px;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
}

.left {	float: left; }
.right { text-align: right;	float: right; }
.clear { clear: both; }


.header .content { 
	background-color: #343434;
	border-left: 1px solid #212121;
	border-right: 1px solid #212121;
	padding-bottom: 0px;
}
.main .content { 
	background-color: #FFFFFF;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
}
.footer .content { 
	background-color: #d8d8d8;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
}

.header h1 {
	font-weight: normal;
	display: inline;
}
.header h1 a {
	color: #ffffff;
	text-decoration: none;
}

#menu li {
	display: inline;
	float: left;
	padding: 0px 1px 0px 1px;
}
#menu ul {
	margin: 0; padding: 0;
	list-style: none;
}
#menu a {
	padding: 5px 10px 5px 10px;
	background-color: #555555;
	text-decoration: none;
	display: block;
	color: #fefbfb;
}
#menu .current a { text-decoration: none; color: #222222; background-color: #ffffff; }

.even { background: #dddddd; }
.odd { background: #eeeeee; }

h2 {
	margin: 0px;
	padding: 5px;
}