body{
background: url(images/bck-main.jpg) repeat-x 0px 0px;
text-align: center;
}


/* REMOVE PADDING AND MARGIN VALUES */
html, body, h1, h2, h3, h4, h5, h6, p, ol, dl, dd, dt, img, blockquote, q, div, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

a img {
border: none; 
margin: 0 0 0 0;
padding: 0 0 0 0;
}

p {
font-family:Tahoma;
font-size:10px;
font-style:normal;
color:#5D5B04;
margin-top:4px;
margin-bottom:4px;
}

form{
margin:0px;
margin-left:40px;
padding:0px;
}

input {
font-family:Tahoma;
font-size:0.7em;
font-style:normal;
background: url(images/bck-input.gif) repeat-x 0px 0px;
width:200px;
height:14px;
color:#E1F76A;
border-right:1px solid #596A1F;
border-bottom:1px solid #596A1F;
border-top:1px solid #000;
border-left:1px solid #000;
margin-right:6px;
padding:2px;
padding-left:6px;
}

textarea{
font-family:Tahoma;
font-size:0.7em;
font-style:normal;
background: url(images/bck-textarea.gif) repeat-x 0px 0px;
width:420px;
height:140px;
color:#E1F76A;
border-right:1px solid #596A1F;
border-bottom:1px solid #596A1F;
border-top:1px solid #000;
border-left:1px solid #000;
margin-top:2px;
margin-right:6px;
padding:2px;
padding-left:6px;
}

select{
font-family:Tahoma;
font-size:0.64em;
font-style:normal;
color:#5D5B04;
border:1px solid #AAB7AA;
margin:1px;
padding:1px;
}

label{
float:left;
font-family:Tahoma;
font-size:0.64e;
font-style:normal;
font-weight:bold;
color:#5D5B04;
width:50px;
margin:1px;
padding:1px;
}

#smallbuttonform{
float:left;
font-family:Tahoma;
font-size:0.64e;
font-style:normal;
font-weight:bold;
background: url(images/bck-button.gif) repeat-x 0px 0px;
width:90px;
height:20px;
color:#E1F76A;
border-left:1px solid #596A1F;
border-top:1px solid #596A1F;
border-bottom:1px solid #000;
border-right:1px solid #000;
margin-top:2px;
margin-right:6px;
margin-bottom:2px;
}

/* Layout divs background level*/

#container{
width:770px;
margin: 0px auto;
text-align:left;
}

#topblock{
position:relative;
clear:both;
margin:0px;
width:770px;
height:128px;
background: url(images/irish-butterflies-banner.jpg) no-repeat 0px 0px;
}

	#logolink{
	position:absolute;
	top:80px;
	left:30px;
	width:290px;	
	height:100px;
	}

#menubar{
position:relative;
margin: 0px auto;
width:730px;
height:27px;
clear:both;
}

#middleblock{
position:relative;
margin: 0px auto;
width:730px;
clear:both;
background: url(images/bck-content.jpg) repeat-x 0px 0px;
}

	.imagenavigator{
	position:absolute;
	top:-35px;
	left:577px;
	width:70px;
	}
	
	.speciesnavigator{
	position:absolute;
	top:-55px;
	left:250px;
	width:70px;
	}	
	

	#middlecenter{
	position:relative;
	margin: 0px 35px;
	width:660px;
	padding-bottom:0px;
	clear:both;
	}

#footer{
width:730px;
padding-top:15px;
height:30px;
clear:both;
}

/* Home page styles */

.newspanel{
float:right;
margin-top:20px;
margin-right:20px;
padding-right:5px;
width:210px;
background:#1A1F02;
border:7px solid #151B01;
}

	.newspanel h1{
	font-family:Tahoma;
	font-size:1.0em;
	font-style:normal;
	font-weight:bold;
	color:#E1F76A;
	text-align:left;
	padding-top:5px;
	padding-left:15px;
	padding-bottom:10px;
	}

	.newspanel h2{
	font-family:Tahoma;
	font-size:0.8em;
	font-style:normal;
	font-weight:bold;
	color:#A5B84A;
	text-align:left;
	padding-top:5px;
	padding-left:15px;
	padding-bottom:10px;
	}

	.newspanel p{
	font-family:Tahoma;
	font-size:0.7em;
	font-style:normal;
	font-weight:normal;
	color:#A5B84A;
	text-align:left;
	padding-top:0px;
	padding-left:15px;
	padding-bottom:10px;
	}
	
	
	.newspanel a:visited{
	color:#E0B500;
	}
	
	.newspanel a:link{
	color:#E0B500;
	}
	
	.newspanel a:active{
	color:#E0B500;
	}
	
	.newspanel a:hover{
	color:#E0B500;
	}		
	
	

