body { background-color: #ffffff; font-family: Calibri, Arial, sansserif;}
h1, h2 {text-decoration: none; font-weight: normal; color: darkblue;}
h3, h4 {text-decoration: none; font-weight: bold; color: darkblue;}
h5 {text-decoration: none; font-weight: normal; color: darkblue; font-size: 100%; font-style: italic;}

a:link {text-decoration: none; color: darkblue;}
a:visited {text-decoration: none; color: darkblue;}
a:hover {text-decoration: none; color: red;}
a:active {text-decoration: none; color: darkblue;}

table {width: 100%; border-collapse:collapse;}
td {padding:10px;}
th {padding:10px; font-weight:bold; text-align:center;}
tr {border-top: 1px solid #888; border-bottom: 1px solid #888;}

.green{color:darkgreen;}
.grn{color:darkgreen;}

.ctr {text-align:center; }
.red {color:red; font-weight:bold;}

/* Style the small screen*/
@media only screen and (max-width: 800px) {
body {padding:5px;}
}

/* Style the large screen */
@media only screen and (min-width: 801px) {
body {padding:50px;}
}