CSS - Educompute

/*Class for horizontal menus*/
.hMenu {
	ul {
		position: fixed;
		top: 10;
		width: 100%;
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background-color: #3d4044;
	}

	li {
		float: left;
	}

	li a {
		display: block;
		color: white;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
		font-size: 130%;
		font-family: Helvetica;
	}
}

/*Class for Vertical Menus*/
.vMenu {
	ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #f1f1f1;
	}

	li a {
		display: block;
		color: #000;
		padding: 8px 16px;
		text-decoration: none;
	}

	/*Causes the buttons to alter colour when hovered over*/
	li a:hover {
		background-color: #555;
		color: white;
	}
}

h1 {
		font-family:Helvetica;
		font-size: 42px;
		text-align: center;
}

/*Causes the buttons to alter colour when hovered over*/
li a:hover {
	background-color: #111;
}

/*Sets the overall background colour.*/
body {
	background-color: #cccccc;
}

/*Gives padding around images*/
img {
	padding: 5px;
}