body{
    font: 80% Verdana, Arial, Helvetica, sans-serif;
	background-color: darkblue;
	color: white;
}

.column-head-text{
    background-color: lightgray;
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}

.menu{
    padding-top: 2px;
    padding-left: 2px;    
    text-align: left;
}

.menu a {
    border-width: 2px;
    border-style: solid;
    background-color:lightskyblue;
    border-radius: 10px;
    color:black;
    display:block;
    padding:15px;
    text-decoration: none;
}

.menu a:hover {
    background-color:aliceblue;
    background-blend-mode: lighten;
    border-radius: 10px;
    color:black;
}

.menu a img {
    position:relative;
    bottom: 7px;
}

.menu p {
    border-width: 2px;
    border-style: solid;
    background-color:lightskyblue;
    border-radius: 10px;
    border-color: black;
    color:gray;
    display:block;
    padding:15px;
    text-decoration: none;
    margin:0;
}

.menu p img {
    position:relative;
    bottom: 7px;
}

.midcol {
    text-align: center;
}

.midcol img {
    box-shadow: 1px 1px 10px white;
    border-radius: 10px;
}

.latest {
    margin:0 auto;
    text-align:center;
    border-style: solid;
    border-color:darkgrey;
    border-width: 1px;
    border-radius: 10px;
    padding: 10px;
    background-image: URL("../../images/background.png")
}

.latest img {
    width: 60%;
    box-shadow: 3px 3px 10px white;
    border-radius: 10px;
}

.alignctr {
    margin:0 auto;
    text-align:center;
}

h1{
    color: darkblue;
}

#smalltext{
    font-size: x-small;
}

#blue{
    color: blue;
}

#red{
    color: red;
    }

#small-red{
    color: red;
    font-size: x-small;
    }

#heading{
    color: darkblue;
    font-size: large;
    font-weight: bold;
}

#floatright{
    float:right;
}

#floatleft{
    float:left;
}

 /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
 @media screen and (max-width: 600px) {
    .latest img {
      width: 35%;
    }

    .midcol img {
        width: 90%;
      }
  

}