.nav {
	font-family: arial;
	font-size: 0.8em;
	font-weight: bold;
	background-color: #cccccc;
	font-variant: small-caps;
	margin: 0;
	padding: 0;
}
div.nav {
	width: 100%;
	padding: 0;
	border-top: solid 1px;
	border-bottom: solid 1px;
}

.nav ul {
	margin: 0;
	padding: .3em;
	width: 42em;
	list-style-type: none;
	text-align: center;
}

.nav li {
	display: inline;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
	margin: .2em;
	text-align: center;
}

.nav li a {
	padding-left: 2em;
	padding-right: 2em;
	text-align: center;
	text-decoration: none;
	border-bottom: solid 1px;
}
.nav li a:hover {
	border-bottom: solid 1px;
}


:visited, :active {
	color: black;
}

.nav a.index, .nav a.bill, .nav a.megan, .nav a.photos, .nav a.wedding, .nav a.reception, .nav a.registry, .nav a.contact {
	color: black;
}

.nav .index:hover {
	color: white;
	background-color: #999999;
}
.nav .bill:hover {
	color: white;
	background-color: #6666FF;
}

.nav .megan:hover {
	color: white;
	background-color: #663366;
}

.nav .photos:hover {
	color: white;
	background-color: #339933;
}

.nav .wedding:hover {
	color: black;
	background-color: #CCCCFF;
}

.nav .reception:hover {
	color: white;
	background-color: #990000;
}

.nav .registry:hover {
	color: black;
	background-color: #FFCC00;
}

.nav .contact:hover {
	color: black;
	background-color: #FFFF99;
}