body{
	font-family:arial,Arial, Helvetica, sans-serif;
	margin:0;
	background:#ccc;
}

body a{
	color: #6797c7;
	text-decoration:none;
}



#banner{
	background:#629353;
	color:white;
	font-size:1.4em;
	padding:0.3em;
	border-bottom:1px solid #313131;
}

#banner a{
	display:block;
	text-decoration:none;
	color:white;
	font-weight:bold;
	
}
#banner #nav-button{
	float:right;

}

#banner #nav-button {
	margin-top:0em;
	margin-right:0.3em;
	
}


#navigation{
	display:none;
	background:#ccc;
	font-size:0.8em;
}

#navigation ul{
	list-style:none;
	margin:0;
	padding:0;
}

#navigation ul li{
	border-bottom:1px solid #999999;
	padding:0.9em;
}

#navigation ul li a{
	text-decoration:none;
	color:#313131;
	margin-left:0.4em;
	display:block;
}


h1{
	font-size:1.3em;
	margin:0.3em;
	margin-left:0;
	margin-bottom:0.3em;
	padding-bottom:0;
}

h2{
	font-size:1.1em;
}

h3{
	font-size:1em;
}

h2 a{
	text-decoration:none;
	color:#6797c7;
}

#content-container{
	padding:0.5em;
	background:white;
}
#mobile-content{
	font-size:0.9em;
	border-top:1px solid #ccc;
	padding-top:0.5em;
}

#mobile-content p{
	margin-top:0;
	margin-bottom:1.5em;
	padding-top:0.5em;
	line-height:1.5em;
}

#top-link{
	background:#f0f0f0;
	color:#999999;
	padding:1em;
	text-align:center;
	font-size:0.6em;
	font-weight:normal;	
	border-top:1px solid #ccc;
}

#top-link a{
	color:#6797c7;
	text-decoration:none;
}


#footer{
	
	background:#ccc;
	border-top:1px solid #313131;
	color:#6f6f6f;
	
	font-size:9px;
	text-align:center;
	
}

.portal-links a{
	display:block;
	clear:both;
	border:1px solid #a3a3a3;
	margin-bottom:0.3em;
	overflow:hidden;
	height:39px;
	-moz-border-radius:0.4em;
	 border-radius: 0.4em 0.4em 0.4em 0.4em;
	-webkit-border-radius: 0.4em;
}

.portal-links a img{
	margin-left:3px;
}


/*news overrides*/

 ol.results li {
 	padding-top:1em;
 }
 
 ol.results{
 	margin-bottom:1em !important;
 }
 
 #cms ol{
 	list-style:none;
	margin:0;
	padding:0;
 }


 #cms-content-tools{
 	float:right;
 	position:relative;
	top:-32px;
	right:5px;
 }
 ol.date-list{
 	margin-bottom:1.5em !important;
 }
 ol.date-list li{
	margin:0;
	padding:0.5em;
	border-bottom:1px solid #ccc;
}

ol.date-list li em{
	margin-left:0.5em;
	color:#727272;
}

ol.results{
}
ol.results li{
	border-bottom:1px solid #ccc;
}

p.published{
	font-style:italic;
	font-size:1em;
	margin:0!important;
	margin-bottom:1em!important;
	color:#6f6f6f;
}

#cms-content{
	font-size:0.8em;
}

#animal{
}

#animal #animal-record .animal-thumb{
	float:right;
	border:1px solid #ccc;
	margin:0.3em;
	
}

.animal-thumb a{
	display:block;
	margin:0.5em;
	margin-bottom:0.2em;
}

#animal-nav{
	border:1px solid #8a9951;
	border-bottom:none;
	background:#dbd9b0;
}

#animal-nav ul{
	list-style:none;
	margin:0;
	padding:0;
}

#animal-nav ul li{
	border-bottom:1px solid #8a9951;
	padding:0.3em;
}

#animal-nav ul li a{
	color:#434927;
}


#animal-media .image-cell a{
	height:90px;
	width:90px;
	display:block;
	overflow:hidden;
	margin:0.2em;
}

#animal-media .image-cell{
	float:left;
	margin-right:0.4em;
	margin-bottom:0.4em;
	border:1px solid #ccc;
}

#animal-media h2{
	margin-bottom:0.5em;
	font-size:1.2em;
	margin-top:0.2em;
	
}

#animal-media #images{
	padding-bottom:0.5em;
	margin-bottom:1.5em;
	
}

table.media-table{
	border:1px solid #ccc;
	border-bottom:none;
	border-collapse:collapse;
	width:100%;
	margin-bottom:1.5em;
}

table.media-table td.icon{
	text-align:center;
	vertical-align:bottom;
	padding-top:0.5em;
}

table.media-table td{
	border-bottom:1px solid #ccc;
	padding:0.2em;
}

#animal-media .image-row{
	clear:both;
	float:left;
}

.clearer{
	clear:both;
}

#animal-content audio{
	margin-top:1.5em;
	margin-bottom:0.5em;
}

#animal-content video{
	margin-top:1.5em;
	margin-bottom:0.5em;
}

.download-box{
	margin-bottom:1.5em;
	
}

.download-box img{
	margin-bottom:-5px;
}

#animal-search{
	border:1px solid #ccc;
	background:#f0f0f0;
	padding:0.3em;
	vertical-align:middle;
	margin-bottom:0.5em;
}

#animal-table{
	border:1px solid #ccc;
	border-collapse:collapse;
	border-bottom:none;
	width:100%;
}
#animal-table th{
	background:#f0f0f0;
	text-align:left;
	padding:0.5em;
	border-bottom:1px solid #ccc;
	
}

#animal-table th.last{
	text-align:right;
}

#animal-table td{
	border-bottom:1px solid #ccc;
	padding:0.5em;
}

#animal-table span.icons{
	display:block;
	
	float:left;
}

#animal-sightings p{
	margin:0.3em;
}
#animal-sightings ul{
	list-style:none;
	margin:0;
	padding:0;
	border:1px solid #ccc;
	border-bottom:none;
	margin-bottom:0.5em;
}

#animal-sightings ul li{
	border-bottom:1px solid #ccc;
	padding:0.5em;
	font-size:0.9em;
}

#animal-sightings ul li p{
	margin:0;
}
#animal-sightings ul li p.foot-note{
	font-style:italic;
}

#animal-sightings ul li.alternate{
	background:#e5e5e5;
}

div.pagination{
	margin-top:0.5em;
	margin-bottom:0.5em;
	border:1px solid #ccc;
	overflow:hidden;
}

div.pagination span, div.pagination a{
	border-right:1px solid #ccc;
	padding:0.3em;
}

#mobile-form table th{
	text-align:left;
	padding:0.3em;
	padding-bottom:0.1em;
}

#mobile-form table td{
	padding:0.3em;
	padding-top:0;
	padding-bottom:0.5em;
}

#mobile-form input{
	margin:0;
	margin-right:0.5em;
	font-size:1.1em;
}

#mobile-form select{
	font-size:1.1em;
}

#mobile-form  table td p{
	margin:0;
	padding:0;
	margin-left:0.3em;
}

.error, .notice{
	font-size:0.8em;
	border:1px solid red;
	padding:0.3em;
	background:#ffd2d2;
}

.error ul, .notice ul{
	margin:0.4em;
	padding:0;
	padding-left:1.5em;
}

.success{
	font-size:0.8em;
	border:1px solid green;
	padding:0.3em;
	background:#bfeec1;
}

.success ul{
	margin:0.4em;
	padding:0;
	padding-left:1.5em;
}

.img-responsive {
	width:100%;
	height:auto;
	max-width:100%;
}