.plaintext {text-align:left; font-family:Georgia; font-size:18.0pt; }
.subtext {font-family:Georgia; font-size:16.0pt; }
.more {text-align:center; font-family:Georgia;  font-size:18.0pt;font-style:italic}
h4 {color:#766213; text-align:center; font-style:italic;}
h2 {text-align:left; color:#154B5D;}
h1 {text-align:left; color:#154B5D;}
hr {color:#136576}
.special {text-align:center; font-size:18.0pt; font-style:italic; font-weight:bold; color:#761323;}
.minorheader {font-style:italic; text-align:left;  color:#89340F; font-weight:bold; font-size:20.0pt;}
.majorheader {text-align:left; color:#154B5D; font-weight:bold; font-size:24.0pt}
.majornext {text-align:right; font-weight:bold; font-size:140%; font-weight:bold; color:#FF0000; font-style:italic;}
.majorevent {text-align:left; font-weight:bold; font-size:140%; font-weight:bold;}
.minornext {text-align:right; font-weight:bold; font-size:90%; font-weight:bold; color:#FF0000; font-style:italic;}
.minorevent {text-align:left; font-weight:bold; font-size:16.0pt; font-weight:bold; }
img.email {vertical-align:middle }

#home1 { 
    width: 47.5%; 
    height: 300px; 
    float: left; 
    margin-right: 5%;
    margin-bottom: 5%;
} 

#home2 { 
    width: 47.5%; 
    height: 300px; 
    float: left; 
}

.clear{
    clear: both;
}

@media (max-width:500px) {
    #wrapper{
        width: 100%;
        height: auto;
    }
    #home1 {
        width: 100%;
        height: auto;
        float: none;
    }
    #home2 {
        width: 100%;
        height: auto;
        float: none;
    }
}