* { box-sizing: border-box; }
header, nav, main, footer { display: block; }
body { background-color: #6699ff;
      backgrund-image: url(gradientblue.jpg);
      color: #d5e3ff;
	  font-family: Verdana, Arial, sans-serif;
}
header { background-color: #000066;
       color: #FFFFFF;
	   background-image: url(bigfish.gif);
	   background-position: center;
	   background-repeat: no-repeat;
}
h1 { text-align: center;
    font-size: 3em;
    padding: 10px;
	line-height: 150%;
	text-shadow: 2px 2px 2px #CCCCCC;	
}
nav { font-weight: bold;
     float: left;
	 width: 250px;
}
nav ul { list-style-type: none; }
nav a { text-decoration: none; }
nav a:link { color: #3262A3; }
nav a:visited { color: #6699FF; }
nav a:hover { color: #CCCCCC; }
main { margin-left: 250px;
      padding-right: 20px;
	  padding-bottom: 20px;
}
.category { font-weight: bold;
            background-color: #FFFFFF;
			color: #003366;
			font-size: 1.1em;
			text-shadow: 1px 1px 1px #667;
}
footer { font-size: .70em;
       font-style: italic;
	   padding: 10px;
	   margin-left: 250px;
}		
#wrapper { background-color: #FFFFFF;
           color: #000066;
		   width: 80%;
           margin-right: auto;
		   margin-left: auto;
		   min-width: 700px;
		   max-width: 1024px;
}
img { border-style: none;}
footer nav { text-align: left;}