body {
background-color: #1c1c1c;
}
/*Style for the body */

#container {
background-color: #1c1c1c;
height: 2000px;
width: 100%;
}
/*styles for the container */
#header {
font-size: 24pt;
color: black;
padding: 50px;
margin-left: 20%;
position: relative;
height: 50px;
width: 55%;
background-color: #4f4f4f;
border-radius: 0px 0px 20px 20px;
}
/*style for the header */
.submenu {
width: 17%;
height: 35px;
margin-left: 2.5%;
float: left;
font-size: 18pt;
background-color: #6d6c67;
-webkit-transition-duration: 0.4s;
color:#3cf248;	
text-decoration: none;
text-align: center;
border: white solid 1px;
}
 
.submenu:hover {
background-color: #282828;
cursor: pointer;
color:#39963f;
text-decoration: none;
}
/*The menues and wht happens when you hover over them */

.textbox {
margin-top: 10px;
margin-left: 15%;
height: 1500px;
width: 70%;
float: left;
background-image: radial-gradient(circle, #303030, #1c1c1c, #1c1c1c );
/*background-color: pink;*/
padding: 15px;
color: white;
text-decoration: none;
}
/*style fot the textbox*/

#topbar {
width: 100%;
height: 2%;
background-color: #4f4f4f;
text-align: center;
}
/* Top bar above the header */

.toptext {
color: white;
font-family: times;
font-size: 24pt;
text-decoration: none;
font-weight: bold;
}

img {
height: 150px;
float: ;
margin: 30px;
border-bottom: solid white 1px;
}
.bottomtext {
font-weight: normal;
font-size: 14pt;
}

a{
text-decoration: none;
color: #6499ef;
font-weight: normal;
text-align: center;
}

br {
margin-bottom: 35px;	
}

.linkstosources {
font-size: 8pt;
color:white;
font-family: times;

}