/* These are the HTML tags re-defined */

body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#eee;
	color:#000000;
	min-height:1000px;
}

#pageframe {
	width:95%;
	margin: 0 auto;
	}
	
#normalpageframe {
	width:85%;
	margin: 0 auto;
	}
	
#widepageframe {
	width:95%;
	margin: 0 auto;
	}

#textframe {
	width:80%;
	background-color:#eee;
	color:#000000;
	margin: 0 auto;
	margin-bottom:1em;
	}

/* frame for navigation buttons */
#navbox1 {
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
	margin: 0 auto;
	color:#000000;
	background-color:#eee;	
}

/* frame for navigation buttons */
#titlebox {
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
	margin: 0 auto;
	color:#000000;
	background-color:#eee;	
}

#image1 {
	width:auto;
	height:470px;
}

#imagebox {
	width:100%;
	height:480px;
	background-color:#eee;
	color:#000;
	padding:0px;
	margin:0px;
}

#imageboxlarge {
	width:100%;
	height:710px;
	background-color:#eee;
	color:#000;
	padding:0px;
	margin:0px;
}

#largeimageboxlarge {
	width:100%;
	height:710px;
	background-color:#eee;
	color:#000;
	padding:0px;
	margin:0px;
}

#singleimagebox {
	width:100%;
	background-color:#eee;
	margin: 0 auto;
}

#bottomframe {
	padding-top:5px;
	margin: 0 auto;
	width:80%;
	text-align:center;
}

#bottomframe2 {
	padding-top:5px;
	margin: 0 auto;
	width:80%;
	text-align:center;
}

/* for a second frame */ 
#bottomframelow {
	padding-top:5px;
	margin: 0 auto;
	width:80%;
	text-align:center;
}

/* These are the custom tags */ 
.title {
	margin-top:4px;
	margin-bottom:2px;
	font-size:1.5em;
	background-color:#eee;
	color:#000;
}

/* These are the custom tags */ 
.titlenew {
	margin-top:4px;
	margin-bottom:2px;
	font-size:1.0em;
	background-color:#eee;
	color:#000;
}

/* These are the custom tags */ 
.titlegrey {
	margin-top:4px;
	margin-bottom:2px;
	font-size:1.5em;
	background-color:#eee;
	color:#999999;
}
/* These are the custom tags for the titles on both English and Latin Butterfly pages */ 
.titlebfly {
	margin-top:4px;
	margin-bottom:2px;
	font-size:1.5em;
	font-weight:800;
	background-color:#eee;
	color:#CC6633;
}

/* These are the custom tags for the titles on both English and Latin Butterfly pages */ 
.titlebfly em {
	margin-top:4px;
	margin-bottom:2px;
	font-size:0.9em;
	background-color:#eee;
	color:#CCCCCC;
}

/* These are the custom tags for the titles on both English and Latin Butterfly pages */ 
.titlebfly2 {
	margin-top:4px;
	margin-bottom:2px;
	font-size:1.5em;
	font-weight:800;
	background-color:#eee;
	color:#CCC;
}

/* These are the custom tags for the titles on both English and Latin Butterfly pages */ 
.titlebfly2 em {
	margin-top:4px;
	margin-bottom:2px;
	font-size:1.0em;
	background-color:#eee;
	color:#990066;
}

/* These are the custom tags */ 
.titlesmaller {
	margin-top:4px;
	margin-bottom:2px;
	font-size:1.2em;
	background-color:#eee;
	color:#000;
}

.greyedout {
	text-align:left;
	font-size:0.8em;
	color:#999999;
}

.rarity {
	background-color:#eee;
	color:#FF0000;
	font-weight:bold;
	padding-left:5px;
}

.newrarity {
	background-color:#eee;
	color:#CC33CC;
	font-weight:bold;
	padding-left:5px;
}

.hieraciumrarity {
	background-color:#eee;
	color:#999999;
	font-weight:bold;
	padding-left:5px;
}

.diff {
	background-color:#eee;
	color:#000;
	font-weight:bold;
	padding-left:5px;
}

.common {
	background-color:#eee;
	color:#008000;
	font-weight:bold;
	padding-left:5px;
}

.native {
	background-color:#eee;
	color:#0000FF;
	font-weight:bold;
	padding-left:5px;
}

.small {
	background-color:#eee;
	color:#C0C0C0;
	font-size:0.5em;
	padding-left:5px;
}

.endemic {
	background-color:#eee;
	color:#ff0000;
	font-size:0.6em;
	padding-left:5px;
}

.imageleft {
	float:left;
	margin-right:3px;
	border: solid 1px;
}

.imageright {
	float:right;
	border: solid 1px;
	}

.imageprop {
	border: solid 1px;
	font-size:0.5em;
}
 
.imagepropmain {
	border: solid 1px;
}
 
.ip2 {
	border-color:#CCCCFF;	
	border-width:0px;
	border-style:solid;
	vertical-align:middle;
}

.text {
	font-size:0.9em;
	text-align:left;
}

.place {
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
}

.added {
	font-size:0.7em;
	font-weight:normal;
	text-align:center;
	background-color:#eee;
	color:#CCCCCC;
}
/* centre the navigation bar: auto means equal margins on either side */
.navbar {
	margin:0 auto;
	font-size:1.0em;
}

/* formatting for the active table cell that contains navigation between pages */
.back {
	width:auto;
	text-align:center;
	font-size:0.8em;
	font-weight:600;
	background-color:#CCCCFF;
	border-width:3px;
	border-style:outset;
	color:#fff;
}

/* formatting for the active table cell that contains navigation between pages */
.back1 {
	width:auto;
	text-align:center;
	font-size:0.8em;
	font-weight:600;
	background-color:#CCCCFF;
	border-width:3px;
	border-style:outset;
	color:#fff;
}


/* formatting for the current inactive table cell  */
.here{
	width:auto;
	text-align:center;
	font-size:0.8em;
	font-weight:600;
	background-color:#CC3333;
	color:#fff;
	border-width:3px;
	border-style:outset;
	border-color:#FF0000;
}

li {
	font-size:0.9em;
	line-height:150%;
	text-align:left;	
	color:#006600;
}

/* 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*/
.topnav a:link {color:#696; text-decoration: none; background-color: transparent; }

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

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

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



a:link {color:#CC6633; text-decoration: none; background-color: transparent; }
a:visited {color:#333399; text-decoration: none; background-color: transparent; }
a:hover {color:yellow; text-decoration: none; background-color: transparent; }
a:active {color:black; text-decoration: none; background-color: transparent; }



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

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

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

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