@charset  "utf-8";





.website_body {
	background-color: #000000;
	background-image: url('/images/backgrounds/background_website.jpg');
	cursor: default;
}

.page_body {
	background-color: #000000;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
	border: 1px #ffcc66 solid;
	min-width: 900px;
	background-image: url('/images/backgrounds/background_website_body.jpg');
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.page_box {
	clear:both;
	border: 1px #ffcc77 solid;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	background-image: url('/images/backgrounds/background_website_content.jpg');
}


@media print {
.website_body {
visibility: hidden;
display: none;
}
}


.header_alternate_site_versions {
min-width:780px;
max-width:780px;
color:#ffcc77;
font-size:12px;
font-family:monospace;
font-weight:bold;
position:absolute;
top:10px;
left:100px;
}

.navigation_text_box {
	line-height: 25px;
	font-family: monospace;
	font-size: 18px;
	font-weight: bold;
	color: #ffcc66;
	text-shadow: #000000 3px 3px 3px, #000000 -3px -3px 3px;
	position: relative;
	top: -90px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: -80px;
	text-align: center;
	min-width: 900px;
}



.site_last_updated {
	position: absolute;
	top: 200px;
	left: 170px;
	font-family: monospace;
	font-size: 14px;
	font-weight: bold;
	text-shadow: #000000 3px 3px 3px, #000000 -3px -3px 3px;
	text-decoration: none;
	color: #ffcc66;
	min-width: 780px;
	max-width: 780px;
}
.psilocylia_logo {
	margin:-15px 0px 0px -15px;
}




.valid_html_icon {
	position: absolute;
	left: 5px;
	top: 5px;
	z-index:20;
}
.version_pill {
	position: absolute;
	top: 57px;
	right: 35px;
	left: 35px;
	width:auto;
	height: 65px;
	min-width:930px;
	text-align:right;
}
.chemical_art {
	position: absolute;
	top: 10px;
	right: 10px;
	width: auto;
	height: 34px;
	left:0px;
	min-width: 1000px;
	text-align:right;
}








.top_of_page {
position:absolute;
top:0px;
left:0px;
}









.page_box_content {
	line-height: 25px;
	font-family: monospace;
	font-size: 13px;
	font-weight: bold;
	color: #ffcc66;
	text-shadow: #000000 3px 3px 3px, #000000 -3px -3px 3px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	word-wrap:break-word;
}

.page_box_content_break {
	border-bottom:1px #ffcc77 dotted;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}



.page_box_content_art_nav_thumbs_box {
	margin-left:auto;
	margin-right:auto;

}

.page_box_content_art_nav_link {
	font-family: monospace;
	font-weight: bold;
	color: #ffcc66;
	cursor: pointer;
	text-shadow: #000000 3px 3px 3px, #000000 -3px -3px 3px;
}

.page_box_content_art_nav_thumb_link {
	font-family: monospace;
	font-weight: bold;
	color: #ffcc66;
	cursor: pointer;
	text-shadow: #000000 3px 3px 3px, #000000 -3px -3px 3px;
	display:table-cell;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.page_box_content_art_nav_thumb_link:hover {
	color: #ffffcc;
	text-shadow: #000000 -2px -2px 2px, #000000 2px 2px 2px,  #ffcc66 4px 8px 2px, #ffcc66 -8px -4px 1px;
}

.page_box_content_art_nav_thumb_link_jump {
	font-family: monospace;
	font-weight: bold;
	color: #ffcc66;
	cursor: pointer;
	text-shadow: #000000 3px 3px 3px, #000000 -3px -3px 3px;
	display:table-cell;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	padding-bottom: 25px;
}

.page_box_content_art_nav_thumb_link_jump:hover {
	color: #ffffcc;
	text-shadow: #000000 -2px -2px 2px, #000000 2px 2px 2px,  #ffcc66 4px 8px 2px, #ffcc66 -8px -4px 1px;
}

.page_box_content_art_nav_link:hover {
	color: #ffffcc;
	text-shadow: #000000 -2px -2px 2px, #000000 2px 2px 2px,  #ffcc66 4px 8px 2px, #ffcc66 -8px -4px 1px;
}

.page_box_content_art_nav_thumb {
	display: inline-table;
	width: 200px;
	height: 150px;
	border:1px #ffcc77 solid;
	margin: 10px 10px 15px 10px;
}

.page_box_content_art_nav_thumb:hover {
	background-position: 0px -150px;
}

.page_box_content_art_nav_thumb_title {
	position:relative;
	top:-5px;
}



.page_box_content_image {
	border:1px #ffcc66 solid;
	max-width: 100%;
}

.page_box_content_image_caption_box {
	padding-left:30px;
	max-width: 1150px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size: 14px;
}

.page_box_content_image_caption_header {
	font-size: 18px;
	border-bottom: 1px #ffcc77 solid;
	margin-bottom: -10px;
	padding-bottom: 8px;
	position: relative;
	padding-left: 15px;
	left: -15px;
}

.page_box_content_image_caption_important_text {
	border-bottom:1px #ffcc77 dashed;
}




.page_box_header_left {
	/*
	1a: The top position is set to -10px to give the box header a smaller footprint on the page.
	1b: Content below the header will have a 10px top margin due to this.
	1c: The bottom margin is set to 10px to bring the total top margin for content below the header to 20px as it normally would have if the header wasn't there.
	1d: The 20px top margin is normally defined solely by ".page_box_content" when a box header is not present.
	2a: The width must be set to 100% or content below the header will float to the right of it.
	2b: The left float is needed to allow the right side header though a header on the right side is not a necessity.
	3a: The header has a 3px top and bottom margin from its own borders by default.
	3b: After setting the top position to -10px it has a top margin of 13px and bottom margin of 3px.
	3c: The bottom padding has been set to 10px to give the header equal top and bottom margins of 13px.
	*/
	font-family: monospace;
	font-size: 18px;
	font-weight: bold;
	color: #ffcc66;
	position: relative;
	top: -10px;
	margin-bottom: 10px;
	text-align: left;
	text-shadow: #000000 3px 3px 3px, #000000 -3px -3px 3px;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px #ffcc66 dotted;
	float: left;

}

.page_box_header_left:first-letter {
	font-size: 150%;
}

.page_box_header_right {
	font-family: monospace;
	font-size: 18px;
	font-weight: bold;
	color: #ffcc66;
	position: absolute;
	right: 0px;
	top: -8px;
	text-align: right;
	text-shadow: #000000 3px 3px 3px, #000000 -3px -3px 3px;
	padding-bottom: 10px;
}

.page_box_header_center {
	font-family: monospace;
	font-size: 18px;
	font-weight: bold;
	color: #ffcc66;
	position: relative;
	text-align: center;
	width: 100%;
	top: -10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-shadow: #000000 3px 3px 3px, #000000 -3px -3px 3px;
	border-bottom: 1px #ffcc66 dotted;
}

.page_box_footer_left {
	font-family: monospace;
	font-size: 12px;
	font-weight: bold;
	color: #ffcc66;
	position: relative;
	left: 0px;
	text-align: left;
	width: 100%;
	bottom: -10px;
	margin-top: 10px;
	padding-top: 10px;
	text-shadow: #000000 3px 3px 3px, #000000 -3px -3px 3px;
	border-top: 1px #ffcc66 dotted;
}

.page_box_footer_right {
	font-family: monospace;
	font-size: 12px;
	font-weight: bold;
	color: #ffcc66;
	position: absolute;
	right: 0px;
	bottom: -8px;
	text-align: right;
	text-shadow: #000000 3px 3px 3px, #000000 -3px -3px 3px;
	padding-top: 10px;
}

.page_box_footer_center {
	font-family: monospace;
	font-size: 12px;
	font-weight: bold;
	color: #ffcc66;
	position: relative;
	text-align: center;
	width: 100%;
	bottom: -10px;
	margin-top: 10px;
	padding-top: 10px;
	text-shadow: #000000 3px 3px 3px, #000000 -3px -3px 3px;
	border-top: 1px #ffcc66 dotted;
}










.standard_link {
	font-family: monospace;
	font-weight: bold;
	text-decoration: underline;
	color: #ffcc66;
	cursor: pointer;
	text-shadow: #000000 3px 3px 3px, #000000 -3px -3px 3px;
}
.standard_link:hover {
	color: #ffffcc;
	text-shadow: #000000 -2px -2px 2px, #000000 2px 2px 2px,  #ffcc66 4px 8px 2px, #ffcc66 -8px -4px 1px;
}
.standard_link:active {
	color: #ffcc66;
	text-shadow: #ffffcc 8px 4px 1px, #ffcc66 -4px -8px 2px;
}

.standard_link_unavailable {
	font-family: monospace;
	font-weight: bold;
	text-decoration: underline;
	color: #ffcc66;
	cursor: pointer;
	text-decoration: line-through;
	text-shadow: #000000 3px 3px 3px, #000000 -3px -3px 3px;
}
.standard_link_unavailable:hover {
	color: #ff0000;
	text-shadow: #000000 2px 6px 15px, #000000 -6px -2px 15px;
}
.standard_link_unavailable:active {
	text-shadow: #ff0000 4px 4px 5px, #ff0000 -4px -4px 5px;
}

a {
	outline: none;
	text-decoration: none;
}
img {
	border: 0px;
}
.ul {
	text-decoration: underline;
}
.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}

.up_arrow {
	font-family:code2000, code2001, arial unicode ms,bitstream cyberbit;
	color: #ffcc66;
	font-size: 22px;
	font-weight:900;
}

a.back_to_top_link {
	font-family: monospace;
	font-size: 14px;
	font-weight: bold;
	color: #ffcc77;
	cursor: pointer;
	text-shadow: #000000 3px 3px 3px, #000000 -3px -3px 3px;
	text-decoration: underline;
}

a.back_to_top_link:hover {
	color: #ffffcc;
	text-shadow: #000000 -2px -2px 2px, #000000 2px 2px 2px,  #ffcc66 4px 8px 2px, #ffcc66 -8px -4px 1px;
}

a.back_to_top_link:active {
	color: #ffcc66;
	text-shadow: #ffffcc 8px 4px 1px, #ffcc66 -4px -8px 2px;
}






.artwork_table_year_header {
	background-image: url('/images/backgrounds/black_35_translucent.png');
	background-repeat: repeat;
}



.artwork_table_year {
	background-image: url('/images/backgrounds/black_25_translucent.png');
	outline: 2px #996600 groove;
	background-repeat: repeat;
	width: 100%;

}



.artwork_collection_break {
	border-bottom:1px #ffcc77 dashed;
	padding-bottom:10px;
	padding-top: 10px;
	font-family: monospace;
	font-size: 18px;
	font-weight: bold;
	color: #ffcc66;
}

.artwork_thumbnails {
	padding-top: 10px;
}

.content_break_small {
	font-family:code2000, code2001, arial unicode ms,bitstream cyberbit;
	font-size: 14px;
	font-weight: bold;
	color: #ffcc66;
	position: relative;
	top:3px;
	text-align: center;
	text-shadow: #000000 3px 3px 2px,#000000 -3px -3px 2px;
	letter-spacing: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.content_break_small_center {
	font-family:code2000, code2001, arial unicode ms,bitstream cyberbit;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	bottom: 1px;
}
.content_break_small_left1:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 -8px 8px 1px, #ffcc66 0px -11px 1px;
	cursor: default;
}
.content_break_small_left2:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 8px -8px 1px, #ffcc66 -8px 8px 1px;
	cursor: default;
}
.content_break_small_left3:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 -8px 8px 1px, #ffcc66 -8px -8px 1px;
	cursor: default;
}
.content_break_small_left4:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px -8px 1px, #ffcc66 -8px -8px 1px, #ffcc66 -8px 8px 1px;
	cursor: default;
}
.content_break_small_left5:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 8px -8px 1px, #ffcc66 -8px -8px 1px;
	cursor: default;
}
.content_break_small_left6:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 -8px 8px 1px, #ffcc66 0px -11px 1px;
	cursor: default;
}
.content_break_small_center:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 10px 10px 1px, #ffcc66 -10px 10px 1px, #ffcc66 0px -13px 1px;
	cursor: default;
}
.content_break_small_right6:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 -8px 8px 1px, #ffcc66 0px -11px 1px;
	cursor: default;
}
.content_break_small_right5:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 8px -8px 1px, #ffcc66 -8px 8px 1px;
	cursor: default;
}
.content_break_small_right4:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 -8px 8px 1px, #ffcc66 -8px -8px 1px;
	cursor: default;
}
.content_break_small_right3:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px -8px 1px, #ffcc66 -8px -8px 1px, #ffcc66 -8px 8px 1px;
	cursor: default;
}
.content_break_small_right2:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 8px -8px 1px, #ffcc66 -8px -8px 1px;
	cursor: default;
}
.content_break_small_right1:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 -8px 8px 1px, #ffcc66 0px -11px 1px;
	cursor: default;
}


