<!doctype html>
<html><head><title>default.css</title>
<style type="text/css">
<base target="_blank">

html { height: 100%;
width: 100%;

}
body {
background: #ccccff;
width:100%;
height: 100%;
}

#container {
width: 80%;
height: 100%;
background-color: #ccccff;
margin-left:10%;
float: center;
}
#header {
background-color: purple;
font-size:30px;
color:yellow;
text-align:center;
position: relative;
width: 100%;
height:80px;
float: center;
padding-top:5%;
margin-top:5%;
}
.header
{
font-size:10px;
}
#content {
width:50%;
height: 100%;
background-color: #ccccff;
color:darkblue;
float:left;
text-align:center;
padding-top:10px;
font-size:20px;
margin-top:0%;
}



#sidebar {

font-size: 20px;
text-align: left;
color: darkblue;
background-color: #ccccff;
width: 50%;
height:100%;
float:left;
padding-top:0px;
margin-top:0%;

display:block;
}
#h {
text-align:center;
}
#footer {
font-size: 14px;
text-align:center;
background-color: purple;
position: absolute;
width: 740px;
float: center;
} 
a
{
text-decoration:none;
color:green;
}
a:hover
{
color:red;
}
#videos
{
width:100%;
float:left;
}

</style>
</head><body>

</body>
</html>

