/* photo archive */
body{
 margin: 0;
 padding:0; 
 background:none;
 background-image: url("imgs/bg01.jpg");
 color: #333333;
 scrollbar-base-color: #c0c0c0;
 }	 

/* gallery display */
.gdTable {
  		background-color: transparent;
  		border-collapse: collapse;
  		border: 0px solid #666666;
  		width: 100%;
}

.gdHeader {
  		background-color: transparent;
  		padding-top: 10px;
  		padding-bottom: 10px;
  		padding-left: 20px;
  		padding-right: 20px;
  		color: blue;
  		font-weight: normal;
  		font-size: 20px;
  		text-align: center;
  		border-bottom: 0px solid black;
}

.gdColRow {
  		background-color: transparent;
  		padding-top: 5px;
  		padding-bottom: 5px;
  		border-bottom: 0px solid black;
  		color: white;
}

.gdPagePhoto {
  		background-color: transparent;
  		padding-top: 5px;
  		padding-bottom: 5px;
  		border-bottom: 0px solid black;
  		color: white;
}

.gdPhotos {
  		background-color: #D6E5F4;
  		background-image: url("imgs/filmstrip.png");
  		border: 2px solid #9facb4;
}

.gdButtons {
	background-color: transparent;
	border: 0px solid black;
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
}

.gdbtnPrev {
	width: 50%;
	padding: 0px;
	text-align: left;
}

.gdbtnNext {
	width: 50%;
	padding: 0px;
	text-align: right;
}
/* end of gallery display */

/* thmbnail gallery menu */
#tnMTable {
 		background-image:  url("imgs/trans01.png");
  		background-color: none;
  		border-collapse: collapse;
  		border: 2px solid #666666;
  		width: 200px;
}

#tnMHeader {
 		background-image:  url("imgs/trans01.png");
  		background-color: transparent;
  		height: 25px;
  		padding-left: 20px;
  		color: black;
  		font-weight: bold;
  		border-bottom: 2px solid #9facb4;
}

#tnMPhotos {
 		background-image: none;
  		background-color: transparent;
  		text-align: center;
}

#tnGMenu{
  background-color: none;
  background-image: none;
  scrollbar-base-color: white;
  width: auto;
  Height: 300px;
  overflow: auto;
  padding-top: 10px;
  border: 0px solid #666666;
  margin: 0px;
}

#tnMText{
	color: blue;
	font-weight: bold;
}

#tnMCount{
	color: black;
	font-size: 10px;
	font-style: italic;
}
/* end of thmbnail gallery menu */

/* thmbnail gallery menu (H))*/
#tnMTableH {
 		background-image:  url("imgs/trans01.png");
  		background-color: none;
  		border-collapse: collapse;
  		border: 2px solid #666666;
  		width: 544px;
}

#tnMHeaderH {
 		background-image:  url("imgs/trans01.png");
  		background-color: transparent;
  		height: 25px;
  		padding-left: 20px;
  		color: black;
  		font-weight: bold;
  		border-bottom: 2px solid #9facb4;
}

#tnMPhotosH {
 		background-image: none;
  		background-color: transparent;
  		text-align: center;
}

#tnGMenuH{
  background-color: none;
  background-image: none;
  scrollbar-base-color: white;
  width: 544px;
  Height: 175px;
  overflow: auto;
  padding: 0px;
  border: 0px solid #666666;
  margin: 0px;
}

#tnMTextH{
	color: blue;
	font-weight: bold;
}

#tnMCountH{
	color: black;
	font-size: 10px;
	font-style: italic;
}
/* end of thmbnail gallery menu */

/* search option */
.asTable {
 		background-image: url("imgs/trans01.png");
  		background-color: none;
  		border-collapse: collapse;
  		border: 2px solid #666666;
  		width: 200px;
}

.asHeader {
 		background-image: url("imgs/trans01.png");
  		background-color: transparent;
  		height: 25px;
  		padding-left: 20px;
		padding-right: 20px;
  		color: black;
  		font-weight: bold;
  		border-bottom: 2px solid #9facb4;
}

