body{
	background-color: grey;
	font-family: tahoma;
}

/* For mobile phones: */
[class*="col-"] {
    width: 95%;
    float: left;
    padding: 10px;
    border: 0px solid red;
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
	.col-1 {width: 10%;}
	.col-2 {width: 80%;	padding: 10px;}
}

.col-2 {
	min-height: 100px;
	background-color: white;
	overflow: auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 10px;
	-webkit-box-shadow: 10px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}


nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

nav li {
	display: inline;
	margin: 0px 20px;
}

a {
	padding: 4px 10px;
	text-decoration: none;
	color: black;
	font-weight: bold;
	border: 2px solid white;
}

label, .inputForm, textarea{
	display: block;
	width: 100%;
}

input, textarea{
	border: 1px solid black;
}

table{
	width: 100%;
}

th {
	text-align: left;
}
.homelink {
	width: 50%;
	border:1px solid #000;
	margin: 20px auto;
	text-align: center;
	font-size: 40px;
	padding: 20px;
}