/* I want my links on the first page to go in a horizontal DIV and be centered in the page */

#photolinks {margin-right: auto;
	margin-left: auto;
	text-align: center;
	}

/* My 2nd page has a vertical DIV with images on the left side of the page */

#colphotos {width: 110px;
	text-align: center;
	margin-left: 10px;}

#nav	{text-align: center;
	}

/* I used classes to set up my navigation on the 2nd page with rollover colors */

.words a {display: block;
	width: 108px;
	height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	background-color: #6633cc;
	padding-top: 5px;
	color: #ffffff;
	}

.words a:hover {background-color: #9966cc;
	}