body{
background-color: #221e1f ; /*this is the rule to change background colour*/
text-align: center;
font-family: times;  arial; helvetica; verdana; 
}


a:hover {color: #f948ac;
text-decoration: none;
}

a {color: #ffffff;  /*text color*/
   text-decoration: none;
}

td {color: #221e1f;
}/*top nav decor*/

#toppic {
border: 1px solid #221e1f;
}

#divider-bottom{
background-color: white;
}

#content-panel {
background-color: #ffffff ;
text-align: center;
text-color: black;
align: center;
}

#cell {
background-color: #838084;
vertical-align: top;
border: 3px solid #cccccc;
}

#menu {
background-color: #ffffff;
vertical-align: top;
}

#menu-pics img{
border: 0px #cccccc;
}

#menus-pics img{
border: 1px #000000
}

#menus {
align : center;
}

#nav-bar {
background-color: white;
vertical-align: top;
}

#nav-top {
background-color: #221e1f;
text-align: center;

}

#nav-top a {
margain: 0px 20px 0px 20px;
font-weight: bold;

}

#nav-bottom {
background-color:#504e4f;
text-align: center;
color: #ffffff;
}


#index-pics img {
border: 0px black;
}


#footer-top{
background-color: #221e1f;
text-align: center;
/*bar on top menu*/
}

#footer-top a {
margain: 0px 20px 0px 20px;
font-weight: bold;
}

#footer-bottom {
background-color: #504e4f;
text-align: center; 
} 

.centerdiv{
text-align: center;

.centerdiv>div{
margain: 0 auto;
}