﻿* {

    box-sizing: border-box;
	margin-left:10px;

}
body,pre {
    font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size:12pt;
}
footer{
    background-color:#6b72a7; 
    color:black; 
    text-align:center;
}

h1 {
    text-align:center; 
    font-size:2em;
    font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    color:#3A4169;
    text-shadow:1px 1px black;
}
h2 {
    text-align:left; 
    font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    color:#2E6F85;
    text-shadow:1px 1px black;
    font-size:1.5em;    
}
h3  {
    text-align:left; 
    font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    color:#3B7560; 
    font-size:1.4em;        
}
h4  {
    text-align:left; 
    font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    color:#5B4080; 
    font-size:1.3em;        
}

h5 {
    text-align:left; 
    font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    color:#753B71; 
    font-size:1.2em;        
}
h6 {
    text-align:left; 
    font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    color:#373f67; 
    font-size:1.1em;        
}

p { 
    text-align:left; 
    font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size:12pt; 
    color:black;
}
ol {
    text-align:left; 
    font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size:12pt; 
    color:black;
}
ul {
    text-align:left; 
    font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size:12pt; 
    color:black;
}
a:link {
   color:#3A4169; 
   text-decoration: underline; 
}
a:active {
   color:#5B4080; 
   text-decoration: underline;
}
a:visited {
   color:#5B4080; 
   text-decoration: underline; 
}
a:hover {
   color: white; 
   background-color: #3A4169; 
   text-decoration: none; 
}
table {
   text-align:left; 
    font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
   color:black; 
   border:5px solid #5B4080; 
   border-right: 2px solid #5B4080; 
   border-top: 2px solid #5B4080; 
   border-bottom: 2px solid #5B4080;
}
th {
   font-size:14pt; 
   font-weight:bold; 
    font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
   background-color:#3A4169; 
   color:white;
}
td {
   height:40px; 
    font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
   font-size:12pt; 
   color:black; 
   border-right: 2px solid darkgray; 
   border-bottom: 2px solid darkgray;
}
hr { 
   height:4; 
   color:#3A4169; 
   background-color:#3A4169;
}
.bold{
	font-weight:900;
}
/* For mobile phones: */

[class*="col-"] {

    width: 100%;  /* this is being overriden in laptop and desktop */

    float:left;   /* setting defaults for everything laptop and desktop */

    padding:15px;   /* setting defaults for everything laptop and desktop */
    
}

@media only screen and (min-width: 600px) {

    /* For tablets: */

    .col-m-1 {width: 8.33%;}

    .col-m-2 {width: 16.66%;}

    .col-m-3 {width: 25%;}

    .col-m-4 {width: 33.33%;}

    .col-m-5 {width: 41.66%;}

    .col-m-6 {width: 50%;}

    .col-m-7 {width: 58.33%;}

    .col-m-8 {width: 66.66%;}

    .col-m-9 {width: 75%;}

    .col-m-10 {width: 83.33%;}

    .col-m-11 {width: 91.66%;}

    .col-m-12 {width: 100%;}

}

@media only screen and (min-width: 768px) {

    /* For desktop: */

    .col-1 {width: 8.33%;}

    .col-2 {width: 16.66%;}

    .col-3 {width: 25%;}

    .col-4 {width: 33.33%;}

    .col-5 {width: 41.66%;}

    .col-6 {width: 50%;}

    .col-7 {width: 58.33%;}

    .col-8 {width: 66.66%;}

    .col-9 {width: 75%;}

    .col-10 {width: 83.33%;}

    .col-11 {width: 91.66%;}

    .col-12 {width: 100%;}