body { background-color: #cccccc ; color: black ; background-repeat: repeat-y ; font-family: Comic Sans MS Bold, Swiss, Helvetica, sans-serif; font-size: 14px !important; line-height: 135% !important; margin-left: 0px; }

.full { margin-left: 56px; width=90%}
.main { margin-left: 10%; margin-right: 5% }
.narrower { width: 70%; }
.hidden { display: none }

.highlight { background-color: yellow }
.greyback { background-color: #cccccc }
.blueback { background-color: #336699 }
.redback { background-color: red }
.invert { background-color: #cccccc; color: white }

.navy { color: navy  }
.maroon { color: maroon  }
.red { color: red }
.blue { color: blue  }
.black { color: black  }
.white { color: white }
.green { color: green }
.grey { color: #777777 }
.azure { color: azure }
.fuchsia { color: fuchsia }
.purple { color: purple }
.olive { color: olive }

.small { font-size: 12px  line-height: 125%  }
.big { font-size: 20px }
.heading { font-size: 24px; color: #336699; font-weight: bold; letter-spacing: 2px; }
.bigheading { font-size: 28px; color: #336699; font-weight: bold; letter-spacing: 2px; color: maroon}
.subheading { font-family: Comic Sans MS Bold, Swiss, Helvetica, sans-serif; font-size: 20px ; color: maroon ; font-weight: bold; }

.postopleft { position: absolute; left: 18px; top: 15px; z-index: -1 }
.poswrap { position: relative; left: 0px; width: 100%; clear: left;  z-index: 0 }
.posleft { left: 60px; top: 0px; width: 47%; z-index: 0 }
.posright { position: absolute; left: 53%; top: 0px; width: 47%; z-index: 0 }

a { font-family: Arial, Swiss, Helvetica, sans-serif; text-decoration: none; color: navy ; font-weight: bold;  }
a:hover { color: white !important; background-color: #336699 ; font-weight: bold;  }
a:active { text-decoration: none; color: #336699; font-weight: bold;  }
a:visited { text-decoration: none; color: navy ; font-weight: bold;  }

hr { width: 70%; color: #336699;  text-align : center ;  margin-left : 10px; }