#whole 
{
width: 1000px;
margin: auto;
}

body 
{
background-color: rgb(108,190,233);
font-family: "Calibri", sans-serif;
font-size: 18px;
color: black;
text-align: justify;
}

a 
{
color: blue;
font-weight: bold;;
text-align: center;
text-decoration: none;
font-style: none;
}

a:hover 
{
color: red;
font-weight: bold;
font-style: none;
text-decoration: none;

}

a.class1 {color: rgb(99,41,128);}
a.class1:link  {text-decoration: none; color: rgb(99,41,128);}
a.class1:hover {text-decoration: none; color: red}
a.class1:active {text-decoration: none; color: rgb(99,41,128);}


a.class2 {color: rgb(237,68,51);}
a.class2:link {text-decoration: none; color: rgb(237,68,51);}
a.class2:hover {text-decoration: none; color: red}
a.class2:active {text-decoration: none; color: rgb(237,68,51);}

a.class3 {color: rgb(29,130,249);}
a.class3:link  {text-decoration: none; color: rgb(29,130,249);}
a.class3:hover {text-decoration: none; color: red}
a.class3:active {text-decoration: none; color: rgb(29,130,249);}


a.class4 {color: rgb(236,88,247);}
a.class4:link {text-decoration: none; color: rgb(236,88,247);}
a.class4:hover {text-decoration: none; color: red}
a.class4:active {text-decoration: none; color: rgb(236,88,247);}

}

img
{
border: none; 
}



.image
{
float: left;
padding: 5px;
 
}

img.floatLeft 
{ 
    float: left; 
    margin: 25px 15px 5px 15px; 
}

img.floatRight 
{ 
    float: right; 
    margin: 0px 15px 5px 15px; 
}

.topnav {
  overflow: hidden;
   background-color: rgb(246,253,22);
}

.topnav a {
  float: left;
  color: white;
  text-align: justify;
  padding: 10px 15px;
  text-decoration: none;
  font-size: 21px;
}



.topnav a.active {
 
  color: rgb(0,0,0);
}

.topnav a.active1 {
  
  color: rgb(0,0,0);
}

.topnav a.active2 {
  
  color: rgb(0,0,0);
}

.topnav a.active3 {
  
  color: rgb(0,0,0);
}

.topnav a.active4 {
  
  color: rgb(0,0,0);
}

.topnav a.active5 {
  
  color: rgb(0,0,0);
}

.topnav a.active6 {
  
  color: rgb(0,0,0);
}

.topnav a:hover 
{
color: red;
  background-color: rgb(246,253,22);
}

.bottomnav {
  overflow: hidden;
   background-color: rgb(246,253,22);
}

.bottomnav a {
  float: left;
  color: red;
  text-align: justify;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}



.bottomnav a.active {
 
  color: rgb(0,0,0);
}

.bottomnav a.active1 {
  
  color: rgb(0,0,0);
}

.bottomnav a.active2 {
  
  color: rgb(0,0,0);
}

.bottomnav a.active3 {
  
  color: rgb(0,0,0);
}

.bottomnav a.active4 {
  
  color: rgb(0,0,0);
}

.bottomnav a.active5 {
  
  color: rgb(0,0,0);
}

.bottomnav a.active6 {
  
  color: rgb(0,0,0);
}

.bottomnav a:hover 
{
color: red;
  background-color: rgb(246,253,22);
}

h1 
{
color: black;
text-align: justify;
font-size: 16px;
clear: both;
padding: 10px;
background-color: rgb(255,255,255);
}


h2 
{
color: black;
font-weight: normal;
text-align: justify;
font-size: 21px;
a: black;
clear: both;
padding: 0px;
background-color: rgb(255,255,255);
a
}

#mainleft 
{
width: 475px;
margin: 5px;
padding: 5px;
float: left;
}

#mainright  
{
width: 475px;
margin: 5px;
padding: 5px;
float: right;
}

#col1 
{
width: 180px;
background-color: rgb(255,255,255);
text-align: center;
margin: 5px;
padding: 5px;
float: left;
}

#col2  
{
width: 180px;
background-color: rgb(255,255,255);
text-align: center;
margin: 5px;
padding: 5px;
float: left;
}

#col3 
{
width: 180px;
background-color: rgb(255,255,255);
text-align: center;
margin: 5px;
padding: 5px;
float: left;
}

#col4  
{
width: 180px;
background-color: rgb(255,255,255);
text-align: center;
margin: 5px;
padding: 5px;
float: left;
}

#col5 
{
width: 180px;
background-color: rgb(255,255,255);
text-align: center;
margin: 5px;
padding: 5px;
float: left;
}

#lowerleft 
{
width: 560px;
margin: 5px;
padding: 5px;
float: left;
}

#lowerright  
{
width: 400px;
margin: 5px;
padding: 5px;
float: right;
}

.footer
{
width: 1000px;
float: left;
}