/* this is the style sheet for the digital images project */
/* the basic structure of the page is the top has a logo bar common to the digital projects pages with navigation anchor points to the University, library and Special Collections homepages. Below that is a table with the basic Dublin Core information fields for the subject photograph. The bottom of the page has the thumbnail image for view.  The bottom has a navigation bar leading back to the digital projects home page. */

/* header bar area */
/* note the links in the topbar are a very dark brown on the medium brown background of the digital projects logo bar, but turn yellow when the cursor crosses them */

body {
	
}

#topbar {
	position: absolute;
	top:0;
	left:0;
	height: 60px;
	width: 900px;
	background-image: url(../images/digital_projects.png);
}

.toplinks {
	position: absolute;
	top: 0;
	left:700px;
}

.toplinks > a:link {
	decoration:underline;
	color: #FFCC33;
	font-size: 16px;
}
.toplinks > a:visited {
	decoration:underline;
	color: #FFCC33;
	font-size: 16px;
}
.toplinks >a:hover {
	color:yellow;
}

/* end headerbar area. */

/* begin tabular data area */

#tabulardescription {
	position:absolute;
	top: 65px;
	left: 10px;
}
.red {
	color:#FF0000;
}

table {
	border-collapse: collapse;
	border-style:2px solid #663300;
	line-height:24px;
	font:16px Arial, sans-serif #331500;
	color:#331500;
}
th {
	border:1px solid #663300;
	font-size:20px;
	text-align:left;
}
td {
	border:1px solid #663300;
	padding-left:5px;
}
td > a:link {color:#0000FF;}
td > a:visited {color:#0000FF;}
td > a:hover {color:#3333FF;}

/* end tabular data area */

/* begin image placement description */

#thumb {
	position:absolute;
	top:500px;
	left:100px;
}
#footer {
	position:relative;
	top:10px;
	left: -10px;
	width: 900px;
	height: 60px;
	background-color:#665522;
	color: #FFCC33;
}
.footlinks {
	position: relative;
	left: 400px;
	top: 25px;
}
.footlinks > a:link {
	decoration:underline;
	color: #FFCC33;
	font-size: 16px;
}
.footlinks > a:visited {
	decoration:underline;
	color: #FFCC33;
	font-size: 16px;
}
.footlinks > a:hover {
	decoration:underline;
	color: yellow;
	font-size: 16px;
}
.footlinksleft {
	position: relative;
	left:-390px;
	top: -40px;
	line-height: 16px;
}
.footlinksleft > a:link {
	decoration:underline;
	color: #FFCC33;
	font-size: 12px;
}
.footlinksleft > a:visited {
	decoration:underline;
	color: #FFCC33;
	font-size: 12px;
}
.footlinksleft > a:hover {
	decoration:underline;
	color: yellow;
	font-size: 12px;
}