
/* IMAGE 'BOXES' (WORKS ON THUMBNAILS ONLY OTHERWISE LOOKS STRANGE IN LIGHTBOX */
IMG.thumb, .imgBorder, .mainPane .contentBody IMG, .fckEditArea IMG {
	border: 1px white outset;
	margin: 10pt;
	background-color: white;
	padding: 3px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='black', Direction=135, Strength=0);
} 

IMG.mainContent { margin-left: 16px;
float: right;
}

P { color: #CCCCCC;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 0px;
margin-top: 12px;
text-align: justify;
}

TD { color: #CCCCCC;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 0px;
}

P.footer { font-size: 10px;
color: #666666;
margin-top: 0px;
margin-bottom: 0px;
}

P.address { font-size:11px; 
line-height: 130%;
margin-top: 0px;
padding-top: 0px;
}

P.leftNav { text-align: right; }

LI { color: #CCCCCC;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif; 
}

A { color: #FF6600;
text-decoration: none; 
}

A:visited { color: #FF6600; }

A:hover { color: #FFFFFF; }

.EDLink IMG { border:none; }


H1 { color: #FF6600;
font-family: Arial, Helvetica, sans-serif;
font-size: 20pt;}

H2 { color: #CCCCCC;
font-family: Arial, Helvetica, sans-serif; 
}

H3 {color: #FF6600;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal; 
}

.contactDetails TH { color: #999999;
padding: 5px;}

.contactDetails TD { color: #999999; 
font-size: 10pt;
text-align: center;
vertical-align: text-top;
padding: 5px;}

.form TD { color: #999999; 
font-size: 10pt; 
}

.footer A { color: #666666; }

.footer A:visited { color: #666666; }

.footer A:hover { color: #FFFFFF; } 


/* LIGHTBOX */

#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: #000000;
	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/lightboximages/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
	
#prevLink { left: 0; float: left; background: url(../images/lightboximages/prevlabel2.gif) left 15% no-repeat;}

#nextLink { right: 0; float: right; background: url(../images/lightboximages/nextlabel2.gif) right 15% no-repeat; }

#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightboximages/prevlabel2.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightboximages/nextlabel2.gif) right 15% no-repeat; }


#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif;
	background-color: #000000;
	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;
}
	
	
	
	
	
	
	
	
	
	
/* LAYOUT */

#container { width: 906px;
margin: 10px auto;
background-color: #000000;
color: #000000;
line-height: 130%;
}

#top { padding: .1em;
background-color: #000000;
/*border-bottom: 1px solid gray;*/
}

#top h1 { padding: 0;
margin: 0;
}

#leftnav { float: left;
width: 160px;
margin: 0;
padding: 1em;
height: 100%;
}

#content { margin-left: 200px;
/*border-left: 1px solid gray;*/
padding: 1em;
max-width: 36em;
}

#footer { clear: both;
margin: 0;
padding: .1em;
color: #333333;
background-color: #000000;
border-top: 1px solid #333333;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

#gallery { margin-top: 50px;
text-align: justify;
}

TABLE.info, TABLE.infoLeft {
	margin-top: 12pt;
	margin-bottom: 15pt;
	border: 1px solid #333333;  /*OLD: #089EE7 */
	font-size: 0.85em;
	background-color: black;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color='lightgrey', Direction=135, Strength=2);*/
}
TABLE.info {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
TABLE.info TD, TABLE.infoLeft TD {
	padding: 6pt;
	border: 1px solid #333333;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
TABLE.info TH, TABLE.infoLeft TH {
	padding: 4pt;
	vertical-align: bottom;
	background-color: #333333;
	color: #FF6600;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
}