body
	{font-family: sans-serif;
	color: #C8C8C8;
	background-color: #000000;
	text-decoration: none}
h1
	{color:#C8C8C8;
	background-color:#000000;
	text-decoration:none
	font-face: sans-serif}
	
	
	
h3

	{color:#C8C8C8;
	background-color:#000;
	text-decoration:none
	font-face: sans-serif}
	
	
	
a:link 	{text-decoration: none;
	color:#C8C8C8}
a:visited
	{text-decoration: none;
	color:#C8C8C8}
a:hover
	{color:#FF0000;
	text-decoration: none}
a:href
	{text-decoration: none;
	color:#FFCC00;}
	





	

     
#navigation{
	width: 300px;
	float: left;
	border-color: #333;
	margin: 0 0 0 0px;
	height: 900px;
}
	
	
	#container {
	width: 1000px;
	height: 900px;
	border-color: #000;
	border-size: 0px;
	border-style: solid;
	margin: 0 0 0 0px;
	             /* top bottom    left right*/
	background-color: black;
			
}
	



.rolloverweather {
	width: 150px;
	height: 150px;
	background: url(WeatherReportProject.jpg);
	float: left;
	margin: 50px 5px 5px 10px;
			}

.rolloverweather:hover {
	background-position: 0 -150px;
				}

.rolloverarchival {
	width: 150px;
	height: 150px;
	background: url(ArchivalofLostThoughtProject.jpg);
	float: left;
	margin: 50px 5px 5px 10px;
			}

.rolloverarchival:hover {
	background-position: 0 -150px;
				}
				
.rollovernew {
	width: 150px;
	height: 150px;
	background: url(NewPatriotProject.jpg);
	float: left;
	margin: 50px 5px 5px 10px;
			}

.rollovernew:hover {
	background-position: 0 -150px;
				}
				
.rollover13th {
	width: 150px;
	height: 150px;
	background: url(13thScreenProject.jpg);
	float: left;
	margin: 50px 5px 5px 10px;
			}

.rollover13th:hover {
	background-position: 0 -150px;
				}
				
.rolloverroute {
	width: 150px;
	height: 150px;
	background: url(RouteOfProgressProject.jpg);
	float: left;
	margin: 50px 5px 5px 10px;
			}

.rolloverroute:hover {
	background-position: 0 -150px;
				}
				
.rollovereat {
	width: 150px;
	height: 150px;
	background: url(EatMeatProject.jpg);
	float: left;
	margin: 50px 5px 5px 10px;
			}

.rollovereat:hover {
	background-position: 0 -150px;
				}
				
				
				
.rolloverrosendale {
	width: 150px;
	height: 150px;
	background: url(RosendaleProject.jpg);
	float: left;
	margin: 50px 5px 5px 10px;
			}

.rolloverrosendale:hover {
	background-position: 0 -150px;
				}
				

.rolloverpent {
	width: 150px;
	height: 150px;
	background: url(PentUpAndGoneUnderProject.jpg);
	float: left;
	margin: 50px 5px 5px 10px;
			}

.rolloverpent:hover {
	background-position: 0 -150px;
				}				
				
	
	
.rolloverred {
	width: 150px;
	height: 150px;
	background: url(RedLightRelayProject.jpg);
	float: left;
	margin: 50px 5px 5px 10px;
			}

.rolloverred:hover {
	background-position: 0 -150px;
				}			
				
				
				
				

	
.rolloverunder {
	width: 150px;
	height: 150px;
	background: url(UnderIslandProject.jpg);
	float: left;
	margin: 50px 5px 5px 10px;
			}

.rolloverunder:hover {
	background-position: 0 -150px;
				}
				
				

	
.rollovercamera {
	width: 150px;
	height: 150px;
	background: url(CameraCausmettProject.jpg);
	float: left;
	margin: 50px 5px 5px 10px;
			}

.rollovercamera:hover {
	background-position: 0 -150px;
				}				
				
				
				
				

	
.rolloverinvestigating {
	width: 150px;
	height: 150px;
	background: url(InvestigatingCoHabitationProject.jpg);
	float: left;
	margin: 50px 5px 5px 10px;
			}

.rolloverinvestigating:hover {
	background-position: 0 -150px;
				}
				
				
	
	
.rolloveryoure {
	width: 150px;
	height: 150px;
	background: url(YoureTheOneILoveProject.jpg);
	float: left;
	margin: 50px 5px 5px 10px;
			}

.rolloveryoure:hover {
	background-position: 0 -150px;
				}			
				

	
.rollovercook{
	width: 150px;
	height: 150px;
	background: url(CookSistersProject.jpg);
	float: left;
	margin: 50px 5px 5px 10px;
			}

.rollovercook:hover {
	background-position: 0 -150px;
				}				
				
				
				
.rolloverunseen {
	width: 150px;
	height: 150px;
	background: url(UnSeenMachineProject.jpg);
	float: left;
	margin: 50px 5px 5px 10px;
			}

.rolloverunseen:hover {
	background-position: 0 -150px;		
	}
				


.rollovermir {
	width: 150px;
	height: 150px;
	background: url(MIRProject.jpg);
	float: left;
	margin: 50px 5px 5px 10px;
			}

.rollovermir:hover {
	background-position: 0 -150px;		
	}

	
.rollovertapingyou {
	width: 150px;
	height: 150px;
	background: url(TapingYouProject.jpg);
	float: left;
	margin: 50px 5px 5px 10px;
			}

.rollovertapingyou:hover {
	background-position: 0 -150px;
				}				
				

				
.rolloverhello {
	width: 150px;
	height: 150px;
	background: url(HelloProject.jpg);
	float: left;
	margin: 50px 5px 5px 10px;
			}

.rolloverhello:hover {
	background-position: 0 -150px;
	
	}