body {
}

.header {
    background-color: #808080;
	background-image: url("images/MelosHeaderImage.jpg");
	background-repeat: no-repeat;
	background-size: auto 100%;
    color: #ffffff;
}

.myfooter {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18pt;
  padding: 4px;
    background-color: #808080;
    color: #ffffff;
}

* {
    box-sizing: border-box;
}

p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18pt;
	padding: 4px;
}

.myfootnote {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    text-align: center;
    background-color: #808080;
    color: #ffffff;
	padding: 4px;
}

li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18pt;
	padding: 4px;
}

.mybutton {
    font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 20pt;
	padding: 4px;
	position: relative;
    left: 30px;
}

.btntext {
    position: absolute;
    left: 10%;
	top: 18%;
    font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 18pt;
}

input[type=submit] {
    padding:5px 15px;
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
	  font-size: 12pt;
}

h1 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;
	font-size: 36pt;
	padding: 0px;
	margin: 0px;
 }

h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;
	font-size: 18pt;
}

h3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14pt;
}

#menuitems {
	-moz-columns: 300px 2;
	-webkit-columns: 300px 2;
	columns: 300px 2;
}