/*
Wildlife Cycles temporary styles
Created: July 24, 2010
last updated: August 19, 2011
*/
/*
======= COLORS ========

Medium gray: #666
Slate blue: 2a6da5
Dark green: 335f30
Tomato red: d53735

=======================
*/

body {
background: white;
color: #666;
font-family: "Helvetica Neue", Arial, sans-serif;
}
a, a:link {
color: #2a6da5;
text-decoration: underline;
}
a:visited {
color: #335f30;
}
a:hover,
a:active,
a:focus {
text-decoration: none;
}
a:focus {
outline: 0;	
}
h2 {
color: #d53735;
font-size: 18px;	
}
h3 {
color: #2a6da5;
font-size: 16px;	
}
ul li {
list-style: none;	
}
ul.normal li {
list-style: disc;
margin-bottom: 5px;
}
p {
line-height: 1.4;	
}
p, td {
font-size: 14px;	
}
.standout {
color: #d53735;	
font-style: italic;
}
img.image-home {
padding: 4px;
border: 4px solid #d53735;	
}
table {
border: 0 none;
cellspacing: 0 none;
}
th {
font-size: 14px;
}
.content {
margin-top: 15px;
}
#nav-main {
margin: 25px 0 0 0;
padding: 0;
}
#nav-main li {
margin: 0 20px 5px 0;
}
#nav-main li a {
display: block;
color: #fff;
background-color: #666;
padding: 4px 2px 5px 5px;
text-decoration: none;
}
#nav-main li a:hover,
#nav-main li a:active,
#nav-main li a:focus {
color: #fff;
background-color: #d53735;	
}
#nav-main li.current a {
color: #fff;
background-color: #2a6da5;		
}
#nav-main li.no-bg a {
	color: #666;
background-color: #fff;
}

/*------- Wildlife 100 ------*/

#event-wildlife {
background: #d53735;
border: 4px solid #fff;
width: 100%;
margin: 0 auto;
padding: 12px 8px;
text-align: center;
-webkit-box-shadow : 0 5px 10px rgba(0,0,0,.3);
-moz-box-shadow : 0 5px 10px rgba(0,0,0,.3);
box-shadow: 0 5px 10px rgba(0,0,0,.3);
}
#event-wildlife .headline {
	color: #fff;
	font: bold 4em "Helvetica Neue", Helvetica,Arial,sans-serif;
	letter-spacing: 0.2em;
	margin: 0;
  	text-shadow: 4px 4px 0px #d53735, 6px 6px 0px rgba(255,255,255,.5);
}
#event-wildlife p {
color: #fff;
font: italic 1.7em Georgia, serif;
letter-spacing: 0.1em;
margin: 0.6em 0;
text-shadow: 0px 1px 1px rgba(84, 84, 84, 0.7);	
}
#event-wildlife:hover {
	border: 4px solid #666;
	-webkit-box-shadow: 0 0 8px rgba(255,255,255,.8) inset;
	-moz-box-shadow: 0 0 8px rgba(255,255,255,.8) inset;
	box-shadow: 0 0 8px rgba(255,255,255,.8) inner;
	/*-webkit-transition:  color 0.2s linear 0s;
	-moz-transition: color 0.2s linear 0s;
	-o-transition:  color 0.2s linear 0s;
	transition:  color 0.2s linear 0s;*/
	text-decoration: none;
}
#event-wildlife a,
#event-wildlife a:hover {
	text-decoration: none;
}