body {
	font-family: arial, helvetica, sans-serif;
	background: #3399cc;
}

#main {
	background: #fff;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	padding: 2%;
	margin-left: 5%;
	margin-right: 5%;
}

#navlinks {
	background: #003399;
	color: #cccccc;
	border: 2px solid;
	border-color: #000000;
	margin-left: 5%;
	margin-right: 5%;
	font-weight: bold;
	text-align: right;
}

#navlinks li {
	display: inline;
	border-left: 2px solid;
	border-color: #000000;
	}

#navlinks ul { 
	display: inline; 
	margin-top: 0;
	padding-top: 0;
	border-bottom: 1px solid;
	border-color: #000000;
}

#navlinks p { 
	border-bottom: 2px solid; 
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	border-color: #000000;
}

#navlinks a {
	text-decoration: none;
	text-transform: lowercase;
	padding-right: 1em;
	padding-left: 1em;
	font-weight: bold;
	color: #fff;
}

div.photolinks {
        display: table;
}

div.photocat {
        display: table-row;
}

div.photothumb {
        display: table-cell;
        vertical-align: middle;
        padding: 1em;
}

div.photodesc {
        display: table-cell;
        vertical-align: middle;
        padding: 1em;
}