/* This is where you put style information about your page. */
/* Be careful! HTML and CSS have different comments! Don't use <!-- HTML comments --> in CSS files */
body {		/* Here, you specify the properties of the 'body' (the entire visible page). */
	background-color: #f55;	/* For starters, we will make the background blue. */
	background-image: url('willow-bg.jpg');
	background-repeat: repeat;
	background-size: 360px 170px; /*This is half the size of the original image*/
	font-family: "Goudy Old Style", Garamond, "Big Caslon", "Times New Roman", serif;
	width: 100%;
	margin: 0px;
	}		/* That's all the properties for the body. */
html{
	width: 100%;
	}
.myClass {	/* Anything that starts with a '.' is a class. This means that element that is of this class type will have all of these properties. */
	text-align: center;
	font-size: 20px; /* This means letters will by 20 pixels high. If the screen has more pixels, like a new iMac, letters will be smaller. */
	color: #505;
	font-weight:bold;
	}
.mySecondClass {	text-align: right;		font-size: 32px;	}

h1 h6 {		/* This means that any tag <h1> or <h6> will have these properties. */
	text-align: center;
	}
.nav {
	height: 40px;
	background-color: #505;
	margin-top: 8px;
	padding-top: 8px;
	list-style-type:none;
}

.nav li {	/* This style will be applied to any <li> tag inside of a nav class container. */
	font-size: 25px;
	color: #45F5C9;
	float: left;
	width: 80px;
	text-align: center;
}

.nav a {
	text-decoration:none;
	color: #45F5C9;
	display: block;
}
.nav a:hover { /* How do links change when you hover over them? */
	color: #f55;
}