html,
body{ 
background-color:white;
}

h1 { 
list-style-type: upper-roman; 
font-family:fantasy; 
text-decoration:none;
} 

p{ 
 text-align: center; 
font-family: fantasy; 
padding:15PX; 
margin:5PX;  
 }   
 
div.square {  
width: 300px;
    height: 100pxx;    
    padding: 50px;
    border: 1px solid darkgrey;
} 
 
div.container { 
font-family:sans-serif; 
} 
 
ul {
    list-style-type: none;
    margin: 4;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

li {
    float: left;
}

li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 5px 65px;
    text-decoration: underline;
}

li a:hover {
    background-color:darkolivegreen;
} 
 

img { 
 width:300px; 
 height:300px; 
 padding;10px 25px; 
 float:right; 
 } 
 
p { 
 text-align: left;
}
 
div.logo { 
 float: left
} 
 
iframe { 
 float:right;
padding: 0 auto;
}