body {
	margin:0;
	padding:0;
	font-family: Sans-Serif;
	line-height: 1.5em;
}
			
#header {
	background: #ccc;
	height: 100px;
}

#header h1 {
	margin: 0;
	padding-top: 15px;
}

main {
	padding-bottom: 10010px;
	margin-bottom: -10000px;
	float: left;
	width: 100%;
}

#nav {
	padding-bottom: 10010px;
	margin-bottom: -10000px;
	float: left;
	width: 350px; /* was 230px;  must change in #content also */
	margin-left: -100%;
	background: #eee;
}
			
#footer {
	clear: left;
	width: 100%;
	background: #ccc;
	text-align: center;
	padding: 4px 0;
}
	
#wrapper {
	overflow: hidden;
}
			
#content {
	margin-left: 350px; /* Same as 'nav' width */
}

.innertube {
	margin: 45px; /* Padding for content, was 15px; */
	margin-top: 30px; /* was 0 */
}
			
.maincontent {
	margin: 100px; /* Padding for content */
	margin-top: 30px;
}

.maincontent a:link {
	color: black;
}

.maincontent a:visited {
	color: black;
}

.maincontent a:hover {
	color: Gray;
	text-decoration: none;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

p {
	color: #333;
}
	
nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

nav ul a {
	color: black; /* was darkgreen */
	text-decoration: none;
}
		
nav ul hr {
	//height: 0.5px;
	background-color:#aaa;
	border-color:#aaa;
	color:#aaa;
}