body {
	background-color: #000000;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	text-align: center; /* for IE */
}

/* outer frame for all the page contents */
#frame {
	width: 755px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	padding: 0px;
	text-align: left;
}

/* holds the procurando eldorado logo */
#logo {
	position: relative;
	left: 0px; 
	top: 10px; 
	height: 42px; 
	width: 363px;
	z-index: 1; 
	padding: 0em;
}

/* holds the english / portuguese link */
#langlink {
	position: relative;
	left: 665px; 
	top: -18px; 
	height: 20px; 
	width: 80px;
	z-index: 1; 
	padding: 0em;
	border: 1px solid #666666;
	text-align: center;
}

/* holds the photo for the each page */
#banner {
	position: relative;
	left: 0px; 
	top: 0px; 
	height: 158px; 
	width: 748px;
	z-index: 3; 
	padding: 0em;
}

/* holds the navigation links on each page */
#links {
	position: relative;
}

/* holds the navigation links on the gallery page */
#gallerylinks {
	position: relative;
	left: 0px; 
	top: -300px; 
}

/* holds the title of the page (e.g. participants, project, links etc) */
#pagetitle {
	position: relative;
	left: 18px; 
	top: 0px; 
	height: 40px; 
	width: 700px;
	z-index: 3; 
	padding: 0px;
}

/* holds the page text */
#pagetext {
	position: relative;
	left: 0px; 
	top: -30px; 
	width: 748px;
	z-index: 3; 
}

#infotext {
	color:	#ffffff;
	text-align: justify;	
}

/* defines the text formatting for the title of each page */
.heading {
	font-family: 'times new roman';
	color:	#FFFFFF;
	text-align: justify;
	font-size: 18px;
	vertical-align: top;
}

/* styles the email form on anna.php */
input {
	color: #666666;
	background: #000000;
	border: 1px solid #666666
}
textarea {
	background-color: #000000;
	border: 1px solid #666666;
	color: #666666;
	font-family: arial, verdana, ms sans serif;
	font-size: 10pt;
	font-weight: normal
}

/****************************************************************
These are the styles for the gallery */
#photo {
	position: relative;
	left:100px; 
	top:-326px; 
	width:499px; 
	height:326px; 
	z-index:2;
}

#category {
	position: relative;
	left:0px; 
	top:0px; 
	width:100px; 
	height:326px; 
	z-index:2; 
	overflow: auto;
}

#artist {
	position: relative;
	left:0px; 
	top:-290px; 
	width:755px; 
	height:36px; 
	z-index:4; 
	overflow: auto;
}

#thumbs {
	position: relative;
	left:0px; 
	top:-300px; 
	width:748px; 
	height:75px; 
	z-index:5; 
	overflow: hidden;
}

/****************************************************************
Styles for image preloading
*/
.hiddenPic {
display:none;
}


/****************************************************************
 Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn. 
   hold div height accommodates scrollbar in this example    
*/
#hold	{ 
	position:relative; 
	overflow:hidden;
	width:748px; 
	height:70px; 
	z-index:100
}

#wn	{ 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:748px; 
	height:52px; 
	clip:rect(0px, 748px, 52px, 0px); 
	overflow:hidden;	
	z-index:1; 
}

#lyr1	{ 
	position:absolute; 
	visibility:hidden; 
	left:0px; 
	top:0px; 
	z-index:1; 
}

/* Set small font-size or size/position of div's will be off in some browsers  */

#scrollbar {
	position:absolute; 
	left:0; 
	top:50px;
	width:748px; 
	height:11px;
	font-size:1px; 
	z-index:2;
}

#track { 
	position:absolute; 
	left:12px; 
	top:0;
	width:724px; 
	height:11px; 
	z-index:1;
	background: url("images\track.gif");
 }

#dragBar {
	position:absolute; 
	left:1px; 
	top:1px;
	width:20px; height:9px; z-index:1;
	background-color:#000000;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 1px;
	border-right: 1px;
	border-color: #666666;
	border-style: solid;
}
  
#left { 
	position:absolute; 
	left:0; 
	top:0; 
	z-index:2 
}  

#right { 
	position:absolute; 
	right:0; 
	top:0; 
	z-index:3 
}

table {
	border-spacing: 4px;
	padding: 4px;
}

table.thumbs {
	border: 0px;
	border-spacing: 0px;
	padding: 0px;
}

tr.title {
	border-spacing: 4px;
	padding: 10px;
}

td#language {
	border-spacing: 0px;
	padding: 0px;
	width: 400px;
	height: 90px;
	padding: 0px;
	color:	#FFFFFF;
	text-align: right;
	font-size: 10px;
	vertical-align: top;
}

td.infotext {
	width: 33%;
	height: 120px;
	padding: 10px;
	vertical-align: top;
	color: #ffffff;
	font-size: 10px;
	text-align: justify;
}

td.linktext {
	width: 120px;
	padding: 4px;
	color:	#FFFFFF;
	text-align: center;
	font-size: 10px;
	vertical-align: top;	
}

img {
	border: 4px;
	border-color: #FFFFFF;
	border-style: solid;
}

img.title {
	border: 0px;
}

img.banner {
	border-top: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left: 0px;
	border-right: 0px;
}

img.block {
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	vertical-align: middle;
}

p {
	vertical-align: top;
}


.links {
	font-family: 'times new roman';
	color:	#FFFFFF;
	text-align: center;
	font-size: 14px;
	vertical-align: top;
}

.thumb {
	border:1px; 
	border-color: #FFFFFF; 
	border-style: solid;
	}

.scrollbar {
	scrollbar-face-color:#4f4f4f; 
	scrollbar-track-color:#000000; 
	scrollbar-arrow-color:#6f6f6f; 
	scrollbar-shadow-color:#373737; 
	scrollbar-dark-shadow-color:#272727; 
	scrollbar-3dlight-color:#6f6f6f; 
	scrollbar-highlight-color:#6f6f6f;
}

/* styles for all hyperlinks */
.linktext  {
	font-family:	Georgia, Times New Roman, Times, serif;
	border-width:	none;
	color:	#666666;
	font-size:	14px;
	font-style:	normal;
	font-weight:	normal;
	text-decoration:	none;
}

.linktextsel {
	font-family:	Georgia, Times New Roman, Times, serif;
	border-width:	none;
	color:	#FFFFFF;
	font-size:	14px;
	font-style:	normal;
	font-weight:	normal;
	text-decoration:	none;
}

.linktext:visited {
	color: #666666;
}

.linktext:hover {
	color: #FFFFFF;
}

.linktext:active {
	color: #FFFFFF;
}

.infolink{
	color:	#666666;
	font-size: 10px;
}

.infolink:visited {
	color: #666666;
}

.infolink:hover {
	color: #FFFFFF;
}

.infolink:active {
	color: #FFFFFF;
}