.asHeaderLR {
  		border-collapse: collapse;
  		border: 0px solid black;
  		width: 100%;
}

.asHeaderL {
	color: black;
	font-weight: bold;
	text-align: left;
}

.asHeaderR {
	text-align: right;
}
.asOption {
  		background-color: transparent;
  		color: black;
		font-size: 10px;
  		height: 30px;
  		border-bottom: 0px solid #9facb4;
		text-align: center;
}

.asOptionIP {
	width: 186px;
	height: 20px;
	font-size: 10px;
}

.asString {
  		background-color: transparent;
  		color: gray;
  		height: 30px;
  		border-bottom: 0px solid #9facb4;
		text-align: center;
}

.asStringIP {
	width: 186px;
	height: 18px;
	font-size: 10px;
}

.asRadio {
  		background-color: transparent;
  		color: black;
  		height: 30px;
  		border-bottom: 1px solid #9facb4;
  		font-size: 11px;
}

.asRadioIP {
	font-size: 10px;
}

.asButton {
  		background-color: transparent;
  		color: gray;
  		height: 30px;
  		border-bottom: 1px solid #9facb4;
		text-align: center;
}

.asFooter {
 		background-image: none;
  		background-color: transparent;
  		height: 13px;
}
/* end of search option */

/* main menu */
#mmTable {
 		background-image: url("imgs/trans01.png");
  		background-color: none;
  		border-collapse: collapse;
  		border: 2px solid #666666;
  		width: 200px;
}

#mmHeader {
 		background-image: url("imgs/trans01.png");
  		background-color: transparent;
  		height: 25px;
  		padding-left: 20px;
		padding-right: 20px;
  		color: black;
  		font-weight: bold;
  		border-bottom: 2px solid #9facb4;
}

#mmLink {
  		background-color: transparent;
  		color: gray;
  		height: 30px;
  		border-bottom: 1px solid #9facb4;
		text-align: center;
}

#mmFooter {
 		background-image: none;
  		background-color: transparent;
  		height: 13px;
}
/* end of main menu */

/* user login option */
#ulTable {
 		background-image:  url("imgs/trans03.png");
  		background-color: transparent;
  		border-collapse: collapse;
  		border: 1px solid #666666;
  		width: 497px;
}

#ulEmail {
  		background-color: transparent;
  		color: black;
  		height: 25px;
  		border-bottom: 0px solid white;
		text-align: center;
}

#ulEmailIP {
	width: 150px;
	height: 18px;
	font-size: 10px;
}

#ulPassword {
  		background-color: transparent;
  		color: black;
  		height: 25px;
  		border-bottom: 0px solid white;
		text-align: center;
}

#ulPasswordIP {
	width: 150px;
	height: 18px;
	font-size: 10px;
}

#ulButton {
  		background-color: transparent;
  		color: gray;
  		height: 30px;
  		border-bottom: 0px solid white;
		text-align: center;
}

#ulError {
		color: red;
		font-style: italic;
		font-size: 10px;
}

#uwTable {
 		background-image:  url("imgs/trans03.png");
  		background-color: transparent;
  		border-collapse: collapse;
  		border: 1px solid black;
  		width: 350px;
}

#uwWelcome {
  		background-color: transparent;
  		color: blue;
  		font-weight: bold;
  		height: 25px;
  		border-bottom: 0px solid white;
		text-align: center;
}

#uwUsername {
  		background-color: transparent;
  		color: black;
  		height: 25px;
  		border-bottom: 0px solid white;
		text-align: center;
}

#uwButton {
  		background-color: transparent;
  		color: gray;
  		height: 30px;
  		border-bottom: 0px solid white;
		text-align: center;
}

#masterdiv{
	border: 0px solid black;
	border-width: 0 0px;
	padding-right: 3px;
}
/* end of user login option */

.eiBody {
	background-image: url("imgs/bg01.jpg");
	background-color: none;
    margin: 0px;
    padding:0px; 

}

