/* Picture Viewer CSS Document */
body {
	/*background-color: #6666CC;*/
	color: #000000;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
}
img { border: 0; }

/* Links */
a:link { color: #FFFFFF; text-decoration:underline; }
a.copyrightLink:link 	{ font-size: 10px; color: #000000; }
a.copyrightLink:visited { font-size: 10px; color: #000000; }
a.copyrightLink:active  { font-size: 10px; color: #000000; }

/* Containers */
#container {
	position: relative;
	background-color: #6666CC;
	height: 690px;
	width: 555px;
}
#firstContent {
	position: absolute;
	background-color: #000000;
	height: 617px;
	width: 537px;
	top: 37px;
	left: 9px;
}
#secondContent {
	background-color: #8382C2;
	border: 1px solid #6666CC;
	position: absolute;
	top: 8px;
	left: 8px;
	height: 510px;
	width: 519px;
}
#title {
	font-size: 16px;
	font-weight: bold;
	height: 35px;
	left: 0;
	padding-top: 8px;
	position: absolute;
	text-indent: 3px;
	top: 0;
	width: 519px;
}
#thirdContent {
	background-color: #ABA9FD;
	height: 473px;
	left: 3px;
	position: absolute;
	top: 35px;
	width: 514px;
}
#imageTable {
	 height: 100%;
	 vertical-align: middle;
	 width: 100%;
}
#buttons {
	background-color: #8382C2;
	border: 1px solid #6666CC;
	height: 32px; /* Border included in table's width, so height/width increased by 2 */
	left: 8px;
	position: absolute;
	top: 525px;	
	width: 521px;
	vertical-align: middle;
}
#buttonsText {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#captionTable {
	color: #FFFFFF;
	font-size: 12px;
	height: 60px;
	left: 17px;
	position: absolute;
	text-align: center;
	top: 555px;
	vertical-align: middle;
	width: 537px;
}
#copyrightText {
	font-size: 10px;
	padding-top: 10px;
	position: absolute;
	text-align: center;
	top: 654px;
	left: 0px;
	height: 36px;
	width: 100%;
}