/* Styles for NMIC's Game of Life Website ~ First Created by Adam Meisel (5/5/2005) ~ drop by and say hi at http://www.adammeisel.com/ */

			* {
				margin: 0;
				padding: 0;
				}

			body {
				background: url(images/bstrp.gif) top left;
				font: 76% Verdana, Helvetica, sans-serif;
				color: #020;
				}

			#wrap {
				position: relative;
				background: #e46;
				width: 80%;
				margin: 15px auto;
				border: 3px solid #ccc;
				}
										
/* head */
			#head {
				height: 80px;
				border-bottom: 7px solid #111;
				background: #e46;
				}

			#head h1 {
				line-height: 80px;
				padding-left: 20px;
				font: 55px "Trebuchet MS", Verdana, sans-serif;
				font-weight: bold;
				}

			#head a {
				color: #020;
				text-decoration: none;
				}

			#head a:visited {
				color: #020;
				}

/* nav */

			#nav {
				position: relative;
				}
							
			#nav li {
				display: block;
				list-style: none;
				}

			#prime_nav {
				position: absolute;
				top: 0;
				left: 5px;
				width: 125px;
				border-right: 1px dotted #333;
				text-decoration: none;
				color: #224;
				}

			#prime_nav li {
				line-height: 1.5;
				}

			#prime_nav a:link {
				color: #226;
				}

			#prime_nav a:visited {
				color: #226;
				}
				
			#prime_nav a:hover {
				text-decoration: underline;
				}

			#prime_nav a:active {
				color: #e46;
				background: #224;
				}


			#sec_nav {
				position: absolute;
				border-right: 1px solid #222;
				top: 0;
				left: 135px;
				padding-right: 5px;
				}
				
			#sec_nav li {
				font-size: .9em;
				line-height: 1.3;
				}

			#sec_nav a:link {
				display: block;
				text-decoration: none;
				color: #224;
				}


			#sec_nav a:visited {
				color: #424;
				}
			
			#sec_nav a:hover {
				color: #e46;
				background: #114;
				}


/* index nav rules */

			#index #nav {
				min-height: 400px;
				}
			
			#index #sec_nav {
				display: none;
				}

			#index #prime_nav {
				width: 200px;
				margin-left: 30px;
				border-right: 1px solid #222;
				}
				
/* main */

			#main {
				float: right;
				margin-left: 250px;
				padding: 5px 10px 20px 5px;
				}

			#main p {
				text-indent: 7px;
				line-height: 1.2;
				margin-bottom: 6px;
				}
				
			h2, h3 {
				color: #002;
				font-weight: normal;
				}

			h2 {
				padding-bottom: 4px;
				}

			h3 {
				padding-bottom: 8px;
				text-indent: 4px;
				}

			img {
				background-color:#fff;
				padding:20px;
				border:2px solid #111;
				display: block;
				margin:20px auto;
				}

			#main ul, #main ol {
				margin-left: 15px;
				line-height: 1.2;
				}

			#main li {
				margin-bottom: 7px;
				}

			#main a:link {
				color: #030;
				text-decoration: underline;
				}

			#main a:visited {
				color: #202;
				}

			#main a:hover {
				color: #050;
				}										
				
/* foot */


			#foot {
				height: 20px;
				margin-top: 20px;
				text-align: center;
				line-height: 20px;
				vertical-align: center;
				color:  #888;
				background: #111;
				clear: right;
				}

			#foot p {
				font-size: .9em;
				}

			#foot a {
				text-decoration: none;
				color: #888;
				}

			#foot a:hover {
				color: #ccc;
				text-decoration: underline;
				}