/******** image gallery *******/
/* commented out items in the next two definitions work well
   except in ie windows. mozilla does not like inline-block,
   so this is the best I can do */
dl.imagelist {list-style-type: none;
	display: block;
/*	float:right;*/
	text-align: right;
	margin: 0;
	padding:0 0 14px 0;
/*	clear: right; */
}
.imagelist dt {/*float:left;*/ display: inline;
	padding: 0px;
	margin:0 0 0 14px}
.imagelist dt img {border: 1px solid #FFFFFF}

/* this is necessary to hide the image descriptions */
.imagelist dd {display: none;}

/******** detail view ********/
#largepic {

}
#largepic a {
}
#largepic a:hover {
	text-decoration: none;
}
#piclayout {
	width:740px;
	text-align: center;
	height: 480px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#picnav {margin: 30px 0 40px}
#piclayout img {
	vertical-align: middle;
	margin: 15px
}
#picfoot{margin: 20px 0 0 0}
#picarea {min-height: 350px}
#linkthispage {padding: 0 20px;
}
#closewindow,
#linkthispage,
#backbutton,
#nextbutton {background-color: #eee;
	outline: 1px solid #ddd;
	margin-left: 15px;
	margin-right: 15px;
	padding: 1px 20px;
	font-size: 90%;
}
/* by default hide these buttons */
#backbutton,
#nextbutton {visibility: hidden}
/* images can be styled individually:
 * script adds container's id and a
 * sequential number, starting at zero,
 * to each image */
#detailimg1 {padding-top: 50px}
/* styling for html in the description */
#picdescription {line-height: 2em;
	width: 75%;
	margin-left: auto;
	margin-right: auto}
#picdescription a {color: #222;
	border-bottom: 2px dotted #888}
#picdescription hr {display: block;
	border: none;
	border-top: 1px solid #aaa;
	width: 400px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding:0;
}