/* photo viewer setup */
.pvBody {
	background-image: url("imgs/bg01.jpg");
	background-color: none;
    margin: 0px;
    padding:0px;
	scrollbar-base-color: lightyellow;
}

.pvTable {
		background-image:  url("imgs/trans03.png");
  		background-color: transparent;
  		border-collapse: collapse;
  		border: 0px solid black;
  		width: 100%;
  		height: 100%;
  		padding: 5px;
}

.pvLink01 {
	width: 33%;
	text-align: center;
  		padding: 5px;
}

.pvLink02 {
	width: 33%;
	text-align: center;
  		padding: 5px;
}

.pvLink03 {
	width: 33%;
	text-align: center;
  		padding: 5px;
}

.pvLinkDA {
	color: silver;
  		padding: 5px;
}

.pvImage {
	text-align: center;
  		padding: 5px;
}

.pvCatnum {
	text-align: left;
	padding: 5px;
}

/* EXIF data viewer */
.edTable {
 		background-image: url("imgs/trans01.png");
  		background-color: transparent;
  		border-collapse: collapse;
  		border: 2px solid #666666;
  		width: 400;
  		padding: 10px;
}

.edHeader{
	background-image:  url("imgs/trans03.png");
	background-color: transparent;
	height: 40px;
	border-bottom: 2px solid #9facb4;
}

.edTitle {
	width: 50%;
	height: 30px;
	text-align: right;
	font-weight: bold;
}

.edData {
	width: 50%;
	height: 30px;
	text-align: left;
}

/* pop-up viewer */
#showimage{
position:absolute;
visibility:hidden;
border: 2px solid #666666;
padding: 0px;
background-color: transparent;
background-image: url("imgs/bg01.jpg");
}

#dragbar{
cursor: hand;
cursor: pointer;
background-color: #C5EAF2;
background-image: none;
font-family: Verdana, Arial, Helvetica;
font-size: 13px;
font-weight: bold;
color: blue;
min-width: 100px; /*NS6 style to overcome bug*/
padding: 3px;
border-bottom: 2px solid #9facb4;
}

#textbar{
cursor: hand;
cursor: pointer;
background-color: transparent;
background-image: url("imgs/trans02.png");
min-width: 100px; /*NS6 style to overcome bug*/
}

#textbar #closetext{
font-family: Verdana, Arial, Helvetica;
font-size: 13px;
font-weight: bold;
color: blue;
margin-right: 5px;
}

#contentArea{
  background-color: transparent;
  background-image: url("imgs/trans02.png");
  overflow: auto;
  padding: 8px;
  scrollbar-base-color: #C5EAF2;
}

/* photo info display setup */
.piTable {
 		background-image: url("imgs/trans01.png");
  		border-collapse: collapse;
  		border: 2px solid #666666;
  		width: 400;
  		padding: 0px;
}

.piHeader{
	background-image:  url("imgs/trans03.png");
	background-color: transparent;
	height: 40px;
	border-bottom: 2px solid #9facb4;
}

.piLcol01 {
	width: 40%;
	height: 30px;
	text-align: right;
	font-weight: bold;
}

.piRcol01 {
	width: 60%;
	height: 30px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}

.piLcol02 {
	width: 40%;
	height: 120px;
	text-align: right;
	font-weight: bold;
	padding-top: 10px;
}

.piRcol02 {
	width: 60%;
	height: 120px;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
}

.piFooter {
 		font-size: 10px;
 		font-style: italic;
 		text-align: center;
}

.piFooterCR {
	font-weight: bold;
}

#otherDetail{
  background-color: none;
  background-image: none;
  scrollbar-base-color: #c8d2d7;
  width: 100%;
  Height: 100px;
  overflow: auto;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 0px solid black;
}

.userdiv{
	background-color: White;
	border: 1px solid Black;
	padding: 0px;
	width: 550px;
	height: 250px;
	overflow: auto;
}

