html, body { height: 100%; scrollbar-face-color: #eceefa; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #000000; scrollbar-3dlight-color: #ba765f; scrollbar-darkshadow-color: #ba765f; scrollbar-track-color: #eceefa; scrollbar-arrow-color: #ba765f;
text-align: left; margin:0 auto; padding: 0;}

h1 {
 font-size: 100%;  	
  font-color: #000000; 
	margin: 0px;

border-bottom:1px solid #8d5948;
}

h2 {

	margin: 0px;
font-size: 100%;
border-bottom:1px solid #cccedb;
border-top:1px solid #cccedb;
background-color: #e7e9f4;
}

h4 {
color: #eceefa;
 font-size: 100%;
	margin: 0px;

border-bottom:1px solid #8d5948;
border-top:1px solid #8d5948;
background-color: #c2806a;
}

h3 {
color: #eceefa;
font-family: Verdana, Tahoma, Arial;
	margin: 0px;
	padding: 8px 8px 2px;
font-style: italic;
border-bottom:1px solid #8d5948;
}

h5 {
display: inline; 

color: #ba765f;
font-style: italic;
	margin: 0px;
font-size: 100%;
}

A {
color: #5d3935;
  text-decoration: none;

}

.second
{
color: #ec9a0b;
  text-decoration: underline;
}

A:hover {
  color: #ffffff;
  text-decoration: underline;
}
img {
border-width: 1px;
border-color: #eceefa;
border-style: solid;
}
.imgbord {
border-width: 0px;
}

DIV {
font-family: Verdana, Tahoma, Arial; font-size: 10pt; line-height: 16px; font-weight:normal;
}

.menu {
font-family: Verdana, Tahoma, Arial; font-size: 130%pt;
}

.overal {
width:990px; margin-top: 0px; align: left; min-height:450px;
}

.left{
color: #000000; width:455px; padding: 20px; text-align: left; float: left; background: #eceefa url(img/leftbg.jpg) no-repeat 50% 50%;
}

.right{
color: #eceefa; width:455px; padding: 20px; text-align: left; float: left; background: #ba765f url(img/stoneback.jpg) repeat-y 50% 50%; overflow:visible; 
}

.borderright{
width:430px; text-align: left;  border:1px solid #8d5948; background: #c98068; overflow:visible; padding:15px; min-height:450px;


}
.borderleft{
color: #664135; width:430px; text-align: left; border:1px solid #c7c9d7; padding:15px; min-height:450px;
}

.borderrighttext{
width:430px; filter: alpha(opacity=100);
  -moz-opacity: 1.00;
  opacity: 1.00;

}

.color2right{
width:430px; text-align: left; height:100%; background: #a66a56;

}

.color2left{
width:430px; text-align: left; height:100%; background: #e7e9f4;

}


.rand{
width:8px; height:308px; position: absolute; left: 50%; margin-left: -4px; background-image:  url(../ajaxtabs/img/randje.jpg); z-index:2
}
.flashhead {width:990px;}

iframe {
allowtransparency: true;
background: transparent;
background-image: url();

}

form {
font-family: Verdana, Tahoma, Arial; font-size: 10pt; line-height: 10px;
}

/* ######### CSS for Emailer ######### */
/* ######### CSS for Emailer ######### */
/* ######### CSS for Emailer ######### */

/* ######### CSS for Emailer ######### */
/* ######### CSS for Emailer ######### */
/* 
 * Main Styles 
 */



