/*Reset */

html, body { margin: 0; padding: 0; border: 0;
				background: transparent; font-size: 10px; }
				
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;}
	
img { margin: 0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding:0; border: 0;
	vertical-align: baseline;
	background: transparent;}
	
table { border-collapse: collapse; border-spacing: 0;}

input, select, textarea, form fieldset {
	margin: 0; padding: 0; border: 0;}
	
article, aside, dialog, figure, footer, header, hgroup, {
	display:block;}
	
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a ,caption, em, strong, strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	text-indent:0;
	text-decoration:none;
	text-align:left;
	color: #000;}
	
ol, ul {list-style:none;}

/* Global */

html {}

body {background-color: #eeeeee;}

/* Headings */

h1, h2, h3, h4, h5, h6 {font-weight:bold; color: #000;}

h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:14px;}
h6 {font-size:14px;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

/* Text Elements */

p			{color:#000; font-size:12px; line-height:150%;}
p .left		{margin: 1.5em 1.5em 1.5em 0; padding:0;}
p .right	{margin: 1.5em 0 1.5em 1.5em; padding:0;}

a			{}
a:link		{color: #00f;}
a:visited	{color: #0f0;}
a:active	{color: #000;}
a:focus		{color: #666;}
a:hover		{color: #f00;}

blockquote	{color: #000; font-size:12px;}

strong		{font-weight:bold;}
em			{font-style:italic;}

/* Containers */

#wrapper			{width:900px; margin:0px auto; background-color:#ffffff;}

#top				{background-color: #000000; width:100%; padding:20px 0; overflow:hidden; height:100px;
						border-bottom:3px #cccccc solid; border-top:3px #cccccc solid;}

#logo				{margin:0 0 0 10px; float:left;height:60px;}

#topnav				{background-color:#333333; clear:both;}
#topnav ul			{width:100%; float:left; margin:0px; background-color:#333333;
						border-bottom:3px #cccccc solid;}
#topnav ul li		{display:inline;}
#topnav ul li a		{float:left; padding:10px 20px;}

#topnav a:link		{color:#ffffff;}
#topnav a:visited	{color:#ffffff;}
#topnav a:active	{color:#ffffff;}
#topnav a:hover		{color:#ffffff; background-color:#006600;}
#topnav a:focus		{color:#ffffff;}

#banner				{}
#banner img			{width: 100%;}

#content			{padding:16px;}
#content h1			{margin: 0 0 16px 0; font-size:32px;
						border-bottom:3px #777777 solid; padding: 16px 0;}
#content h2			{margin: 0 0 16px 0; font-size:24px;
						border-bottom:3px #777777 solid; padding: 16px 0;}
#content p			{margin:16px 0; line-height:160%;}
#content img		{padding:4px; border:1px #888888 solid;}
#content ul li		{display:inline; margin: 10px;}
#content ul li img	{height:300px;}
#tem				{margin:0 272px; height:300px;}
#spectra			{margin:0 228px; height:300px;}
#graph1, #graph2	{height:500px; margin: 36px 40px;}
#pcreek1, #pcreek2, #colorado1, #colorado2	{height:250px; margin: 36px 44px;}
#space				{width:800px; margin:36px 28px;}
#salt				{height:300px; margin: 36px 160px}

#social-media		{margin:0 10px 0 0; border-top: 3px #777777 solid; margin: 16px;}
#social-media img	{height:60px; padding:8px; border:1px #888888 solid; margin: 16px 100px; clear:both;}
#social-media ul li	{display: inline;}

#footer				{bottom:0px; background-color:#000000;}
#footer p			{text-align:center; font-size:8px; padding:16px 0; color: white; margin: 4px 16px}

#footer p a:link	{color:#00FD00;}
#footer p a:visited	{color:#00FD00;}
#footer p a:active	{color:#00FD00;}
#footer p a:hover	{color:#CE00CE;}
#footer p a:focus	{color:#00FD00;}