/* message board */
.messagediv{
	background-color: none;
	background-image: none;
	scrollbar-base-color: lightyellow;
	width: 550px;
	Height: 250px;
	overflow: auto;
	padding-top: 0px;
	margin: 0px;
	border: 2px solid #9facb4;
}

.mbHdDate {
  		background-image: url("imgs/trans03.png");
  		background-color: transparent;
		border-left: 2px solid #9facb4;
		border-top: 2px solid #9facb4;
  		color: black;
  		padding: 4px;
  		text-align: left;
}

.mbHdSubject {
  		background-image: url("imgs/trans03.png");
  		background-color: transparent;
		border-top: 2px solid #9facb4;
  		color: black;
  		padding: 4px;
  		text-align: left;
}

.mbHdReplies {
  		background-image: url("imgs/trans03.png");
  		background-color: transparent;
		border-right: 2px solid #9facb4;
		border-top: 2px solid #9facb4;
  		color: black;
  		padding: 4px;
  		text-align: right;
}

.mbRColour01 {
  		background-image: url("imgs/trans01.png");
  		background-color: transparent;
}

.mbRColour02 {
  		background-image: none;
  		background-color: transparent;
}

#sColour01{
	color: lightyellow;
}

#sColour02{
	color: #9facb4; 
}

#sColour03{
	color: #666666;
}

/* onmouseover hint box */
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #d6e5f4;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

.helpInfo{
  cursor: help;
}

/* site stats */
.ssTable {
 		background-image: url("imgs/trans01.png");
  		background-color: none;
  		border-collapse: collapse;
  		border: 2px solid #666666;
  		width: 200px;
}

.ssHeader {
 		background-image: url("imgs/trans01.png");
  		background-color: transparent;
  		height: 25px;
  		padding-left: 20px;
		padding-right: 20px;
  		color: black;
  		font-weight: bold;
  		border-bottom: 2px solid #9facb4;
}

.ssStats {
  		background-color: transparent;
  		color: black;
		font-size: 11px;
		padding: 2px;
		height: 16px;
}

/* end of site stats */

/* map key */
.mkTable {
 		background-image: url("imgs/trans01.png");
  		background-color: none;
  		border-collapse: collapse;
  		border: 2px solid #666666;
  		width: 200px;
}

.mkHeader {
 		background-image: url("imgs/trans01.png");
  		background-color: transparent;
  		height: 25px;
  		padding-left: 20px;
		padding-right: 20px;
  		color: black;
  		font-weight: bold;
  		border-bottom: 2px solid #9facb4;
}

.mkStats {
  		background-color: transparent;
  		color: black;
		font-size: 11px;
		padding: 2px;		
}

/* end of map key */

/* rss feeds */
.rfTable {
 		background-image: url("imgs/trans01.png");
  		background-color: none;
  		border-collapse: collapse;
  		border: 2px solid #666666;
  		width: 200px;
}

.rfHeader {
 		background-image: url("imgs/trans01.png");
  		background-color: transparent;
  		height: 25px;
  		padding-left: 20px;
		padding-right: 20px;
  		color: black;
  		font-weight: bold;
  		border-bottom: 2px solid #9facb4;
}

.rfFeeds {
  		background-color: transparent;
  		color: black;
		font-size: 11px;
		padding: 2px;		
}

/* end of rss feeds */

/* latest uploads */
.luTable {
 		background-image: url("imgs/trans01.png");
  		background-color: none;
  		border-collapse: collapse;
  		border: 2px solid #666666;
  		width: 200px;
}

.luHeader {
 		background-image: url("imgs/trans01.png");
  		background-color: transparent;
  		height: 25px;
  		padding-left: 20px;
		padding-right: 20px;
  		color: black;
  		font-weight: bold;
  		border-bottom: 2px solid #9facb4;
}

.luImages {
  		background-color: transparent;
  		color: black;
		font-size: 11px;
		padding-top: 0px;		
		padding-bottom: 0px;		
		padding-left: 29px;		
		padding-right: 29px;		
}

/* end of latest uploads */