div.pagination_controls {
	padding: 3px;
	margin: 3px;
}

div.pagination_controls a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000;
	background-color:#fff;
	text-decoration: none; /* no underline */
	color: #aaa;
}
div.pagination_controls a:hover, div.pagination_controls a:active {
	border: 1px solid #000;
	background-color: #777;
	color: #fff;
}


/* Mobile Layout: 480px and below. */


.gallycell {
	display:inline-block;
	padding: 0; margin: 0; border: 0;		
	float:left;
	padding: 1%;
	width:98%;
	text-align:center;
	vertical-align:middle;

}

.gallimg { 
margin-left: auto;  margin-right: auto; padding: 1px;  background-color:#fff; border: 1px solid #fff;
} 

.gallimg:hover { 
margin-left: auto;  margin-right: auto; padding: 1px;  background-color:#fff; border: 1px solid #000;
} 


@media only screen and (min-width: 300px) {

.gallycell {
	display:inline-block;
	width:45%;
	padding: 2.5%;
}

}


@media only screen and (min-width: 481px) {

.gallycell {
	display:inline-block;
	width:32%;
	padding: 0.5%;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 650px) {
	
.gallycell {
	display:inline-block;
	width:23%;
	padding: 1%;
}

.gallimg { 
margin-left: auto;  margin-right: auto; padding: 3px;  background-color:#fff; border: 1px solid #fff;
} 

.gallimg:hover { 
margin-left: auto;  margin-right: auto; padding: 3px;  background-color:#fff; border: 1px solid #000;
} 		

}


@media only screen and (min-width: 900px) {
	
	
.gallycell {
	display:inline-block;
	width:19%;
	padding: 0.5%;
}
	

}