/* For Graphics page */

	h1 {text-indent: 200px; font-family: "Optima", sans-serif; font-size: 36px;
		   }

	h2 {font-family: "Optima", sans-serif; font-size: 26px;
		   }

		body {
			margin: 0;
			padding: 0;
			overflow: hidden;
			height: 100%; 
			max-height: 100%; 
			font-family: "Optima", sans-serif;
			line-height: 1.5em;
		}
		
		#header {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100px; 
			overflow: hidden; /* Disables scrollbars on the header frame. To enable scrollbars, change "hidden" to "scroll" */
		        color: #ffffff;
			background: #666000;
		}
		
		#nav {
			position: absolute; 
			top: 100px; 
			left: 0; 
			bottom: 0;
			width: 200px;
			overflow: auto; /* Scrollbars will appear on this frame only when there's enough content to require scrolling. To disable scrollbars, change to "hidden", or use "scroll" to enable permanent scrollbars */
		        color: #ffffff;
			background: #666000; 		
		}
		
		#logo {
			padding:20px;
		}
		
		main {
			position: fixed;
			top: 100px; /* Set this to the height of the header */
			left: 200px; 
			right: 0;
			bottom: 0;
			overflow: auto;
		        color: #ffffff;
			background: #333333;
		}

		img {
		      max-width: 100%;
		      height: auto;
		      }
		
		.innertube {
			margin: 15px; /* Provides padding for the content */
		}
		
		p {font-size: smaller;
			color: #ffffff;
		}

		nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
		nav ul a {font-size: 16px;
			color: #ffffff;
			text-decoration: none;
		}
				
		/*IE6 fix*/
		* html body{
			padding: 100px 0 0 230px; /* Set the first value to the height of the header and last value to the width of the nav */
		}
		
		* html main{ 
			height: 100%; 
			width: 100%; 
		}
		
div.t {
  width: 90%;  
}