html, body {
	margin : 0;
	padding : 0;
}
body {
	font : 100.1% Verdana, sans-serif;
	background-color: #c0c0c0;
}
p {
	margin : 0 10px 10px 10px;
}
h1 {
	color:yellow;
}
#container {
	width : 700px;
	margin : 40px auto;
	background-color : #acc8ff;
}
#header {
	background-color: #acc8ff;
/*  border-bottom: 2px solid #0080ff; */
}
#header h1 {
	height : 80px;
	line-height : 80px;
	margin : 0;
	padding-left : 10px;
	color : #79b30b;
}
#content { 
	background-color:gray; color: white;
	float : right;
	width : 500px;
}
#content p {
	line-height : 1.4em;
}
.phototable {
	background: gray;
	color: #fff;
	border: 1px #B2BBC0 solid;
	border-collapse: collapse;
	margin: 0px auto;
}
.phototable td {
	border: 1px solid #B2BBC0 ;
	text-align: center;
	vertical-align: top;
	padding: 20px 0px 10px 1px;
}

/* Navigation generated by the verticle list generator I showed in class, slightly modified */
#navigation { 
	width: 200px; 
	float : left;
}
#navigation ul
{
margin-left: 0;
padding-left: 0 ;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#navigation a {
display: block;
padding: 3px;
width: 194px;
border-bottom: 1px solid #eee;
text-decoration: none;
}
#navigation {background-color : #acc8ff;}
#navigation a { background-color: #76a4ff;}
#navigation a:link {color: #fff;}
#navigation a:visited {color: #000;}
#navigation a:hover {background-color: #0080ff;}
#navigation a:active {color: red}

#footer {
	clear : both;
	width : 100%;
	background-color : #999; color : #fff;}
#footer p {
	margin : 0;
	padding : 5px 10px;
}