body { /* padding-top: 70px; */
	font-family:DIN,Helvetica,sans-serif;
	}

.tablebody {
	border-collapse:collapse;
	border: 1px solid #93B6D8;
	background-color:#FFFFFF;
	padding: 0 0 0 0;
}

.tablebody td{
	border-bottom: 1px solid #93B6D8;
	border-right: 1px solid #93B6D8;
	padding: 4px 4px 4px 10px;
	font-size:0.8em;
        vertical-align: top;
}

.tabhead {
        background-color:#C3DCF1;
        font-weight: bold;
}

.tabcell {
        background-color:#FFFFFF;
}

.links p {
        padding-left: 4em;
}

.recentmods p {
        padding-left: 4em;
}

.img-responsive {padding-bottom: 1.5em;}

/* top border needs to be responsive based on screen width */
@media screen and (max-width: 767px) {
  body {
    padding-top: 70px;
      }
}

@media screen and (min-width: 768px) {
  body {
    padding-top: 170px;
      }
}

@media screen and (min-width: 1024px) {
  body {
    padding-top: 120px;
      }
}

@media screen and (min-width: 1170px) {
  body {
    padding-top: 70px;
      }
}

/* table and cell modifiers */
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignCenter {text-align: center;}
.maxWidth {width: 100%;}

.leftAlign {text-align: left;}
.rightAlign {text-align: right;}
.centerAlign {text-align: center;}

.topAlign {vertical-align:top;}
.middleAlign {vertical-align:middle;}
.bottomAlign {vertical-align:bottom;}

.underLine {border-bottom: 2px solid #000 !important;}
.boldUnderLine {border-bottom: 4px solid #000 !important;}
.doubleUnderLine {border-bottom: 6px double #000 !important;}
.noUnderline {}