#hop-calendar{
    font-family: Arial;
    background: #F3D990;
    padding-left: 5px;
}
    
    #hop-calendar p{
        color: #783219;
        margin: 5px;
        font-size: 16px;
    }
    
   #hopevent a{
    	font-size: 11px;
    	font-weight: normal;
    	color: #FFFFFF;
    	text-decoration: none;
    }
   #hopevent a:hover{
    	font-size: 11px;
    	font-weight: normal;
    	color: #FFFFFF;
    	text-decoration: underline;
    }
  
    #hopevent a:visited{
    	font-size: 11px;
    	font-weight: normal;
    	color: #ffffff;
    	text-decoration: none;
    }
    
    #hopevent a:active{
    	font-size: 11px;
    	font-weight: normal;
    	color: #ffffff;
    	text-decoration: none;
    }
    
    #unievent a{
    	font-size: 11px;
    	font-weight: normal;
    	color: #eeeeee;
    	text-decoration: none;
    }
     #unievent a:hover{
    	font-size: 11px;
    	font-weight: normal;
    	color: #eeeeee;
    	text-decoration: underline;
    }
    
    #unievent a:visited{
    	font-size: 11px;
    	font-weight: normal;
    	color: #eeeeee;
    	text-decoration: none;
    }
    
    #unievent a:active{
    	font-size: 11px;
    	font-weight: normal;
    	color: #dddddd;
    	text-decoration: none;
    }


    #hop-calendar h1{
        color: #3A4711;cal
        padding-top: 1px;
    }
    
    #hop-calendar img{
    padding-top: 5px;
    }
    
    .hop-calendar{
        border: thin solid #D6B58A;
    }
    
#cells{
    
    background: #d7b75e;
    width: 95%;
    height: 95%;
    font-size: 18px;

}

#cells:hover{
    background: #3A4711;
    color:#999999;
    
}
#cells:active{
    background: #783219;
    color:#999999;
    
}
.currentDay{
    background: #783219;
    color:#999999;
    width: 95%;
    height: 95%;
}
.date{
   	font-size: 28px;
   	font-weight: bold;
   	color: #6B311B;
   	text-decoration: none;	
    background: #d7b75e;
}