.sectionpanel{
float:left;
margin:0px;
margin-top:10px;
margin-left:20px;
padding:0px;
padding-right:10px;
padding-left:5px;
width:370px;
background:#1A1F02;
border:7px solid #151B01;
}

	.sectionpanel h2{
	font-family:Tahoma;
	font-size:0.8em;
	font-style:normal;
	font-weight:bold;
	color:#A5B84A;
	text-align:left;
	padding:0px;
	padding-top:5px;
	padding-bottom:10px;
	margin:0px;
	}

	.sectionpanel p{
	font-family:Tahoma;
	font-size:0.7em;
	font-style:normal;
	font-weight:normal;
	color:#A5B84A;
	text-align:left;
	padding:0px;
	padding-bottom:10px;
	margin:0px;
	}
	
	
	.sectionpanel a:visited{
	color:#E0B500;
	}
	
	.sectionpanel a:link{
	color:#E0B500;
	}
	
	.sectionpanel a:active{
	color:#E0B500;
	}
	
	.sectionpanel a:hover{
	color:#E0B500;
	}		

	.homepageimage{
	border:7px solid #1A1F02;
	}



#firefix{
width:720px;
height:11px;
padding-left:10px;
height:1px;
clear:both;
}

/* Species listing (for home page 110 pixel limited) */

ul.spec {
list-style-type: none;
padding:0;
margin:0;
margin-left:5px;
float:left;
}

ul.spec li{
clear:both;
padding-left:30px;
}

ul.spec a:link{
display:block;
width:130px;
padding-bottom:5px;
text-decoration:none;
text-align:left;
font-family:Tahoma;
font-size:0.64em;
font-style:normal;
font-weight:normal;
color:#DFC426;
}

ul.spec a:active{
display:block;
width:130px;
padding-bottom:5px;
text-decoration:none;
text-align:left;
font-family:Tahoma;
font-size:0.64em;
font-style:normal;
font-weight:normal;
color:#DFC426;
}

ul.spec a:visited{
display:block;
width:130px;
padding-bottom:5px;
text-decoration:none;
text-align:left;
font-family:Tahoma;
font-size:0.64em;
font-style:normal;
font-weight:normal;
color:#DFC426;
}

ul.spec a:hover{
display:block;
width:130px;
padding-bottom:5px;
text-decoration:underline;
text-align:left;
font-family:Tahoma;
font-size:0.64em;
font-style:normal;
font-weight:bold;
color:#E6E142;
}

/* Species listing (for internal page no pixel limits) - also used for useful links */

ul.spec2 {
list-style-type: none;
padding:0;
margin:0;
margin-left:5px;
}

ul.spec2 li{
padding-left:40px;
}

ul.spec2 a:link{
padding-bottom:5px;
padding-left:20px;
background: url(images/bullet.gif) no-repeat 0px 0px;
text-decoration:none;
text-align:left;
font-family:Tahoma;
font-size:0.8em;
font-style:normal;
font-weight:bold;
color:#DFC426;
}

ul.spec2 a:active{
padding-bottom:5px;
padding-left:20px;
background: url(images/bullet.gif) no-repeat 0px 0px;
text-decoration:none;
text-align:left;
font-family:Tahoma;
font-size:0.8em;
font-style:normal;
font-weight:bold;
color:#DFC426;
}

ul.spec2 a:visited{
padding-bottom:5px;
padding-left:20px;
background: url(images/bullet.gif) no-repeat 0px 0px;
text-decoration:none;
text-align:left;
font-family:Tahoma;
font-size:0.8em;
font-style:normal;
font-weight:bold;
color:#DFC426;
}

ul.spec2 a:hover{
padding-bottom:5px;
padding-left:20px;
background: url(images/bullet2.gif) no-repeat 0px 0px;
text-decoration:underline;
text-align:left;
font-family:Tahoma;
font-size:0.8em;
font-style:normal;
font-weight:bold;
color:#E6E142;
}

/* Species page styles */

#mapbox{
float:left;
width:244px;
background: url(images/bck-translation.gif) no-repeat 0px 0px;
margin:0px;
padding-bottom:2px;
padding-top:85px;
}

	#translations{
	position:absolute;
	top:27px;
	left:8px;
	width:244px;
	height:85px;
	}

	#translations p{
	font-family:Tahoma;
	font-size:0.7em;
	font-style:normal;
	font-weight:normal;
	color:#E1F76A;
	text-align:left;
	margin-top:0px;
	margin-left:3px;
	margin-bottom:6px;
	}