/* ######### CSS for Pic Gallery ######### */
/* ######### CSS for Pic Gallery ######### */
/* ######### CSS for Pic Gallery ######### */
/* ######### CSS for Pic Gallery ######### */
/* ######### CSS for Pic Gallery ######### */
#main_image_wrapper{position:relative;border:1px solid #CCC; width:420px; height:325px;background: #FFF url(../rsrc/loading_image.gif) no-repeat 50% 50%;}
#imgloader{text-align:center;vertical-align:middle;}
#thumbbox{border:dashed 1px #CCC;text-align:left;width:450px;height:325px;;position:relative;padding:5px;margin-bottom:18px;}
#thumb_container{position:relative;overflow:auto;width:450px;height:325px;margin:0 0 0 0px;}
#thumbs img{margin-right:4px;vertical-align:top;margin-bottom:5px;}
#thumbs a img{border:1px solid #CCC;}
#thumbs a:hover img{border:1px solid #000;}
#thumbs a:hover{color:red;}
#photocount{
	color:#FFF;
	font-size:10px;
	float: left;
	width: 48%;
	text-align: left;
	left:0;
}
#back{position:absolute;top:0;left:0;visibility:hidden;z-index:1001;}
#more{position:absolute;top:0;left:415px;float:left;z-index:1001;}
.morelink:hover{font-size:11px;color:#FFF;text-decoration:underline;}
#thumbgall{position:absolute;left:0;top:0;z-index:1000;white-space:inherit;}
#widthbox{position:relative;width:420px;height:325px;left:0;top:0;padding:1px;}
#imgbox{width:80px;height:80px;display:inline;position:absolute;text-align:left;}
#iptc_btn{width:100%;text-align:right;position:absolute;left:0;top:0;z-index:999;}
#iptc_info{position:absolute;bottom:0;left:0;height:auto;width:100%;background-color:#000;color:#CCC;font-size:10px;line-height:140%;text-align:left;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.iptc_left{float:left;text-align:right;width:18%;color:#FFF;padding:0 0 0 2%;}
.iptc_right{float:right;text-align:left;width:79%;}

.spacing{padding:1px;}

html>body #rightmore li a,html>body #leftmore li a{width:auto;}
#pn_overlay{position:absolute; top:0; left:0; width:100%; height:100%; z-index:998;}
#prev, #next{
	width: 30%;
	height: 100%;
	background: transparent url(../rsrc/blank.gif) no-repeat; /* Trick IE into showing hover */
	outline:none;
	}
#prev { left: 0; float: left; outline: none; -moz-outline: none; visibility:hidden;}
#next { right: 0; float: right; outline: none; -moz-outline: none;}
#prev:hover, #prev:visited:hover { background: url(../rsrc/prev.gif) left 50% no-repeat; }
#next:hover, #next:visited:hover { background: url(../rsrc/next.gif) right 50% no-repeat; }
#imgtitle{width:420px; font-size:.8em; text-align:center; color:#FFF; display:block}
#imgtitle h2{font-size:1.3em; margin:0; padding:0}
#thumbtoggler {
	text-align: right;
	float: right;
	width: 48%;
	right:0;
	z-index:1100;
}
#thumbdisplay {
	width: 420px;
}
.clear{clear:both;}
#e2link {font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding:5px 0;
	color: #FFFFFF;
	text-align:left;}
#e2link a {
	color: #FFFFFF;
	text-decoration:none
}

.tooltip {
	color: #fff;
	width: 150px;
	z-index: 15000;
	text-align:left;
}

.tooltip h4 {
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding: 8px 8px 2px;
	background:#000;
}

.tooltip p {
	font-size: 11px;
	padding: 1px 8px 8px;
	margin:0px;
	background: #000;
}#thumbhide {
	position: relative;
	overflow:hidden;
}
/* ######### CSS for Shade Tabs. Remove if not using ######### */
/* ######### CSS for Shade Tabs. Remove if not using ######### */
/* ######### CSS for Shade Tabs. Remove if not using ######### */
/* ######### CSS for Shade Tabs. Remove if not using ######### */
/* ######### CSS for Shade Tabs. Remove if not using ######### */
/* ######### CSS for Shade Tabs. Remove if not using ######### */

/* ######### CSS for Shade Tabs. Remove if not using ######### */
.shadetabs{
padding: 0px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 0;
padding: 0px 0px;
margin-right: 0px;
border: 0px solid #778;
color: #2d2b2b;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image:  url(../ajaxtabs/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}