/*‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡-CONSTANT-‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡*/
body, td, input, ul, form {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
}
table {								 	  	  
	border-collapse:collapse;			 	 
	border:0px;	
	width:100%;
	padding:0px 0px 0px 0px;
}									   
td {							       				  
	vertical-align:top;	  			  
	font:normal 11px Tahoma;
	line-height:14px;
	color:#787878;
}										   	   
input, textarea, select{			     
	font:normal 11px Tahoma;			
	vertical-align:middle;
	color:#787878;
}		
ul {list-style:none;}
img {border:0px;}

/*‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡-MAIN-‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡*/
.main_table {width:702px}
.base {height:100%}

/*‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡-HEADER-‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡*/

/*‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡-CONTENT-‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡*/
#content {padding:7px 0px 0px 1px;}
.space {width:7px}

#page0 .column_1 {width:229px;}
#page0 .column_2 {width:229px;}
#page0 .column_3 {width:229px;}
#page0 .column_4 {width:229px;}
#page0 .column_5 {width:458px;}
#page0 .column_6 {width:229px;}
#page0 .column_66 {width:439px;}

#page1 .column_1 {width:415px;}
#page1 .column_2 {width:279px;}

#page2 .column_1 {width:255px;}
#page2 .column_2 {width:439px;}

#page3 .column_1 {width:325px;}
#page3 .column_2 {width:369px;}

#page4 .column_1 {width:415px;}
#page4 .column_2 {width:279px;}

.vl {background:url(images/l2.gif) top right repeat-y}
.z td {color:#FFF}
.z a  {color:#FFF}
.z b  {color:#000}
.z .link_1 {color:#000; font:normal 11px Tahoma; padding:0px 0px 0px 10px; background:url(images/bullet3.gif) top left no-repeat}
/*‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡-FORMS-‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡*/
.input input, .ta{
	width:185px;
	height:17px;
}
.ta {
	height:184px;
	overflow:auto;
	margin:0px 0px 16px 0px;
}
.eq_height {height:42px}
/*‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡-TEXT-‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡*/
a 		{font:normal 12px Tahoma; color:#838E08;}
b 		{font:bold; color:#191919;}
a:hover {text-decoration:none;}	
.nn a	{text-decoration:none;}
.nn a:hover {text-decoration:underline;}

/*‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡-LINKS-‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡*/
.link_1 {color:#838E08; font:bold 11px Tahoma; padding:0px 0px 0px 9px; background:url(images/bullet2.gif) top left no-repeat}

/*‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡-LISTS-‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡*/
li {
	list-style:none;
	line-height:12px;
	margin:0px 0px 4px 0px;
}
li a {
	color:#191919; 
	font:normal 11px Tahoma;
	background:url(images/bullet4.gif) 0 0 no-repeat;
	padding:0px 0px 0px 12px;
}

.list_1 li {
	margin:0px 0px 7px 0px;
}
.list_1 li a {
	color:#787878;
	line-height:16px;
	font:bold 11px Tahoma;
	background:url(images/bullet1.gif) 0 0 no-repeat;
	padding:0px 0px 1px 20px;
	width:145px; 
	display:block;

}

/*‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡-FOOTER-‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡*/
#footer {color:#787878; padding:8px 24px 0px 0px; text-align:right}
#footer a {color:#787878}

/*‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡-„„„„„„„‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡*/
.t1 {height:260px;}
.t12 {height:260px;}
.t15 {height:310px;}


.t_tl {
	width:7px;
	height:7px;
	background:url(images/c_tl.gif) top left no-repeat;
}
.t2_tl {
	width:7px;
	height:7px;
	background:url(images/c2_tl.gif) top left no-repeat;
}
.t_t {
	width:100%;
	background:url(images/l.gif) top left repeat-x;
}
.t_tr {
	width:7px;
	background:url(images/c_tr.gif) top left no-repeat;
}
.t_c {padding:6px 18px 0px 18px; height:100%}
.t2_c {padding:6px 18px 0px 18px; height:100%; } /*background:url(images/c2_c.gif) 0 0 no-repeat*/
.t_l {
	height:100%;
	background:url(images/l.gif) top left repeat-y;
}
.t_r {
	background:url(images/l.gif) top right repeat-y;
}
.t_bl {
	height:7px;
	background:url(images/c_bl.gif) top left no-repeat;
}
.t_b {
	background:url(images/l.gif) bottom repeat-x;
}
.t_br {
	background:url(images/c_br.gif) top left no-repeat;
}

.x1 {background:url(images/c3_tl.gif) 0 0 no-repeat #99A608}
.x2 {background:url(images/c3_tr.gif) top right no-repeat; height:47px}
.x3 {background:url(images/c3_bl.gif) bottom left no-repeat #838E08}
.x4 {background:url(images/c3_br.gif) bottom right no-repeat;}

h4 {letter-spacing: -.046em !important;
	letter-spacing: -.06em;	
	font: normal 18px/140% Helvetica, Arial, sans-serif; 
   	color: #008b44;
	margin-bottom:10px;
	margin-top:0px;
	}
	
.clear {
	clear: both;
	display: block;
	width: 100%;
	height:5px;
	}
	
	
	
	
	
	#dropmenudiv{
position:absolute;
border-left:0px solid black;
border-right:0px solid black;
border-bottom:0px solid black;
font:normal 9px tahoma;
line-height:18px;
z-index:100;
width:100px;
background-color: #ffffff;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px solid black;
color:#333333;
font:normal 12px tahoma;
padding: 5px 0;
text-decoration: none;
background-color: #FFFFFF;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color:#CCCCCC;
color:#333333;
}

#dropmenudiv a.visited{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px solid black;
color:#FFFFFF;
padding: 1px 0;
text-decoration: none;
background-color: #333333;
}

#dropmenudiv a.visted.hover{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px solid black;
color:#FFFFFF;
padding: 1px 0;
text-decoration: none;
background-color: #333333;
}

#menu ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#menu ul li {
	margin-left: 0;
	padding: 3px 10px;
	border-left: 0px solid #000;
	list-style: none;
	display: inline;
	}
	
	
#menu ul li a {
 		color:#333333; 
	font:normal 12px Tahoma;
	background:none;
	padding:0px 0px 0px 12px;
	border:none;
	text-decoration:none;
	}
	
	#lightbox{
	position: absolute;
	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; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


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

#imageData{	padding:0 10px; color: #666; }
#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
