@charset "utf-8";
body {
	margin-top: 21px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-left: 18px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;	
}
#creatureImage {
	float: left;
}
#headerAndMenu {
	height: 210px;
	width: calc(100% - 30px);
	background-image: url(../img/mainHorDiv.png);
	background-repeat: repeat-x;
	background-position: 120px 89px;
	margin-left: 12px;	
}
#headerAndMenu h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #314e12;
	font-style: italic;
	font-weight: 400;
	padding-top: 37px;
	margin-left: 30px;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;	
}
#headerAndMenu a {
	color: inherit;
	text-decoration: none;
}
#headerAndMenu nav{
	margin-left: 30px;
}
#headerAndMenu nav img {
	margin-right: 4px;
	margin-left: 6px;
	position: relative;
	top: 5px;
}
#headerAndMenu nav a
{
	color: #406618;
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	transition: all 1s ease-in-out;
	-webkit-transition:  all 1s ease-in-out;
	-moz-transition:  all 1s ease-in-out;
}
#headerAndMenu nav a:hover
{
	color: #406618;
	background-color: #D0F6A8;
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	transition: all .3s ease-in-out;
	-webkit-transition:  all .3s ease-in-out;
	-moz-transition:  all .3s ease-in-out;
}#mainTable {
	margin: 0px;
	padding: 0px;
	padding-top: 30px;
	clear: both;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
td.tdDivider {
	background-image: url(../img/verticalDivider.png);
	background-repeat: repeat-y;
	width: 4px;
}
td.tdContent
{
	width: 25%;
	vertical-align: top;
}
td.leftPanel
{
	width: 350px;
	vertical-align: top;
}
td.leftPanelSmall
{
	width: 250px;
	vertical-align: top;
}
td.rightContent
{
	vertical-align: top;
}
.indexblock h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	color: #406618;
	text-align: center;
	font-weight: 400;
}
.indexblock h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	color: #406618;
	text-align: left;
	font-weight: 400;
	margin-left: 30px;
}
.author
{
	color:#666;
	font-size: 12px;
	font-style: italic;
}
div.underlined {
	background-image: url(../img/horisontalDivider.png);
	background-repeat: repeat-x;
	background-position: 0px 100%;
	
}
div.indexblock
{
	margin: 15px;
	padding-bottom: 20px;
}
.highlightable
{
	padding: 5px;
	width:100%;
	display: inline-block;
	background: #fff;
	transition: all .3s ease-in-out;
	-webkit-transition:  all .3s ease-in-out;
	-moz-transition:  all .3s ease-in-out;
}
.sticky
{
	position: fixed;
	top: 0;
}
.highlightable:hover
{
	background: #e2fbca;
	transition: all .3s ease-in-out;
	-webkit-transition:  all .3s ease-in-out;
	-moz-transition:  all .3s ease-in-out;
}
.highlightable img
{
	padding-right: 5px;
	padding-left: 5px;
}
.highlightable p
{
	margin-bottom:0px;
	margin-top:0px;
}
.dimmer
{
	z-index:10;
	position:fixed;
	top: 0;
	left: 20px;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	visibility:hidden;
	transition: all ease .4s;
}
.dimmerShown
{
	z-index:10;
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .85;
	transition: all ease .4s;
}

.photocont
{
	z-index:11;
	position:fixed;
	top: 0;
	left: 0;
	top: 50%;
	left: 50%;
	background-color: #000;
	opacity: 0;
	visibility:hidden;
	transition: all ease .4s;
}

.photocontShown
{
	z-index:11;
	position:fixed;
	top: 50%;
	left: 50%;
	background-color: #000;
	opacity: 1;
	visibility: visible;
	transition: all ease .4s;
}
.hiddenNews
{
	visibility: hidden;
	display: none;
}
.shownNews
{
	visibility:visible;
	width: 500px;
	height: 500px;
	overflow: scroll;
	background-color: #fff;	
	position:fixed;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -250px;
	z-index: 11;
}

.centered
{
	text-align:center;
}

a 
{
	text-decoration: none;
	color: inherit;
}

div.docblock
{
	width: 300px;
	height: 80px;
	overflow:hidden;
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #666;
	font-weight: 400;
	margin: 10px;
	padding: 5px;
}

.announcement
{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #666;
	font-weight: 400;
	margin: 10px;
	padding: 5px;
}

.docblock h4, .announcement h4
{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	color: #406618;
	text-align: right;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
}

.docblock h5, .announcement h5
{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style:normal;
	color: #000;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
}

.docHeader {
	background-color: #fff;
	width: 100vw;
	height: 85px;
	left: 0px;
	text-align: center;
	border-bottom: 1px solid #0a0;
	font-style: italic;
}

.docHeader h1 {
	color: #314e12;
	font-size: 20px;
	margin-bottom: 0px;
}

.docHeader p
{
	padding: 0px;
	margin: 0px;
	color: #777;
}

.docHeader .authors
{
	font-weight: 800;
}
.normallinks a {
    text-decoration: underline;
    color: blue;
}