/*select all divs*/
div {
float: left;
clear: both;
}

/* select all images */
img {
float: left;
width: 80%;
margin-left: 10%;
margin-right: 10%;
/*matches blueprint*/
}


#container {
background-color: yellow;
height: 900px;
margin-bottom: 40px;
width: 80%;
margin-left: 10%;
}


/* next two share space side by side */
.sidebarofmenus {
width: 10%;
margin-left: 2%;
background-color: orange;
height: 850px;
clear: none;
margin-top: 20px;
}

.contentholder {
background-color: pink;
clear: none;
width: 70%;
margin-left: 5%;
height: 850px;
margin-top: 10px;
}



.button {
width: 50%;
/*remove height , the div grows to fit all content. */
/*height: 50px;*/
background-color: blue;
margin-left: 5%;
margin-top: 5%;
padding: 15px;
}



.titletext {
font-size: 50pt;
text-align: center;
font-family: arial;
color: red;
font-weight: bold;
}


/* from canvas.  Link that has never been clicked, un-visited link */
a:link {
color: white;
text-decoration: none;
}

/* visited link */
a:visited {
color: white;
text-decoration: none;
}

/* mouse over link */
a:hover {
text-decoration: none;
color: hotpink;
}

/* selected link */
a:active {
color: yellow;
text-decoration: none;
}