.content_break_standard {
	font-family:code2000, code2001, arial unicode ms,bitstream cyberbit;
	font-size: 28px;
	font-weight: bold;
	color: #ffcc66;
	position: relative;
	text-align: center;
	text-shadow: #000000 3px 3px 2px,#000000 3px -3px 5px,#000000 -3px 3px 5px,#000000 -3px -3px 5px;
	cursor: default;
	letter-spacing: -2px;
}
.content_break_standard_center {
	font-family:code2000, code2001, arial unicode ms,bitstream cyberbit;
	font-size: 28px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	bottom: 1px;
}
.content_break_standard_left1:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 -8px 8px 1px, #ffcc66 0px -11px 1px;
	cursor: default;
}
.content_break_standard_left2:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 8px -8px 1px, #ffcc66 -8px 8px 1px;
	cursor: default;
}
.content_break_standard_left3:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 -8px 8px 1px, #ffcc66 -8px -8px 1px;
	cursor: default;
}
.content_break_standard_left4:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px -8px 1px, #ffcc66 -8px -8px 1px, #ffcc66 -8px 8px 1px;
	cursor: default;
}
.content_break_standard_left5:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 8px -8px 1px, #ffcc66 -8px -8px 1px;
	cursor: default;
}
.content_break_standard_left6:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 -8px 8px 1px, #ffcc66 0px -11px 1px;
	cursor: default;
}
.content_break_standard_center:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 10px 10px 1px, #ffcc66 -10px 10px 1px, #ffcc66 0px -13px 1px;
	cursor: default;
}
.content_break_standard_right6:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 -8px 8px 1px, #ffcc66 0px -11px 1px;
	cursor: default;
}
.content_break_standard_right5:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 8px -8px 1px, #ffcc66 -8px 8px 1px;
	cursor: default;
}
.content_break_standard_right4:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 -8px 8px 1px, #ffcc66 -8px -8px 1px;
	cursor: default;
}
.content_break_standard_right3:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px -8px 1px, #ffcc66 -8px -8px 1px, #ffcc66 -8px 8px 1px;
	cursor: default;
}
.content_break_standard_right2:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 8px -8px 1px, #ffcc66 -8px -8px 1px;
	cursor: default;
}
.content_break_standard_right1:hover {
	color: #ffffcc;
	text-shadow: #ffcc66 8px 8px 1px, #ffcc66 -8px 8px 1px, #ffcc66 0px -11px 1px;
	cursor: default;
}


