* {margin: 0; padding: 0; }


                                       /* Website structure */
                                /* Same font for the whole website */
 body{
    font-family: arial; 
    
 }
/*---------------------------------------------------------------------------*/
 
 
                                       /* Navigation area */
#header{
    background-color: black;
    height: 100px;
    width: 100%;
}


                                      /* inside header div */
.container{
    width: 960px;
    height: auto;
    margin: 0 auto;
   
    

}
                                   /* Inside the container div*/
#logoArea{

    width: 300px;
    height: 100px;
    background-image: url(../websiteImages/mylogo.png) ;
    float: left;
    
    
    

}
                               /* Inside the container div. Navigation buttons */                                                    
#navArea{
    width: 660px;
    height: 100;
    float: left;
    
}
#nav{
    list-style: none;
    margin-top: 30px;
    
}

#nav a {
    color: white;
    text-decoration: none;
}

#nav li{
float:left;
margin-left: 30px;
background-color: #252525;
padding: 8px;
border: 1px solid silver;
border-radius: 5px;
}

#nav li:hover{
background-color: gray;

}
/*---------------------------------------------------------------------------------------------------*/
 

                     /* Main container holds all the content except navigation bar and footer */                                   

.mainContainer{
background-color:  rgb(170, 170, 170);
width: 1280px;
height: 900px;
margin: auto;


}
                                      /* Contains images and texts */
.contentContainer{

    background-color: rgb(240, 240, 240);
    width: 880px;
    height: 880px;
    margin: auto;
    margin-left: 75px;
    margin-top: 5px;
    float: left;
    border-radius: 8px;
    border-style: solid;
    border-width: 5px;


}
                                         /* Right side container, contains links*/
.sideContainer{

    background-color: rgb(240, 240, 240);
    width: 200px;
    height: 480px;
    margin: auto;
    margin-top: 5px;
    margin-right: 100px;
    float: right;
    border-radius: 8px;
    border-style: solid;
    border-width: 5px;

 } 
 
                                                    /* Footer */
#footer{
    background-color: black;
    height: 40px;
    width: 100%;
    color: white;
    padding-top: 20px;
}

.footerBox{

    background-color: rgb(0, 0, 0);
    height: 35px;
    width: 50%;
    float: right;
    color: white;
    padding-top: 20px;
    margin-top: -35px;

}

                                                    /* Text/Content  */
h5{

    margin-left: 10px;
}
h1{
    text-align: center;
}

                                                /* Right side container links */

.sideContainer a:link {
    color: rgb(0, 0, 0); 
    background-color: transparent; 
    text-decoration: none;
    font-size: 14px;
  
}



.sideContainer a:hover {
    color: rgb(0, 0, 0);
    background-color: transparent;
    text-decoration: none;
    
}

.sideContainer a:active {
    
    background-color: transparent;
    text-decoration: none;
    color: black;
}