body{
background-color: #001534;
}

#container{
border: 2px solid black;
color: black;
background-color: #02285F; /*darkish blue*/
width: 70%;
margin-left: auto;
margin-right: auto;
height: 700px;
padding: 10px;
text-align: center;
text-indent: 10px;
float: right;
}

#titlebar{
width: 100%;
height: 40px;
padding:5px 0; /*centers for float*/
background-color: #2E4172;
margin-left: auto;
margin-right: auto;
float:left;
clear:left;
font-style: italic;
font-family: Georgia;
font-size: 39px;

}

#header{
width: 100%;
height:100px;
margin-left: auto;
margin-right: auto;
padding: 10px 0;
float:left;
clear:left;
background-color: #2B4970;
}

.textarea{
width: 100%;
height:300px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
font-size: 17px;
float:left;
clear:left;
padding: 5px 0;
background-color: #1266EA;

}	

.menu{
text-align: center;
vertical-align: middle;	
line-height: 90px;
height: 100px;
width: 16.66%;
background-color:#4C688B;
border-radius: 25px;
float: left;
font-family: italic;
font-size: 20px;
}

.menu:active{
color: red;
/*turns red on click*/
}

.menu:hover{
text-shadow: 0 0 10px #fff,
0 0 20px #fff,
0 0 30px #fff,
0 0 40px #00FBFB,
0 0 70px #00FBFB,
0 0 80px #00FBFB,
0 0 100px #00FBFB,
0 0 150px #00FBFB;
/*creates a glow effect on text*/
}

.hazard{
width: 200px;
margin-left: 50px;
float: left;
}
/*^the 2 images v*/
.nosign{
width: 200px;
margin-right: 50px;
float:right;
}

.textarealink{
color: #770000;
}