html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #7e8894; font-family: "Times New Roman", Times, serif; background: #fff no-repeat 100% 140px url('bg.gif');}
img {border: 0;}
a {color: #569dcc;}
a:hover, a.on, a.on:hover {color: #2e3136; font-style: italic;}
a.on2 {color: #7e8894; font-style: italic;}
.direct {border-bottom: 1px dashed; text-decoration: none; cursor: hand; cursor: pointer;}

/**
a.win {position: relative; white-space: nowrap; padding-right: 15px; background: no-repeat 100% 50% url('ico_win.gif');}
a.win:hover {background: no-repeat 100% 50% url('ico_win_active.gif');}

a.win:visited {background: no-repeat 100% 50% url('ico_win_visited.gif');}
a.win:active, a.win:visited:active {background: no-repeat 100% 50% url('ico_win_active.gif');}
:active {color: #ff5360;}**/
p {font-size: 100%; padding: 0; margin: 0 0 1em 0; line-height: 1.4em;}
	/*.date {margin-bottom: 0; font-size: 83%; color: #800900; font-style: italic;}*/
	.prelist {margin-bottom: 0.3em;}
	.also {margin-top: 1.5em;}
ul, ol {position: relative; font-size: 100%; padding: 0; margin: 0 0 1em 0; line-height: 1.4em;}
	ul li {list-style: none; background: no-repeat 0 0.6em url('li.gif'); margin: 0 0 0.3em 25px; padding-left: 15px;}
	ul li.second {margin-left: 55px;}
	ul li.third {margin-left: 90px;}
	ol li {margin: 0 0 0.3em 35px;}
		li p, li ul, li ol, li h4 {font-size: 100%;}
h1 {color: #2e3136; font-weight: normal; font-size: 160%; margin: 0 0 0.3em 0;}
h2 {color: #2e3136; font-weight: normal; font-size: 130%; margin: 1.4em 0 0.3em 0;}
h3 {color: #2e3136; font-weight: normal; font-size: 110%; margin: 1.4em 0 0.3em 0;}
	.first {margin-top: 0;}
table {border: 0; border-collapse: collapse;}
td {padding: 0;}
table.simple {margin-bottom: 1em; border-bottom: 1px solid #fff; width: 350px;}
table.simple th {text-align: left; padding: 0.6em 2em 0.6em 0; border-bottom: 1px solid #c4b195; font-style: italic; font-size: 80%; color: #a18c5f;}
table.simple td {padding:  0.6em 2em 0.6em 0; border-bottom: 1px dashed #c4b195; border-top: 1px dashed #c4b195;  font-size: 80%;}
table.simple .align_right {text-align: right;}
table.simple .additional {padding-left: 2em; font-size: 70%; border: none;}
form {margin: 0;}
    form table {margin: 0; width: 100%; position: relative;}
	form td {font-size: 80%; padding: 0.5em 1em 0.5em 0; vertical-align: top;}
	td.field {width: 100%;}
	.star {position: absolute; margin-left: -1em; color: #e93e00;}
	span.error {color: #e93e00;}
	input, select, textarea {font-size: 100%; font-family: Arial, Tahoma, Verdana, sans-serif; margin: 0; width: 95%;}
	input.error, textarea.error {border: 2px solid #e93e00;}
	.btn {cursor: pointer; cursor: hand; padding: 3px; width: auto;}
.spacer {float: left;}
	.spacer img {width: 1px; height: 1px;}
.br {width: 100%; height: 1px; clear: tour;}
.nobr {white-space: nowrap;}
.roman {position: relative; left: -0.6em; white-space: nowrap;}
.star {font-family: Arial, Helvetica, sans-serif;}
img.png {//background-image: none !important; behavior: url('/design/png.htc');}

#zoom_screen {z-index: 9; position: fixed; width: 100%; height: 100%; background: url('zoom_bg.gif');}
*body #zoom_screen {position: absolute; left: expression((ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLef ) + 'px'); top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px');}
	#zoomed_div {position: absolute; left: 50%; top: 50%;  background: #2f0b0b url('zoom_loading.gif') no-repeat center;}
		#zoomed_photo {margin: 7px 9px;}
		
.counter {}
	.counter a {display: block; float: left; color: #2e3136; width: 50px; height: 50px; background: #fff; text-align: center;}
		.counter a:hover {font-style: normal;}
	.counter strong {display: block; float: left; color: #fff; font-weight: normal; background: #ccc0ab; width: 50px; height: 50px; text-align: center;}
		.counter span {position: relative; top: 15px;}
p.chooser {margin: 1em 0 1.5em 0; font-weight: bold;}
	p.chooser a {color: #9da1a4; padding: 3px 6px 4px 6px;}
	p.chooser strong, p.chooser a.strong {padding: 3px 6px 4px 6px; background: #b0b5b8; color: #fff;}
	p.chooser strong a, p.chooser strong a:visited, p.chooser strong a:hover  {padding: 0; color: #fff;}
	p.chooser a.strong span {color: #fff; border: none;}
	
#logo {position: absolute; left: 50px; top: 50px; width: 200px; height: 200px; background: #c4b195 no-repeat 100% 100% url('logo_bg.gif');}
	#logo a {display: block; width: 200px; height: 200px;}
		#logo img {position: absolute; width: 128px; height: 56px; left: 33px; top: 72px;}
.menu1 {z-index: 1; position: absolute; left: 300px; top: 50px; width: 250px; margin: 0; font-size: 100%;}
.menu2 {z-index: 1; position: absolute; left: 550px; top: 50px; width: 200px; margin: 0; font-size: 90%;}
.menu3 {z-index: 1; position: absolute; left: 785px; top: 50px; width: 150px; margin: 0; font-size: 75%;}
	.menu1 li, .menu2 li, .menu3 li {background: none; padding: 0; margin: 0 0 0.5em 0;}
	.menu3 li {margin: 0 0 0.7em 0;}
	/**
	.menu3 li {background: no-repeat 0 0.55em url('li.gif'); padding: 0 0 0 10px; margin: 0 0 0.5em 0;}
	**/
		.menu1 strong, .menu2 strong, .menu3 strong, .menu1 strong a, .menu2 strong a, .menu3 strong a {color: #a18c5f; font-weight: normal; font-style: italic;}
		/**
		.menu3 a, .menu3 strong  {position: relative; left: -10px; margin: 0 10px;}
		**/
#main {position: relative; width: 100%; top: 300px;}	
	#desc {position: relative; left: 150px; width: 350px; height: 100px;}
		#desc p {font-size: 80%;}
	#photo {position: relative; left: 150px; width: 350px; height: 262px;}
		#photo img {width: 350px; height: 262px; background: #f9f7f5;}
		#photo a:hover, #photo a:active {font-style: normal;}
	#txt {color: #4a4d54; position: relative; left: 150px; width: 550px;}
		#txt a:hover {font-style: normal;}
			#abstracts strong {font-weight: normal;}
#footer {position: relative; width: 100%; top: 400px; height: 200px;}
	#footer_spacer {width: 1px; height: 200px;}
	#contacts {position: absolute; left: 50px;}
		#contacts p {font-size: 90%;}
	#guesswho {position: absolute; left: 789px; width: 11px; height: 103px;}
	
#flashcontent {position: absolute; right: 0; top: 140px;}
	
/*  slideshow.css, version 0.3
 *  (c) Copyright 2007 Nathan Herald
 *
 *  slideshow.js is freely distributable under the terms of the GPL 2.0
 *  For details, see the slideshow.js web site: http://code.google.com/p/slideshow-js/
 *
 *------------------------------------------------------------------------------------*/

.slideshow {width: 350px; height: 300px; overflow: auto; position: relative;}
.slideshow ul {list-style-type: none; margin: 0; padding: 0; width: 20000px; position: absolute; top: 0; left: 0;}
.slideshow ul li {float: left;	margin: 0;	padding: 0;}
.slideshow-prev, .slideshow-next {display: block; cursor: hand; cursor: pointer; font-style: normal; position: absolute; position: absolute; top: 110px; width: 38px; height: 39px;}
	.slideshow-prev {left: -45px; background: no-repeat 0 100% url('arr_l.gif');}
		.slideshow-prev:hover {background: no-repeat 0 0 url('arr_l.gif');}
	.slideshow-next {right: -45px; background: no-repeat 0 100% url('arr_r.gif');}
		.slideshow-next:hover {background: no-repeat 0 0 url('arr_r.gif');}