#speciedescription{
position:relative;
margin: 0px 35px;
width:660px;
padding-top:14px;
clear:both;
background: url(images/bck-species-description.gif) no-repeat 0px 0px;
}

	.speciestextbox{
	clear:right;
	width:200px;
	height:30px;
	padding-left:94px;
	}

	.speciestextbox p{
	font-family:Tahoma;
	font-size:0.7em;
	font-style:normal;
	font-weight:normal;
	color:#E1F76A;
	text-align:left;
	padding:0px;
	margin:0px;
	margin-left:3px;
	}


#specietextboxdetails{
position:absolute;
top:0px;
left:425px;
width:220px;
padding-top:14px;
clear:both;
}

	#specietextboxdetails p{
	font-family:Tahoma;
	font-size:0.7em;
	font-style:normal;
	font-weight:normal;
	color:#E1F76A;
	text-align:left;
	padding:0px;
	margin:0px;
	margin-left:3px;
	}
	
	
	#specietextboxdetails a:link{
	color:#9C9916;
	}
	
	#specietextboxdetails a:active{
	color:#E0DB1F;
	}
	
	#specietextboxdetails a:visited{
	color:#E0DB1F;
	}
	
	#specietextboxdetails a:hover{
	color:#E0DB1F;
	}
	

/* Farm page styles */

#farmbox{
float:left;
width:244px;
background: url(images/bck-farmaddress.gif) no-repeat 0px 0px;
margin:0px;
margin-bottom:2px;
padding-top:85px;
}

	#farmaddress{
	position:absolute;
	top:27px;
	left:8px;
	width:244px;
	height:85px;
	}

	#farmaddress p{
	font-family:Tahoma;
	font-size:0.7em;
	font-style:normal;
	font-weight:normal;
	color:#E1F76A;
	text-align:left;
	margin-top:0px;
	margin-left:3px;
	margin-bottom:6px;
	}
	
	#farmaddress a:visited{
	color:#E0B500;
	}
	
	#farmaddress a:link{
	color:#E0B500;
	}
	
	#farmaddress a:active{
	color:#E0B500;
	}
	
	#farmaddress a:hover{
	color:#E0B500;
	}	

/* Text styles */

	.homecontainer{
	width:460px;
	float:left;
	}

	.article{
	float:left;
	}

		.article h1{
		font-family:Tahoma;
		font-size: 1.4em;
		font-style:normal;
		font-weight:normal;
		color:#E1F76A;
		text-align:left;
		padding-top:10px;
		padding-left:40px;
		padding-bottom:20px;
		margin-right:20px;
		}

		.article h2{
		font-family:Tahoma;
		font-size:0.8em;
		font-style:normal;
		font-weight:normal;
		color:#E1F76A;
		text-align:left;
		padding-top:-25px;
		padding-left:40px;
		padding-bottom:10px;
		margin-right:20px;
		}

		.article h3{
		font-family:Tahoma;
		font-size:1.0em;
		font-style:italic;
		font-weight:normal;
		color:#AEC14F;
		text-align:left;
		margin-top:-20px;
		padding-left:40px;
		padding-bottom:10px;
		margin-right:20px;
		}

		.article h4{
		font-family:Tahoma;
		font-size:1.1em;
		font-style:normal;
		font-weight:bold;
		color:#E1F76A;
		text-align:left;
		padding-top:15px;
		padding-left:40px;
		padding-bottom:10px;
		margin-right:20px;
		}

		.article p{
		font-family:Tahoma;
		font-size:0.8em;
		font-style:normal;
		font-weight:normal;
		color:#E1F76A;
		text-align:left;
		padding-top:0px;
		padding-left:40px;
		padding-bottom:8px;
		margin-right:20px;
		}
		
		
		.article a:link{
		color:#E0B500;
		}
		
		.article a:active{
		color:#E0B500;
		}
		.article a:visited{
		color:#E0B500;
		}
		.article a:hover{
		color:#E0B500;
		}		
		

	.footertext{
	margin:0px;
	margin-left:15px;
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
	font-family:Tahoma;
	font-size:0.64em;
	font-style:normal;
	color:#FFCC33;
	text-align:left;
	}

/* Image styles */

	.panelheader{
	padding-bottom:8px;
	}

	.butterlyimage{
	border:7px solid #121601;
	margin:0px;
	margin-left:2px;
	float:left;
	}

	.butterlyimage-smaller{
	border:7px solid #121601;
	margin-left:40px;
	margin-right:10px;	
	}
	
	.butterlyimage-smaller-greenborder{
	border:1px solid #677E05;
	margin-left:40px;
	margin-right:10px;	
	}	

/* Main menu styles */

ul.nav {
	list-style-type: none;
	padding:0;
	margin:0;
	margin-left:5px;
	clear:both;
}

ul.nav li{
float:left;
}

