html{
	font-family: sans-serif;
}
body{
	margin: 0;
}

code{
	display:block;
	margin:0 20px;
	border: 1px #222 solid;
	padding: 15px;
	background: #222;
	color:#fefefe;
}

#container {
	width:70%;
	margin: 15px auto;
}

#nav {
	text-align: right;
	float:left;
	width:100%;
	font-size:110%;
	line-height:1.5;
	border-bottom: 3px solid #4444ff;
	border-top: 3px solid #4444ff;
	letter-spacing: 2px;
}
#nav ul {
	margin:0;
	padding: 0;
	list-style:none;
}
#nav li {
	display:inline;
	margin:0;
	padding:0;
}

#nav a {
	margin:0;
	padding:4px;
	text-decoration:none;
}

#nav a:hover {
	color:#eee;
	background:#4444ff ;
}

#right {
	color: #222;
	width: 85%;
	height: 500px;
	float: right;
}

#content {
	padding: 45px 0 0 5px;
}

p {
	font-size: 110%;
}

#content li {
	font-size: 110%;
}
#content h1 {
	color: #32509b;
	font-size: 195%;
	letter-spacing: 2px;
	margin: 1px 0 -4px;
}

#content h2 {
	color: #32509b;
	font-size: 170%;
	letter-spacing: 2px;
	margin: 1px 0 -4px;
}

#content h3 {
	color: #32509b;
	font-size: 150%;
	letter-spacing: 2px;
	margin: 1px 0 -8px;
}

#content a,#content a:visited,#content a:active,#content a:link{
	color:#4444ff;
	text-decoration: none;
}

#content a:hover{
	color:#D4366A;
}

#content table{
	padding: 8px;
	width:	100%;
	text-align: center;
}

#content td {
	width: 33%;
	text-align: center;
	font-size: 110%;
}

.clear {
	float: none;
}