/*
MUL 370
Stephen Johnson
September 2014
Week 1, 2 and 3 thus far
style.css
*/


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #ccc;
}
h1 {
	color: #1111bb;
	text-align: center;
}
#container {
	border: 5px solid #666;
	width: 80%;
	background-color: #88d199;
	margin: 0 auto;
	padding: 15px;

	}

#emphasis {
	border: 2px solid #111;
	background-color: #dddd88;
	padding: 5px 20px 10px 20px;
	margin-top: 15px;
}

.center {
	text-align: center;
}

.vert {
	background-color: #7e8aa2;
	width: 250px;
}

.vert ul {
	list-style-type: none; /*should do this each time*/
	padding: 0; /*should do this each time*/
	margin: 0; /*should do this each time*/
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	text-align: center;
}

.vert li {
	color: black;
	font-family: 'Laila', serif;
	border-bottom: 1px solid black;
}

.vert a {
	color: #eeeeee;
	text-decoration: none;
	padding: 5px 20px;
	display: block;
}

.vert a:hover {
	color: #ff9800;
	background-color: #263248;
}


.horiz2 ul {
	list-style-type: none;
	padding: 0px 0px; 
	margin-bottom: 10px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	float: left;
	background-color: #677752;

}

.horiz2 li {
	float: left;
}

.horiz2 a {
	text-decoration: none;
	color: #eeffee;
	font-weight: bold;
	border-right: 1px solid #cccccc;
	padding: 8px 15px;
	display: block;
}

.horiz2 a:hover {
	color: white;
	background-color: #82725b;
}

.clearme {
	clear: both;
}

h1 {
	padding-top: 15px;
	margin: 0;
}

h2 {
	padding-top: 15px;
	margin: 0;
}