/* remove the bullets and set the margin and padding to zero for the
 * unordered list */
.photoUl {
	padding:0;
    margin:0;
    list-style-type: none;
    border:0;
}
/* float the list so that the items are in a line */
.photoLi {
	display:block;
	float:left;
	cursor:pointer;
	width:175px;
	height:175px;
	border:1px solid #ddd;
	border-width:1px 1px;
	background:#333;
	color:#FFFFFF;
	padding:0;
}
/* Create a 175px background, create a border. Set the background color and the font size. */
a.photoAhref:link {
	display:block;
    float:left;
    text-align:center;
    text-decoration:none;
    width:175px;
    height:175px;
    border:1px solid #ddd;
    border-color:#888 #000 #000 #888;
    background:#333;
    line-height:30px;
    font-size:11px;
    color:#ddd;
}
a.photoAhref:visited {
	display:block;
    float:left;
    text-align:center;
    text-decoration:none;
    width:175px;
    height:175px;
    border:1px solid #ddd;
    border-color:#888 #000 #000 #888;
	background:#333;
    line-height:30px;
    font-size:11px;
    color: #4169E1;
}
/* remove the table styling */
.remTable {
	border-collapse:collapse;
    margin:0;
    padding:0;
}
a.photoAhref:hover {
/* set the background and foreground color of the li link on hover */
	width:175px;
    height:175px;
    border:1px solid #ddd;
    background:#000;
    border-color:#888 #000 #000 #888;
}