#controlPanel 
{
	/*background-image: url(bg1p_t.png);
	background-repeat: no-repeat;
	background-position: top left;*/
	float: left;
	/*background-color: Red;*/
	width: 300px;
	padding: 5px;
	margin-top: 5px;
	margin-left: 5px;
	/*background-image: url(logo.png);
	background-repeat: no-repeat;
	background-position: center center;*/
	z-index: 1;

}

#banner
{
	/*position: fixed;
	top: 5px;
	left: 5px;*/
	height: 75px;
	width: 300px;
	/*background-color: darkred;*/
	padding: 4px;
	text-align: center;
	cursor: default;
	color: white; /*#CDC673;*/
    font: normal 100% Georgia, Palatino, Times, Times New Roman, serif; 
	/*font-variant: small-caps;*/
	font-style: italic;
	letter-spacing: 3px;
}

#banner a
{
	cursor: pointer;
	border: none;
}

#logo
{
	display: block;
}

/*
#banner h1
{
	color: #CDC673;
    font: normal 240% Georgia, Palatino, Times, Times New Roman, serif; 
	font-variant: small-caps;	
	letter-spacing: 0px;
}
*/
#menu
{
	/*background-color: Blue;*/
	/*margin-top: 80px;*/
	margin-bottom: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center; 
	padding-left: 15px;
	padding-right: 15px;
}

#menu a {
	padding: 0px;
	margin: 0px; /* top, right, bottom, left */
	display: block;
	cursor: pointer;
	font-variant: small-caps;	
	color: #CDC673;
	text-decoration: none;
	padding-bottom: 3px;
	/*letter-spacing: 5px;*/
	/*background-image: url(divider.png);
	background-position: center top;
	background-repeat: no-repeat;*/
	
	azimuth	filter:alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7;

}

#menu a:visited
{
	color: #CDC673;
}

#menu a:hover
{
	/*color: White; */
	/*letter-spacing: 1px;*/
}

#menu a.current 
{
	color: White;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-bottom: 2px;
    border-top: 1px dotted #593327; 
    border-bottom: 1px dotted #593327; 
    /*background-image: url(menu_hilite.png);
    background-repeat: no-repeat;
    background-position: center bottom; 
	height: 20px; */
	font-style: normal;
}

#menu a.current:hover
{
	letter-spacing: 0px;
	cursor: default;
}

#nav
{
    display: none; /* will be shown by code */
	/*background-color: Gray;*/
	margin-bottom: 0px;
	padding: 0px;
    text-align: center;
    font: normal 80% Georgia, Palatino, Times, Times New Roman, serif; 
    /*border: 1px solid #593327; 
    background: #DEDEDE url(bg2p.png) repeat;*/
    height: 40px;
    /* really now this is just defining space that will be set aside between frame above and below, images are placed absolutely now */
}

#picc
{
	visibility: hidden; /* will be shown at runtime. Needs a style */
	padding-right: 10px;
}

#no
{
	padding-top: 9px; /* this is so that pic number appears in right place without need for absolute positioning */
    color: #CDC673;
	margin-left: 135px; /* these are for the line in the middle of the circle */
	margin-right: 135px;
    border-bottom: 1px dotted #CDC673; 
}
#of
{
    color: #CDC673;
}

.left_nav
{
	position: absolute;
	left: 96px; /* adjusted on page size anyway */
	top: 175px; 
	cursor: pointer;
}

.centre_nav
{
	position: absolute;
	left: 125px; /* adjusted on page size anyway */
	top: 175px; 
}

.right_nav
{
	position: absolute;
	left: 174px; /* adjusted on page size anyway */
	top: 175px;  
	cursor: pointer;
}

#content
{
    display: none; /* will be shown by code */
	/*background-color: Orange;*/
	margin-bottom: 5px;
	padding: 6px; 
    /*border: 1px solid #593327; 
    background: #DEDEDE url(bg2p.png) repeat;*/
    color: White;
    font-family: Georgia;
    font-weight: lighter;
    font-size: 10px;
    text-align: justify;
    
 width: 300px;
 overflow:auto;
}

#main
{
	overflow: auto;
}

/*
#scroll
{
	display: none;
	width: 300px;
	top: 180px;
    position: absolute;
	clip: rect(0px,300px,222px,0px);
    background-color: Orange;
    z-index: 999;
	padding: 6px; 
    color: White;
    font-family: Georgia;
    font-size: 10px;
    text-align: justify;
}
*/

#thumbs
{
    display: none; /* will be shown by code */
	/*background-color: Fuchsia;*/
	margin-bottom: 5px;
	margin-left: 6px;
	padding-left: 6px; /* padding around all thumbs */
	padding-top: 6px;  /* padding around all thumbs */
    /*border: 1px solid #593327; 
    background: #DEDEDE url(bg1p.png) repeat;*/
    text-align: center; /* why doesnt this centre the thumbs ? */
}

.creationTime
{
	display: none;
}

#content a
{
/*
	display: block;
	font-variant: small-caps;	
	color: #CDC673;
	text-decoration: none;
	letter-spacing: 5px;
*/
}

