/* GENERAL SITE STYLES */

body{background:#fff url(../images/tile_bg.jpg); font:10px Geneva, Arial, Helvetica, sans-serif ;color: #999999; margin:0; padding: 0pt}

/* Navigation */ 

#navcontainer {font-family: Arial,Sans-Serif;font-size: 14px ;margin: 0 auto 40px auto; padding-bottom: 15px; width: 100%;border-bottom: 1px solid #ddd}
#navlist {width: 100%;text-align: center;margin: 5px auto 5px auto;padding: 0;text-indent: 0;list-style-type: none}
#navlist li {padding: 0;margin: 0;text-indent: 0;display: inline}
#navlist li a {letter-spacing: -1px;text-decoration: none;color: #7B3517 ;padding: 0 2px;border-top: .5em solid #eee}
#navlist li a:hover {color: #999999}
#navlist li a#current {color: #000; font-size: 2em }

/* LIGHTBOX  CSS */

#lightbox{position:absolute;top:40px;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink,#nextLink{width:49%;height:100%;background:transparent url(../images/blank.gif) no-repeat;display:block;/* Trick IE into showing hover */}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover,#prevLink:visited:hover{background:url(../lightbox/images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover,#nextLink:visited:hover{background:url(../lightbox/images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff;line-height:1.4em;margin:0 auto;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:700;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1em;}
#imageData #bottomNavClose{width:66px ; height: 22px;float:right;padding-bottom:0.7em; background:transparent url(../lightbox/images/closelabel.gif) no-repeat}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6px;opacity:0.6px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html>body .clearfix{display:inline-block;width:100%;}
* html .clearfix{/* Hides from IE-mac */height:1%;/* End hide from IE-mac */}

/* THUMB CSS */

td.tdImg {width:50px; height:50px;}
#divWG {width:700px; background:#FFFFFF url(../images/thumbsBG.gif) repeat-x; margin: 0 auto; padding: 1px 65px 15px 65px; border-style: solid;
border-width: 0 2px 2px 2px; border-color: #CAB168} 
#tblThumbsLayout {text-align:left; margin: 0 auto;}
#tblGalleryName{margin-top:2px;}
#currentGalleryLocation {font-weight:bold;}
td#galleryNameCell {font-size: 18px; font-weight:bold; color:#606060; margin: 6px 6px 0 0;}
td#pagingCell {text-align:right; white-space:nowrap;}
#imgPrev {margin-right:3px; margin-bottom:-5px;}
#imgNext {margin-left:3px; margin-bottom:-5px;}
.currentPage {font-weight: bold;background-color: #FFFFE0;font-size: 12px;}
.otherPage {font-size: 12px;}
td.tdImg {border: 1px solid; border-color: #999;
 text-align:center; background-color:#000; vertical-align:middle;padding:0px;}
td.tdImg img {margin-top:0px;}
#pnCell {text-align:right;}
a.pn, a.pn:LINK,a.pn:VISITED {color: #606060; font: 9px arial, helvetica, sans-serif; text-decoration: none; padding: 1px 4px;}
a.pn:HOVER {color: #559933; background-color:#E6F9F8;border-top:1px solid #D9E9E4;border-bottom:1px solid #B4D1C8;}
.clearfix:after {content:".";display: block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height:1%}
.clearfix {display:block}*/
.letterboxWrap{ padding-bottom:20px}
.letterbox{position:relative; float:left; width:40px; height:70px; background:#000; border: solid 1px #aeaeae; margin: 0 2px 4px 2px; overflow:hidden}
.letterbox img{
	position: absolute;
	border:none;
	left:-23px;
	top:0px;
}
h3 {font-weight:bold; font-size:200%; color: #000000; margin: 20px 0 10px; padding-top:40px}
#footerstuff{color: #B7B7B7; margin-top: 45px; text-align:center; border-top: 1px solid #DDDDDD; padding-top: 10px}
#footerstuff a, #footerstuff a:hover,#footerstuff a:visited ,#footerstuff a:active {color: #990033;}
#subHeader { position:relative; margin: 20px auto 25px auto; background:url(../images/bottomImg.jpg) no-repeat center; width:100%; height: 216px}
#links {
	position:absolute;
	width:142px;
	height:27px;
	z-index:1;
	text-align: right;
	left: 558px;
	top: 1px;
	line-height: 1.1em
}
#links2 {
	position:absolute;
	width:113px;
	height:27px;
	z-index:1;
	text-align: left;
	left: 0px;
	top: 1px
}
p { color:#666666; line-height: 11pt; font-size:10px}
p a, p a:visited ,p a:active {color: #990033; text-decoration:none}
p a:hover {color: #000; text-decoration:none}
p #links{font-size:3.0em}
#links2 a, #links2 a:visited ,#links2 a:active {color: #990033; text-decoration:none}
#links2 a:hover {color: #000; text-decoration:none}
#links a, #links a:visited ,#links a:active {color: #990033; text-decoration:none}
#links a:hover {color: #000; text-decoration:none}
#imgFrame { padding: 15px; border: #CCCCCC solid 1px}
#midContainer{ width:600px; margin: 0 auto}