


<!-- .................................................. -->  
<!-- Weston May                                    -->
<!-- .................................................. -->
<!-- filename:  styles.css                              -->
<!-- ...................................................-->

<!-- Purposes:  Individual Assignment 8 (week 9)

                reinforce topics of Chapter 7:  CSS     -->         

<!-- ...................................................--> 
<!-- Support files:  piece.htm, puzzle.jpg              -->
<!-- ............. .................................... --> 

<!-- body is for entire document -->

body {
	font-family:"Trebuchet MS", sans-serif;
	}

<!-- id classes -->

#left {
	width:224px;
	height:300px;
	background-image:url(images/puzzle.jpg);
	float:left;
	}
	
#center {
	width:450px;
	height:300px;
	background-color:#E0E2E1;
	float:left;
	}
	
#footer {
	width:100%;
	clear: both;
		}
#navigation {
	margin-top:100px;
	}
	
#navigation ul {
	list-style: none;
	display:inline;
	 }
	
#navigation li a{
	margin:0 0 0 30px;
	text-decoration:none;
	font-size: 20px;
	color:#CC0000;
	Font-family:Calibri;
	}

#navigation li a:hover {
	color:#000000;
	}


<!-- elements: either by itself or within a id class -->

h1 {
	font-size:25px;
	color:#CC0000;
	margin:10px 0px 0px 10px;
	font-family:roman
	}

h2 {
	font-size:15px;
	color:#008000
	margin: 0 0 0 20px;
	font-family:roman;
	}
	
h3 {
	margin:0 0 0 10px;
	font-size:25px;
	color:#00ffff;
	font-family:roman;}
	
p {
	margin: 5px 5px 0px 20px;
	text-align:justify;
	font-family: Courier;
	}
	
a {
	color:#CC0000;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	}