body{
			margin: 0;
			padding: 0;
			font-family:Monospace;
			line-height: 1.5em;
			background-color:#fff;
			font-size:11pt;
		}
		
		main{
			padding-top: 10%;
			padding-bottom: 30vh;
			position: relative;
			top: 0; 
			margin-left: 8vw;
			margin-right: 30.5vw; /* Set this to the width of the navigation frame */
			bottom: 0;
			overflow: visible; 
			background: #fff;
		}
		
		#nav {
			position: fixed;      /* or absolute */
			top: 50%;
			right: 8vw;

			transform: translateY(-50%);

			width: 22vw;
			max-height: 80vh;

			overflow-y: auto;

			background: #eee;
			border-radius: 1.5vw;
		}
		
		#nav img{
			width: 100%;
			height: auto;
			border-radius: 0;
		}
		
		@media (max-width: 900px) {
		#nav {
			position: static;
			transform: none;
			width: 100%;
			max-height: none;
			margin-bottom: 10vh;
			}
}
		
		.innertube{
			margin: 1rem; /* Provides padding for the content */
		}
		
		p {
			color: #555;
		}

		nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
		nav ul a {
			color: #26a269;
			text-decoration: none;
		}
		
		ul {
			list-style-type: square;
			margin: 0;
			padding: 0;
		}
		
		/*IE6 fix*/
		* html body{
			padding: 0 24vw 0 0; /* Set the second value to the width of the navigation frame */
		}
		
		* html main{ 
			height: 100%; 
			width: 100%; 
		}

		a {
			text-decoration: none;
			color: green;
		}
		
		a:visited {
			color: #400080;
		}

		a:hover {
			text-decoration: none;
			color: #26a269;
		}

		a:active {
			text-decoration: none;
			color: green;
		}
		
		a.always-green,
		a.always-green:visited,
		a.always-green:active {
		color: green;
		text-decoration: none;
		}
		
		a.always-green:hover{
			color: #26a269;
		}