/*font family for page. If you have another style sheet that sets font family, you can delete this rule*/
div, td, p {
	font-family: "Trebuchet MS", Arial, sans-serif;
}

#subtx {FONT-SIZE: 14px; margin: 0 10 0; COLOR: #BBBBBB; FONT-FAMILY: "Trebuchet MS", Arial, sans-serif; TEXT-ALIGN: left}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #ccc; 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-image: url(gfx/ta:gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(gfx/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(gfx/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #ccc; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #ccc; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #ccc; }


/*Control DIV for expand all and collapse all links*/
#p7TMctrl {
	margin: 0 0 12px 0;
	font-size: 12px;
	display: none;
	/*/*/display: block; /* Hide from NN4*/
}
#p7TMctrl a:link {
	color: #333333;
}
#p7TMctrl a:visited {
	color: #333333;
}
#p7TMctrl a:hover {
	color: #333333;
}

/*Sets line-height of all menuitems*/
#p7TMnav {
	/*/*/line-height: 1.5; /* */
}
/*Sets background color and border around the menu DIV*/
#p7TMnav {
	border: 1px solid #666;
	border-bottom: 0;
}
#p7TMnav div {
	/*/*/background-color: #A4AFC1; /* */
}

/*second level menuitem divs*/
/*Sets left margin to 12px establishing a cascading indent*/
/*Sets border and bg color to establish the pastel BOXES*/
#p7TMnav div div {
	margin: 0 0 0 12px;
	/*/*/border-left: 1px solid #666;
	background-color: #B89F98; /* */
}

/*third level menuitem divs. Sets BOX color*/
#p7TMnav div div div {
	/*/*/background-color: #BBBBBB; /* */
}
/*fourth level menuitem divs. Sets BOX color*/
#p7TMnav div div div div {
	/*/*/background-color: #CCCCCC; /* */
}
/*fifth level menuitem divs. Sets BOX color. Cascades to lower levels*/
/*To set additional level color BOXES, add a new selector with an additional -div- appended*/
#p7TMnav div div div div div {
	/*/*/background-color: #C0C0C0; /* */
}

/*The Link style for top-level menuitems and is read by all browsers*/
#p7TMnav div a {
	color: #333333;
	font-size: 16px;
}
/*The Link style for top-level menuitems hidden from Netscape 4*/
#p7TMnav div a {
	/*/*/border-top: 1px solid #DDDEE8;
	border-right: 0px solid;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #DDDEE8;
	text-decoration: none;
	background-color: transparent;
	display: block;
	padding: 2px 0 2px 12px; /* */
}
#p7TMnav div a:visited {
	color: #333333;
}
#p7TMnav div a:hover {
	background-color: #94A0B6;
	color: #FFFFFF;
}

/*The Link styles for second-level menuitems*/
#p7TMnav div div a {
	font-size: 14px;
	color: #333333;
}
#p7TMnav div div a:hover {
	color: #FFFFFF;
	background-color: #C5C6D8;
}

/*The Link style for third-level menuitems and lower*/
/*To set a specific style for the fourth level, add a div to the selector*/
/*Fourth-level example syntax: p7TMnav div div div div a {declaration}*/
#p7TMnav div div div a {
	font-size: 12px;
}

/*rules programatically assigned to parent links when image-based plus and minus option is selected. The padding on the 4 following rules supercedes (via !important) the padding on the p7TMnav div a selector when you've chosen the option to use images for the plus and minus signs*/
.p7plusmark {
	background-repeat: no-repeat;
	background-image:    url(p7t_plus.gif);
	background-position: 8px 50%;
	padding: 0 0 0 20px !important;
}
.p7minusmark {
	background-repeat: no-repeat;
	background-image:    url(p7t_minus.gif);
	background-position: 8px 50%;
	padding: 2px 0 2px 20px !important;
}

/*rule programatically assigned to child links when image-based plus and minus option is selected*/
.p7defmark {
	background-image:  none;
	padding: 2px 0 2px 20px !important;
}

/*rules programatically assigned to page link correesponding to current page (You are Here)*/
.p7currentmark {
	font-weight: bold;
	letter-spacing: 3px;
	background-color: transparent !important;
	color: #FFFFFF !important;
	padding: 2px 0 2px 20px !important;
}