/* NASA Web Link Resource, Copyright Neil Walker 2006 */

body	{
	background-color: #000000;
	width:	760px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
			
.main	{
		text-align: center;
		padding: 0;
		background-color: #ffffff;
		width:	760px;
		border: none;
}

.content	{
			margin-left: 20px;
			margin-right: 20px;
			background-color: #ffffff;
			width:	700px;
}

.title	{
		color:			black;
		font-family:	arial, helvetica, sans serif;
		font-size:		12pt;
		font-weight:	bold;
		margin-left:	70px;
}

.local	{
		color:			#ffffff;
		font-family:	verdana;
		font-size:		8pt;
		text-align: 	center;
		padding-bottom:	5px;
}

#header
		{
		width: 758px;
		border: 1px solid #ffffff;
}
		
			
.footer	{
		width: 700px;
		border: none;
		margin: 0px;
		padding: 0px;
}
			
hr	{
	background-color: #ffffff;
	height: 2px;
	color: black;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}

p.center	{
			color:			#000000;
			font-family:	Arial, Helvetica, sans-serif;
			font-size: 		10px;
			text-align: 	center;
			margin-top: 	0pt;
			margin-right: 	6pt;
			margin-bottom:	0pt;
			margin-left: 	6pt;
			}
			
p.justify	{
			color:			#000000;
			font-family:	Arial, Helvetica, sans-serif;
			font-size: 		10px;
			text-align: 	justify;
			margin-top: 	0pt;
			margin-right: 	6pt;
			margin-bottom:	0pt;
			margin-left: 	6pt;
			}
			
p.centersmall	{
				color:				#000000;
				font-family:		Arial, Helvetica, sans-serif;
				font-size: 			11px;
				text-align: 		center;
				margin-top: 		0pt;
				margin-right: 		6pt;
				margin-bottom:		0pt;
				margin-left: 		6pt;
				}

.leftsmall	{
				color:				#000000;
				font-family:		Arial, Helvetica, sans-serif;
				font-size: 			10px;
				text-align: 		left;
				margin-top: 		0pt;
				margin-right: 		6pt;
				margin-bottom:		0pt;
				margin-left: 		6pt;
				}				
				
.clock		{
			display: inline;
			text-align: center;
			letter-spacing: 1px;
			font-size: 0.75em;
			font-weight:bold;
			font-family: arial;
			background: #000000;
			color: #ffffff;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 17px;
			padding-right: 17px;
			border-top: 6px ridge #7F7F7F;
			border-left: 6px ridge #7F7F7F;
			border-right: 6px ridge #5E5E5E;
			border-bottom: 6px ridge #5E5E5E;
			white-space: nowrap;
			}
			
.info1	{
		background: #e4e4e4;
		width: 382px;
		height: 455px;
		margin-left: 35px;
		margin-bottom: 50px;
		padding: 20px;
		text-align: center;
		border: 2px solid #a4a4a4;
		float: left;
}

.info2	{
		background: #e4e4e4;
		width: 200px;
		height: 455px;
		margin-left: 35px;
		margin-bottom: 50px;
		text-align: center;
		border: 2px solid #a4a4a4;
		float: left;
		padding: 20px;
}

#webcam	{
		position: 	relative;
		left:		0px;
		top:		8px;
}

.text	{
		font-family: 	arial, helvetica, sans serif;
		font-size: 		10pt;
		font-weight: 	bold;
		text-align: 	center;
		z-index: 		100;
}

#count	{
		background:		#a4a4a4;
		border: 		2px solid #848484;
		font-family: 	arial, helvetica, sans serif;
		font-size: 		10pt;
		font-weight: 	bold;
		text-align: 	center;
		padding: 		5px;
		line-height:	25px;
}

.mission	{
			font-family: arial, helvetica, sans serif;
			font-size: 10pt;
			font-weight: bold;
			text-align: center;
			color: #000000;
}

.factsbold	{
			background: #e4e4e4;
			color: #000000;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			text-align: left;
}

.factsbold2	{
			background: #e4e4e4;
			color: #000000;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			text-align: right;
}

.facts	{
		background: #e4e4e4;
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		border: none;
}

.timezones	{
				width: 700px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				color: #000000;
				background: #e4e4e4;
				text-align:	center;
				margin-left: auto;
				margin-right: auto;
				margin-top: 30px;
				margin-bottom: 30px;
				border: 2px solid #a4a4a4;
				padding: 5px;
}

.convert
		{
		width: 500px;
}
				
.central	{
				
				font-family: Arial;
				font-size: 12px;
				font-weight: bold;
				color: #000000;
				background: #e4e4e4;
				text-align:	center;
				margin-left: auto;
				margin-right: auto;
				border: none;
				padding: 0px;
}				

.red 
			{
			background-color: #cc0000;
			font-family: verdana;
			font-weight: bold;
			font-size: 11px;
			text-align: center;
			color: white;
}

.drop 
			{
			background-color: #000000;
			font-family: arial;
			font-weight: none;	
			font-size: 12px;
			text-align: center;
			color: #ffffff;
}

.menu		{
			width: 100%;
			height: 30px;
			background-color: #000000;
			border-left: 1px solid #ffffff;
			border-right: 1px solid #ffffff;
}

.surround	{
			border: 4px double #a4a4a4;
}

.imgspace { 
			border: 		1px solid #000000;
			margin-top: 	1px;
}	

p.facts	{
		font-family:	Arial, Helvetica, sans-serif;
		font-size: 		10px;
		text-align: 	center;
		margin:			15px;
}

a:link 		{ 
			color: blue;
			background-color: #ffffff;
			text-decoration: none;
}

a:visited 	{
			color: blue; 
			background-color: #ffffff;
			text-decoration: none;
}

a:active 	{ 
			color: blue; 
			background-color: #ffffff;
			text-decoration: none;
}

a:hover 	{
			color: red;
			background-color: #ffffff;
			text-decoration: none;
}

.facts a:link 		{ 
			color: blue;
			background-color: #e4e4e4;
			text-decoration: none;
}

.facts a:visited 	{
			color: blue; 
			background-color: #e4e4e4;
			text-decoration: none;
}

.facts a:active 	{ 
			color: blue; 
			background-color: #e4e4e4;
			text-decoration: none;
}

.facts a:hover 	{
			color: red;
			background-color: #e4e4e4;
			text-decoration: none;
}

.black a:link 		{ 
			color: #000000;
			background-color: #e4e4e4;
			text-decoration: none;
			text-align: center;
}

.black a:visited 	{
			color: #000000; 
			background-color: #e4e4e4;
			text-decoration: none;
			text-align: center;
}

.black a:active 	{ 
			color: #000000; 
			background-color: #e4e4e4;
			text-decoration: none;
			text-align: center;
}

.black a:hover 	{
			color: #000000;
			background-color: #e4e4e4;
			text-decoration: none;
			text-align: center;
}
