@charset "utf-8";
/* CSS needed for gallery viewer */

#c1 {
	/*-- border: 1px solid teal; --*/
	margin:0px;
	padding:0px;
}
#thumb_list {
	/*-- border:1px solid green;*/
	padding:0px;
	margin:0px;
}
.thumb_nail li {
	/*-- border:1px solid yellow;*/
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
}
.thumb_nail li a:link img , .thumb_nail li a:visited img {
	/* opacity:0.4; */ 
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.thumb_nail li a:hover  img {
	/* opacity:1; */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.thumb_nail_image {
	height: 40px;
	width: 60px;
    opacity:0.4;
}
.thumb_nail_image:hover {
    opacity:1;
}

.thumb_nail_image_on {
	height: 40px;
	width: 60px;
    opacity:1;
}
#off_screen {
	/*display: none; <- does not work in ie7 , can't get img width property*/
	visibility:hidden;
	z-index: 100;
	overflow: hidden;
	height: 10px;
	width: 10px;
}
#gallery_list {
	width: 480px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7A6F00;
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
/*-- this is the color of the gallery link (diectory name --*/
#gallery_list a:link , #gallery_list a:visited{
	color: #447B9C;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#gallery_list a:hover {
	color: #89A2AF;
}
/*-- this is the on state for the gallery link */
#gallery_ul a.on {
	color:#FB7C00;
}
#gallery_ul {
	/*-- border:1px solid blue; */
	list-style-type: none;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 12px;
}

#gallery_ul li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: inline;
}

#photo_display {
	/*-- border:1px solid red; */
	height: 300px;
	width: 480px;
	text-align: center;
	/*vertical-align: middle;*/
	/*display:table-cell;*/
}
#gallery_thumbs {
	/*-- border:1px solid red; */
	width: 460px;
	/*--
	overflow-x:hidden;
	overflow-y:auto;
	--*/
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#gallery_container {
	/*-- border:1px solid purple; */
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:0px;
}
#message {
	float: left;
	width: 300px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	line-height: 18px;
}
#busy {
	position: absolute;
	top: 200px;
	opacity:0.4;
	margin-right: auto;
	margin-left: auto; 
	width: 100px;
	left:50%;
	margin-left:-50px;
	visibility: hidden;
}
#website_box {
	margin: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7A6F00;
}

#website_box a:link , #website_box a:visited {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #7A6F00;
}
#website_box a:hover {
	color: #8DC63F;
}
#text_box {
	font-size: 11px;
	color: #737373;
	padding-top: 4px;
	/*-- border:1px solid magenta; */
}