html {
	background: white;
	
}

body {	
	font-size: large;
	font-family: Geneva, Verdana, Arial, sans-serif; 
	line-height: 35px;
	text-align: justify;
	color: white;
	background-color: #000000;
	width: 1000px;
	border-width: thin;
	border-style: solid;
	border-color: white;
	padding: 10px;
	padding-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
		
}



.title {
	margin-left: 640px;
	margin-right: 10px;

}
	

#mypictures{
	margin-right: auto;
	margin-left: auto;
	padding-left: 50px;

  }

.underpicture {
	font-size: 60%;
	color: gray;
	margin: 10px;
	margin-bottom: 60px;
	padding-left: 750px;	
		
}

	
#menubar {
	margin-left: auto;
	margin-right: auto;
	font-size: large;
	font-weight: bold;
	line-height: 30px;
	text-align: right;
	float: left;
	padding-right: 15px;
		border-right: 1px solid #656565;
	height: 203px;

}


.line {
	margin-bottom: 20px;
	margin-left: 20px;
}



#hello {
	bottom: 100px;
	font-weight: 600;
	color: white;
	padding: 30px;
	padding-bottom: 70px;
	padding-left: 15px;
	margin-left: 3px;
	margin-top: 30px;
	width: 1000px;
	height: 50px;
	
	
}


#text {
	float: right;
	width: 700px;
	height: 520px;
	padding: 20px;
	margin: 10px;
	margin-right: 20px;
	font-size: large;
	text-indent: 3%;
	letter-spacing: 0.01cm;
	background: #656565;
	border: medium inset #656565;
	
}

#thumbnails {
	width: 250px;
	height: 500px;
	
}

#thumbnaila {
	width: 100px;
	margin: 50px;
	margin-left: 35px;
	margin-top: 130px;

}

#thumbnailb {
	
	width: 100px;
	margin: 50px;
	margin-left: 35px;
	margin-top: 100px;
}



.w3c {
	width: 1000px;
	padding-left: 850px;

}
	


body a:link {
    color: #cfcfcf;
    text-decoration: underline;
}

body a:visited {
    color: #999999;
    text-decoration: underline;
}
body a:hover {
    color: #505050;
}


#menubar a:link {
    color: #cfcfcf;
    text-decoration: none;
}

#menubar a:visited {
    color: #999999;
    text-decoration: none;
}
#menubar a:hover {
    color: #505050;
}