@import url('https://fonts.googleapis.com/css?family=Athiti');

body{
	font-family:sans-serif;
}

table{
    align: left;
    border: 0px;
    border-collapse: collapse;
    text-align: left;
    vertical-align: middle;
    padding: 0px;
}

pre {
    width: 98%;
    padding: 6px;
    margin: 0;
    overflow: auto;
    overflow-y: hidden;
    background: #efefef;
    border: 0px;
}

/*CLASSES*/
.navNormal {
    text-decoration:none;
    color:#000000;
    font-size: 1.0em;
}
.navHighlight {
    text-decoration:none;
    color:#FFFFFF;
    font-size: 1.0em;
}
.sectionStandard{
    color:#000000;
    text-align: center;
    background-color: #FFFFFF;
    margin: 5px 40px 5px 40px;
}
.sectionParagraph{
    font-family:sans-serif;
    font-size: 1.0em;
    margin: 10px 10px 10px 20px;
    text-align:left;
}
.sectionHeader{
    font-family:sans-serif;
    font-size: 1.2em;
    margin: 2px 0px 2px 0px;
    text-align:left;
}

.homeImg {
    padding: 0;
    display: block;
    margin: 0 auto;
    height: auto;
    max-width: 100%;
}
.leftImg {
    max-width: 30%;
    height: auto;
    display: block;
    float: left;
    margin: 0px 10px 4px 0px;
}
.rightImg {
    max-width: 40%;
    height: auto;
    padding: 10px 10px 10px 10px;
    float:right;
}

.headerHR {
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

.dynColumns {
  -webkit-column-count: 5;
     -moz-column-count: 5;
          column-count: 5;
  -webkit-column-width: 200px;
     -moz-column-width: 200px;
          column-width: 200px;
  -webkit-column-rule: 1px solid black;
     -moz-column-rule: 1px solid black;
          column-rule: 1px solid black;
}

/*ID BASED STYLE */
/* margin and padding orders top right bottom left */
#headerDiv{
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
#footerDiv{
    font-size: 0.8em;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    bottom: 0px;
}