ul.nav a:link{
display:block;
width:120px;
height:27px;
background: url(images/button-top-normal.gif) no-repeat 0px 0px;
text-decoration:none;
text-align:center;
font-family:Tahoma;
font-size:0.64em;
font-style:normal;
font-weight:bold;
line-height:25px;
color:#DFC426;
}

ul.nav a:active{
display:block;
width:120px;
height:27px;
background: url(images/button-top-normal.gif) no-repeat 0px 0px;
text-decoration:none;
text-align:center;
font-family:Tahoma;
font-size:0.64em;
font-style:normal;
font-weight:bold;
line-height:25px;
color:#DFC426;
}

ul.nav a:visited{
display:block;
width:120px;
height:27px;
background: url(images/button-top-normal.gif) no-repeat 0px 0px;
text-decoration:none;
text-align:center;
font-family:Tahoma;
font-size:0.64em;
font-style:normal;
font-weight:bold;
line-height:25px;
color:#DFC426;
}

ul.nav a:hover{
display:block;
width:120px;
height:27px;
background: url(images/button-top-hover.gif) no-repeat 0px 2px;
text-decoration:none;
text-align:center;
font-family:Tahoma;
font-size:0.64em;
font-style:normal;
font-weight:bold;
line-height:25px;
color:#DFC426;
}

#current{
display:block;
width:120px;
height:27px;
background: url(images/button-top-active.gif) no-repeat 0px 0px;
text-decoration:none;
text-align:center;
font-family:Tahoma;
font-size:0.64em;
font-style:normal;
font-weight:bold;
line-height:25px;
color:#FFFF66;
}

/* Links styles */

a.greenlink:link{
text-decoration:underline;
font-family:Tahoma;
font-size:0.64em;
font-style:normal;
font-weight:bold;
color:#9C9916;
}

a.greenlink:active{
text-decoration:underline;
font-family:Tahoma;
font-size:0.64em;
font-style:normal;
font-weight:bold;
color:#E0DB1F;
}

a.greenlink:visited{
text-decoration:underline;
font-family:Tahoma;
font-size:0.64em;
font-style:normal;
font-weight:bold;
color:#E0DB1F;
}

a.greenlink:hover{
text-decoration:underline;
font-family:Tahoma;
font-size:0.64em;
font-style:normal;
font-weight:bold;
color:#E0DB1F;
}


/* Books listing */

ul.bullet_list {
list-style-type: none;
padding:0;
margin:0;
margin-left:5px;
}

ul.bullet_list li{
padding-left:40px;
}

ul.bullet_list a:link{
padding-bottom:5px;
padding-left:20px;
background: url(images/plainbullet.gif) no-repeat 0px 0px;
text-decoration:none;
text-align:left;
font-family:Tahoma;
font-size:0.8em;
font-style:normal;
font-weight:bold;
color:#DFC426;
}

ul.bullet_list a:active{
padding-bottom:5px;
padding-left:20px;
background: url(images/plainbullet.gif) no-repeat 0px 0px;
text-decoration:none;
text-align:left;
font-family:Tahoma;
font-size:0.8em;
font-style:normal;
font-weight:bold;
color:#DFC426;
}

ul.bullet_list a:visited{
padding-bottom:5px;
padding-left:20px;
background: url(images/plainbullet.gif) no-repeat 0px 0px;
text-decoration:none;
text-align:left;
font-family:Tahoma;
font-size:0.8em;
font-style:normal;
font-weight:bold;
color:#DFC426;
}

ul.bullet_list a:hover{
padding-bottom:5px;
padding-left:20px;
background: url(images/plainbullet.gif) no-repeat 0px 0px;
text-decoration:underline;
text-align:left;
font-family:Tahoma;
font-size:0.8em;
font-style:normal;
font-weight:bold;
color:#E6E142;
}


/* Location page styles */

#locationbox{
float:left;
width:244px;
background: url(images/bck-targetspecies.gif) no-repeat 0px 0px;
margin:0px;
margin-bottom:2px;
padding-top:85px;
}

	#targetspecies{
	position:absolute;
	top:27px;
	left:8px;
	width:244px;
	height:85px;
	}

	#targetspecies p{
	font-family:Tahoma;
	font-size:0.7em;
	font-style:normal;
	font-weight:normal;
	color:#E1F76A;
	text-align:left;
	margin-top:0px;
	margin-left:3px;
	margin-bottom:6px;
	}
	
	#targetspecies a:visited{
	color:#E0B500;
	}
	
	#targetspecies a:link{
	color:#E0B500;
	}
	
	#targetspecies a:active{
	color:#E0B500;
	}
	
	#targetspecies a:hover{
	color:#E0B500;
	}		