.qrcode_message {
	text-align: center;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	padding-top: 15px;
	margin-bottom: 20px;
	border-bottom: 1px #ffcc77 solid;
	border-top: 1px #ffcc77 solid;
	width: 500px;
}
.copyright_text {
	margin-top: 30px;
	margin-bottom: 15px;
	font-family: monospace;
	font-size: 13px;
	font-weight: bold;
	color: #ffcc66;
	position: static;
	text-align: center;
	clear: left;
	text-shadow: #000000 3px 3px 3px, #000000 -3px -3px 3px;
	bottom: 15px;
}





















.right_arrow {
	font-family:code2000, code2001, arial unicode ms,bitstream cyberbit;
	color: #ffcc66;
	font-size: 32px;
	font-weight: bold;
	padding-right: 10px;
	position: relative;
	top: 4px;
	line-height: 2px;
}



.selected {
	color: #ffffcc;
	text-shadow: #ffcc66 3px 3px 3px, #ffcc66 -3px -3px 3px;
}









.table {
margin: 0px auto 0px auto;
}

.first_col_small {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding-right: 0px;
	border-bottom:1px #ffcc77 dotted;
}

.first_col {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	padding-right: 0px;
	border-bottom:1px #ffcc77 dashed;
}

.second_col {
text-align: left;
padding-left: 10px;
}