Lab7.css

* {
margin: 0; padding: 0;
}
body 
{
font-size:16px;
width: 100%;
height: 100%;
}

#header 
{
text-align: center;
border: thin solid;
border-collapse: collapse;
background-color: #8FBC8F;
width: 100%;
height: 80px;
}
 
#container 
{
	border: thin solid;
	 border-collapse: collapse;
     text-align: center;
     width: 100%;
     height: 100%;
}
 
#navigation 
{
	 float: left;
     background-color: #FFA07A;
     width: 20%;
     height: 80px;
}
 #main 
 {
	 float: right;
     background-color: #FFE4B5;
     width: 80%;
     height: 80px;
}
#sidebar 
{
	text-align: center;
	float: left;
     background-color: #F5F5DC;
     width: 20%;
     height: 690px;
}

#content 
{
     background-color: #E6E6FA;
     float: right;
     width: 80%;
     height: 690px;
}
 #content1 
 {
	 float: left;
     background-image: url(osago.jpg);
     width: 30%;
     height: 690px;
}

#content2 
{
     background-color: #E6E6FA;
     height: 690px;
     width: 74%;
     margin-left: 500px;
}
 
#footer 
{
	text-align: center;
	border: thin solid;
	border-collapse: collapse;
    background-color: #8FBC8F;
	width: 100%;
	height: 80px;
}
.clear 
{
     clear: both;
}
p
{font-size: 22px;
text-indent: 20px;
margin: 10px;
text-align:center}

.dropdown 
{
float: left;
overflow: hidden;
}
.dropdown .dropbtn {
border: none;
outline: none;
color: #000;
font-size: 22px;
padding: 10px;
background-color: inherit;
font-family: inherit;
margin: 0 0 0 110px;
font-weight: bold;
}
.dropdown:hover .dropbtn 
{
background-color: #FFF;
}
.dropdown-content 
{
display: none;
position: absolute;
z-index: 1;
}
.dropdown-content a 
{
margin: 0 0 0 110px;
text-decoration:none;
color: black;
display: block;
float: none;
padding: 12px 16px;
min-width: 118px;
font-size: 20px;
}
.dropdown-content a:hover 
{
background-color: #9F9F5F;
}
.dropdown:hover .dropdown-content 
{
display: block;
}