* {margin: 0; padding: 0; }

body{
    font-family: arial; 
    background:rgb(185, 184, 184);
 }

 /* body effects the whole content page */

 .header{
    
    background: rgb(0, 0, 0);
    height: 100px;
    width: 1300px;
 }

 .header1{
    background: rgb(160, 94, 94);
    height: 100px;
    width: 300px;
    float: left;

 }

 .header2{
    background: rgb(68, 65, 65);
    height: 100px;
    width: 1000px;
    float: right;

 }

 /* header1 and header2 refers to the logo and navigation bar */ 

 #nav{
    list-style: none;
    margin-top: 30px;
    margin-left: 30px;
    
}

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

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

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

}

/* Navigation bar styling */


 .contentBox{

    background: rgb(255, 255, 255);
    height: 1400px;
    width: 1200px;
    margin-top: 10px;
    margin-left: 35px;

   }
/* Layout for the content box */


 .footerBox{

    background: rgb(0, 0, 0);
    width: 1300px;
    height: 60px;
    margin-top: 10px;

    }

    #calendar-container{

      padding: 10px;
      width: 210px;
      height: 210px;
      text-align: center;
      border: 1px solid #eee;
      border-radius: 10px;
      font-size: 16px;
      font-family: Arial;
      background-image: linear-gradient(#fff, #d3d3d3);
      margin-left: 90px;
      margin-top: 20px;
      
      }
      
      #calendar-container>div{
        padding: 0;
        margin-bottom: 10px;
      
      }
      
      #calendar-month-year{
      margin: 5px;
      }
      #calendar-dates>table>tr>td{
      padding: 5px;
      
      }