body.header { background: #CCCC80;  color:#000000; }
body.contents { background: #FFFFDB;  color:#000000; }
body.main { background: #DBFFEF;  color:#000000; }
.sans { font-family:Arial,Helvetica,sans-serif; }
.red { color:#FF0000; }
.dmap { font-family:Arial,Helvetica,sans-serif; font-style: italic; font-weight: bold; color:#008000; }
.b1 { font-size:2.0em; margin:0 0; font-weight:normal; }
.b2 { font-size:1.5em; margin:0 0; font-weight:normal; }
.b3 { font-size:1.17em; margin:0 0; font-weight:normal; }
.b4 { font-size:1.0em; margin:0 0; font-weight:normal; }
.b5 { font-size:0.83em; margin:0 0; font-weight:normal; }
.b6 { font-size:0.625em; margin:0 0; font-weight:normal; }

/* reduntant?
a:hover { background-color: #FFFFFF; color: black; }
a.button { background: #FFFFDB; color: darkgreen; font-weight: bold;
 text-decoration: none; border: 1px solid darkgreen; border-radius: 5px 5px 5px 5px; padding:2px; box-shadow: 5px 5px 2px grey; display: inline-block;}
a.button:hover { background-color: #FFFFFF; color: black; }
a.button:active { box-shadow: none; transform: translate(2px,2px); }
*/

.button, .buttonsimple { background: #FFFFDB; color: darkgreen; font-weight: bold;
 text-decoration: none; border: 1px solid darkgreen; border-radius: 5px 5px 5px 5px; padding:2px; display: inline-block;}
.button:hover, .buttonsimple:hover { background-color: #FFFFFF; color: black; }

.button { box-shadow: 5px 5px 2px grey; }
.button:active { box-shadow: none; transform: translate(2px,2px); }