.body 
{ 
    Margin: 0; 
    Padding: 1%; 
    font-family:"Comic Sans MS", "Comic Sans", cursive;
    background-color: E0E0E0;
}

.container
{ 
    
}

.innerframe
{ 
  
  Margin: 1em; 
  Padding: 1em;
}
.main 
{ 
    Height: 70%; 
    Float: left; 
    font-family:"Comic Sans MS", "Comic Sans", cursive;
}
.main1 
{ 
    Float: left; 
    height: auto;
    font-family:"Comic Sans MS", "Comic Sans", cursive;
}

#header 
{ 

}
#menu 
{
 
  height: 35px;
  font-size: 20px;
  font-family:"Comic Sans MS", "Comic Sans", cursive;
  text-align: center;
  border-radius: 10px;
}

#menu ul 
{
  height: auto;
  padding: 8px 0px;
  margin: 0px;
}


#menu li 
{
  display: inline;
  padding:10px;
  border-radius: 10px;
  background-color: #C8C8C8;
  
}

#menu ul li:hover > a {
    background-color: #333300;
    color: #D0D0D0;
    border-radius: 10px;
}

a:link {
    color: #606060;
}

/* visited link */
a:visited {
    color:  #606060;
}

/* mouse over link */
a:hover {
    color: red;
}

/* selected link */
a:active {
    color: yellow;
} 



#sidebar1 
{ 
  Width: 18%;
}

#mypic
{
  
}

#content 
{ 
  Width: 59%; 
  Border: none;
  font-family:"Comic Sans MS", "Comic Sans", cursive;
}


#content1 
{ 
  Width: 69%; 
  Border: none;
}


#sidebar2 
{ 
  Width: 22%; 
  Float: right;
  background-color: #999999;
  border-radius: 10px;
}


#sidebar3 
{ 
  Width: 30%; 
  Float: right;
  background-color: #999999;
  border-radius: 10px;
  margin-top: 2cm;
}


#footer 
{ 
  Clear: both;
  padding: 8px 0px;
  font-size: 10px;
  font-family:"Comic Sans MS", "Comic Sans", cursive;
  Height: 10%; 
}


#footer1 
{ 
  Clear: both;
}