@import url('font-SourceSansPro.css');
@import url('font-awesome.min.css');
@import url('font-texgyreadventor.css');
@import url('font-texgyreadventorbold.css');

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
html 
{
	margin: 0px; 
	padding: 0px; 
	height: 100%; 
}
body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    font-family: 'texgyreadventorregular', 'Source Sans Pro', Lucida Grande, Arial, sans-serif;
    color: white;
}

p {
    font-size: 14px;
}

h1 {
    font-size: 1.80em;
}

h2 {
    font-size: 1.50em;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 0.9em;
    margin: 0 0 0.25em 0;
}

a:link, a:visited, a:active {
    color: white;
    text-decoration: none;
}

a:hover {
    color: deeppink;
    text-decoration: none;
}

table {
    width: 100%;      
}

td {
    min-height: 10px;
    text-align: center;
    border: 0px;
}

.bodypurple {
    background-color: #8d82c4;
    background-image: linear-gradient(to right, #7163b6, #8d82c4, #7163b6);
}
.bodydarkorange {
    /*background-color: #c8a082;
    background-image: linear-gradient(to right, #c19471, #c8a082, #c19471);*/
    /*background-color: #E1B891;
    background-image: linear-gradient(to right, #E0B286, #E1B891, #E0B286);*/
    background-color: #ce8a4b;
    background-image: linear-gradient(to right, #ce8a4b, #d3975f, #ce8a4b);
}
.bodygreen {
    background-color: #87c5a4;
    background-image: linear-gradient(to right, #64b48a, #87c5a4, #64b48a);
}
.bodyteal {
    background-color: #6fc3df;
    background-image: linear-gradient(to right, #43b1d6, #6fc3df, #43b1d6);
}
.bodyred {
    background-color: #ec8d81;
    background-image: linear-gradient(to right, #e87364, #ec8d81, #e87364);
}
.bodyblue {
    background-color: #8ea9e8;
    background-image: linear-gradient(to right, #6b8ee1, #8ea9e8, #6b8ee1);
}

.bodyimg90pc {
    padding: 0px;
    max-height: 400px;
    max-width: 90%;
}
.bodyimg80pc {
    padding: 0px;
    max-height: 400px;
    max-width: 80%;
}
.bodyimg70pc {
    padding: 0px;
    max-height: 400px;
    max-width: 70%;
}
.bodyimg60pc {
    padding: 0px;
    max-height: 400px;
    max-width: 60%;
}
.bodyimg50pc {
    padding: 0px;
    max-height: 400px;
    max-width: 50%;
}

.centrecolumn {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding: 0px;
    margin-top: 0px;
}

.chartbox90pc {
    border-color: white;
    border-style: solid;
    border-width: 2px;
    padding: 10px;
    width: 90%;
    display: inline-block;
}

.chartbox80pc {
    border-color: white;
    border-style: solid;
    border-width: 2px;
    padding: 10px;
    width: 80%;
    display: inline-block;
}

.chartbox70pc {
    border-color: white;
    border-style: solid;
    border-width: 2px;
    padding: 10px;
    width: 70%;
    display: inline-block;
}

.chartbox60pc {
    border-color: white;
    border-style: solid;
    border-width: 2px;
    padding: 10px;
    width: 60%;
    display: inline-block;
}

.chartbox50pc {
    border-color: white;
    border-style: solid;
    border-width: 2px;
    padding: 10px;
    width: 50%;
    display: inline-block;
}

/* Header/Blog Title */
.header {
    text-align: center;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0px;
    font-size: 0px;
}

.headerimg {
    padding: 0px;
    max-height: 800px;
    max-width: 100%;
}

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

.row {
    padding: 0px;
    margin-top: 0px;
    border: 0px;
}

.imgrow {
    padding: 0px;
    margin-top: 0px;
    border: 0px;
    font-size: 0px;
}

/* Footer */
.footer {
    padding: 20px;
    text-align: center;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}


/* Create three unequal columns that floats next to each other */
.footercolumn {
    float: left;
    padding: 10px;
}

    /* Left column */
    .footercolumn.leftside {
        width: 25%;
        text-align: left;
    }

    /* Middle column */
    .footercolumn.middle {
        width: 50%;
        text-align: center;
    }

    /* Right column */
    .footercolumn.rightside {
        width: 25%;
        text-align: right;
    }

/* Clear floats after the columns */
.footerrow:after {
    content: "";
    display: table;
    clear: both;
}

/* Icon */

.icon {
    text-decoration: none;
    border-bottom: none;
    position: relative;
}

    .icon:before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-transform: none !important;
    }

    .icon > .label {
        display: none;
    }

    .icon.alt:before {
        background-color: #ffffff;
        border-radius: 100%;
        color: #242943;
        display: inline-block;
        height: 2em;
        line-height: 2em;
        text-align: center;
        width: 2em;
    }

a.icon.alt:before {
    -moz-transition: background-color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

a.icon.alt:hover:before {
    background-color: #FE9BFF;
}

a.icon.alt:active:before {
    background-color: #FE9BFF;
}


.headerText1 {
    font-size: 40px;
    text-shadow: 2px 2px 4px #000000;
}
.headerText2 {
    font-size: 36px;
    text-shadow: 2px 2px 4px #000000;
}
.headerText3 {
    font-size: 30px;
    text-shadow: 2px 2px 4px #000000;
}

.bodyheader1bold { font-family: 'tex_gyre_adventorbold', 'texgyreadventorregular', 'Source Sans Pro', Lucida Grande, Arial, sans-serif;}
.bodyheader2bold { font-family: 'tex_gyre_adventorbold', 'texgyreadventorregular', 'Source Sans Pro', Lucida Grande, Arial, sans-serif;}
.bodyheader3bold { font-family: 'tex_gyre_adventorbold', 'texgyreadventorregular', 'Source Sans Pro', Lucida Grande, Arial, sans-serif;}
.bodyheader1boldspaced { font-family: 'tex_gyre_adventorbold', 'texgyreadventorregular', 'Source Sans Pro', Lucida Grande, Arial, sans-serif; letter-spacing: 2px;}
.bodyheader2boldspaced { font-family: 'tex_gyre_adventorbold', 'texgyreadventorregular', 'Source Sans Pro', Lucida Grande, Arial, sans-serif; letter-spacing: 2px;}
.bodyheader3boldspaced { font-family: 'tex_gyre_adventorbold', 'texgyreadventorregular', 'Source Sans Pro', Lucida Grande, Arial, sans-serif; letter-spacing: 2px;}
.bodyheader1boldwidespaced { font-family: 'tex_gyre_adventorbold', 'texgyreadventorregular', 'Source Sans Pro', Lucida Grande, Arial, sans-serif; letter-spacing: 4px;}
.bodyheader2boldwidespaced { font-family: 'tex_gyre_adventorbold', 'texgyreadventorregular', 'Source Sans Pro', Lucida Grande, Arial, sans-serif; letter-spacing: 4px;}
.bodyheader3boldwidespaced { font-family: 'tex_gyre_adventorbold', 'texgyreadventorregular', 'Source Sans Pro', Lucida Grande, Arial, sans-serif; letter-spacing: 4px;}

.bodyheader1 {font-size: 22px;}
.bodyheader2 {font-size: 24px;}
.bodyheader3 {font-size: 32px;}
.bodyheader1spaced {font-size: 22px; letter-spacing: 2px;}
.bodyheader2spaced {font-size: 24px; letter-spacing: 2px;}
.bodyheader3spaced {font-size: 32px; letter-spacing: 2px;}
.bodyheader1bold {font-size: 22px;}
.bodyheader2bold {font-size: 24px;}
.bodyheader3bold {font-size: 32px;}
.bodyheader1boldspaced {font-size: 22px; letter-spacing: 2px;}
.bodyheader2boldspaced {font-size: 24px; letter-spacing: 2px;}
.bodyheader3boldspaced {font-size: 32px; letter-spacing: 2px;}
.bodyheader1boldwidespaced {font-size: 22px; letter-spacing: 4px;}
.bodyheader2boldwidespaced {font-size: 24px; letter-spacing: 4px;}
.bodyheader3boldwidespaced {font-size: 32px; letter-spacing: 4px;}
.bodytext {font-size: 18px;}
.addresstext {font-size: 18px;}

/* Responsive layout - when the screen is less than 400px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1000px) {
    .footercolumn.leftside, .footercolumn.rightside, .footercolumn.middle {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .headerText1 {font-size: 32px;}
    .headerText2 {font-size: 30px;}
    .headerText3 {font-size: 28px;}
    .bodyheader1 {font-size: 22px;}
    .bodyheader2 {font-size: 24px;}
    .bodyheader3 {font-size: 32px;}
	.bodyheader1spaced {font-size: 22px;}
    .bodyheader2spaced {font-size: 24px;}
    .bodyheader3spaced {font-size: 32px;}
    .bodyheader1bold {font-size: 22px;}
    .bodyheader2bold {font-size: 24px;}
    .bodyheader3bold {font-size: 32px;}
	.bodyheader1boldspaced {font-size: 22px;}
	.bodyheader2boldspaced {font-size: 24px;}
	.bodyheader3boldspaced {font-size: 32px;}
	.bodyheader1boldwidespaced {font-size: 22px;}
    .bodyheader2boldwidespaced {font-size: 24px;}
    .bodyheader3boldwidespaced {font-size: 32px;}	
    .bodytext { font-size: 18px;}
    .addresstext {font-size: 18px;}
}

@media screen and (max-width: 800px) {
    .footercolumn.leftside, .footercolumn.rightside, .footercolumn.middle {
        width: 100%;
        padding: 0;
        text-align: center;

    }

    .headerText1 { font-size: 26px;}
    .headerText2 { font-size: 24px;}
    .headerText3 { font-size: 22px;}
    .bodyheader1 { font-size: 20px;}
    .bodyheader2 { font-size: 22px;}
    .bodyheader3 { font-size: 26px;}
    .bodyheader1spaced {font-size: 20px;}
    .bodyheader2spaced {font-size: 22px;}
    .bodyheader3spaced {font-size: 26px;}		
    .bodyheader1bold {font-size: 20px;}
    .bodyheader2bold {font-size: 22px;}
    .bodyheader3bold {font-size: 26px;}
	.bodyheader1boldspaced {font-size: 20px;}
	.bodyheader2boldspaced {font-size: 22px;}
	.bodyheader3boldspaced {font-size: 26px;}
    .bodyheader1boldwidespaced {font-size: 20px;}
    .bodyheader2boldwidespaced {font-size: 22px;}
    .bodyheader3boldwidespaced {font-size: 26px;}	
    .bodytext { font-size: 16px;}
    .addresstext {font-size: 16px;}
}

@media screen and (max-width: 600px) {
    .footercolumn.leftside, .footercolumn.rightside, .footercolumn.middle {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .headerText1 { font-size: 22px;}
    .headerText2 { font-size: 20px;}
    .headerText3 { font-size: 18px;}
    .bodyheader1 { font-size: 16px;}
    .bodyheader2 { font-size: 18px;}
    .bodyheader3 { font-size: 24px;}
    .bodyheader1spaced { font-size: 16px;}
    .bodyheader2spaced { font-size: 18px;}
    .bodyheader3spaced { font-size: 24px;}
    .bodyheader1bold { font-size: 16px;}
    .bodyheader2bold { font-size: 18px;}
    .bodyheader3bold { font-size: 24px;}
	.bodyheader1boldspaced { font-size: 16px;}
    .bodyheader2boldspaced { font-size: 18px;}
    .bodyheader3boldspaced { font-size: 24px;}
    .bodyheader1boldwidespaced { font-size: 16px;}
    .bodyheader2boldwidespaced { font-size: 18px;}
    .bodyheader3boldwidespaced { font-size: 24px;}	
    .bodytext { font-size: 14px;}
    .addresstext {font-size: 14px;}
}

@media screen and (max-width: 500px) {
    .footercolumn.leftside, .footercolumn.rightside, .footercolumn.middle {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .headerText1 {font-size: 20px;}
    .headerText2 {font-size: 18px;}
    .headerText3 {font-size: 16px;}
    .bodyheader1 {font-size: 14px;}
    .bodyheader2 {font-size: 16px;}
    .bodyheader3 {font-size: 22px;}
    .bodyheader1spaced {font-size: 14px;}
    .bodyheader2spaced {font-size: 16px;}
    .bodyheader3spaced {font-size: 22px;}
    .bodyheader1bold {font-size: 14px;}
    .bodyheader2bold {font-size: 16px;}
    .bodyheader3bold {font-size: 22px;}
    .bodyheader1boldspaced { font-size: 14px;}
    .bodyheader2boldspaced { font-size: 16px;}
    .bodyheader3boldspaced { font-size: 22px;}
    .bodyheader1boldwidespaced {font-size: 14px;}
    .bodyheader2boldwidespaced {font-size: 16px;}
    .bodyheader3boldwidespaced {font-size: 22px;}	
    .bodytext {font-size: 12px;}
    .addresstext {font-size: 12px;}
}

@media screen and (max-width: 400px) {
    .footercolumn.leftside, .footercolumn.rightside, .footercolumn.middle {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .headerText1 {font-size: 18px;}
    .headerText2 {font-size: 16px;}
    .headerText3 {font-size: 14px;}
    .bodyheader1 {font-size: 12px;}
    .bodyheader2 {font-size: 14px;}
    .bodyheader3 {font-size: 20px;}
    .bodyheader1spaced {font-size: 12px;}
    .bodyheader2spaced {font-size: 14px;}
    .bodyheader3spaced {font-size: 20px;}
    .bodyheader1bold {font-size: 12px;}
    .bodyheader2bold {font-size: 14px;}
    .bodyheader3bold {font-size: 20px;}
    .bodyheader1boldspaced { font-size: 12px;}
    .bodyheader2boldspaced { font-size: 14px;}
    .bodyheader3boldspaced { font-size: 20px;}
	.bodyheader1boldwidespaced {font-size: 12px;}
    .bodyheader2boldwidespaced {font-size: 14px;}
    .bodyheader3boldwidespaced {font-size: 20px;}
    .bodytext {font-size: 11px;}
    .addresstext {font-size: 11px;}
}