/* this is the style sheet for the digital images project thumbnail page view*/
/* 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 layout of the images with links to the detail sheets for each image. 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 brownish gold on the medium brown background of the digital projects logo bar, but turn yellow when the cursor crosses them */

body {
	width:900px;
	color:#663300;
}
p a:link {color:#0000FF;}
p a:hover {color:#3333FF;}
p a:active {color:#0000FF;}
p a:visited {color:#0000FF;}
#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;
	width:auto;
}

.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. */

/* main area */

#thumbs {
	position: absolute;
	top: 61px;
	width:900px;
}
.red {
	color:red;
}

table {
	border-collapse: collapse;
	border-style:solid;
	border-color:#663300;
	border-width:1px;
	line-height:24px;
	color:#663300;
	font-family: Arial, sans-serif #331500;
	font-size: 16px;
}
th {
	border:1px solid #663300;
	font-size:20px;
}
td {
	border:1px solid #663300;
	text-align:center;
}
.text {
	width:415px;
}


.thumbs {
	line-height: 25px;
 }
.thumbs > a:link {
	decoration:underline;
	color: #663300;
	font-size: 16px;
}
.thumbs > a:visited {
	decoration:underline;
	color: #663300;
	font-size: 16px;
}
.thumbs > a:hover {
	decoration:underline;
	color: orange;
	font-size: 18px;
}
.navtable {
 }
.navtable > tr {
	height:28px;
}
.navtable > td {
	color:#663300;
}
td > a:link {
	color:#663300;
	decoration:underline;
}
td > a:visited {
	color:#663300;
	decoration:underline;
}
td > a:hover {
	color:#FFFF00;
	decoration:underline;
	font-size:18px;
}
.maintable { }


/* end main area */

/* footer area. */
#footer {
	position:relative;
	top:1px;
	left: 0px;
	width: 890px;
	height: 60px;
	background-color:#665522;
	color: #FFCC33;
}
.footlinks {
	position: relative;
	left: 400px;
	top: 15px;
	width: 500px;
}
.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: -30px;
	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;
}
/* end footer area */