.img-shadow
{
  float: left;
  background-image: url(Shadow.png) !important; /* THIS CAUSES THE FLICKER!! because it's transparent itself, in case this doesnt display properly anyway */
  background-image: none; 
  background-repeat: no-repeat;
  background-position: bottom right; 
/*
  background: url(NewAlpha.png) no-repeat bottom right !important;
  background: none; /* dont try in IE, above wont work, or maybe it does now! 
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
*/
  margin: 5px; /* margin round EACH image+shadow, shadow is added to this, adjust THIS when pulsing thumb on mouseover */
  padding: 0px; /* >0 doesnt seem to work */
}
/* all images with a shadow, not just .thumbnail, applies to big image too */
.img-shadow img {
  display: block;
  position: relative;
  /*background-color: White;*/
  margin: -3px 6px 6px -3px;
  border: 1px solid #593327; /* #a9a9a9; /* line around image */ 
  padding: 0px; /* width of border round image, INSIDE shadow */
}

.img-shadow-new
{
  float: left;
  background-image: url(ShadowNew.png) !important; /* THIS CAUSES THE FLICKER!! because it's transparent itself, in case this doesnt display properly anyway */
  background-image: none; 
  background-repeat: no-repeat;
  background-position: bottom right; 
/*
  background: url(NewAlpha.png) no-repeat bottom right !important;
  background: none; /* dont try in IE, above wont work, or maybe it does now! 
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
*/
  margin: 5px; /* margin round EACH image+shadow, shadow is added to this, adjust THIS when pulsing thumb on mouseover */
  padding: 0px; /* >0 doesnt seem to work */
}
/* all images with a shadow, not just .thumbnail, applies to big image too */
.img-shadow-new img {
  display: block;
  position: relative;
  /*background-color: White;*/
  margin: -3px 6px 6px -3px;
  border: 1px solid #593327; /* #a9a9a9; /* line around image */ 
  padding: 0px; /* width of border round image, INSIDE shadow */
}

.thumbnail 
{
	width: 34px;
	height: 34px;
}

.linkPic
{
	display: none;
}
.linkThumb 
{
	width: 30px;
	height: 30px;
	border: solid 1px #593327;
	cursor: pointer;
 margin  : 1px 3px 1px 3px;
	vertical-align: middle;
}
.rightlink
{
	float: right;
}
.frame
{
	display: inline;
	margin: 0px; /* margin around ALL the thumbs! */
	padding: 0px; /* >0 seems to force one per line, or staggering! */
}

.mainImage
{
	position: absolute;/*fixed;*/
	display: none; /* will be shown by code */
	color: white;
}

.zoomableImage
{
  cursor :url('zoom.cur'), pointer;
}

.zoomedImage
{
	cursor: crosshair;
}

.nonzoomableImage
{
	cursor: none;
}

.imageTitle
{
	
	font-variant: small-caps;	
	color: #CDC673;
	/*color: White;*/
	position: absolute;/*fixed;*/
	text-align: left;
	height: 20px;
	vertical-align: text-top;
    /*font: normal 75% Georgia, Palatino, Times, Times New Roman, serif; */
    /*font-family: verdana,sans-serif;*/
	font-size: small;
}

#loading
{
	visibility: hidden;
}

#zoomImage
{
 position: absolute;
/* top: 0px;
 left: 0px; */
 /*clip: rect(0px,100px,100px,0px); /* top, right, bottom, left */
 border: 1px solid #593327; /* #a9a9a9; /* line around image */ 
 padding: 0px; 
 overflow: hidden;
}

#zoomImageBackground
{
 position: absolute;
 display: none;
 border: 1px dotted #593327; 
 background: #DEDEDE url(bg1p.png) repeat;
 padding: 0px; 
 margin: 0px;
 cursor: crosshair;
}

.language
{
	position: absolute;/*fixed;*/
    font: normal 70% verdana,sans-serif; 
	/*color: #CDC673;
	filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5;*/
	color: #806339;
}

.languageMain
{
	position: absolute;/*fixed;*/
	color: #CDC673;
    font: normal 90% verdana,sans-serif; 
}

#language a
{
	color: #CDC673;
}

#copyright
{
	position: absolute;
/*	color: #CDC673;
    font: normal 70% Georgia, Palatino, Times, Times New Roman, serif; 
    width: auto;
    text-align: center;
	filter:alpha(opacity=40); -moz-opacity:.4; opacity:.4;
*/
	right: 4px;
	top: 6px;
}

.info
{
	position: absolute;
	cursor: pointer;
}
#InfoPanel
{
	position: absolute;
	background-color: #CDC673;
	position: absolute;
	filter:alpha(opacity=10);
	-moz-opacity:.1;
	opacity:.1;
	z-index: 99;
	/*border: solid 1px black;*/
	visibility: hidden;
	/*cursor: pointer;*/
	margin: 0px;
	padding: 0px;
}
#InfoPanelText
{
	position: absolute;
	color: #CDC673;
	/*color: Black;*/
	z-index: 100;
	padding: 0px;
	margin: 0px;
	visibility: hidden;
	/*cursor: pointer;*/
	overflow: hidden;
    font: normal 90% verdana,sans-serif; 
}

.description
{
	position: absolute;
	/*border: dotted 1px #593327;*/
	padding: 3px 3px 0px 0px;
    font: normal 80% Georgia, Palatino, Times, Times New Roman, serif; 
    overflow: auto;
    
	/*color: #CDC673;*/
	/*filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5;*/
	color: #806339;
}

/* iframe in an R page - for guestbook area */
#guestbook
{
  position: absolute;
  /*border : 1px solid #593327; /* #a9a9a9; /* line around image */ 
}

#advert
{
	position: absolute;
	text-align: center;
	left: 110px;
	bottom: 2px;
}