/* Screen stylesheet for WFS diary with photos*/

body {
	font:"Times New Roman", Times, serif;
	margin:0px;
	padding:0px;
	background-color:#CCC;
}

h1 {
		text-align:center;
}

h2 {
		font-size: 1.2em;
		font-style:inherit;
		text-align:center;
}




/* tags to describe thumbnails dairy pages */

/*Table Headers*/
.photodiarytable {
	width:97%;
	margin:auto;
	padding: 0px;
	border-collapse: collapse;
	background-color:#CCCCCC;
}

.picnew {
	border:1px solid #000;
	text-align:center;
	width:12%;
}

.picsmallphoto {
	text-align:center;
	border:1px solid #000;
	width:4%;
}

.picdistribution {
	text-align:center;
	border:1px solid #000;
	width:10%;
}

/*Thumbnail dairy Table tags*/
#picwrap {
	font:"Times New Roman", Times, serif;
	font-size:1.0em;
	margin: 0 auto;	
	width:90%;
	height:auto;
	text-align:center;	
	background-color:#CCC;	
	}

.picplantname {
	width:10%;
	text-align:left;
	border:1px solid #000;
}


.smallphoto {
	text-align:center;
	border:1px solid #000;
	width:4%;
}

.distribution {
	text-align:left;
	font-style:italic;
	border:1px solid #000;
	width:10%;
}

.piclatinname {
	font-style:italic;
	text-align:left;
}

.piclatinnamenew {
	font-style:italic;
	text-align:left;
	color:#CC0000;
}
.stace3 {
	font-style:italic;
	text-align:left;
	color:#993366;
}

.hscaption {
	font-size:0.9em;
	text-align:center;
	background-color:#ccc;
	color:#000;
}

.thumbref {
	width:4%;
	height:auto;
	margin:0;
	padding-left:0;
	padding-right:0;
	padding-top:5px;	
	padding-bottom:1px;	
	text-align:center;
	vertical-align:bottom;
	color:#000000;
	border:1px solid #000;
}

/* formatting arrows to turn pages */
.back1 {
	width:auto;
	text-align:center;
	font-size:0.8em;
	font-weight:600;
	background-color:#CCC;
	border-width:3px;
	border-style:groove;
	color:#fff;
}

.ip2 {
	border-color:#CCCCFF;	
	border-width:0px;
	border-style:solid;
	vertical-align:middle;
}

/* Old tags borrowed from Screen Diary CSS*/
/* Navbox contains top navigation for most pages except Index*/
#navbox {
		width:100%;
		margin-top:3px;
		margin-bottom:5px;
		padding:0px;
		text-align:center;
		background:#fff;
		background-color:#CCC;
		}

/* Navigation to different pages of the 25 online Illustrated Diary*/
#nav1 {
		width:100%;
		margin-top:3px;
		margin-bottom:0px;
		padding:0px;
		text-align:center;
		background:#fff;
		background-color:#CCC
		}
		
#nav2 {
		width:100%;
		margin-top:3px;
		margin-bottom:0px;
		padding:0px;
		text-align:center;
		background:#fff;
		background-color:#CCC
		}

.navbar {
	margin:0 auto;
	font-size:1.0em;
	background-color:#CCC;
	color:#fc6;
}

.navbar1 {
	text-align:center;
	margin:0 auto;
}
 
.navbar1 td {
	border: 1px solid #666666; 
	margin: 1px;
	padding: 1px;
}

.fade {
 color:#999999;
 font-style:normal;
}

.smaller {
 font-size: 1.2em;
 font-weight:bold;
 color:#FFFFFF;
}

/*  Hedaing of Illustrated Diary */
.heading {
 color:#000;
 font-size: 1.7em;
 font-weight:bold;
}

/* formatting for the table cell that contains navigation between pages */
.back1 {
	width: 85px;
	height: 20px;
	font-weight:bold;
	font-size:0.7em;
	background-color:#DCDCDC;
}

/* formatting for the table cell that contains navigation between pages */
.here1{
	width:110px;
	height: 20px;
	font-weight:bold;
	text-align:center;
	font-size:0.8em;
	background-color:#CCC;
	color:#000;
}
 
#footer {
	width:100%;
		text-align:center;
}

.pagenum {
	padding-top:10px;
	text-align:center;
	font-size:12px;
}

li {
	color:#000000;
	font-size:1.0em;
	line-height:100%;
	text-align:left;
	margin-left:3px;

}

ul {
		list-style-type:none;
		text-align:left;
		margin:0px;
		padding:0px;
}

.added {
	font-size:0.7em;
	font-weight:normal;
	text-align:left;
	background-color:#CCC;
	color:#999999;
}

/* formatting for the table cell that contains navigation between pages */
.back {
	width:75px;
	font-weight:bold;
	text-align:center;
	font-size:0.9em;
	background-color:#CCC;
	color:#000;
}

/* Main navigation link colours*/
/* green for link exists but not yet visited*/
a:link {color:#693; text-decoration: none; background-color: transparent }

/* plum red for link exists but not yet visited*/
a:visited { color:#cc3333; text-decoration: none; background-color: transparent }

/* black when mouse hovers over link*/
a:hover { color:#000; text-decoration: underline; background-color: transparent }

/* blue during click or if it stays active as in wretched IE6*/
a:active { color:#3366cc;  text-decoration: underline; background-color: transparent }


/* light green for link exists but not yet visited second set of link colours*/
.prevnext a:link {color:black; text-decoration: none; background-color: transparent; }

/* dark blue for link visited*/
.prevnext a:visited {color:blue; text-decoration: none; background-color: transparent; }

/* yellow when mouse hovers over link*/
.prevnext a:hover {color:white; text-decoration: none; background-color: transparent; }

/* white during click or if it stays active as in wretched IE6*/
.prevnext a:active {color:yellow;  text-decoration: none; background-color: transparent; }



/* light green for link exists but not yet visited second set of link colours*/
.pagenav a:link {color:chocolate; text-decoration: none; background-color: transparent; }

/* dark blue for link visited*/
.pagenav a:visited {color:darkslategray; text-decoration: none; background-color: transparent; }

/* yellow when mouse hovers over link*/
.pagenav a:hover {color:white; text-decoration: none; background-color: transparent; }

/* white during click or if it stays active as in wretched IE6*/
.pagenav a:active {color:yellow;  text-decoration: none; background-color: transparent; }