body.bodybg {background-color: dodgerblue; margin-left: auto; margin-right: auto; width: 90%;}
h1.pagetitle {font-family : Comic Sans MS, sans-serif; font-size: 1.5em; color:black;}
img.imglogo {width:20%; border: 0; max-width: 70px;}
img.img100 {width:100%; border: 0; max-width: 600px;}
img.img80 {width:80%; border: 0; margin-right: 0px; }
img.img100small {width:100%; border: 0; max-width: 300px;}
img.img50 {width:50%; border: 0;}
img.img20 {width:20%; border: 0;}
img.img40 {width:40%; border: 0;}
img.img30 {width:30%; border: 0; max-width: 120px;}
img.ad60 {width:60%; border: 0; display: block; margin-left: auto; margin-right: auto;}
img.ad50 {width:40%; border: 0; display: block; margin-left: auto; margin-right: auto;}
p.photocaption1 {color:black; font-size:14px; text-align:left; margin-top:0px;}
p.bluegnu {color:blue; font-size:18px; text-align:left; margin-top:0px;}
p.provinces {color:mediumblue; font-size:12px; text-align:left; margin-top:0px;}
p.bigyellow {color:yellow; font-size:18px; text-align:left; margin-top:0px; background-color: black;}
p.bigyellowcentre {color:yellow; font-size:18px; text-align:center; margin-top:5px; background-color: black;}
p.smallyellow {color:yellow; font-size:14px; text-align:left; margin-top:0px; background-color: black;}
p.smallwhite {color:white; font-size:14px; text-align:left; margin-top:0px; background-color: black;}
.main {
    float:center;
    width:100%;
    padding:10px 10px;
    background-color: blue;
    border-radius: 6px;
    max-width: 900px;
}
.container {
    border-radius: 5px;
    background-color: gainsboro;
    padding: 20px;
}
.col-100 {
    float: left;
    width: 100%;
    margin-top: 6px;
    overflow:visible;
}
* {
    box-sizing: border-box;
}
p
{
    color:black;
    font-size: 1em;
}
input.menuitem {
    background-color: mediumblue;
    color: white;
    padding: 6px 2px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    margin: 2px;
    width: 90px;
}
input.menuitemred {
    background-color: red;
    color: white;
    padding: 6px 2px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    margin: 2px;
    width: 90px;
}
input.menuitemyellow {
    background-color: black;
    color: yellow;
    padding: 6px 2px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    margin: 2px;
    width: 90px;
}
input.donatecontact {
    background-color: black;
    color: yellow;
    padding: 6px 2px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    margin: 2px;
    width: 150px;
}
input.menuprov {
    background-color: mediumblue;
    color: white;
    padding: 5px 2px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    width: 80px;
    margin: 2px;
}
div.div100 {
    width: 100%;
    float: center;
    padding: 5px;
    background-color: #cornflowerblue;
}
table.table90 {width:90%; background-color: gainsboro;}
table.tableroberts {width:100%; background-color: pink;}
table.tablerobertse {width:100%; background-color: #ffe6ea;}
table.tablerobertsa {width:100%; background-color: #ff99aa;}
th.thleft {text-align: left;}
td.td10 {width: 10%; text-align: center; vertical-align: center;}
td.td50 {width: 50%; text-align: left; vertical-align: center;}
td.td30 {width: 30%; text-align: left; vertical-align: center;}
td.td30c {width: 30%; text-align: center; vertical-align: center;}
td.td70 {width: 70%; text-align: left; vertical-align: center;}
input.quiz {width: 20%;  height: 1.6em; font-size: 1.2em;}
td.td33 {width:33%; text-align: center; vertical-align: top;}
td.td33blue {width:33%; text-align: center; vertical-align: center; background-color: midnightblue;}
td.td33maroon {width:33%; text-align: center; vertical-align: center; background-color: maroon;}
td.td33l {width:33%; text-align: left; vertical-align: top; background-color: chocolate;}
td.tdtop {vertical-align: top;}
table.table100 {width:100%;}
iframe {
    height: 600px;
    width: 100%;
    border: none;
}
#container {
    height: 600px;
    bottom: 0;
    width: 100%;
    overflow: hidden ;
}