/* CSS Document */

/* the function of this wrapper is to provide the padding for the description column in IE*/

div#parent {
	position: relative;
	
}

div#descriptioncolumn {
	position: relative;
	text-align: justify; 
}

div#descriptioncolumn a {
	color: #751b05;
}

td#description {
	padding: 3px 15px 15px 15px;
	background-color: #FF7F00;
	line-height:1.5em;
}

div#thumbnailscolumn {
	margin-top: 0px;
	margin-left: 151px;
	width: 298px;
	background: #ffffff;
	margin-bottom: 20px;
}
	
a {
	text-decoration: none;
	color: #DB5F05;
}	

a:hover {
	text-decoration: underline;
}	
	

#imagelabel {
	position:relative; 
	clear: both;

	padding: 10px 12px 15px 12px;

	border-top: 1px;
	border-color: #000;
	border-top-style:solid;
	background-color: #CCC;
	color: #7E5F40;
	}
	
#imagelabelbox {
	margin: 0px 21px 0px 151px;
	width:546px;
}

#picturebox {
	margin-right: 22px;
	margin-left: 151px;
	margin-bottom: 20px;
	text-align:right;
}
	
/*name pictures #picture1, #picture2, #picture3, #picture4 to connect to javascript */
.showpicture {
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	z-index: 2;}	
	
.thumbnail {
	position: relative;
	padding-top: 9px;
	padding-bottom: 9px;
	border-top: 0px;
	border-bottom: 1px;
	border-color: #000;
	border-bottom-style: dotted;
	width: 298px;
	z-index: 1;}

/* THERE images are superimposed on rollovers.*/
.firstthere {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 298px;
	visibility: hidden;
	z-index: 2;}

.there {
	position: absolute;
	left: 0px;
	top: 9px;
	width: 298px;
	visibility: hidden;
	z-index: 2;}
	
/*for first thumbnail, eliminate top padding.
for last thumbnail remove border.*/

.whiteout {
	background-color:white;
	width:100px;
	height:25px;
}

.project-title {
	padding-top:13px; 
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom:5px;
}

#tn4 {
	padding-bottom: 0px;
}