.white {
  color: #ffffff; }

.black {
  color: #050608; }

.redFilled {
  background-color: #df111c; }

.blackFilled {
  background-color: #050608; }

.whiteFilled {
  background-color: #ffffff; }

.box.onBlack:before {
  content: url(../images/oo/onBlackNW.png);
  background-image: url(../images/oo/onBlackNE.png); }
.box.onBlack:after {
  content: url(../images/oo/onBlackSW.png);
  background-image: url(../images/oo/onBlackSE.png); }

.box.withRedBottom:after {
  background-color: #df111c; }

.centered {
  margin-left: auto;
  margin-right: auto; }

.right {
  float: right; }

.left {
  float: left; }

.alignRight {
  text-align: right; }

.alignCenter {
  text-align: center; }

.justify {
  text-align: justify; }

.pad {
  padding: 0 10px 16px 10px; }

.topPad {
  padding-top: 16px; }

.halfTopPad {
  padding-top: 8px; }

.doubleTopPad {
  padding-top: 32px; }

.marg {
  margin: 0 10px 16px 10px; }

.lead {
  margin-top: 16px; }

.negLead {
  margin-top: -16px; }

.halfLead {
  margin-top: 8px; }

.negHalfLead {
  margin-top: -8px; }

.doubleLead {
  margin-top: 32px; }

.noBottom {
  padding-bottom: 0;
  margin-bottom: 0; }

.small {
  font-size: 85%;
  line-height: 16px; }

.big {
  font-size: 115%; }

.blackBorder {
  border-width: 1px;
  border-style: solid;
  border-color: #050608; }

html {
  background-color: #050608; }

.hide {
  display: none; }