@charset "utf-8";
/* CSS Document */

/* CSS for body components */
body {margin:0; padding:0; font-size:100%; background-color:#ffffdd; width:100%;}

#onecolumn {margin:60px 80px 40px 80px; padding:0px; font-family:arial, helvetica, sans-serif;font-size:0.9em;}
/* end of CSS for body components */

/* default CSS styles */
h1, h2, h3, h4, h5, h6, p, li {margin:0; padding:0; color:#000; font-family:arial, helvetica, sans-serif;}
h1 {font-size:1.5em; font-weight:strong; margin:20px 0 20px 0; text-align:center;}
h2 {font-size:1.1em; margin:20px 0 10px 0;text-align:center; background-color:#ffeeaa;}
h3 {font-size:0.9em; margin:20px 0 0 0;text-indent:50px;}
h4 {font-size:0.9em; margin:20px 0 0 0;text-indent:50px;}
h5 {font-size:0.9em;}
h6 {font-size:0.9em;}

img {border: none;} 

/* changes to various other checklists */
/* lichenicolous-fungi */
body.lichenicolous-fungi {background-color:#F0FFF4}
body.lichenicolous-fungi h2 {background-color:#AAD5D5}
body.lichenicolous-fungi .species-name {
	font-weight: bold;
	font-style:italic;
}

body.lichenicolous-fungi .genus-name {
	font-weight: bold;
	font-style:normal;
}
.host{padding-bottom: 8px;}
.host-name {font-style:italic;}
body.lichenicolous-fungi .lichen-distribution {padding-bottom: 0px;}

/* Pacific Islands */
body.pacific-islands {background-color:#FDFDFF}
.pacific-islands h2 {background-color:#CCF}
body.pacific-islands th {background-color:#DDF}
body.pacific-islands caption {background-color:#FFEBD7}
body.pacific-islands td{border-bottom:#FFEBD7}
body.pacific-islands .species-name {
	font-weight: bold;
	font-style:italic;}
body.pacific-islands .species {padding-top:10px;}
body.pacific-islands .genus {padding:15px 0 0 0;}
body.pacific-islands .genus-name {
	font-weight: bold;
	font-style:normal;}
body.pacific-islands .lichen-distribution {
	padding-bottom: 0;}
body.pacific-islands .literature {
	padding-bottom: 0;}
	
/* Strigulaceae */
body.strigulaceae {background-color:#F9FFD9;}
.strigulaceae h2 {background-color:#E0F0B9;}
body.strigulaceae .multiphotos3 {margin-top:30px; margin-bottom:30px;background-color:#E0F0B9; text-align:center;margin-left:auto;margin-right:auto;width:638px;}
body.strigulaceae .multiphotos4 {margin-top:30px; margin-bottom:30px;background-color:#E0F0B9; text-align:center;margin-left:auto;margin-right:auto;width:848px;}
body.strigulaceae .photo {padding:6px 6px; float:left; background-color:#E0F0B9;}
body.strigulaceae th {background-color:#E0F0B9;}
body.strigulaceae caption {background-color:#EDFFC0;}
body.strigulaceae td{border-bottom:#E0F0B9; 	padding: 3px 5px 3px 2px;}
body.strigulaceae .synonym-name{font-style:italic; font-weight:bold}
body.strigulaceae .lichen-distribution {padding-bottom: 0px;}
body.strigulaceae .species{font-size:1.0em; padding-top:10px;}
.scientific-name{font-style:italic;}

/* Porinaceae */
body.porinaceae {background-color:#FFF5EC}
.porinaceae h2 {background-color:#FFD1BB;}
body.porinaceae .multiphotos3 {margin-top:30px; margin-bottom:30px;background-color:#FFD1BB; text-align:center;margin-left:auto;margin-right:auto;width:638px;}
body.porinaceae .multiphotos4 {margin-top:30px; margin-bottom:30px;background-color:#FFD1BB; text-align:center;margin-left:auto;margin-right:auto;width:848px;}
body.porinaceae .photo {padding:6px 6px; float:left; background-color:#FFD1BB}
body.porinaceae th {background-color:#FFD1BB}
body.porinaceae caption {background-color:#FFEBD7}
body.porinaceae td{border-bottom:#FFD1BB; 	padding: 3px 5px 3px 2px;}
body.porinaceae .synonym-name{font-style:italic; font-weight:bold}
body.porinaceae .lichen-distribution {padding-bottom: 0px;}
body.porinaceae .species{font-size:1.0em; padding-top:10px;}
.scientific-name{font-style:italic;}

/* Classification html page */
/* indenting */
.phylum {padding-left:0px; padding-top:5px; font-weight:bold; font-size:1.1em;}
.subphylum {padding-left:20px; padding-top:5px;  font-weight:bold; font-size:1.1em;}
.class {padding-left:40px; padding-top:5px;  font-weight:bold; font-size:1.1em;}
.subclass {padding-left:60px; padding-top:5px;  font-weight:bold; font-size:1.1em;}
.order {padding-left:80px; padding-top:5px;  font-weight:bold; font-size:1.1em;}
.family {padding-left:100px; padding-top:5px;  font-weight:bold; font-size:1.0em;}
.genera {padding-left:120px; font-style:italic; font-size:1.0em;}
.genus-indent {padding-left:120px; font-size:1.0em;}
.incertae-sedis {font-weight:bold;}

/* other */
body.classification .genus-name {font-style:italic; font-weight:normal;}

/* CSS for header */
#header {background:#497136; margin:0; padding:0;}
#header ul a {color: #403f3f; text-decoration:none;}
#header ul a:link {color: #666; text-decoration:none;}
#header ul a:hover {color: #000; text-decoration:underline;}
#header ul a:visited {color: #000;}
#header ul {padding:.2em 0; margin:0; list-style-type:none; background-color:#FFFCE5; width:100%;
font: normal 0.6em arial, helvetica, sans-serif; text-align:right;}
#header li {display:inline; padding-right: 15px;}

#title {float:right; padding:10px 20px;}  
#title p {margin:0; padding:0; color:#FFF;}
#title p.header-one {padding-top:5px; font-weight:lighter; font-size:120%; font-family:arial, helvetica, sans-serif; text-align:right;}
#title p.header-two {margin:0px; padding:5px 0 0 0; font-weight:bold; font-size:90%; color:white; font-family:arial, helvetica, sans-serif; text-align:right;background-color:transparent;}

#logo {padding:10px 10px 15px 20px; border:0; float:left;}


.clearall {clear:both;}
#breadcrumb a {color: #E7EBF3; text-decoration:none;}
#breadcrumb a:link {color: #403f3f; text-decoration:none;}
#breadcrumb a:hover {color: #000; text-decoration:underline;}
#breadcrumb a:visited {color: #000;}

#breadcrumbs {margin:0; padding:2px 10px 4px 20px; font-size:0.6em; text-align:left; font-family:arial, helvetica, sans-serif; background-color:#FFFCE5; border-bottom:1px solid #497136;}
/* end of CSS for header */

/* CSS for footer*/
#footer {margin:20px 0; padding:0; border-top:1px solid #497136; clear:both;}
#footer ul a {color: #403f3f; text-decoration:none;}
#footer ul a:hover {color: #000; text-decoration:underline;}
#footer ul a:visited {color: #000;}
#footer ul {padding:0.5em 0; margin:0; list-style-type: none; width:100%; font: normal 0.6em arial, helvetica, sans-serif; text-align:center;}
#footer ul.left {text-align:left;}
#footer li {display:inline; padding:15px;}
#footer p {font-size:0.6em; margin: 5px 0; text-align:right; background:none; padding-left:0;}
#footer p.center {text-align:center;}
.rightbox {float:left; width:46%; padding-left:1%; margin-top:5px;}
.leftbox {float:left; width:46%; padding-right:3%; margin-top:5px; border-right:1px solid #497136;}
/* end of CSS for footer */

/* CSS classes */
.padded {
	padding-left:5%;
	padding-right:5%;
}
.bold {font-weight:bold;}
/* The lichen website colour codes text to indicate the year the change was made */

a {color:#33C;}

.slideshow {
	margin:5px;
	width:286px;
	height:383px;
	padding:6px 6px;
	background-color:#ffeeaa;
}
.green-bold-centre {
	color: #009933;
	text-align:center;
	font-weight:bold;
	font-size:1.0em;
}

.purple-bold-centre {
	color: #6A43BD;
	text-align:center;
	font-weight:bold;
	font-size:1.0em; /* colour for 2018 updates */
}

.red {color:#F00;}
.blue {color:#33C;}
.green {color:#009933;}
.purple {color:#6A43BD;} /* colour for 2018 updates */


.centered {
	margin: 20px auto 30px;
	text-align:center;
}

.in-line {display:inline;margin:0;}

.doubtful {
	font-size:0.9em;
	text-indent:20px;}

.species-name {font-weight: bold;}
.species{font-size:1.0em;}

.genus-name {
	font-weight:bold;
	font-style:italic;}
	
.genus {
	font-size:1.1em;
	padding-bottom: 8px;
	padding-top: 12px;}

.synonym-name {font-style:italic;}
.synonym {
	font-size:0.9em;
	text-indent:20px;}

.float-right{float:right;}
.float-left{float:left;}

.lichen-distribution {padding-bottom: 8px;}

.literature {padding-bottom: 8px;}
.reference {padding-bottom: 1px;}

/* CSS style for p tag */


p {line-height:150%; background: none; font-size:1.0em;}
.p nospace {margin: 1px 0;}

/* image tags */
img.orange-border {
background-color:#ffeeaa;
padding:15px;
margin:0;
}
.img-caption {font-size:0.6em; text-align:center; color:#184856; padding:0px; margin:0px;}

img.camera-icon {
	float:right;
	padding-right:15px;
}

/* tables */
table {
	border-collapse: collapse;
	margin: 0 auto 0 auto;
}

.yellow-background td{
	background-color:#FFB;
}

caption
{
caption-side:top;
background-color:#FCC57A;
text-align:center; 
padding:5px; 
margin:0px;
font-weight: bold;
} 

th {
	background-color:#ffeeaa;
	padding: 5px;
	margin:0px;
	border:none;
}
td {
	padding: 3px 5px 3px 2px;
	text-align:left;
	border-bottom: 1px solid #ffeeaa;	
}
.right-align {
	padding: 2px 5px 2px 2px;
	text-align:right;
}
.left-align {
	padding: 2px 5px 2px 2px;
	text-align:left;
}
.fixed-width-17{
	width: 17%
}
.fixed-width-7{
	width: 7%
}
/* lists */
ul {
	list-style-type: none;	
	line-height:120%;
	padding-left: 0;
	margin-left:0;
	font-size:0.9em;
}
li {font-size:0.9em;}

ul.horizontal-menu {
	margin:0px; text-align:center; display:inline; list-style:none;
}

li.horizontal-menu {
	display:inline; height:30px; list-style:none; text-align:center; 
}
li.current-page {
	font-size:1.0em; font-weight:bold;
}
li.pdf {
    background: url("../images/ico-pdf.gif") no-repeat scroll 0px 65% transparent;
	text-indent:20px;
}
ul.padded-vertical li{
	padding-top:5px;
	padding-bottom:5px;
}
/* flash banner */

#flash-banner-container {
    margin: 10px auto 10px auto;
    overflow: hidden;
	width:95%;
}


/* modifications to default CSS styles */
h4.nospace {margin:10px 0 0 0;}
.center {text-align:center}

span.external {background: url(../images/ico-external.gif) 100% 65% no-repeat; padding-right: 10px; font-size: 90%;text-decoration: none;}
.morespace {padding-top:8px;}

div.singlephoto {margin-left:auto; margin-right:auto; width:346px; margin-top:30px;}
.multiphotos3 {margin-top:30px; margin-bottom:30px;background-color:#ffeeaa; text-align:center;margin-left:auto;margin-right:auto;width:638px;}
.multiphotos4 {margin-top:30px; margin-bottom:30px;background-color:#ffeeaa; text-align:center;margin-left:auto;margin-right:auto;width:848px;}
.multiphotos2uneven {margin-top:30px; margin-bottom:30px;background-color:#ffeeaa; text-align:center;margin-left:auto;margin-right:auto;width:727px;}
.photo {padding:6px 6px; float:left; background-color:#ffeeaa;}
p.caption {font-size:0.6em; text-align:center; color:#184856; padding:0px; margin:0px;}
.img-caption {font-size:0.6em; text-align:center; color:#184856; padding:0px; margin:0px;}