Skip to content

Instantly share code, notes, and snippets.

@naeluh

naeluh/index.html

Created April 24, 2017 18:44
Show Gist options
  • Save naeluh/87520d0a2c466ab8fbac5b9c19066564 to your computer and use it in GitHub Desktop.
Save naeluh/87520d0a2c466ab8fbac5b9c19066564 to your computer and use it in GitHub Desktop.
Download ZIP
R & C News // source https://jsbin.com/kusawik
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>R & C News</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/images/NHM_favicon.ico" rel="shortcut icon" type="image/x-icon">
<meta content="Natural History Museum of Los Angeles County" property="og:site_name">
<meta content="Extreme Mammals" property="og:title">
<meta content="The mission of the Natural History Museum of Los Angeles County is to inspire wonder, discovery and responsibility for our natural and cultural worlds." name="description">
<meta content="The mission of the Natural History Museum of Los Angeles County is to inspire wonder, discovery and responsibility for our natural and cultural worlds." property="og:description">
<meta content="nhm,natural history museum,los angeles county,collections,exhibits,specimens,science,research,exhibitions,dinosaurs,mammals,evolution,history,california,american,african,education,teachers,learning,enviroment,first fridays,family,endeavour,endeavor,space shuttle,exposition park,expo park,science center,metro,los angeles" name="keywords">
<meta content="2017-01-18T00:00:00Z" name="dcterms.date">
<meta content="©2013 Natural History Museum of Los Angeles County" name="copyright">
<meta content="34.017077" property="og:latitude">
<meta content="-118.288682" property="og:longitude">
<meta content="900 Exposition Blvd, Los Angeles, CA 90037, USA" name="geo.placename">
<meta content="US-CA" name="geo.region">
<meta content="website" property="og:type">
<link href="http://www.nhm.orghttps://www.nhm.org/site/explore-exhibits/special-exhibits/extreme-mammals" rel="canonical">
<meta content="http://www.nhm.orghttps://www.nhm.org/site/explore-exhibits/special-exhibits/extreme-mammals" property="og:url">
<meta content="1 day" name="revisit-after">
<meta content="34.017077;-118.288682" name="geo.position">
<meta content="34.017077,-118.288682" name="icbm">
<meta content="For over 200 million years mammals have inhabited the Earth. In this epic evolutionary journey, mammals lived with--and even ate--dinosaurs, swam in the ocean, flew in the air, and became the fastest land-animals of all time!" property="og:description">
<meta content="http://www.nhm.orghttps://www.nhm.org/site/sites/default/files/marketing/Web%20Banner%20Extreme%20Mammals%20-%20No%20credit%20line.jpg" property="og:image">
<meta content="rYrc0eOlcP3aA/4o4SxnYPTJPHCtTsKbeT3mLf1MALg=" name="verify-v1">
<meta content="width=device-width" name="viewport">
<script src="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/js/sweetalert.min.js?st00pid" type="text/javascript">
</script>
<script src="https://www.nhm.org/site/misc/jquery.js?A" type="text/javascript">
</script>
<script src="https://www.nhm.org/site/misc/drupal.js?A" type="text/javascript">
</script>
<script src="https://www.nhm.org/site/sites/all/modules/jquery_aop/misc/jquery.aop.js?A" type="text/javascript">
</script>
<script src="https://www.nhm.org/site/sites/all/modules/lightbox2/js/lightbox.js?A" type="text/javascript">
</script>
<script src="https://www.nhm.org/site/misc/jquery.form.js?A" type="text/javascript">
</script>
<script src="https://www.nhm.org/site/sites/all/modules/popups/popups.js?A" type="text/javascript">
</script>
<script src="https://www.nhm.org/site/misc/collapse.js?A" type="text/javascript">
</script>
<script src="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/js/jquery.clearinginput.min.js?A" type="text/javascript">
</script>
<script src="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/js/header.js?A" type="text/javascript">
</script>
<script type="text/javascript">
jQuery.extend(Drupal.settings, {
"basePath": "https://www.nhm.org/site/",
"lightbox2": {
"rtl": 0,
"file_path": "https://www.nhm.org/site/(\\w\\w/)sites/default/files",
"default_image": "https://www.nhm.org/site/sites/all/modules/lightbox2/images/brokenimage.jpg",
"border_size": 10,
"font_color": "000",
"box_color": "fff",
"top_position": "",
"overlay_opacity": "0.8",
"overlay_color": "000",
"disable_close_click": 1,
"resize_sequence": 0,
"resize_speed": 400,
"fade_in_speed": 400,
"slide_down_speed": 600,
"use_alt_layout": 0,
"disable_resize": 0,
"disable_zoom": 0,
"force_show_nav": 0,
"show_caption": 1,
"loop_items": 0,
"node_link_text": "View Image Details",
"node_link_target": 0,
"image_count": "Image !current of !total",
"video_count": "Video !current of !total",
"page_count": "Page !current of !total",
"lite_press_x_close": "press \x3ca href=\"#\" onclick=\"hideLightbox(); return FALSE;\"\x3e\x3ckbd\x3ex\x3c/kbd\x3e\x3c/a\x3e to close",
"download_link_text": "",
"enable_login": false,
"enable_contact": false,
"keys_close": "c x 27",
"keys_previous": "p 37",
"keys_next": "n 39",
"keys_zoom": "z",
"keys_play_pause": "32",
"display_image_size": "original",
"image_node_sizes": "()",
"trigger_lightbox_classes": "",
"trigger_lightbox_group_classes": "",
"trigger_slideshow_classes": "",
"trigger_lightframe_classes": "",
"trigger_lightframe_group_classes": "",
"custom_class_handler": 0,
"custom_trigger_classes": "",
"disable_for_gallery_lists": true,
"disable_for_acidfree_gallery_lists": true,
"enable_acidfree_videos": true,
"slideshow_interval": 5000,
"slideshow_automatic_start": 0,
"slideshow_automatic_exit": 1,
"show_play_pause": 1,
"pause_on_next_click": 0,
"pause_on_previous_click": 1,
"loop_slides": 0,
"iframe_width": 600,
"iframe_height": 400,
"iframe_border": 1,
"enable_video": 0
},
"nice_menus_options": {
"delay": "800",
"speed": "slow"
},
"popups": {
"originalPath": "node/4843",
"defaultTargetSelector": "div.left-corner \x3e div.clear-block:last",
"modulePath": "sites/all/modules/popups",
"autoCloseFinalMessage": 1
}
});
</script>
<link href="https://www.nhm.org/site/sites/all/modules/jquery_ui/jquery.ui/themes/base/jquery-ui.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/modules/date/date_popup/themes/datepicker.1.7.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/modules/date/date_popup/themes/jquery.timeentry.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/modules/lightbox2/css/lightbox.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/modules/nice_menus/nice_menus.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/modules/nice_menus/nice_menus_default.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/modules/views/css/views.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/modules/popups/popups.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/popups-skin.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/css/funky-tabs.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/css/base.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/css/gnav.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/css/sweetalert.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/css/nhm_print.css?A" media="print" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/css/normalize.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/css/nhm_new.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/css/nhm_new_forms.css?A" media="all" rel="stylesheet" type="text/css">
<script src="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/js/fittext.js?noop" type="text/javascript">
</script>
<!-- Begin blContent -->
<style id="jsbin-css">
/* New Menu */
/* Mobile Menu Stuff */
@media only screen and (max-width: 1024px) {
.sticky {
position: fixed;
top: 75px;
height: 0;
/* background: #fff; */
/* padding: 16px 0 0 0; */
;
z-index: 1;
}
.logo {
display: block;
}
.overlay {
display: block;
}
#blContent > div.overlay > div > ul,
.dl-submenu0,
.dl-submenu1 {
display: block;
width: 100%;
/* height: 88vh; */
overflow-y: scroll;
background-color: rgba(255,255,255,0.75);
right: -17px; /* Increase/Decrease this value for cross-browser compatibility */
}
.wrapMenu {
display: none;
overflow-y: inherit;
position: absolute;
left: 100%;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
-webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
transition: all .4s cubic-bezier(.25, .8, .25, 1);
/* display: none; */
-webkit-perspective: 1000;
-moz-perspective: 1000;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
}
#blContent {
top: 0 !important;
width: 100%;
position: relative;
height: 100%;
}
.main_container {
width: 100%;
/* margin: 50px; */
float: none;
}
.main_container img {
width: 100%;
/* margin: 50px; */
float: none;
}
.inner_container {
margin: 0 27px;
}
.bl_center,
.bl_paginator {
width: 100% !important;
float: none;
}
#footer_upper,
#blFooter {
/* width: 100%; */
/* display: none; */
/* padding: 40px; */
}
.hero_large {
height: auto;
padding-bottom: 40%;
width: 100%;
clear: both;
/* margin-bottom: 10px; */
/* display: none; */
margin-top: 55px;
}
#blHeader {}
#navContainer,
#funky_tabs,
#nhm_staff_toolber,
#bl_menu_top {
display: none !important;
}
#head_m {
position: fixed;
z-index: 3;
background:none;
/* box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); */
height: 131px;
width: 100%;
}
.logo {
display: block;
width: 131px;
height: 131px;
background-image: url(https://jsbin-user-assets.s3.amazonaws.com/naeluh/logo_nhm-01.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: 0 0;
text-indent: -99999px;
margin-left: 25px;
position: fixed;
}
.head_button {
position: absolute;
width: 29px;
height: 20px;
top: 27px;
right: 25px;
}
.head_button span {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 3px;
background: #000;
margin-top: -2px;
opacity: 1;
-webkit-transition: opacity .25s;
transition: opacity .25s;
}
.head_button:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: #000;
-webkit-transition: -webkit-transform .25s;
transition: transform .25s;
}
.head_button:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #000;
-webkit-transition: -webkit-transform .25s;
transition: transform .25s;
}
.head_button.open span {
opacity: 0
}
.head_button.open:before {
-webkit-transform: rotate(45deg) translate(6px, 6px);
-ms-transform: rotate(45deg) translate(6px, 6px);
transform: rotate(45deg) translate(6px, 6px);
background: #000;
}
.head_button.open:after {
-webkit-transform: rotate(-45deg) translate(6px, -6px);
-ms-transform: rotate(-45deg) translate(6px, -6px);
transform: rotate(-45deg) translate(6px, -6px);
background: #000;
}
#globalNav,
#blHeader > h1 {
display: none;
}
#blFooter li {
display: block;
margin-right: 14px;
margin-bottom: 10px;
}
}
#blContent > div.overlay > div > ul > li, #blContent > div.overlay > div > ul > li > div > ul > li, #blContent > div.overlay > div > ul > li > div > ul > li > div > ul > li {
background-color: rgba(255,255,255,0.75);
border-bottom: 1px solid #333;
}
.arrow {
color: #000;
}
.overlay a {
color: #000;
}
.overlay {
position: fixed;
top: 131px;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
/* Mobile Menu Stuff */
#blHeader {
padding-top: 0;
background: none;
}
.main__links {
color: #000;
}
#blHeader h1 {
float: left;
width: 0;
height: 2.5rem;
margin-left: 0;
margin-top: 0;
}
#blHeader {
height: 131px;
}
#blHeader h1 a {
background: url(https://jsbin-user-assets.s3.amazonaws.com/naeluh/logo_nhm-01.svg) no-repeat;
background-size:cover;
width: 131px;
height: 131px;
display: block;
text-indent: -9999px;
margin-top: 0;
}
#exnav-secondary-links, #nhm_search_input {
margin-top:2.5rem;
}
#bl_menu_top li {
margin-top: 0.5rem;
text-align: right;
display: inline;
margin-right: 0.5rem;
float: left;
}
#bl_menu_top {
margin-right: 0;
}
#globalNav {
margin-top: 0.75rem;
position: relative;
float:right;
}
#blContent {
position: relative;
top: 0;
z-index: 3;
}
#globalNav li a {
display: block;
font-size: 15px;
padding: 1rem 0.73rem 1rem 0.73rem;
font-weight: 700;
}
#globalNav li {
float: left;
position: relative;
}
#globalNav > li:nth-child(7) {
position: relative;
bottom: 0;
right: 0;
}
.dropdown {
top: 3rem;
}
#edit-search-theme-form-1-wrapper > label {
display:none;
}
#edit-search-theme-form-1 {
color: #898989;
font-size: 10px;
font-weight: 700;
border: 1px solid;
box-sizing:border-box;
padding: 3px;
float: right;
width: 230px;
height:30px;
background: #fff url(/site/sites/all/themes/zen_nhm_theme/images/arrow_search.gif) no-repeat 120px 6px;
}
#edit-submit-1 {
position:absolute;
content: "\e02d";
font-size: 20px;
margin: 0;
padding: 0;
position: absolute;
right: 10px;
text-align: left;
top: 10px;
}
#edit-submit-1:before {
content: "\e009";
}
/* New Menu */
.listCont
{
text-align:justify;
font-size:.1px
}
.listCont:after
{
content:'';
width:100%;
box-sizing:border-box;
display:inline-block
}
.listCont a:hover
{
text-decoration:none
}
.listWrap_mod
{
max-width:220px;
display:inline-block;
box-sizing:border-box;
float:none;
margin:0 auto
}
.listWrap_mod .bl_sectionimage
{
margin:0 auto;
font-size:0;
display:block;
line-height:0
}
.bl_box2 > p > a, .bl_box2 > a, a.headLink
{
border-bottom-style:dashed;
border-bottom-width:2px;
display:inline-block
}
h3.head
{
font-size: 2.75rem;
line-height: 3rem;
font-weight: 900;
font-family: 'KievitOT',Arial,Verdana,Helvetica,sans-serif;
display:block;
text-align:left
}
.bl_box2 > p > a:hover,.bl_box2 > a:hover , a.headLink:hover
{
border-bottom-style:solid
}
.listWrap
{
width: 100%;
display: inline-block;
margin-bottom: 2.25rem;
box-sizing: border-box;
}
.half
{
max-width: 47.5%;
}
.listWrap__
{
width:100%;
display:block;
margin-bottom: 2.25rem;
box-sizing:border-box;
position:relative;
}
.listWrap_three
{
width:100%;
display:inline-block;
margin-bottom:2.5rem;
box-sizing:border-box;
height:160px
}
.square
{
height:230px
}
.listWrap .imgWrap
{
position:relative;
display:block;
overflow:hidden;
width:100%;
padding:25% 0
}
.listWrap__ .imgWrap
{
position:relative;
display:block;
overflow:hidden;
width:100%;
padding:25% 0
}
.listWrap_three .imgWrap
{
float:left;
width:240px;
height:inherit;
position:relative;
overflow:hidden
}
.square .imgWrap
{
width:230px
}
.square .imgWrap img
{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
display:block;
width:200%!important;
height:auto
}
.listWrap .imgWrap img,.listWrap__ .imgWrap img,.listWrap_three .imgWrap img
{
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:auto
}
.listWrap h4,.listWrap__ h4,.listWrap_three h4
{
display:block;
font-size:15px;
line-height:20px;
font-weight:900;
margin:10px 0;
color:#000
}
.listWrap p,.listWrap__ p,.listWrap_three p
{
display:block;
font-size:15px;
font-weight:100;
line-height:20px;
margin:10px 0;
clear:both
}
.title
{
display:inline-block
}
.date
{
display:inline-block;
float:right;
color:#999;
text-transform:uppercase;
font-size:12px;
font-weight:400
}
.byline
{
display:inline-block;
float:right;
color:#999;
font-size:12px;
font-weight:400
}
.textWrap
{
border-width:1px;
border-style:solid;
border-color:#eee;
color:inherit!important;
overflow:hidden;
padding:1rem;
box-sizing:border-box;
transition:background-color .15s ease-in-out,border-color .15s ease-in-out
}
.listWrap_three .textWrap
{
float:none;
width:auto;
overflow:hidden;
height:inherit
}
a.listWrap_three:hover > .textWrap,a.listWrap__:hover > .textWrap,a.listWrap:hover > .textWrap
{
border-width:1px;
border-style:solid;
border-color:#A2BF22;
text-decoration:none
}
.module_box .bl_box2
{
padding:18px 12px 8px;
background:none;
border-bottom:1px;
border-left:1px;
border-right:1px;
border-width:1px;
border-style:solid;
border-color:#eee
}
.landing
{
width:100%!important;
max-width: 75rem;
}
.fixedWidth970
{
width:1024px;
margin:0 auto;
box-sizing:border-box
}
.fixedWidth736
{
width:736px;
margin:0 auto;
box-sizing:border-box
}
.bl_paginator-edit a
{
color: #788d19;
font-size: 10px;
}
.main_container .landingHead
{
margin:0 0 1rem 0;
font-size:4rem;
font-weight:900;
color:#000;
text-align:center;
font-family: 'KievitOT',Arial,Verdana,Helvetica,sans-serif;
}
.inner_container {
margin:0;
}
.featured
{
width: 100%;
display: inline-block;
margin-bottom: 2.5rem;
box-sizing: border-box;
height: 20rem;
}
.featured .imgWrap
{
width: 30rem;
height: inherit;
position: relative;
overflow: hidden;
padding:0;
}
.featured .textWrap
{
height: inherit;
}
.featured .textWrap .title
{
font-size: 1.75rem;
line-height: 2rem;
font-weight: bolder;
font-family: 'KievitOT',Arial,Verdana,Helvetica,sans-serif;
display:block;
text-align:left;
}
.left {
float:left;
}
.right {
float:right;
}
@media only screen and (max-width: 1024px) {
.listWrap_three .imgWrap
{
float:none;
height:0;
position:relative;
display:block;
overflow:hidden;
width:100%;
padding:25% 0
}
.fixedWidth970,.fixedWidth736
{
width:100%;
padding: 0 27px;
}
.bl_paginator-edit
{
}
}
@media only screen and (max-width: 568px) {
#bl_content_box > div > div > div > div > a > div,#bl_content_box > div > div > div > div > a
{
width:100%;
max-width:100%;
height:auto
}
}
@media only screen and (min-width: 480px) {
.listWrap__ .textWrap {
position:absolute;
bottom:0;
width:100%;
border:0;
}
.listWrap__ .textWrap p {
color:#fff;
}
.listWrap__ .textWrap h4 {
font-size:25px;
}
.listWrap__ .textWrap h4 , .listWrap__ .textWrap h4 span{
color:#fff;
font-family: 'KievitOT',Arial,Verdana,Helvetica,sans-serif;
}
a.listWrap__:hover > .textWrap
{
border:0;
text-decoration:none
}
}
</style>
</head>
<body class="hide-overlay">
<div id="blContent" class="landing">
<!-- header begin -->
<div id="head_m">
<div class="logo">
<a href="/">NHM</a>
</div>
<div class="head_button" onclick="toggleOverlay()">
<span></span>
</div>
</div>
<div class="overlay" style="">
<div class="overlay-content">
<ul>
<li>
<a href="https://www.nhm.org/site/plan-your-visit" title="Plan Your Visit">Plan Your Visit</a>
<div class="wrapMenu wrapMenu0">
<ul class="dl-submenu0">
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/directions-parking" title="Directions, Parking, Transportation">Directions, Parking, Transportation</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/en-espanol" title="En Espanol">En Espanol</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/exposition-park" title="Exposition Park">Exposition Park</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/group-visits" title="Group Visits">Group Visits</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/museum-map" title="Museum Map">Museum Map</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/museum-store" title="Museum Store">Museum Store</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/plan-your-visit/museum-store/shop" title="Shop">Shop</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/for-teachers" title="School Visits">School Visits</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/tickets" title="Tickets">Tickets</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/where-to-eat" title="Where To Eat">Where To Eat</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/your-nhm-photos" title="Your NHM Photos">Your NHM Photos</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/%E4%B8%AD%E6%96%87" title="中文">中文</a>
</li>
</ul>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/explore-exhibits" title="Explore Exhibits">Explore Exhibits</a>
<div class="wrapMenu wrapMenu0">
<ul class="dl-submenu0">
<li class="1">
<a href="https://www.nhm.org/site/explore-exhibits" title="Special Exhibits">Special Exhibits</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/special-exhibits/butterfly-pavilion" title="Butterfly Pavilion">Butterfly Pavilion</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/special-exhibits/dino-lab" title="Dino Lab">Dino Lab</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/special-exhibits/spider-pavilion" title="Spider Pavilion">Spider Pavilion</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/special-exhibits/diamonds" title="Diamonds">Diamonds</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/special-exhibits/extreme-mammals" title="Extreme Mammals">Extreme Mammals</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/special-exhibits/la-exhibici%C3%B3n-diamonds" title="La Exhibición Diamonds">La Exhibición Diamonds</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/special-exhibits/vr" title="theBlu">theBlu</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/special-exhibits/%E9%92%BB%E7%9F%B3" title="钻石：珍世璀璨">钻石：珍世璀璨</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/explore-exhibits" title="Permanent Exhibits">Permanent Exhibits</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/african-mammals" title="African Mammals">African Mammals</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/age-of-mammals" title="Age of Mammals">Age of Mammals</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/latin-american-art" title="Ancient Latin American Art">Ancient Latin American Art</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/becoming-los-angeles" title="Becoming L.A.">Becoming L.A.</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/birds" title="Birds">Birds</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/dinosaur-hall" title="Dinosaur Hall">Dinosaur Hall</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/dinosaurs" title="Dinosaurs">Dinosaurs</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/discovery-center" title="Discovery Center">Discovery Center</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/gems-minerals" title="Gems and Minerals">Gems and Minerals</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/haaga-family-rotunda" title="Haaga Family Rotunda">Haaga Family Rotunda</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/insect-zoo" title="Insect Zoo">Insect Zoo</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/north-american-mammals" title="North American Mammals">North American Mammals</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/shells" title="Shells">Shells</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/zuni-fetishes" title="Zuni Fetishes">Zuni Fetishes</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/explore-exhibits/diorama-artists" title="Diorama Artists">Diorama Artists</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/diorama-artists/charles-abel-corwin" title="Charles Abel Corwin">Charles Abel Corwin</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/diorama-artists/duncan-alanson-spencer" title="Duncan Alanson Spencer">Duncan Alanson Spencer</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/diorama-artists/florence-mackenzie" title="Florence MacKenzie">Florence MacKenzie</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/diorama-artists/frank-mackenzie" title="Frank Mackenzie">Frank Mackenzie</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/diorama-artists/hanson-duvall-puthuff" title="Hanson Duvall Puthuff">Hanson Duvall Puthuff</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/diorama-artists/robert-russell-reid" title="Robert Russell Reid">Robert Russell Reid</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/explore-exhibits/spanish" title="Spanish">Spanish</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/explore-exhibits/chinese" title="Chinese">Chinese</a>
</li>
</ul>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/activities-programs" title="Activities & Programs">Activities & Programs</a>
<div class="wrapMenu wrapMenu0">
<ul class="dl-submenu0">
<li class="1">
<a href="https://www.nhm.org/site/activities-programs/citizen-science" title="Citizen Science">Citizen Science</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/activities-programs/performing-arts" title="Performing Arts">Performing Arts</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/dinosaur-encounters" title="Dinosaur Encounters">Dinosaur Encounters</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/ice-age-encounters" title="Ice Age Encounters">Ice Age Encounters</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/activities-programs/workshops" title="Workshops">Workshops</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/gardening" title="Gardening">Gardening</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/second-nature" title="Second Nature">Second Nature</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/activities-programs/adult-only-all-nighters" title="Evenings">Evenings</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/first-fridays" title="First Fridays">First Fridays</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/lectures" title="Lectures">Lectures</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/summer-nights-in-the-garden" title="Summer Nights in the Garden">Summer Nights in the Garden</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/adult-only-all-nighters" title="Adult-Only All Nighters">Adult-Only All Nighters</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/activities-programs/la-nature-fest" title="Festivals">Festivals</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/bug-fair" title="Bug Fair">Bug Fair</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/festival-of-books" title="Festival of Books">Festival of Books</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/dino-fest" title="Dino Fest">Dino Fest</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/la-nature-fest" title="L.A. Nature Fest">L.A. Nature Fest</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/activities-programs/field-trips" title="Field Trips">Field Trips</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/about-our-museums/event-rentals-filming/event-types" title="Special Events">Special Events</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/holiday" title="Holidays">Holidays</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/activities-programs/workshops" title="Workshops">Workshops</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/activities-programs/adventures-in-nature" title="Youth">Youth</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/adventures-in-nature" title="Adventures in Nature">Adventures in Nature</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/critter-club" title="Critter Club">Critter Club</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/discovery-center" title="Discovery Center">Discovery Center</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/encounters-jr" title="Encounters Jr.">Encounters Jr.</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/insect-zoo" title="Insect Zoo">Insect Zoo</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/junior-scientist" title="Junior Scientist">Junior Scientist</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/sleepovers" title="Sleepovers">Sleepovers</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/nature-navigators" title="Nature Navigators">Nature Navigators</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/activities-programs/scavenger-safari" title="Members">Members</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/haunted-museum" title="Haunted Museum">Haunted Museum</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/behind-the-scenes-tours" title="Behind-the-Scenes Tours">Behind-the-Scenes Tours</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/fellows-events" title="Fellows Events">Fellows Events</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/scavenger-safari" title="Scavenger's Safari">Scavenger's Safari</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/member-field-trip" title="Member Field Trip">Member Field Trip</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/calendar" title="Calendar">Calendar</a>
</li>
<li>
<a href="https://www.nhm.org/site/for-teachers" title="For Teachers">For Teachers</a>
<div class="wrapMenu wrapMenu0">
<ul class="dl-submenu0">
<li class="1">
<a href="https://www.nhm.org/site/for-teachers/visit-the-museum/book-your-visit" title="Book a Field Trip">Book a Field Trip</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/for-teachers/before-your-field-trip" title="Before Your Field Trip ">Before Your Field Trip</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/for-teachers/homeschool-days" title="Homeschool Days">Homeschool Days</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/for-teachers/mobile-museum" title="Mobile Museums">Mobile Museums</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/for-teachers/field-trip-add-ons" title="Field Trip Add-Ons">Field Trip Add-Ons</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/for-teachers/teacher-resources" title="Teacher Resources ">Teacher Resources</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities" title="Museum Lesson Plans and Activities">Museum Lesson Plans and Activities</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/preschool" title="Preschool">Preschool</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-1" title="Grade 1">Grade 1</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-2" title="Grade 2">Grade 2</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-3" title="Grade 3">Grade 3</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-4" title="Grade 4">Grade 4</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-5" title="Grade 5">Grade 5</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-6" title="Grade 6">Grade 6</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-7" title="Grade 7">Grade 7</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-8" title="Grade 8">Grade 8</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/high-school" title="High School">High School</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/kindergarten" title="Kindergarten">Kindergarten</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/for-teachers/faqs" title="FAQS">FAQS</a>
</li>
</ul>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/research-collections" title="Research & Collections">Research & Collections</a>
<div class="wrapMenu wrapMenu0">
<ul class="dl-submenu0">
<li class="1">
<a href="https://www.nhm.org/site/research-collections/research-library" title="Research Library">Research Library</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-library/view-collections" title="View the Collections">View the Collections</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-library/docent-library" title="Docent Library">Docent Library</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-library/faqs" title="FAQs">FAQs</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-library/historical-library" title="Historical Library">Historical Library</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-library/resources" title="Resources">Resources</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-library/special-collections-highlights" title="Special Collections Highlights">Special Collections Highlights</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-library/view-collections/special-collections/frances-runyan" title="Special Collections: Frances Runyan">Special Collections: Frances Runyan</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-library/staff-biographies" title="Staff Biographies">Staff Biographies</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-library/news" title="What's New">What's New</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/research-collections" title="Departments">Departments</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/research-collections/anthropology-archaeology" title="Anthropology and Archaeology ">Anthropology and Archaeology</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/conservation-collection-care" title="Conservation and Collection Care ">Conservation and Collection Care</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/crustacea" title="Crustacea">Crustacea</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/dinosaur-institute" title="Dinosaur Institute">Dinosaur Institute</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/echinoderms" title="Echinoderms">Echinoderms</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/entomology" title="Entomology">Entomology</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/herpetology" title="Herpetology">Herpetology</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/history" title="History">History</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/ichthyology" title="Ichthyology">Ichthyology</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/invertebrate-paleontology" title="Invertebrate Paleontology ">Invertebrate Paleontology</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/malacology" title="Malacology">Malacology</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/mammalogy" title="Mammalogy">Mammalogy</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/marine-biodiversity-center" title="Marine Biodiversity Center">Marine Biodiversity Center</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/mineral-sciences" title="Mineral Sciences">Mineral Sciences</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/museum-archives" title="Museum Archives">Museum Archives</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/ornithology" title="Ornithology">Ornithology</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/polychaetous-annelids" title="Polychaetous Annelids">Polychaetous Annelids</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/rancho-la-brea" title="Rancho La Brea">Rancho La Brea</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/seaver-center" title="Seaver Center">Seaver Center</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/vertebrate-paleontology" title="Vertebrate Paleontology">Vertebrate Paleontology</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/research-collections/news" title="News">News</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/research-collections/open-access" title="Open Access Statement">Open Access Statement</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/research-collections/registrar" title="Registrar">Registrar</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/research-collections/registrar/faqs" title="FAQs">FAQs</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/registrar/resources" title="Resources">Resources</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/research-collections" title="Research Tools">Research Tools</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-tools/publications" title="Publications">Publications</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-tools/sem-lab" title="Scanning Electron Microscopy Lab">Scanning Electron Microscopy Lab</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/research-collections/why-collections-important" title="Why We Have Collections">Why We Have Collections</a>
</li>
</ul>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/join-us" title="Join Us">Join Us</a>
<div class="wrapMenu wrapMenu0">
<ul class="dl-submenu0">
<li class="1">
<a href="https://www.nhm.org/site/join-us/make-a-gift/donate" title="Donate">Donate</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1"></ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/join-us/membership" title="Membership">Membership</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/join-us/membership" title="Levels Benefits">Levels Benefits</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/join-us/membership/the-fellows" title="The Fellows">The Fellows</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/join-us/membership/the-fellows/join-or-renew" title="Join or Renew">Join or Renew</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li style="list-style: none; display: inline">
<ul></ul>
</li>
</ul>
</div>
</div>
<!-- End .overlay .overlay-content-->
<div id="exnav-block">
<div id="blHeader" class="fixedWidth970">
<h1><a href="https://www.nhm.org/site/">Extreme Mammals | Natural History Museum of Los Angeles</a></h1>
<!-- Begin bl_menu_top -->
<div id="bl_menu_top" style="display:none;">
<!-- <input name="" type="text" value="SEARCH" />-->
<div id="bl_menu_top_links">
<div id="exnav-secondary-links">
<ul class="links secondary-links">
<li class="menu-1239 first">
<a href="https://www.nhm.org/site/about-our-museums" title="About Our Museums">About Our Museums</a>
</li>
<li class="menu-1242">
<a href="http://nhm.org/shop-at-nhm" title="Shop">Shop</a>
</li>
<li class="menu-1243">
<a href="https://www.nhm.org/site/join-us/make-a-gift" title="Donate">Donate</a>
</li>
<li class="menu-1241">
<a href="https://www.nhm.org/site/join-us/membership" title="Membership">Membership</a>
</li>
<li class="menu-1240">
<a href="https://www.nhm.org/site/join-us/volunteers-docents" title="Volunteer">Volunteer</a>
</li>
<li class="menu-31987">
<a href="https://www.nhm.org/site/about-our-museums/event-rentals-filming" title="Events/Filming">Events/Filming</a>
</li>
<li class="menu-16619 last">
<a href="https://www.nhm.org/site/plan-your-visit/tickets" title="Tickets">Tickets</a>
</li>
</ul>
</div>
</div>
</div>
<div class="blClear"></div>
<ul id="globalNav">
<li>
<a class="main__links" href="https://www.nhm.org/site/plan-your-visit" title="Plan Your Visit">Plan Your Visit</a>
<ul class="dropdown">
<li>
<a href="https://www.nhm.org/site/plan-your-visit/directions-parking" title="Directions, Parking, Transportation">Directions, Parking, Transportation</a>
</li>
<li>
<a href="https://www.nhm.org/site/plan-your-visit/en-espanol" title="En Espanol">En Espanol</a>
</li>
<li>
<a href="https://www.nhm.org/site/plan-your-visit/exposition-park" title="Exposition Park">Exposition Park</a>
</li>
<li>
<a href="https://www.nhm.org/site/plan-your-visit/group-visits" title="Group Visits">Group Visits</a>
<ul class="dropdownTwo"></ul>
</li>
<li>
<a href="https://www.nhm.org/site/plan-your-visit/museum-map" title="Museum Map">Museum Map</a>
</li>
<li>
<a href="https://www.nhm.org/site/plan-your-visit/museum-store" title="Museum Store">Museum Store</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/plan-your-visit/museum-store/shop" title="Shop">Shop</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/for-teachers" title="School Visits">School Visits</a>
</li>
<li>
<a href="https://www.nhm.org/site/plan-your-visit/tickets" title="Tickets">Tickets</a>
</li>
<li>
<a href="https://www.nhm.org/site/plan-your-visit/where-to-eat" title="Where To Eat">Where To Eat</a>
</li>
<li>
<a href="https://www.nhm.org/site/plan-your-visit/your-nhm-photos" title="Your NHM Photos">Your NHM Photos</a>
</li>
<li>
<a href="https://www.nhm.org/site/plan-your-visit/%E4%B8%AD%E6%96%87" title="中文">中文</a>
</li>
</ul>
</li>
<li>
<a class="main__links" href="https://www.nhm.org/site/explore-exhibits" title="Explore Exhibits">Explore Exhibits</a>
<ul class="dropdown">
<li>
<a href="https://www.nhm.org/site/explore-exhibits" title="Special Exhibits">Special Exhibits</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/explore-exhibits/special-exhibits/butterfly-pavilion" title="Butterfly Pavilion">Butterfly Pavilion</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/special-exhibits/dino-lab" title="Dino Lab">Dino Lab</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/special-exhibits/spider-pavilion" title="Spider Pavilion">Spider Pavilion</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/special-exhibits/diamonds" title="Diamonds">Diamonds</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/special-exhibits/extreme-mammals" title="Extreme Mammals">Extreme Mammals</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/special-exhibits/la-exhibici%C3%B3n-diamonds" title="La Exhibición Diamonds">La Exhibición Diamonds</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/special-exhibits/vr" title="theBlu">theBlu</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/special-exhibits/%E9%92%BB%E7%9F%B3" title="钻石：珍世璀璨">钻石：珍世璀璨</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/explore-exhibits" title="Permanent Exhibits">Permanent Exhibits</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/african-mammals" title="African Mammals">African Mammals</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/age-of-mammals" title="Age of Mammals">Age of Mammals</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/latin-american-art" title="Ancient Latin American Art">Ancient Latin American Art</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/becoming-los-angeles" title="Becoming L.A.">Becoming L.A.</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/birds" title="Birds">Birds</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/dinosaur-hall" title="Dinosaur Hall">Dinosaur Hall</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/dinosaurs" title="Dinosaurs">Dinosaurs</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/discovery-center" title="Discovery Center">Discovery Center</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/gems-minerals" title="Gems and Minerals">Gems and Minerals</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/haaga-family-rotunda" title="Haaga Family Rotunda">Haaga Family Rotunda</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/insect-zoo" title="Insect Zoo">Insect Zoo</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/north-american-mammals" title="North American Mammals">North American Mammals</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/shells" title="Shells">Shells</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/zuni-fetishes" title="Zuni Fetishes">Zuni Fetishes</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/explore-exhibits/diorama-artists" title="Diorama Artists">Diorama Artists</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/explore-exhibits/diorama-artists/charles-abel-corwin" title="Charles Abel Corwin">Charles Abel Corwin</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/diorama-artists/duncan-alanson-spencer" title="Duncan Alanson Spencer">Duncan Alanson Spencer</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/diorama-artists/florence-mackenzie" title="Florence MacKenzie">Florence MacKenzie</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/diorama-artists/frank-mackenzie" title="Frank Mackenzie">Frank Mackenzie</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/diorama-artists/hanson-duvall-puthuff" title="Hanson Duvall Puthuff">Hanson Duvall Puthuff</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/diorama-artists/robert-russell-reid" title="Robert Russell Reid">Robert Russell Reid</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/explore-exhibits/spanish" title="Spanish">Spanish</a>
</li>
<li>
<a href="https://www.nhm.org/site/explore-exhibits/chinese" title="Chinese">Chinese</a>
</li>
</ul>
</li>
<li>
<a class="main__links" href="https://www.nhm.org/site/activities-programs" title="Activities & Programs">Activities & Programs</a>
<ul class="dropdown">
<li>
<a href="https://www.nhm.org/site/activities-programs/citizen-science" title="Citizen Science">Citizen Science</a>
</li>
<li>
<a href="https://www.nhm.org/site/activities-programs/performing-arts" title="Performing Arts">Performing Arts</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/activities-programs/dinosaur-encounters" title="Dinosaur Encounters">Dinosaur Encounters</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/ice-age-encounters" title="Ice Age Encounters">Ice Age Encounters</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/activities-programs/workshops" title="Workshops">Workshops</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/activities-programs/gardening" title="Gardening">Gardening</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/second-nature" title="Second Nature">Second Nature</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/activities-programs/adult-only-all-nighters" title="Evenings">Evenings</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/activities-programs/first-fridays" title="First Fridays">First Fridays</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/lectures" title="Lectures">Lectures</a>
<a class="main__links" href="https://www.nhm.org/site/activities-programs/summer-nights-in-the-garden" title="Summer Nights in the Garden">Summer Nights in the Garden</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/adult-only-all-nighters" title="Adult-Only All Nighters">Adult-Only All Nighters</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/activities-programs/la-nature-fest" title="Festivals">Festivals</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/activities-programs/bug-fair" title="Bug Fair">Bug Fair</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/festival-of-books" title="Festival of Books">Festival of Books</a>
<a class="main__links" href="https://www.nhm.org/site/activities-programs/dino-fest" title="Dino Fest">Dino Fest</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/la-nature-fest" title="L.A. Nature Fest">L.A. Nature Fest</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/activities-programs/field-trips" title="Field Trips">Field Trips</a>
</li>
<li>
<a href="https://www.nhm.org/site/about-our-museums/event-rentals-filming/event-types" title="Special Events">Special Events</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/holiday" title="Holidays">Holidays</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/activities-programs/workshops" title="Workshops">Workshops</a>
</li>
<li>
<a href="https://www.nhm.org/site/activities-programs/adventures-in-nature" title="Youth">Youth</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/activities-programs/adventures-in-nature" title="Adventures in Nature">Adventures in Nature</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/critter-club" title="Critter Club">Critter Club</a>
<a class="main__links" href="https://www.nhm.org/site/activities-programs/discovery-center" title="Discovery Center">Discovery Center</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/encounters-jr" title="Encounters Jr.">Encounters Jr.</a>
<a class="main__links" href="https://www.nhm.org/site/activities-programs/insect-zoo" title="Insect Zoo">Insect Zoo</a>
<a class="main__links" href="https://www.nhm.org/site/activities-programs/junior-scientist" title="Junior Scientist">Junior Scientist</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/sleepovers" title="Sleepovers">Sleepovers</a>
<a class="main__links" href="https://www.nhm.org/site/activities-programs/nature-navigators" title="Nature Navigators">Nature Navigators</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/activities-programs/scavenger-safari" title="Members">Members</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/activities-programs/haunted-museum" title="Haunted Museum">Haunted Museum</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/behind-the-scenes-tours" title="Behind-the-Scenes Tours">Behind-the-Scenes Tours</a>
<a class="main__links" href="https://www.nhm.org/site/activities-programs/fellows-events" title="Fellows Events">Fellows Events</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/scavenger-safari" title="Scavenger's Safari">Scavenger's Safari</a>
<a class="main__links" href="https://www.nhm.org/site/activities-programs/member-field-trip" title="Member Field Trip">Member Field Trip</a>
</div>
</li>
</ul>
</li>
<li>
<a class="main__links" href="https://www.nhm.org/site/calendar" title="Calendar">Calendar</a>
</li>
<li>
<a class="main__links" href="https://www.nhm.org/site/for-teachers" title="For Teachers">For Teachers</a>
<ul class="dropdown">
<li>
<a href="https://www.nhm.org/site/for-teachers/visit-the-museum/book-your-visit" title="Book a Field Trip">Book a Field Trip</a>
</li>
<li>
<a href="https://www.nhm.org/site/for-teachers/before-your-field-trip" title="Before Your Field Trip ">Before Your Field Trip</a>
</li>
<li>
<a href="https://www.nhm.org/site/for-teachers/homeschool-days" title="Homeschool Days">Homeschool Days</a>
</li>
<li>
<a href="https://www.nhm.org/site/for-teachers/mobile-museum" title="Mobile Museums">Mobile Museums</a>
</li>
<li>
<a href="https://www.nhm.org/site/for-teachers/field-trip-add-ons" title="Field Trip Add-Ons">Field Trip Add-Ons</a>
</li>
<li>
<a href="https://www.nhm.org/site/for-teachers/teacher-resources" title="Teacher Resources ">Teacher Resources</a>
</li>
<li>
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities" title="Museum Lesson Plans and Activities">Museum Lesson Plans and Activities</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/preschool" title="Preschool">Preschool</a><a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-1" title="Grade 1">Grade 1</a>
<a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-2" title="Grade 2">Grade 2</a><a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-3" title="Grade 3">Grade 3</a>
<a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-4" title="Grade 4">Grade 4</a>
<a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-5" title="Grade 5">Grade 5</a><a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-6" title="Grade 6">Grade 6</a>
<a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-7" title="Grade 7">Grade 7</a>
<a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-8" title="Grade 8">Grade 8</a><a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/high-school" title="High School">High School</a>
<a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/kindergarten" title="Kindergarten">Kindergarten</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/for-teachers/faqs" title="FAQS">FAQS</a>
</li>
</ul>
</li>
<li>
<a class="main__links" href="https://www.nhm.org/site/research-collections" title="Research & Collections">Research & Collections</a>
<ul class="dropdown">
<li>
<a href="https://www.nhm.org/site/research-collections/research-library" title="Research Library">Research Library</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/research-collections/research-library/view-collections" title="View the Collections">View the Collections</a><a class="main__links" href="https://www.nhm.org/site/research-collections/research-library/docent-library" title="Docent Library">Docent Library</a><a class="main__links" href="https://www.nhm.org/site/research-collections/research-library/faqs" title="FAQs">FAQs</a><a class="main__links" href="https://www.nhm.org/site/research-collections/research-library/historical-library" title="Historical Library">Historical Library</a><a class="main__links" href="https://www.nhm.org/site/research-collections/research-library/resources" title="Resources">Resources</a><a class="main__links" href="https://www.nhm.org/site/research-collections/research-library/special-collections-highlights" title="Special Collections Highlights">Special Collections Highlights</a><a class="main__links" href="https://www.nhm.org/site/research-collections/research-library/view-collections/special-collections/frances-runyan" title="Special Collections: Frances Runyan">Special Collections: Frances Runyan</a>
<a class="main__links" href="https://www.nhm.org/site/research-collections/research-library/staff-biographies" title="Staff Biographies">Staff Biographies</a><a class="main__links" href="https://www.nhm.org/site/research-collections/research-library/news" title="What's New">What's New</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/research-collections" title="Departments">Departments</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/research-collections/anthropology-archaeology" title="Anthropology and Archaeology ">Anthropology and Archaeology</a> <a class="main__links" href="https://www.nhm.org/site/research-collections/conservation-collection-care" title="Conservation and Collection Care ">Conservation and Collection Care</a> <a class="main__links" href="https://www.nhm.org/site/research-collections/crustacea" title="Crustacea">Crustacea</a><a class="main__links" href="https://www.nhm.org/site/research-collections/dinosaur-institute" title="Dinosaur Institute">Dinosaur Institute</a><a class="main__links" href="https://www.nhm.org/site/research-collections/echinoderms" title="Echinoderms">Echinoderms</a><a class="main__links" href="https://www.nhm.org/site/research-collections/entomology" title="Entomology">Entomology</a><a class="main__links" href="https://www.nhm.org/site/research-collections/herpetology" title="Herpetology">Herpetology</a><a class="main__links" href="https://www.nhm.org/site/research-collections/history" title="History">History</a>
<a class="main__links" href="https://www.nhm.org/site/research-collections/ichthyology" title="Ichthyology">Ichthyology</a><a class="main__links" href="https://www.nhm.org/site/research-collections/invertebrate-paleontology" title="Invertebrate Paleontology ">Invertebrate Paleontology</a> <a class="main__links" href="https://www.nhm.org/site/research-collections/malacology" title="Malacology">Malacology</a><a class="main__links" href="https://www.nhm.org/site/research-collections/mammalogy" title="Mammalogy">Mammalogy</a><a class="main__links" href="https://www.nhm.org/site/research-collections/marine-biodiversity-center" title="Marine Biodiversity Center">Marine Biodiversity Center</a><a class="main__links" href="https://www.nhm.org/site/research-collections/mineral-sciences" title="Mineral Sciences">Mineral Sciences</a>
<a class="main__links" href="https://www.nhm.org/site/research-collections/museum-archives" title="Museum Archives">Museum Archives</a><a class="main__links" href="https://www.nhm.org/site/research-collections/ornithology" title="Ornithology">Ornithology</a><a class="main__links" href="https://www.nhm.org/site/research-collections/polychaetous-annelids" title="Polychaetous Annelids">Polychaetous Annelids</a>
<a class="main__links" href="https://www.nhm.org/site/research-collections/rancho-la-brea" title="Rancho La Brea">Rancho La Brea</a><a class="main__links" href="https://www.nhm.org/site/research-collections/seaver-center" title="Seaver Center">Seaver Center</a><a class="main__links" href="https://www.nhm.org/site/research-collections/vertebrate-paleontology" title="Vertebrate Paleontology">Vertebrate Paleontology</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/research-collections/news" title="News">News</a>
</li>
<li>
<a href="https://www.nhm.org/site/research-collections/open-access" title="Open Access Statement">Open Access Statement</a>
</li>
<li>
<a href="https://www.nhm.org/site/research-collections/registrar" title="Registrar">Registrar</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/research-collections/registrar/faqs" title="FAQs">FAQs</a><a class="main__links" href="https://www.nhm.org/site/research-collections/registrar/resources" title="Resources">Resources</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/research-collections" title="Research Tools">Research Tools</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/research-collections/research-tools/publications" title="Publications">Publications</a><a class="main__links" href="https://www.nhm.org/site/research-collections/research-tools/sem-lab" title="Scanning Electron Microscopy Lab">Scanning Electron Microscopy Lab</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/research-collections/why-collections-important" title="Why We Have Collections">Why We Have Collections</a>
</li>
</ul>
</li>
<li>
<a class="main__links" href="https://www.nhm.org/site/join-us" title="Join Us">Join Us</a>
<ul class="dropdown">
<li>
<a href="https://www.nhm.org/site/join-us/make-a-gift/donate" title="Donate">Donate</a>
<ul class="dropdownTwo"></ul>
</li>
<li>
<a href="https://www.nhm.org/site/join-us/membership" title="Membership">Membership</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/join-us/membership" title="Levels Benefits">Levels Benefits</a><a class="main__links" href="https://www.nhm.org/site/join-us/membership/the-fellows" title="The Fellows">The Fellows</a><a class="main__links" href="https://www.nhm.org/site/join-us/membership/the-fellows/join-or-renew" title="Join or Renew">Join or Renew</a>
</div>
</li>
</ul>
</li>
<li>
<form accept-charset="UTF-8" action="https://www.nhm.org/site/explore-exhibits/special-exhibits/extreme-mammals" id="search-theme-form" method="post" name="search-theme-form">
<div>
<div class="container-inline" id="search">
<div class="form-item" id="edit-search-theme-form-1-wrapper">
<label for="edit-search-theme-form-1">Search this site:</label>
<input class="form-text" id="edit-search-theme-form-1" maxlength="128" name="search_theme_form" size="15" title="Enter the terms you wish to search for." type="text" value="">
</div>
<input class="form-submit" id="edit-submit-1" name="op" type="submit" value="Search">
<input id="form-6CIhzsSvyZHguASRLtyPwBOhMDBlpBGZRfmX-4B9LFc" name="form_build_id" type="hidden" value="form-6CIhzsSvyZHguASRLtyPwBOhMDBlpBGZRfmX-4B9LFc">
<input id="edit-search-theme-form" name="form_id" type="hidden" value="search_theme_form">
</div>
</div>
</form>
</li>
</ul>
<!-- <a href="#"></a>
<div class="cover hero_large" style="background-image:url( https://www.nhm.org/site/sites/default/files/marketing/Web%20Banner%20Extreme%20Mammals%20-%20No%20credit%20line.jpg );"></div> -->
<div class="blClear"></div>
</div>
</div>
<!-- front page slider -->
<!-- front page slider -->
<!-- header end -->
<!-- Begin bl_content_box -->
<div id="bl_content_box">
<script>
//$(".block-nice_menus").remove();
$(".block-user").remove();
</script>
<div class="bl_center bl_article landing">
<div class="main_container landing">
<div class="inner_container">
<div class="bl_paginator-edit fixedWidth970">
<div class="breadcrumb"><a href="/site/">Home</a> &gt; <a href="/site/research-collections" title="">Research &amp; Collections</a> &gt; R & C Newsletter</div>
</div>
<div class="fixedWidth970">
<h2 class="landingHead">Newsletter</h2></div>
<!-- New Code Landing Page for R&C Newsletter -->
<div class="listCont landing">
<a href="#" class="listWrap__ landing">
<div class="imgWrap">
<img src="https://jsbin-user-assets.s3.amazonaws.com/naeluh/2016-12_2.jpg" />
</div>
<div class="textWrap">
<h4><span class="title">Red Rocks Expedition</span>
<span class="date">Mar. 3, 2017</span></h4>
<p>Bacon ipsum dolor amet prosciutto tri-tip cow short loin. Tenderloin tri-tip chicken porchetta picanha tongue...</p>
<h4><span class="byline">By Xiaoming Wang</span></h4>
</div>
</a>
</div>
<div class="listCont fixedWidth736">
<h3 class="head">Featured</h3><a href="#">&gt; see all</a>
<h3>&nbsp;</h3>
<a href="#" class="listWrap featured">
<div class="imgWrap left">
<img src="https://jsbin-user-assets.s3.amazonaws.com/naeluh/2016-12_2.jpg" />
</div>
<div class="textWrap">
<h4>
<span class="title">Red Rocks Expedition</span>
<span class="date">Mar. 3, 2017</span>
</h4>
<p>Bacon ipsum dolor amet prosciutto tri-tip cow short loin. Tenderloin tri-tip chicken porchetta picanha tongue...</p>
<h4><span class="byline">By Xiaoming Wang</span></h4>
</div>
</a>
<a href="#" class="listWrap featured">
<div class="imgWrap right">
<img src="https://jsbin-user-assets.s3.amazonaws.com/naeluh/2016-12_2.jpg" />
</div>
<div class="textWrap">
<h4><span class="title">Red Rocks Expedition</span>
<span class="date">Mar. 3, 2017</span></h4>
<p>Bacon ipsum dolor amet prosciutto tri-tip cow short loin. Tenderloin tri-tip chicken porchetta picanha tongue...</p>
<h4><span class="byline">By Xiaoming Wang</span></h4>
</div>
</a>
</div>
<div class="listCont fixedWidth736">
<h3 class="head">Featured</h3><a href="#">-> see all</a>
<h3>&nbsp;</h3>
<a href="#" class="listWrap half">
<div class="imgWrap">
<img src="https://jsbin-user-assets.s3.amazonaws.com/naeluh/2016-12_2.jpg" />
</div>
<div class="textWrap">
<h4>
<span class="title">Red Rocks Expedition</span>
<span class="date">Mar. 3, 2017</span>
</h4>
<p>Bacon ipsum dolor amet prosciutto tri-tip cow short loin. Tenderloin tri-tip chicken porchetta picanha tongue...</p>
<h4><span class="byline">By Xiaoming Wang</span></h4>
</div>
</a>
<a href="#" class="listWrap half">
<div class="imgWrap">
<img src="https://jsbin-user-assets.s3.amazonaws.com/naeluh/2016-12_2.jpg" />
</div>
<div class="textWrap">
<h4><span class="title">Red Rocks Expedition</span>
<span class="date">Mar. 3, 2017</span></h4>
<p>Bacon ipsum dolor amet prosciutto tri-tip cow short loin. Tenderloin tri-tip chicken porchetta picanha tongue...</p>
<h4><span class="byline">By Xiaoming Wang</span></h4>
</div>
</a>
</div>
<div class="listCont fixedWidth736">
<a href="#" class="listWrap half">
<div class="imgWrap">
<img src="https://jsbin-user-assets.s3.amazonaws.com/naeluh/2016-12_2.jpg" />
</div>
<div class="textWrap">
<h4><span class="title">Red Rocks Expedition</span>
<span class="date">Mar. 3, 2017</span></h4>
<p>Bacon ipsum dolor amet prosciutto tri-tip cow short loin. Tenderloin tri-tip chicken porchetta picanha tongue...</p>
<h4><span class="byline">By Xiaoming Wang</span></h4>
</div>
</a>
<a href="#" class="listWrap half">
<div class="imgWrap">
<img src="https://jsbin-user-assets.s3.amazonaws.com/naeluh/2016-12_2.jpg" />
</div>
<div class="textWrap">
<h4><span class="title">Red Rocks Expedition</span>
<span class="date">Mar. 3, 2017</span></h4>
<p>Bacon ipsum dolor amet prosciutto tri-tip cow short loin. Tenderloin tri-tip chicken porchetta picanha tongue...</p>
<h4><span class="byline">By Xiaoming Wang</span></h4>
</div>
</a>
</div>
<div class="listCont fixedWidth736">
<a href="#" class="listWrap half">
<div class="imgWrap">
<img src="https://jsbin-user-assets.s3.amazonaws.com/naeluh/2016-12_2.jpg" />
</div>
<div class="textWrap">
<h4><span class="title">Red Rocks Expedition</span>
<span class="date">Mar. 3, 2017</span></h4>
<p>Bacon ipsum dolor amet prosciutto tri-tip cow short loin. Tenderloin tri-tip chicken porchetta picanha tongue...</p>
<h4><span class="byline">By Xiaoming Wang</span></h4>
</div>
</a>
<a href="#" class="listWrap half">
<div class="imgWrap">
<img src="https://jsbin-user-assets.s3.amazonaws.com/naeluh/2016-12_2.jpg" />
</div>
<div class="textWrap">
<h4><span class="title">Red Rocks Expedition</span>
<span class="date">Mar. 3, 2017</span></h4>
<p>Bacon ipsum dolor amet prosciutto tri-tip cow short loin. Tenderloin tri-tip chicken porchetta picanha tongue...</p>
<h4><span class="byline">By Xiaoming Wang</span></h4>
</div>
</a>
</div>
<!-- New Module Style -->
<div class="listCont fixedWidth736">
<div class="module_box listWrap_mod">
<div class="bl_box">
<a href="#" class="bl_sectionimage">
<img src="https://www.nhm.org/site/sites/default/files/marketing/Module%20Nature%20Fest%202017.jpg" width="230">
</a>
<div class="bl_box2">
<h2>L.A. Nature Fest</h2>
<p><strong>March 18 &amp; 19</strong></p>
<p>Discover L.A.'s wild side by getting up close and hands-on with all things nature.</p>
<p><a href="#">Learn More</a></p>
<p class="modTitle" style="display:none;">Module - Nature Fest 2017</p>
</div>
</div>
</div>
<div class="module_box listWrap_mod">
<div class="bl_box">
<a href="#" class="bl_sectionimage">
<img src="https://www.nhm.org/site/sites/default/files/marketing/Module%20Nature%20Fest%202017.jpg" width="230">
</a>
<div class="bl_box2">
<h2>L.A. Nature Fest</h2>
<p><strong>March 18 &amp; 19</strong></p>
<p>Discover L.A.'s wild side by getting up close and hands-on with all things nature.</p>
<p><a href="#">Learn More</a></p>
<p class="modTitle" style="display:none;">Module - Nature Fest 2017</p>
</div>
</div>
</div>
<div class="module_box listWrap_mod">
<div class="bl_box">
<a href="#" class="bl_sectionimage">
<img src="https://www.nhm.org/site/sites/default/files/marketing/Module%20Nature%20Fest%202017.jpg" width="230">
</a>
<div class="bl_box2">
<h2>L.A. Nature Fest</h2>
<p><strong>March 18 &amp; 19</strong></p>
<p>Discover L.A.'s wild side by getting up close and hands-on with all things nature.</p>
<p><a href="#">Learn More</a></p>
<p class="modTitle" style="display:none;">Module - Nature Fest 2017</p>
</div>
</div>
</div>
</div>
<!-- New Module Style -->
<!-- New Code Landing Page for R&C Newsletter -->
</div>
</div>
</div>
<div class="alert-dialog" style="display:none;">
<div class="alert-content" style="display:none;"></div>
</div>
<div class="blClear"></div>
</div>
<!-- End bl_content_box -->
<script type="text/javascript">
if (typeof showExNav == 'function') {
showExNav(0);
}
</script>
<!-- Begin blFooter -->
<div class="blClear"></div>
<div id="footer_upper" class="fixedWidth970">
<div id="footer_upper_left">
<p>We are grateful to our Institutional Partners</p>
<div style="width: 70px;overflow: hidden;"><img src="https://www.nhm.org/site/sites/default/files/home_page/nhm_inst_partners_hasbro_JPM_logos.png">
</div>
</div>
<div id="footer_upper_right">
<ul id="social_links">
<li>
<a href="http://twitter.com/nhmla"><img src="https://www.nhm.org/site/sites/default/files/home_page/twitter.jpg">
</a>
</li>
<li>
<a href="http://www.facebook.com/pages/Los-Angeles-CA/Natural-History-Museum-of-Los-Angeles-County/137760467417?ref=ts"><img src="https://www.nhm.org/site/sites/default/files/home_page/facebook.jpg">
</a>
</li>
<li>
<a href="http://instagram.com/nhmla"><img src="https://www.nhm.org/site/sites/default/files/home_page/instagram.jpg">
</a>
</li>
<li>
<a href="http://www.youtube.com/user/NHMLA"><img src="https://www.nhm.org/site/sites/default/files/home_page/youtube.jpg">
</a>
</li>
<li>
<a href="http://pinterest.com/nhmla/"><img src="https://www.nhm.org/site/sites/default/files/home_page/pinterest.jpg">
</a>
</li>
</ul>
</div>
</div>
<div id="blFooter" class="fixedWidth970">
<div class="bl_right">
<div style="margin-top: 2px;">
<a href="http://cssd.lacounty.gov/wps/portal/cssd/parents/mostwanted" style="color: #636363;font-weight: bold;text-decoration: none;" target="_blank">Public Service Notice</a>
</div>
</div>
<div class="clear-block block block-menu" id="block-menu-menu-footer">
<div class="content">
<ul class="menu">
<li class="leaf first">
<a href="https://www.nhm.org/site/about-our-museums/contact-us">Contact Us</a>
</li>
<li class="leaf">
<a href="https://www.nhm.org/site/about-our-museums/press">Press</a>
</li>
<li class="leaf">
<a href="https://www.nhm.org/site/about-our-museums/working-at-nhm">Careers</a>
</li>
<li class="leaf">
<a href="https://www.nhm.org/site/about-our-museums/terms-of-use">Terms of Use</a>
</li>
<li class="leaf">
<a href="https://www.nhm.org/site/about-our-museums/e-news/subscribe">e-News</a>
</li>
<li class="leaf last">
<a href="https://www.nhm.org/site/about-our-museums/feedback">Feedback</a>
</li>
</ul>
</div>
</div>
<ul class="menu">
<li>900 Exposition Blvd. Los Angeles, CA 90007</li>
<li>Hours: 9:30 am - 5 pm daily</li>
</ul>
<div class="blClear"></div>
</div>
<!-- End blFooter -->
</div>
<!-- End blContent -->
<script>
var my_href = window.location.pathname;
$(".bl_left_column li").each(
function() {
this_href = $(this).find("a").attr("href");
if (my_href.match(this_href)) {
$(".menu-active").removeClass("menu-active"); // just in case
$(this).addClass("menu-active");
}
});
$("#bl_menu li a").each(
function() {
this_href = $(this).attr("href");
if (my_href.indexOf(this_href) == 0) {
$(".top-menu-active").removeClass("top-menu-active"); // just in case
$(this).addClass("top-menu-active");
}
});
$(function() {
$('#block-menu-menu-plan-your-field-trip').css('display', 'none');
$('a[rel="external"]').click(function() {
this.target = "_blank";
});
$('a[href^="http"]').attr({
target: "_blank",
title: "Opens in a new window"
});
$('a[href^="http://www.nhm.org"]').attr({
target: "_self",
title: "Opens in same window"
});
});
</script>
<script type="text/javascript">
function escapeRegExp(str) {
return str.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1");
}
function replaceAll(str, find, replace) {
return str.replace(new RegExp(escapeRegExp("NHM"), 'g'), "NHMLA");
}
$(function() {
$('img').each(function(i, v) {
if ($(this).attr('alt')) {
if ($(this).attr('alt').length < 0) {
$(this).attr('alt', $(this).innerText);
} else {
$(this).attr('alt', 'Natural History Museum of Los Angeles');
}
}
});
$('#globalNav > li > ul > li > ul').each(function(i, v) {
if ($(this).children().length >= 7) {
$(this).css({
'height': '456px',
'overflow-y': 'scroll'
});
}
});
});
</script>
<script type="text/javascript">
var tag1 = document.createElement("script");
tag1.src = "https://nhm.org/site/sites/all/themes/zen_nhm_theme/js/nhm_new_mobile_menu.js?n00p";
var firstScriptTag1 = document.getElementsByTagName("script")[0];
firstScriptTag1.parentNode.insertBefore(tag1, firstScriptTag1);
</script>
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>R & C News</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/images/NHM_favicon.ico" rel="shortcut icon" type="image/x-icon">
<meta content="Natural History Museum of Los Angeles County" property="og:site_name">
<meta content="Extreme Mammals" property="og:title">
<meta content="The mission of the Natural History Museum of Los Angeles County is to inspire wonder, discovery and responsibility for our natural and cultural worlds." name="description">
<meta content="The mission of the Natural History Museum of Los Angeles County is to inspire wonder, discovery and responsibility for our natural and cultural worlds." property="og:description">
<meta content="nhm,natural history museum,los angeles county,collections,exhibits,specimens,science,research,exhibitions,dinosaurs,mammals,evolution,history,california,american,african,education,teachers,learning,enviroment,first fridays,family,endeavour,endeavor,space shuttle,exposition park,expo park,science center,metro,los angeles" name="keywords">
<meta content="2017-01-18T00:00:00Z" name="dcterms.date">
<meta content="©2013 Natural History Museum of Los Angeles County" name="copyright">
<meta content="34.017077" property="og:latitude">
<meta content="-118.288682" property="og:longitude">
<meta content="900 Exposition Blvd, Los Angeles, CA 90037, USA" name="geo.placename">
<meta content="US-CA" name="geo.region">
<meta content="website" property="og:type">
<link href="http://www.nhm.orghttps://www.nhm.org/site/explore-exhibits/special-exhibits/extreme-mammals" rel="canonical">
<meta content="http://www.nhm.orghttps://www.nhm.org/site/explore-exhibits/special-exhibits/extreme-mammals" property="og:url">
<meta content="1 day" name="revisit-after">
<meta content="34.017077;-118.288682" name="geo.position">
<meta content="34.017077,-118.288682" name="icbm">
<meta content="For over 200 million years mammals have inhabited the Earth. In this epic evolutionary journey, mammals lived with--and even ate--dinosaurs, swam in the ocean, flew in the air, and became the fastest land-animals of all time!" property="og:description">
<meta content="http://www.nhm.orghttps://www.nhm.org/site/sites/default/files/marketing/Web%20Banner%20Extreme%20Mammals%20-%20No%20credit%20line.jpg" property="og:image">
<meta content="rYrc0eOlcP3aA/4o4SxnYPTJPHCtTsKbeT3mLf1MALg=" name="verify-v1">
<meta content="width=device-width" name="viewport">
<script src="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/js/sweetalert.min.js?st00pid" type="text/javascript">
<\/script>
<script src="https://www.nhm.org/site/misc/jquery.js?A" type="text/javascript">
<\/script>
<script src="https://www.nhm.org/site/misc/drupal.js?A" type="text/javascript">
<\/script>
<script src="https://www.nhm.org/site/sites/all/modules/jquery_aop/misc/jquery.aop.js?A" type="text/javascript">
<\/script>
<script src="https://www.nhm.org/site/sites/all/modules/lightbox2/js/lightbox.js?A" type="text/javascript">
<\/script>
<script src="https://www.nhm.org/site/misc/jquery.form.js?A" type="text/javascript">
<\/script>
<script src="https://www.nhm.org/site/sites/all/modules/popups/popups.js?A" type="text/javascript">
<\/script>
<script src="https://www.nhm.org/site/misc/collapse.js?A" type="text/javascript">
<\/script>
<script src="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/js/jquery.clearinginput.min.js?A" type="text/javascript">
<\/script>
<script src="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/js/header.js?A" type="text/javascript">
<\/script>
<script type="text/javascript">
jQuery.extend(Drupal.settings, {
"basePath": "https://www.nhm.org/site/",
"lightbox2": {
"rtl": 0,
"file_path": "https://www.nhm.org/site/(\\w\\w/)sites/default/files",
"default_image": "https://www.nhm.org/site/sites/all/modules/lightbox2/images/brokenimage.jpg",
"border_size": 10,
"font_color": "000",
"box_color": "fff",
"top_position": "",
"overlay_opacity": "0.8",
"overlay_color": "000",
"disable_close_click": 1,
"resize_sequence": 0,
"resize_speed": 400,
"fade_in_speed": 400,
"slide_down_speed": 600,
"use_alt_layout": 0,
"disable_resize": 0,
"disable_zoom": 0,
"force_show_nav": 0,
"show_caption": 1,
"loop_items": 0,
"node_link_text": "View Image Details",
"node_link_target": 0,
"image_count": "Image !current of !total",
"video_count": "Video !current of !total",
"page_count": "Page !current of !total",
"lite_press_x_close": "press \x3ca href=\"#\" onclick=\"hideLightbox(); return FALSE;\"\x3e\x3ckbd\x3ex\x3c/kbd\x3e\x3c/a\x3e to close",
"download_link_text": "",
"enable_login": false,
"enable_contact": false,
"keys_close": "c x 27",
"keys_previous": "p 37",
"keys_next": "n 39",
"keys_zoom": "z",
"keys_play_pause": "32",
"display_image_size": "original",
"image_node_sizes": "()",
"trigger_lightbox_classes": "",
"trigger_lightbox_group_classes": "",
"trigger_slideshow_classes": "",
"trigger_lightframe_classes": "",
"trigger_lightframe_group_classes": "",
"custom_class_handler": 0,
"custom_trigger_classes": "",
"disable_for_gallery_lists": true,
"disable_for_acidfree_gallery_lists": true,
"enable_acidfree_videos": true,
"slideshow_interval": 5000,
"slideshow_automatic_start": 0,
"slideshow_automatic_exit": 1,
"show_play_pause": 1,
"pause_on_next_click": 0,
"pause_on_previous_click": 1,
"loop_slides": 0,
"iframe_width": 600,
"iframe_height": 400,
"iframe_border": 1,
"enable_video": 0
},
"nice_menus_options": {
"delay": "800",
"speed": "slow"
},
"popups": {
"originalPath": "node/4843",
"defaultTargetSelector": "div.left-corner \x3e div.clear-block:last",
"modulePath": "sites/all/modules/popups",
"autoCloseFinalMessage": 1
}
});
<\/script>
<link href="https://www.nhm.org/site/sites/all/modules/jquery_ui/jquery.ui/themes/base/jquery-ui.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/modules/date/date_popup/themes/datepicker.1.7.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/modules/date/date_popup/themes/jquery.timeentry.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/modules/lightbox2/css/lightbox.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/modules/nice_menus/nice_menus.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/modules/nice_menus/nice_menus_default.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/modules/views/css/views.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/modules/popups/popups.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/popups-skin.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/css/funky-tabs.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/css/base.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/css/gnav.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/css/sweetalert.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/css/nhm_print.css?A" media="print" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/css/normalize.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/css/nhm_new.css?A" media="all" rel="stylesheet" type="text/css">
<link href="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/css/nhm_new_forms.css?A" media="all" rel="stylesheet" type="text/css">
<script src="https://www.nhm.org/site/sites/all/themes/zen_nhm_theme/js/fittext.js?noop" type="text/javascript">
<\/script>
<\!-- Begin blContent -->
</head>
<body class="hide-overlay">
<div id="blContent" class="landing">
<\!-- header begin -->
<div id="head_m">
<div class="logo">
<a href="/">NHM</a>
</div>
<div class="head_button" onclick="toggleOverlay()">
<span></span>
</div>
</div>
<div class="overlay" style="">
<div class="overlay-content">
<ul>
<li>
<a href="https://www.nhm.org/site/plan-your-visit" title="Plan Your Visit">Plan Your Visit</a>
<div class="wrapMenu wrapMenu0">
<ul class="dl-submenu0">
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/directions-parking" title="Directions, Parking, Transportation">Directions, Parking, Transportation</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/en-espanol" title="En Espanol">En Espanol</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/exposition-park" title="Exposition Park">Exposition Park</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/group-visits" title="Group Visits">Group Visits</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/museum-map" title="Museum Map">Museum Map</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/museum-store" title="Museum Store">Museum Store</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/plan-your-visit/museum-store/shop" title="Shop">Shop</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/for-teachers" title="School Visits">School Visits</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/tickets" title="Tickets">Tickets</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/where-to-eat" title="Where To Eat">Where To Eat</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/your-nhm-photos" title="Your NHM Photos">Your NHM Photos</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/plan-your-visit/%E4%B8%AD%E6%96%87" title="中文">中文</a>
</li>
</ul>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/explore-exhibits" title="Explore Exhibits">Explore Exhibits</a>
<div class="wrapMenu wrapMenu0">
<ul class="dl-submenu0">
<li class="1">
<a href="https://www.nhm.org/site/explore-exhibits" title="Special Exhibits">Special Exhibits</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/special-exhibits/butterfly-pavilion" title="Butterfly Pavilion">Butterfly Pavilion</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/special-exhibits/dino-lab" title="Dino Lab">Dino Lab</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/special-exhibits/spider-pavilion" title="Spider Pavilion">Spider Pavilion</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/special-exhibits/diamonds" title="Diamonds">Diamonds</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/special-exhibits/extreme-mammals" title="Extreme Mammals">Extreme Mammals</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/special-exhibits/la-exhibici%C3%B3n-diamonds" title="La Exhibición Diamonds">La Exhibición Diamonds</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/special-exhibits/vr" title="theBlu">theBlu</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/special-exhibits/%E9%92%BB%E7%9F%B3" title="钻石：珍世璀璨">钻石：珍世璀璨</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/explore-exhibits" title="Permanent Exhibits">Permanent Exhibits</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/african-mammals" title="African Mammals">African Mammals</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/age-of-mammals" title="Age of Mammals">Age of Mammals</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/latin-american-art" title="Ancient Latin American Art">Ancient Latin American Art</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/becoming-los-angeles" title="Becoming L.A.">Becoming L.A.</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/birds" title="Birds">Birds</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/dinosaur-hall" title="Dinosaur Hall">Dinosaur Hall</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/dinosaurs" title="Dinosaurs">Dinosaurs</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/discovery-center" title="Discovery Center">Discovery Center</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/gems-minerals" title="Gems and Minerals">Gems and Minerals</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/haaga-family-rotunda" title="Haaga Family Rotunda">Haaga Family Rotunda</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/insect-zoo" title="Insect Zoo">Insect Zoo</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/north-american-mammals" title="North American Mammals">North American Mammals</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/shells" title="Shells">Shells</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/zuni-fetishes" title="Zuni Fetishes">Zuni Fetishes</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/explore-exhibits/diorama-artists" title="Diorama Artists">Diorama Artists</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/diorama-artists/charles-abel-corwin" title="Charles Abel Corwin">Charles Abel Corwin</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/diorama-artists/duncan-alanson-spencer" title="Duncan Alanson Spencer">Duncan Alanson Spencer</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/diorama-artists/florence-mackenzie" title="Florence MacKenzie">Florence MacKenzie</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/diorama-artists/frank-mackenzie" title="Frank Mackenzie">Frank Mackenzie</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/diorama-artists/hanson-duvall-puthuff" title="Hanson Duvall Puthuff">Hanson Duvall Puthuff</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/explore-exhibits/diorama-artists/robert-russell-reid" title="Robert Russell Reid">Robert Russell Reid</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/explore-exhibits/spanish" title="Spanish">Spanish</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/explore-exhibits/chinese" title="Chinese">Chinese</a>
</li>
</ul>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/activities-programs" title="Activities & Programs">Activities & Programs</a>
<div class="wrapMenu wrapMenu0">
<ul class="dl-submenu0">
<li class="1">
<a href="https://www.nhm.org/site/activities-programs/citizen-science" title="Citizen Science">Citizen Science</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/activities-programs/performing-arts" title="Performing Arts">Performing Arts</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/dinosaur-encounters" title="Dinosaur Encounters">Dinosaur Encounters</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/ice-age-encounters" title="Ice Age Encounters">Ice Age Encounters</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/activities-programs/workshops" title="Workshops">Workshops</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/gardening" title="Gardening">Gardening</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/second-nature" title="Second Nature">Second Nature</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/activities-programs/adult-only-all-nighters" title="Evenings">Evenings</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/first-fridays" title="First Fridays">First Fridays</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/lectures" title="Lectures">Lectures</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/summer-nights-in-the-garden" title="Summer Nights in the Garden">Summer Nights in the Garden</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/adult-only-all-nighters" title="Adult-Only All Nighters">Adult-Only All Nighters</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/activities-programs/la-nature-fest" title="Festivals">Festivals</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/bug-fair" title="Bug Fair">Bug Fair</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/festival-of-books" title="Festival of Books">Festival of Books</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/dino-fest" title="Dino Fest">Dino Fest</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/la-nature-fest" title="L.A. Nature Fest">L.A. Nature Fest</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/activities-programs/field-trips" title="Field Trips">Field Trips</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/about-our-museums/event-rentals-filming/event-types" title="Special Events">Special Events</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/holiday" title="Holidays">Holidays</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/activities-programs/workshops" title="Workshops">Workshops</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/activities-programs/adventures-in-nature" title="Youth">Youth</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/adventures-in-nature" title="Adventures in Nature">Adventures in Nature</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/critter-club" title="Critter Club">Critter Club</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/discovery-center" title="Discovery Center">Discovery Center</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/encounters-jr" title="Encounters Jr.">Encounters Jr.</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/insect-zoo" title="Insect Zoo">Insect Zoo</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/junior-scientist" title="Junior Scientist">Junior Scientist</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/sleepovers" title="Sleepovers">Sleepovers</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/nature-navigators" title="Nature Navigators">Nature Navigators</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/activities-programs/scavenger-safari" title="Members">Members</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/haunted-museum" title="Haunted Museum">Haunted Museum</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/behind-the-scenes-tours" title="Behind-the-Scenes Tours">Behind-the-Scenes Tours</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/fellows-events" title="Fellows Events">Fellows Events</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/scavenger-safari" title="Scavenger's Safari">Scavenger's Safari</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/activities-programs/member-field-trip" title="Member Field Trip">Member Field Trip</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/calendar" title="Calendar">Calendar</a>
</li>
<li>
<a href="https://www.nhm.org/site/for-teachers" title="For Teachers">For Teachers</a>
<div class="wrapMenu wrapMenu0">
<ul class="dl-submenu0">
<li class="1">
<a href="https://www.nhm.org/site/for-teachers/visit-the-museum/book-your-visit" title="Book a Field Trip">Book a Field Trip</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/for-teachers/before-your-field-trip" title="Before Your Field Trip ">Before Your Field Trip</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/for-teachers/homeschool-days" title="Homeschool Days">Homeschool Days</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/for-teachers/mobile-museum" title="Mobile Museums">Mobile Museums</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/for-teachers/field-trip-add-ons" title="Field Trip Add-Ons">Field Trip Add-Ons</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/for-teachers/teacher-resources" title="Teacher Resources ">Teacher Resources</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities" title="Museum Lesson Plans and Activities">Museum Lesson Plans and Activities</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/preschool" title="Preschool">Preschool</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-1" title="Grade 1">Grade 1</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-2" title="Grade 2">Grade 2</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-3" title="Grade 3">Grade 3</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-4" title="Grade 4">Grade 4</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-5" title="Grade 5">Grade 5</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-6" title="Grade 6">Grade 6</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-7" title="Grade 7">Grade 7</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-8" title="Grade 8">Grade 8</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/high-school" title="High School">High School</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities/kindergarten" title="Kindergarten">Kindergarten</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/for-teachers/faqs" title="FAQS">FAQS</a>
</li>
</ul>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/research-collections" title="Research & Collections">Research & Collections</a>
<div class="wrapMenu wrapMenu0">
<ul class="dl-submenu0">
<li class="1">
<a href="https://www.nhm.org/site/research-collections/research-library" title="Research Library">Research Library</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-library/view-collections" title="View the Collections">View the Collections</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-library/docent-library" title="Docent Library">Docent Library</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-library/faqs" title="FAQs">FAQs</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-library/historical-library" title="Historical Library">Historical Library</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-library/resources" title="Resources">Resources</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-library/special-collections-highlights" title="Special Collections Highlights">Special Collections Highlights</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-library/view-collections/special-collections/frances-runyan" title="Special Collections: Frances Runyan">Special Collections: Frances Runyan</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-library/staff-biographies" title="Staff Biographies">Staff Biographies</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-library/news" title="What's New">What's New</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/research-collections" title="Departments">Departments</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/research-collections/anthropology-archaeology" title="Anthropology and Archaeology ">Anthropology and Archaeology</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/conservation-collection-care" title="Conservation and Collection Care ">Conservation and Collection Care</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/crustacea" title="Crustacea">Crustacea</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/dinosaur-institute" title="Dinosaur Institute">Dinosaur Institute</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/echinoderms" title="Echinoderms">Echinoderms</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/entomology" title="Entomology">Entomology</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/herpetology" title="Herpetology">Herpetology</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/history" title="History">History</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/ichthyology" title="Ichthyology">Ichthyology</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/invertebrate-paleontology" title="Invertebrate Paleontology ">Invertebrate Paleontology</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/malacology" title="Malacology">Malacology</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/mammalogy" title="Mammalogy">Mammalogy</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/marine-biodiversity-center" title="Marine Biodiversity Center">Marine Biodiversity Center</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/mineral-sciences" title="Mineral Sciences">Mineral Sciences</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/museum-archives" title="Museum Archives">Museum Archives</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/ornithology" title="Ornithology">Ornithology</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/polychaetous-annelids" title="Polychaetous Annelids">Polychaetous Annelids</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/rancho-la-brea" title="Rancho La Brea">Rancho La Brea</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/seaver-center" title="Seaver Center">Seaver Center</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/vertebrate-paleontology" title="Vertebrate Paleontology">Vertebrate Paleontology</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/research-collections/news" title="News">News</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/research-collections/open-access" title="Open Access Statement">Open Access Statement</a>
</li>
<li class="1">
<a href="https://www.nhm.org/site/research-collections/registrar" title="Registrar">Registrar</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/research-collections/registrar/faqs" title="FAQs">FAQs</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/registrar/resources" title="Resources">Resources</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/research-collections" title="Research Tools">Research Tools</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-tools/publications" title="Publications">Publications</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/research-collections/research-tools/sem-lab" title="Scanning Electron Microscopy Lab">Scanning Electron Microscopy Lab</a>
</li>
</ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/research-collections/why-collections-important" title="Why We Have Collections">Why We Have Collections</a>
</li>
</ul>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/join-us" title="Join Us">Join Us</a>
<div class="wrapMenu wrapMenu0">
<ul class="dl-submenu0">
<li class="1">
<a href="https://www.nhm.org/site/join-us/make-a-gift/donate" title="Donate">Donate</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1"></ul>
</div>
</li>
<li class="1">
<a href="https://www.nhm.org/site/join-us/membership" title="Membership">Membership</a>
<div class="wrapMenu wrapMenu1">
<ul class="dl-submenu1">
<li class="2">
<a href="https://www.nhm.org/site/join-us/membership" title="Levels Benefits">Levels Benefits</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/join-us/membership/the-fellows" title="The Fellows">The Fellows</a>
</li>
<li class="2">
<a href="https://www.nhm.org/site/join-us/membership/the-fellows/join-or-renew" title="Join or Renew">Join or Renew</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li style="list-style: none; display: inline">
<ul></ul>
</li>
</ul>
</div>
</div>
<\!-- End .overlay .overlay-content-->
<div id="exnav-block">
<div id="blHeader" class="fixedWidth970">
<h1><a href="https://www.nhm.org/site/">Extreme Mammals | Natural History Museum of Los Angeles</a></h1>
<\!-- Begin bl_menu_top -->
<div id="bl_menu_top" style="display:none;">
<\!-- <input name="" type="text" value="SEARCH" />-->
<div id="bl_menu_top_links">
<div id="exnav-secondary-links">
<ul class="links secondary-links">
<li class="menu-1239 first">
<a href="https://www.nhm.org/site/about-our-museums" title="About Our Museums">About Our Museums</a>
</li>
<li class="menu-1242">
<a href="http://nhm.org/shop-at-nhm" title="Shop">Shop</a>
</li>
<li class="menu-1243">
<a href="https://www.nhm.org/site/join-us/make-a-gift" title="Donate">Donate</a>
</li>
<li class="menu-1241">
<a href="https://www.nhm.org/site/join-us/membership" title="Membership">Membership</a>
</li>
<li class="menu-1240">
<a href="https://www.nhm.org/site/join-us/volunteers-docents" title="Volunteer">Volunteer</a>
</li>
<li class="menu-31987">
<a href="https://www.nhm.org/site/about-our-museums/event-rentals-filming" title="Events/Filming">Events/Filming</a>
</li>
<li class="menu-16619 last">
<a href="https://www.nhm.org/site/plan-your-visit/tickets" title="Tickets">Tickets</a>
</li>
</ul>
</div>
</div>
</div>
<div class="blClear"></div>
<ul id="globalNav">
<li>
<a class="main__links" href="https://www.nhm.org/site/plan-your-visit" title="Plan Your Visit">Plan Your Visit</a>
<ul class="dropdown">
<li>
<a href="https://www.nhm.org/site/plan-your-visit/directions-parking" title="Directions, Parking, Transportation">Directions, Parking, Transportation</a>
</li>
<li>
<a href="https://www.nhm.org/site/plan-your-visit/en-espanol" title="En Espanol">En Espanol</a>
</li>
<li>
<a href="https://www.nhm.org/site/plan-your-visit/exposition-park" title="Exposition Park">Exposition Park</a>
</li>
<li>
<a href="https://www.nhm.org/site/plan-your-visit/group-visits" title="Group Visits">Group Visits</a>
<ul class="dropdownTwo"></ul>
</li>
<li>
<a href="https://www.nhm.org/site/plan-your-visit/museum-map" title="Museum Map">Museum Map</a>
</li>
<li>
<a href="https://www.nhm.org/site/plan-your-visit/museum-store" title="Museum Store">Museum Store</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/plan-your-visit/museum-store/shop" title="Shop">Shop</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/for-teachers" title="School Visits">School Visits</a>
</li>
<li>
<a href="https://www.nhm.org/site/plan-your-visit/tickets" title="Tickets">Tickets</a>
</li>
<li>
<a href="https://www.nhm.org/site/plan-your-visit/where-to-eat" title="Where To Eat">Where To Eat</a>
</li>
<li>
<a href="https://www.nhm.org/site/plan-your-visit/your-nhm-photos" title="Your NHM Photos">Your NHM Photos</a>
</li>
<li>
<a href="https://www.nhm.org/site/plan-your-visit/%E4%B8%AD%E6%96%87" title="中文">中文</a>
</li>
</ul>
</li>
<li>
<a class="main__links" href="https://www.nhm.org/site/explore-exhibits" title="Explore Exhibits">Explore Exhibits</a>
<ul class="dropdown">
<li>
<a href="https://www.nhm.org/site/explore-exhibits" title="Special Exhibits">Special Exhibits</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/explore-exhibits/special-exhibits/butterfly-pavilion" title="Butterfly Pavilion">Butterfly Pavilion</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/special-exhibits/dino-lab" title="Dino Lab">Dino Lab</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/special-exhibits/spider-pavilion" title="Spider Pavilion">Spider Pavilion</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/special-exhibits/diamonds" title="Diamonds">Diamonds</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/special-exhibits/extreme-mammals" title="Extreme Mammals">Extreme Mammals</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/special-exhibits/la-exhibici%C3%B3n-diamonds" title="La Exhibición Diamonds">La Exhibición Diamonds</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/special-exhibits/vr" title="theBlu">theBlu</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/special-exhibits/%E9%92%BB%E7%9F%B3" title="钻石：珍世璀璨">钻石：珍世璀璨</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/explore-exhibits" title="Permanent Exhibits">Permanent Exhibits</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/african-mammals" title="African Mammals">African Mammals</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/age-of-mammals" title="Age of Mammals">Age of Mammals</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/latin-american-art" title="Ancient Latin American Art">Ancient Latin American Art</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/becoming-los-angeles" title="Becoming L.A.">Becoming L.A.</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/birds" title="Birds">Birds</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/dinosaur-hall" title="Dinosaur Hall">Dinosaur Hall</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/dinosaurs" title="Dinosaurs">Dinosaurs</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/discovery-center" title="Discovery Center">Discovery Center</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/gems-minerals" title="Gems and Minerals">Gems and Minerals</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/haaga-family-rotunda" title="Haaga Family Rotunda">Haaga Family Rotunda</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/insect-zoo" title="Insect Zoo">Insect Zoo</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/north-american-mammals" title="North American Mammals">North American Mammals</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/shells" title="Shells">Shells</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/permanent-exhibits/zuni-fetishes" title="Zuni Fetishes">Zuni Fetishes</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/explore-exhibits/diorama-artists" title="Diorama Artists">Diorama Artists</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/explore-exhibits/diorama-artists/charles-abel-corwin" title="Charles Abel Corwin">Charles Abel Corwin</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/diorama-artists/duncan-alanson-spencer" title="Duncan Alanson Spencer">Duncan Alanson Spencer</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/diorama-artists/florence-mackenzie" title="Florence MacKenzie">Florence MacKenzie</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/diorama-artists/frank-mackenzie" title="Frank Mackenzie">Frank Mackenzie</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/diorama-artists/hanson-duvall-puthuff" title="Hanson Duvall Puthuff">Hanson Duvall Puthuff</a><a class="main__links" href="https://www.nhm.org/site/explore-exhibits/diorama-artists/robert-russell-reid" title="Robert Russell Reid">Robert Russell Reid</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/explore-exhibits/spanish" title="Spanish">Spanish</a>
</li>
<li>
<a href="https://www.nhm.org/site/explore-exhibits/chinese" title="Chinese">Chinese</a>
</li>
</ul>
</li>
<li>
<a class="main__links" href="https://www.nhm.org/site/activities-programs" title="Activities & Programs">Activities & Programs</a>
<ul class="dropdown">
<li>
<a href="https://www.nhm.org/site/activities-programs/citizen-science" title="Citizen Science">Citizen Science</a>
</li>
<li>
<a href="https://www.nhm.org/site/activities-programs/performing-arts" title="Performing Arts">Performing Arts</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/activities-programs/dinosaur-encounters" title="Dinosaur Encounters">Dinosaur Encounters</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/ice-age-encounters" title="Ice Age Encounters">Ice Age Encounters</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/activities-programs/workshops" title="Workshops">Workshops</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/activities-programs/gardening" title="Gardening">Gardening</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/second-nature" title="Second Nature">Second Nature</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/activities-programs/adult-only-all-nighters" title="Evenings">Evenings</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/activities-programs/first-fridays" title="First Fridays">First Fridays</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/lectures" title="Lectures">Lectures</a>
<a class="main__links" href="https://www.nhm.org/site/activities-programs/summer-nights-in-the-garden" title="Summer Nights in the Garden">Summer Nights in the Garden</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/adult-only-all-nighters" title="Adult-Only All Nighters">Adult-Only All Nighters</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/activities-programs/la-nature-fest" title="Festivals">Festivals</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/activities-programs/bug-fair" title="Bug Fair">Bug Fair</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/festival-of-books" title="Festival of Books">Festival of Books</a>
<a class="main__links" href="https://www.nhm.org/site/activities-programs/dino-fest" title="Dino Fest">Dino Fest</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/la-nature-fest" title="L.A. Nature Fest">L.A. Nature Fest</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/activities-programs/field-trips" title="Field Trips">Field Trips</a>
</li>
<li>
<a href="https://www.nhm.org/site/about-our-museums/event-rentals-filming/event-types" title="Special Events">Special Events</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/holiday" title="Holidays">Holidays</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/activities-programs/workshops" title="Workshops">Workshops</a>
</li>
<li>
<a href="https://www.nhm.org/site/activities-programs/adventures-in-nature" title="Youth">Youth</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/activities-programs/adventures-in-nature" title="Adventures in Nature">Adventures in Nature</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/critter-club" title="Critter Club">Critter Club</a>
<a class="main__links" href="https://www.nhm.org/site/activities-programs/discovery-center" title="Discovery Center">Discovery Center</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/encounters-jr" title="Encounters Jr.">Encounters Jr.</a>
<a class="main__links" href="https://www.nhm.org/site/activities-programs/insect-zoo" title="Insect Zoo">Insect Zoo</a>
<a class="main__links" href="https://www.nhm.org/site/activities-programs/junior-scientist" title="Junior Scientist">Junior Scientist</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/sleepovers" title="Sleepovers">Sleepovers</a>
<a class="main__links" href="https://www.nhm.org/site/activities-programs/nature-navigators" title="Nature Navigators">Nature Navigators</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/activities-programs/scavenger-safari" title="Members">Members</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/activities-programs/haunted-museum" title="Haunted Museum">Haunted Museum</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/behind-the-scenes-tours" title="Behind-the-Scenes Tours">Behind-the-Scenes Tours</a>
<a class="main__links" href="https://www.nhm.org/site/activities-programs/fellows-events" title="Fellows Events">Fellows Events</a><a class="main__links" href="https://www.nhm.org/site/activities-programs/scavenger-safari" title="Scavenger's Safari">Scavenger's Safari</a>
<a class="main__links" href="https://www.nhm.org/site/activities-programs/member-field-trip" title="Member Field Trip">Member Field Trip</a>
</div>
</li>
</ul>
</li>
<li>
<a class="main__links" href="https://www.nhm.org/site/calendar" title="Calendar">Calendar</a>
</li>
<li>
<a class="main__links" href="https://www.nhm.org/site/for-teachers" title="For Teachers">For Teachers</a>
<ul class="dropdown">
<li>
<a href="https://www.nhm.org/site/for-teachers/visit-the-museum/book-your-visit" title="Book a Field Trip">Book a Field Trip</a>
</li>
<li>
<a href="https://www.nhm.org/site/for-teachers/before-your-field-trip" title="Before Your Field Trip ">Before Your Field Trip</a>
</li>
<li>
<a href="https://www.nhm.org/site/for-teachers/homeschool-days" title="Homeschool Days">Homeschool Days</a>
</li>
<li>
<a href="https://www.nhm.org/site/for-teachers/mobile-museum" title="Mobile Museums">Mobile Museums</a>
</li>
<li>
<a href="https://www.nhm.org/site/for-teachers/field-trip-add-ons" title="Field Trip Add-Ons">Field Trip Add-Ons</a>
</li>
<li>
<a href="https://www.nhm.org/site/for-teachers/teacher-resources" title="Teacher Resources ">Teacher Resources</a>
</li>
<li>
<a href="https://www.nhm.org/site/for-teachers/lessons-and-activities" title="Museum Lesson Plans and Activities">Museum Lesson Plans and Activities</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/preschool" title="Preschool">Preschool</a><a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-1" title="Grade 1">Grade 1</a>
<a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-2" title="Grade 2">Grade 2</a><a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-3" title="Grade 3">Grade 3</a>
<a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-4" title="Grade 4">Grade 4</a>
<a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-5" title="Grade 5">Grade 5</a><a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-6" title="Grade 6">Grade 6</a>
<a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-7" title="Grade 7">Grade 7</a>
<a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/grade-8" title="Grade 8">Grade 8</a><a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/high-school" title="High School">High School</a>
<a class="main__links" href="https://www.nhm.org/site/for-teachers/lessons-and-activities/kindergarten" title="Kindergarten">Kindergarten</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/for-teachers/faqs" title="FAQS">FAQS</a>
</li>
</ul>
</li>
<li>
<a class="main__links" href="https://www.nhm.org/site/research-collections" title="Research & Collections">Research & Collections</a>
<ul class="dropdown">
<li>
<a href="https://www.nhm.org/site/research-collections/research-library" title="Research Library">Research Library</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/research-collections/research-library/view-collections" title="View the Collections">View the Collections</a><a class="main__links" href="https://www.nhm.org/site/research-collections/research-library/docent-library" title="Docent Library">Docent Library</a><a class="main__links" href="https://www.nhm.org/site/research-collections/research-library/faqs" title="FAQs">FAQs</a><a class="main__links" href="https://www.nhm.org/site/research-collections/research-library/historical-library" title="Historical Library">Historical Library</a><a class="main__links" href="https://www.nhm.org/site/research-collections/research-library/resources" title="Resources">Resources</a><a class="main__links" href="https://www.nhm.org/site/research-collections/research-library/special-collections-highlights" title="Special Collections Highlights">Special Collections Highlights</a><a class="main__links" href="https://www.nhm.org/site/research-collections/research-library/view-collections/special-collections/frances-runyan" title="Special Collections: Frances Runyan">Special Collections: Frances Runyan</a>
<a class="main__links" href="https://www.nhm.org/site/research-collections/research-library/staff-biographies" title="Staff Biographies">Staff Biographies</a><a class="main__links" href="https://www.nhm.org/site/research-collections/research-library/news" title="What's New">What's New</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/research-collections" title="Departments">Departments</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/research-collections/anthropology-archaeology" title="Anthropology and Archaeology ">Anthropology and Archaeology</a> <a class="main__links" href="https://www.nhm.org/site/research-collections/conservation-collection-care" title="Conservation and Collection Care ">Conservation and Collection Care</a> <a class="main__links" href="https://www.nhm.org/site/research-collections/crustacea" title="Crustacea">Crustacea</a><a class="main__links" href="https://www.nhm.org/site/research-collections/dinosaur-institute" title="Dinosaur Institute">Dinosaur Institute</a><a class="main__links" href="https://www.nhm.org/site/research-collections/echinoderms" title="Echinoderms">Echinoderms</a><a class="main__links" href="https://www.nhm.org/site/research-collections/entomology" title="Entomology">Entomology</a><a class="main__links" href="https://www.nhm.org/site/research-collections/herpetology" title="Herpetology">Herpetology</a><a class="main__links" href="https://www.nhm.org/site/research-collections/history" title="History">History</a>
<a class="main__links" href="https://www.nhm.org/site/research-collections/ichthyology" title="Ichthyology">Ichthyology</a><a class="main__links" href="https://www.nhm.org/site/research-collections/invertebrate-paleontology" title="Invertebrate Paleontology ">Invertebrate Paleontology</a> <a class="main__links" href="https://www.nhm.org/site/research-collections/malacology" title="Malacology">Malacology</a><a class="main__links" href="https://www.nhm.org/site/research-collections/mammalogy" title="Mammalogy">Mammalogy</a><a class="main__links" href="https://www.nhm.org/site/research-collections/marine-biodiversity-center" title="Marine Biodiversity Center">Marine Biodiversity Center</a><a class="main__links" href="https://www.nhm.org/site/research-collections/mineral-sciences" title="Mineral Sciences">Mineral Sciences</a>
<a class="main__links" href="https://www.nhm.org/site/research-collections/museum-archives" title="Museum Archives">Museum Archives</a><a class="main__links" href="https://www.nhm.org/site/research-collections/ornithology" title="Ornithology">Ornithology</a><a class="main__links" href="https://www.nhm.org/site/research-collections/polychaetous-annelids" title="Polychaetous Annelids">Polychaetous Annelids</a>
<a class="main__links" href="https://www.nhm.org/site/research-collections/rancho-la-brea" title="Rancho La Brea">Rancho La Brea</a><a class="main__links" href="https://www.nhm.org/site/research-collections/seaver-center" title="Seaver Center">Seaver Center</a><a class="main__links" href="https://www.nhm.org/site/research-collections/vertebrate-paleontology" title="Vertebrate Paleontology">Vertebrate Paleontology</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/research-collections/news" title="News">News</a>
</li>
<li>
<a href="https://www.nhm.org/site/research-collections/open-access" title="Open Access Statement">Open Access Statement</a>
</li>
<li>
<a href="https://www.nhm.org/site/research-collections/registrar" title="Registrar">Registrar</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/research-collections/registrar/faqs" title="FAQs">FAQs</a><a class="main__links" href="https://www.nhm.org/site/research-collections/registrar/resources" title="Resources">Resources</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/research-collections" title="Research Tools">Research Tools</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/research-collections/research-tools/publications" title="Publications">Publications</a><a class="main__links" href="https://www.nhm.org/site/research-collections/research-tools/sem-lab" title="Scanning Electron Microscopy Lab">Scanning Electron Microscopy Lab</a>
</div>
</li>
<li>
<a href="https://www.nhm.org/site/research-collections/why-collections-important" title="Why We Have Collections">Why We Have Collections</a>
</li>
</ul>
</li>
<li>
<a class="main__links" href="https://www.nhm.org/site/join-us" title="Join Us">Join Us</a>
<ul class="dropdown">
<li>
<a href="https://www.nhm.org/site/join-us/make-a-gift/donate" title="Donate">Donate</a>
<ul class="dropdownTwo"></ul>
</li>
<li>
<a href="https://www.nhm.org/site/join-us/membership" title="Membership">Membership</a>
<div class="dropdownTwo" style="margin-left: 2em">
<a class="main__links" href="https://www.nhm.org/site/join-us/membership" title="Levels Benefits">Levels Benefits</a><a class="main__links" href="https://www.nhm.org/site/join-us/membership/the-fellows" title="The Fellows">The Fellows</a><a class="main__links" href="https://www.nhm.org/site/join-us/membership/the-fellows/join-or-renew" title="Join or Renew">Join or Renew</a>
</div>
</li>
</ul>
</li>
<li>
<form accept-charset="UTF-8" action="https://www.nhm.org/site/explore-exhibits/special-exhibits/extreme-mammals" id="search-theme-form" method="post" name="search-theme-form">
<div>
<div class="container-inline" id="search">
<div class="form-item" id="edit-search-theme-form-1-wrapper">
<label for="edit-search-theme-form-1">Search this site:</label>
<input class="form-text" id="edit-search-theme-form-1" maxlength="128" name="search_theme_form" size="15" title="Enter the terms you wish to search for." type="text" value="">
</div>
<input class="form-submit" id="edit-submit-1" name="op" type="submit" value="Search">
<input id="form-6CIhzsSvyZHguASRLtyPwBOhMDBlpBGZRfmX-4B9LFc" name="form_build_id" type="hidden" value="form-6CIhzsSvyZHguASRLtyPwBOhMDBlpBGZRfmX-4B9LFc">
<input id="edit-search-theme-form" name="form_id" type="hidden" value="search_theme_form">
</div>
</div>
</form>
</li>
</ul>
<\!-- <a href="#"></a>
<div class="cover hero_large" style="background-image:url( https://www.nhm.org/site/sites/default/files/marketing/Web%20Banner%20Extreme%20Mammals%20-%20No%20credit%20line.jpg );"></div> -->
<div class="blClear"></div>
</div>
</div>
<\!-- front page slider -->
<\!-- front page slider -->
<\!-- header end -->
<\!-- Begin bl_content_box -->
<div id="bl_content_box">
<script>
//$(".block-nice_menus").remove();
$(".block-user").remove();
<\/script>
<div class="bl_center bl_article landing">
<div class="main_container landing">
<div class="inner_container">
<div class="bl_paginator-edit fixedWidth970">
<div class="breadcrumb"><a href="/site/">Home</a> &gt; <a href="/site/research-collections" title="">Research &amp; Collections</a> &gt; R & C Newsletter</div>
</div>
<div class="fixedWidth970">
<h2 class="landingHead">Newsletter</h2></div>
<\!-- New Code Landing Page for R&C Newsletter -->
<div class="listCont landing">
<a href="#" class="listWrap__ landing">
<div class="imgWrap">
<img src="https://jsbin-user-assets.s3.amazonaws.com/naeluh/2016-12_2.jpg" />
</div>
<div class="textWrap">
<h4><span class="title">Red Rocks Expedition</span>
<span class="date">Mar. 3, 2017</span></h4>
<p>Bacon ipsum dolor amet prosciutto tri-tip cow short loin. Tenderloin tri-tip chicken porchetta picanha tongue...</p>
<h4><span class="byline">By Xiaoming Wang</span></h4>
</div>
</a>
</div>
<div class="listCont fixedWidth736">
<h3 class="head">Featured</h3><a href="#">&gt; see all</a>
<h3>&nbsp;</h3>
<a href="#" class="listWrap featured">
<div class="imgWrap left">
<img src="https://jsbin-user-assets.s3.amazonaws.com/naeluh/2016-12_2.jpg" />
</div>
<div class="textWrap">
<h4>
<span class="title">Red Rocks Expedition</span>
<span class="date">Mar. 3, 2017</span>
</h4>
<p>Bacon ipsum dolor amet prosciutto tri-tip cow short loin. Tenderloin tri-tip chicken porchetta picanha tongue...</p>
<h4><span class="byline">By Xiaoming Wang</span></h4>
</div>
</a>
<a href="#" class="listWrap featured">
<div class="imgWrap right">
<img src="https://jsbin-user-assets.s3.amazonaws.com/naeluh/2016-12_2.jpg" />
</div>
<div class="textWrap">
<h4><span class="title">Red Rocks Expedition</span>
<span class="date">Mar. 3, 2017</span></h4>
<p>Bacon ipsum dolor amet prosciutto tri-tip cow short loin. Tenderloin tri-tip chicken porchetta picanha tongue...</p>
<h4><span class="byline">By Xiaoming Wang</span></h4>
</div>
</a>
</div>
<div class="listCont fixedWidth736">
<h3 class="head">Featured</h3><a href="#">-> see all</a>
<h3>&nbsp;</h3>
<a href="#" class="listWrap half">
<div class="imgWrap">
<img src="https://jsbin-user-assets.s3.amazonaws.com/naeluh/2016-12_2.jpg" />
</div>
<div class="textWrap">
<h4>
<span class="title">Red Rocks Expedition</span>
<span class="date">Mar. 3, 2017</span>
</h4>
<p>Bacon ipsum dolor amet prosciutto tri-tip cow short loin. Tenderloin tri-tip chicken porchetta picanha tongue...</p>
<h4><span class="byline">By Xiaoming Wang</span></h4>
</div>
</a>
<a href="#" class="listWrap half">
<div class="imgWrap">
<img src="https://jsbin-user-assets.s3.amazonaws.com/naeluh/2016-12_2.jpg" />
</div>
<div class="textWrap">
<h4><span class="title">Red Rocks Expedition</span>
<span class="date">Mar. 3, 2017</span></h4>
<p>Bacon ipsum dolor amet prosciutto tri-tip cow short loin. Tenderloin tri-tip chicken porchetta picanha tongue...</p>
<h4><span class="byline">By Xiaoming Wang</span></h4>
</div>
</a>
</div>
<div class="listCont fixedWidth736">
<a href="#" class="listWrap half">
<div class="imgWrap">
<img src="https://jsbin-user-assets.s3.amazonaws.com/naeluh/2016-12_2.jpg" />
</div>
<div class="textWrap">
<h4><span class="title">Red Rocks Expedition</span>
<span class="date">Mar. 3, 2017</span></h4>
<p>Bacon ipsum dolor amet prosciutto tri-tip cow short loin. Tenderloin tri-tip chicken porchetta picanha tongue...</p>
<h4><span class="byline">By Xiaoming Wang</span></h4>
</div>
</a>
<a href="#" class="listWrap half">
<div class="imgWrap">
<img src="https://jsbin-user-assets.s3.amazonaws.com/naeluh/2016-12_2.jpg" />
</div>
<div class="textWrap">
<h4><span class="title">Red Rocks Expedition</span>
<span class="date">Mar. 3, 2017</span></h4>
<p>Bacon ipsum dolor amet prosciutto tri-tip cow short loin. Tenderloin tri-tip chicken porchetta picanha tongue...</p>
<h4><span class="byline">By Xiaoming Wang</span></h4>
</div>
</a>
</div>
<div class="listCont fixedWidth736">
<a href="#" class="listWrap half">
<div class="imgWrap">
<img src="https://jsbin-user-assets.s3.amazonaws.com/naeluh/2016-12_2.jpg" />
</div>
<div class="textWrap">
<h4><span class="title">Red Rocks Expedition</span>
<span class="date">Mar. 3, 2017</span></h4>
<p>Bacon ipsum dolor amet prosciutto tri-tip cow short loin. Tenderloin tri-tip chicken porchetta picanha tongue...</p>
<h4><span class="byline">By Xiaoming Wang</span></h4>
</div>
</a>
<a href="#" class="listWrap half">
<div class="imgWrap">
<img src="https://jsbin-user-assets.s3.amazonaws.com/naeluh/2016-12_2.jpg" />
</div>
<div class="textWrap">
<h4><span class="title">Red Rocks Expedition</span>
<span class="date">Mar. 3, 2017</span></h4>
<p>Bacon ipsum dolor amet prosciutto tri-tip cow short loin. Tenderloin tri-tip chicken porchetta picanha tongue...</p>
<h4><span class="byline">By Xiaoming Wang</span></h4>
</div>
</a>
</div>
<\!-- New Module Style -->
<div class="listCont fixedWidth736">
<div class="module_box listWrap_mod">
<div class="bl_box">
<a href="#" class="bl_sectionimage">
<img src="https://www.nhm.org/site/sites/default/files/marketing/Module%20Nature%20Fest%202017.jpg" width="230">
</a>
<div class="bl_box2">
<h2>L.A. Nature Fest</h2>
<p><strong>March 18 &amp; 19</strong></p>
<p>Discover L.A.'s wild side by getting up close and hands-on with all things nature.</p>
<p><a href="#">Learn More</a></p>
<p class="modTitle" style="display:none;">Module - Nature Fest 2017</p>
</div>
</div>
</div>
<div class="module_box listWrap_mod">
<div class="bl_box">
<a href="#" class="bl_sectionimage">
<img src="https://www.nhm.org/site/sites/default/files/marketing/Module%20Nature%20Fest%202017.jpg" width="230">
</a>
<div class="bl_box2">
<h2>L.A. Nature Fest</h2>
<p><strong>March 18 &amp; 19</strong></p>
<p>Discover L.A.'s wild side by getting up close and hands-on with all things nature.</p>
<p><a href="#">Learn More</a></p>
<p class="modTitle" style="display:none;">Module - Nature Fest 2017</p>
</div>
</div>
</div>
<div class="module_box listWrap_mod">
<div class="bl_box">
<a href="#" class="bl_sectionimage">
<img src="https://www.nhm.org/site/sites/default/files/marketing/Module%20Nature%20Fest%202017.jpg" width="230">
</a>
<div class="bl_box2">
<h2>L.A. Nature Fest</h2>
<p><strong>March 18 &amp; 19</strong></p>
<p>Discover L.A.'s wild side by getting up close and hands-on with all things nature.</p>
<p><a href="#">Learn More</a></p>
<p class="modTitle" style="display:none;">Module - Nature Fest 2017</p>
</div>
</div>
</div>
</div>
<\!-- New Module Style -->
<\!-- New Code Landing Page for R&C Newsletter -->
</div>
</div>
</div>
<div class="alert-dialog" style="display:none;">
<div class="alert-content" style="display:none;"></div>
</div>
<div class="blClear"></div>
</div>
<\!-- End bl_content_box -->
<script type="text/javascript">
if (typeof showExNav == 'function') {
showExNav(0);
}
<\/script>
<\!-- Begin blFooter -->
<div class="blClear"></div>
<div id="footer_upper" class="fixedWidth970">
<div id="footer_upper_left">
<p>We are grateful to our Institutional Partners</p>
<div style="width: 70px;overflow: hidden;"><img src="https://www.nhm.org/site/sites/default/files/home_page/nhm_inst_partners_hasbro_JPM_logos.png">
</div>
</div>
<div id="footer_upper_right">
<ul id="social_links">
<li>
<a href="http://twitter.com/nhmla"><img src="https://www.nhm.org/site/sites/default/files/home_page/twitter.jpg">
</a>
</li>
<li>
<a href="http://www.facebook.com/pages/Los-Angeles-CA/Natural-History-Museum-of-Los-Angeles-County/137760467417?ref=ts"><img src="https://www.nhm.org/site/sites/default/files/home_page/facebook.jpg">
</a>
</li>
<li>
<a href="http://instagram.com/nhmla"><img src="https://www.nhm.org/site/sites/default/files/home_page/instagram.jpg">
</a>
</li>
<li>
<a href="http://www.youtube.com/user/NHMLA"><img src="https://www.nhm.org/site/sites/default/files/home_page/youtube.jpg">
</a>
</li>
<li>
<a href="http://pinterest.com/nhmla/"><img src="https://www.nhm.org/site/sites/default/files/home_page/pinterest.jpg">
</a>
</li>
</ul>
</div>
</div>
<div id="blFooter" class="fixedWidth970">
<div class="bl_right">
<div style="margin-top: 2px;">
<a href="http://cssd.lacounty.gov/wps/portal/cssd/parents/mostwanted" style="color: #636363;font-weight: bold;text-decoration: none;" target="_blank">Public Service Notice</a>
</div>
</div>
<div class="clear-block block block-menu" id="block-menu-menu-footer">
<div class="content">
<ul class="menu">
<li class="leaf first">
<a href="https://www.nhm.org/site/about-our-museums/contact-us">Contact Us</a>
</li>
<li class="leaf">
<a href="https://www.nhm.org/site/about-our-museums/press">Press</a>
</li>
<li class="leaf">
<a href="https://www.nhm.org/site/about-our-museums/working-at-nhm">Careers</a>
</li>
<li class="leaf">
<a href="https://www.nhm.org/site/about-our-museums/terms-of-use">Terms of Use</a>
</li>
<li class="leaf">
<a href="https://www.nhm.org/site/about-our-museums/e-news/subscribe">e-News</a>
</li>
<li class="leaf last">
<a href="https://www.nhm.org/site/about-our-museums/feedback">Feedback</a>
</li>
</ul>
</div>
</div>
<ul class="menu">
<li>900 Exposition Blvd. Los Angeles, CA 90007</li>
<li>Hours: 9:30 am - 5 pm daily</li>
</ul>
<div class="blClear"></div>
</div>
<\!-- End blFooter -->
</div>
<\!-- End blContent -->
<script>
var my_href = window.location.pathname;
$(".bl_left_column li").each(
function() {
this_href = $(this).find("a").attr("href");
if (my_href.match(this_href)) {
$(".menu-active").removeClass("menu-active"); // just in case
$(this).addClass("menu-active");
}
});
$("#bl_menu li a").each(
function() {
this_href = $(this).attr("href");
if (my_href.indexOf(this_href) == 0) {
$(".top-menu-active").removeClass("top-menu-active"); // just in case
$(this).addClass("top-menu-active");
}
});
$(function() {
$('#block-menu-menu-plan-your-field-trip').css('display', 'none');
$('a[rel="external"]').click(function() {
this.target = "_blank";
});
$('a[href^="http"]').attr({
target: "_blank",
title: "Opens in a new window"
});
$('a[href^="http://www.nhm.org"]').attr({
target: "_self",
title: "Opens in same window"
});
});
<\/script>
<script type="text/javascript">
function escapeRegExp(str) {
return str.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1");
}
function replaceAll(str, find, replace) {
return str.replace(new RegExp(escapeRegExp("NHM"), 'g'), "NHMLA");
}
$(function() {
$('img').each(function(i, v) {
if ($(this).attr('alt')) {
if ($(this).attr('alt').length < 0) {
$(this).attr('alt', $(this).innerText);
} else {
$(this).attr('alt', 'Natural History Museum of Los Angeles');
}
}
});
$('#globalNav > li > ul > li > ul').each(function(i, v) {
if ($(this).children().length >= 7) {
$(this).css({
'height': '456px',
'overflow-y': 'scroll'
});
}
});
});
<\/script>
<script type="text/javascript">
var tag1 = document.createElement("script");
tag1.src = "https://nhm.org/site/sites/all/themes/zen_nhm_theme/js/nhm_new_mobile_menu.js?n00p";
var firstScriptTag1 = document.getElementsByTagName("script")[0];
firstScriptTag1.parentNode.insertBefore(tag1, firstScriptTag1);
<\/script>
</body>
</html>
</script>
<script id="jsbin-source-css" type="text/css">/* New Menu */
/* Mobile Menu Stuff */
@media only screen and (max-width: 1024px) {
.sticky {
position: fixed;
top: 75px;
height: 0;
/* background: #fff; */
/* padding: 16px 0 0 0; */
;
z-index: 1;
}
.logo {
display: block;
}
.overlay {
display: block;
}
#blContent > div.overlay > div > ul,
.dl-submenu0,
.dl-submenu1 {
display: block;
width: 100%;
/* height: 88vh; */
overflow-y: scroll;
background-color: rgba(255,255,255,0.75);
right: -17px; /* Increase/Decrease this value for cross-browser compatibility */
}
.wrapMenu {
display: none;
overflow-y: inherit;
position: absolute;
left: 100%;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
-webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
transition: all .4s cubic-bezier(.25, .8, .25, 1);
/* display: none; */
-webkit-perspective: 1000;
-moz-perspective: 1000;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
}
#blContent {
top: 0 !important;
width: 100%;
position: relative;
height: 100%;
}
.main_container {
width: 100%;
/* margin: 50px; */
float: none;
}
.main_container img {
width: 100%;
/* margin: 50px; */
float: none;
}
.inner_container {
margin: 0 27px;
}
.bl_center,
.bl_paginator {
width: 100% !important;
float: none;
}
#footer_upper,
#blFooter {
/* width: 100%; */
/* display: none; */
/* padding: 40px; */
}
.hero_large {
height: auto;
padding-bottom: 40%;
width: 100%;
clear: both;
/* margin-bottom: 10px; */
/* display: none; */
margin-top: 55px;
}
#blHeader {}
#navContainer,
#funky_tabs,
#nhm_staff_toolber,
#bl_menu_top {
display: none !important;
}
#head_m {
position: fixed;
z-index: 3;
background:none;
/* box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); */
height: 131px;
width: 100%;
}
.logo {
display: block;
width: 131px;
height: 131px;
background-image: url(https://jsbin-user-assets.s3.amazonaws.com/naeluh/logo_nhm-01.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: 0 0;
text-indent: -99999px;
margin-left: 25px;
position: fixed;
}
.head_button {
position: absolute;
width: 29px;
height: 20px;
top: 27px;
right: 25px;
}
.head_button span {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 3px;
background: #000;
margin-top: -2px;
opacity: 1;
-webkit-transition: opacity .25s;
transition: opacity .25s;
}
.head_button:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: #000;
-webkit-transition: -webkit-transform .25s;
transition: transform .25s;
}
.head_button:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #000;
-webkit-transition: -webkit-transform .25s;
transition: transform .25s;
}
.head_button.open span {
opacity: 0
}
.head_button.open:before {
-webkit-transform: rotate(45deg) translate(6px, 6px);
-ms-transform: rotate(45deg) translate(6px, 6px);
transform: rotate(45deg) translate(6px, 6px);
background: #000;
}
.head_button.open:after {
-webkit-transform: rotate(-45deg) translate(6px, -6px);
-ms-transform: rotate(-45deg) translate(6px, -6px);
transform: rotate(-45deg) translate(6px, -6px);
background: #000;
}
#globalNav,
#blHeader > h1 {
display: none;
}
#blFooter li {
display: block;
margin-right: 14px;
margin-bottom: 10px;
}
}
#blContent > div.overlay > div > ul > li, #blContent > div.overlay > div > ul > li > div > ul > li, #blContent > div.overlay > div > ul > li > div > ul > li > div > ul > li {
background-color: rgba(255,255,255,0.75);
border-bottom: 1px solid #333;
}
.arrow {
color: #000;
}
.overlay a {
color: #000;
}
.overlay {
position: fixed;
top: 131px;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
/* Mobile Menu Stuff */
#blHeader {
padding-top: 0;
background: none;
}
.main__links {
color: #000;
}
#blHeader h1 {
float: left;
width: 0;
height: 2.5rem;
margin-left: 0;
margin-top: 0;
}
#blHeader {
height: 131px;
}
#blHeader h1 a {
background: url(https://jsbin-user-assets.s3.amazonaws.com/naeluh/logo_nhm-01.svg) no-repeat;
background-size:cover;
width: 131px;
height: 131px;
display: block;
text-indent: -9999px;
margin-top: 0;
}
#exnav-secondary-links, #nhm_search_input {
margin-top:2.5rem;
}
#bl_menu_top li {
margin-top: 0.5rem;
text-align: right;
display: inline;
margin-right: 0.5rem;
float: left;
}
#bl_menu_top {
margin-right: 0;
}
#globalNav {
margin-top: 0.75rem;
position: relative;
float:right;
}
#blContent {
position: relative;
top: 0;
z-index: 3;
}
#globalNav li a {
display: block;
font-size: 15px;
padding: 1rem 0.73rem 1rem 0.73rem;
font-weight: 700;
}
#globalNav li {
float: left;
position: relative;
}
#globalNav > li:nth-child(7) {
position: relative;
bottom: 0;
right: 0;
}
.dropdown {
top: 3rem;
}
#edit-search-theme-form-1-wrapper > label {
display:none;
}
#edit-search-theme-form-1 {
color: #898989;
font-size: 10px;
font-weight: 700;
border: 1px solid;
box-sizing:border-box;
padding: 3px;
float: right;
width: 230px;
height:30px;
background: #fff url(/site/sites/all/themes/zen_nhm_theme/images/arrow_search.gif) no-repeat 120px 6px;
}
#edit-submit-1 {
position:absolute;
content: "\e02d";
font-size: 20px;
margin: 0;
padding: 0;
position: absolute;
right: 10px;
text-align: left;
top: 10px;
}
#edit-submit-1:before {
content: "\e009";
}
/* New Menu */
.listCont
{
text-align:justify;
font-size:.1px
}
.listCont:after
{
content:'';
width:100%;
box-sizing:border-box;
display:inline-block
}
.listCont a:hover
{
text-decoration:none
}
.listWrap_mod
{
max-width:220px;
display:inline-block;
box-sizing:border-box;
float:none;
margin:0 auto
}
.listWrap_mod .bl_sectionimage
{
margin:0 auto;
font-size:0;
display:block;
line-height:0
}
.bl_box2 > p > a, .bl_box2 > a, a.headLink
{
border-bottom-style:dashed;
border-bottom-width:2px;
display:inline-block
}
h3.head
{
font-size: 2.75rem;
line-height: 3rem;
font-weight: 900;
font-family: 'KievitOT',Arial,Verdana,Helvetica,sans-serif;
display:block;
text-align:left
}
.bl_box2 > p > a:hover,.bl_box2 > a:hover , a.headLink:hover
{
border-bottom-style:solid
}
.listWrap
{
width: 100%;
display: inline-block;
margin-bottom: 2.25rem;
box-sizing: border-box;
}
.half
{
max-width: 47.5%;
}
.listWrap__
{
width:100%;
display:block;
margin-bottom: 2.25rem;
box-sizing:border-box;
position:relative;
}
.listWrap_three
{
width:100%;
display:inline-block;
margin-bottom:2.5rem;
box-sizing:border-box;
height:160px
}
.square
{
height:230px
}
.listWrap .imgWrap
{
position:relative;
display:block;
overflow:hidden;
width:100%;
padding:25% 0
}
.listWrap__ .imgWrap
{
position:relative;
display:block;
overflow:hidden;
width:100%;
padding:25% 0
}
.listWrap_three .imgWrap
{
float:left;
width:240px;
height:inherit;
position:relative;
overflow:hidden
}
.square .imgWrap
{
width:230px
}
.square .imgWrap img
{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
display:block;
width:200%!important;
height:auto
}
.listWrap .imgWrap img,.listWrap__ .imgWrap img,.listWrap_three .imgWrap img
{
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:auto
}
.listWrap h4,.listWrap__ h4,.listWrap_three h4
{
display:block;
font-size:15px;
line-height:20px;
font-weight:900;
margin:10px 0;
color:#000
}
.listWrap p,.listWrap__ p,.listWrap_three p
{
display:block;
font-size:15px;
font-weight:100;
line-height:20px;
margin:10px 0;
clear:both
}
.title
{
display:inline-block
}
.date
{
display:inline-block;
float:right;
color:#999;
text-transform:uppercase;
font-size:12px;
font-weight:400
}
.byline
{
display:inline-block;
float:right;
color:#999;
font-size:12px;
font-weight:400
}
.textWrap
{
border-width:1px;
border-style:solid;
border-color:#eee;
color:inherit!important;
overflow:hidden;
padding:1rem;
box-sizing:border-box;
transition:background-color .15s ease-in-out,border-color .15s ease-in-out
}
.listWrap_three .textWrap
{
float:none;
width:auto;
overflow:hidden;
height:inherit
}
a.listWrap_three:hover > .textWrap,a.listWrap__:hover > .textWrap,a.listWrap:hover > .textWrap
{
border-width:1px;
border-style:solid;
border-color:#A2BF22;
text-decoration:none
}
.module_box .bl_box2
{
padding:18px 12px 8px;
background:none;
border-bottom:1px;
border-left:1px;
border-right:1px;
border-width:1px;
border-style:solid;
border-color:#eee
}
.landing
{
width:100%!important;
max-width: 75rem;
}
.fixedWidth970
{
width:1024px;
margin:0 auto;
box-sizing:border-box
}
.fixedWidth736
{
width:736px;
margin:0 auto;
box-sizing:border-box
}
.bl_paginator-edit a
{
color: #788d19;
font-size: 10px;
}
.main_container .landingHead
{
margin:0 0 1rem 0;
font-size:4rem;
font-weight:900;
color:#000;
text-align:center;
font-family: 'KievitOT',Arial,Verdana,Helvetica,sans-serif;
}
.inner_container {
margin:0;
}
.featured
{
width: 100%;
display: inline-block;
margin-bottom: 2.5rem;
box-sizing: border-box;
height: 20rem;
}
.featured .imgWrap
{
width: 30rem;
height: inherit;
position: relative;
overflow: hidden;
padding:0;
}
.featured .textWrap
{
height: inherit;
}
.featured .textWrap .title
{
font-size: 1.75rem;
line-height: 2rem;
font-weight: bolder;
font-family: 'KievitOT',Arial,Verdana,Helvetica,sans-serif;
display:block;
text-align:left;
}
.left {
float:left;
}
.right {
float:right;
}
@media only screen and (max-width: 1024px) {
.listWrap_three .imgWrap
{
float:none;
height:0;
position:relative;
display:block;
overflow:hidden;
width:100%;
padding:25% 0
}
.fixedWidth970,.fixedWidth736
{
width:100%;
padding: 0 27px;
}
.bl_paginator-edit
{
}
}
@media only screen and (max-width: 568px) {
#bl_content_box > div > div > div > div > a > div,#bl_content_box > div > div > div > div > a
{
width:100%;
max-width:100%;
height:auto
}
}
@media only screen and (min-width: 480px) {
.listWrap__ .textWrap {
position:absolute;
bottom:0;
width:100%;
border:0;
}
.listWrap__ .textWrap p {
color:#fff;
}
.listWrap__ .textWrap h4 {
font-size:25px;
}
.listWrap__ .textWrap h4 , .listWrap__ .textWrap h4 span{
color:#fff;
font-family: 'KievitOT',Arial,Verdana,Helvetica,sans-serif;
}
a.listWrap__:hover > .textWrap
{
border:0;
text-decoration:none
}
}</script>
</body>
</html>
Raw
jsbin.kusawik.css
/* New Menu */
/* Mobile Menu Stuff */
@media only screen and (max-width: 1024px) {
.sticky {
position: fixed;
top: 75px;
height: 0;
/* background: #fff; */
/* padding: 16px 0 0 0; */
;
z-index: 1;
}
.logo {
display: block;
}
.overlay {
display: block;
}
#blContent > div.overlay > div > ul,
.dl-submenu0,
.dl-submenu1 {
display: block;
width: 100%;
/* height: 88vh; */
overflow-y: scroll;
background-color: rgba(255,255,255,0.75);
right: -17px; /* Increase/Decrease this value for cross-browser compatibility */
}
.wrapMenu {
display: none;
overflow-y: inherit;
position: absolute;
left: 100%;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
-webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
transition: all .4s cubic-bezier(.25, .8, .25, 1);
/* display: none; */
-webkit-perspective: 1000;
-moz-perspective: 1000;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
}
#blContent {
top: 0 !important;
width: 100%;
position: relative;
height: 100%;
}
.main_container {
width: 100%;
/* margin: 50px; */
float: none;
}
.main_container img {
width: 100%;
/* margin: 50px; */
float: none;
}
.inner_container {
margin: 0 27px;
}
.bl_center,
.bl_paginator {
width: 100% !important;
float: none;
}
#footer_upper,
#blFooter {
/* width: 100%; */
/* display: none; */
/* padding: 40px; */
}
.hero_large {
height: auto;
padding-bottom: 40%;
width: 100%;
clear: both;
/* margin-bottom: 10px; */
/* display: none; */
margin-top: 55px;
}
#blHeader {}
#navContainer,
#funky_tabs,
#nhm_staff_toolber,
#bl_menu_top {
display: none !important;
}
#head_m {
position: fixed;
z-index: 3;
background:none;
/* box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); */
height: 131px;
width: 100%;
}
.logo {
display: block;
width: 131px;
height: 131px;
background-image: url(https://jsbin-user-assets.s3.amazonaws.com/naeluh/logo_nhm-01.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: 0 0;
text-indent: -99999px;
margin-left: 25px;
position: fixed;
}
.head_button {
position: absolute;
width: 29px;
height: 20px;
top: 27px;
right: 25px;
}
.head_button span {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 3px;
background: #000;
margin-top: -2px;
opacity: 1;
-webkit-transition: opacity .25s;
transition: opacity .25s;
}
.head_button:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: #000;
-webkit-transition: -webkit-transform .25s;
transition: transform .25s;
}
.head_button:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #000;
-webkit-transition: -webkit-transform .25s;
transition: transform .25s;
}
.head_button.open span {
opacity: 0
}
.head_button.open:before {
-webkit-transform: rotate(45deg) translate(6px, 6px);
-ms-transform: rotate(45deg) translate(6px, 6px);
transform: rotate(45deg) translate(6px, 6px);
background: #000;
}
.head_button.open:after {
-webkit-transform: rotate(-45deg) translate(6px, -6px);
-ms-transform: rotate(-45deg) translate(6px, -6px);
transform: rotate(-45deg) translate(6px, -6px);
background: #000;
}
#globalNav,
#blHeader > h1 {
display: none;
}
#blFooter li {
display: block;
margin-right: 14px;
margin-bottom: 10px;
}
}
#blContent > div.overlay > div > ul > li, #blContent > div.overlay > div > ul > li > div > ul > li, #blContent > div.overlay > div > ul > li > div > ul > li > div > ul > li {
background-color: rgba(255,255,255,0.75);
border-bottom: 1px solid #333;
}
.arrow {
color: #000;
}
.overlay a {
color: #000;
}
.overlay {
position: fixed;
top: 131px;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
/* Mobile Menu Stuff */
#blHeader {
padding-top: 0;
background: none;
}
.main__links {
color: #000;
}
#blHeader h1 {
float: left;
width: 0;
height: 2.5rem;
margin-left: 0;
margin-top: 0;
}
#blHeader {
height: 131px;
}
#blHeader h1 a {
background: url(https://jsbin-user-assets.s3.amazonaws.com/naeluh/logo_nhm-01.svg) no-repeat;
background-size:cover;
width: 131px;
height: 131px;
display: block;
text-indent: -9999px;
margin-top: 0;
}
#exnav-secondary-links, #nhm_search_input {
margin-top:2.5rem;
}
#bl_menu_top li {
margin-top: 0.5rem;
text-align: right;
display: inline;
margin-right: 0.5rem;
float: left;
}
#bl_menu_top {
margin-right: 0;
}
#globalNav {
margin-top: 0.75rem;
position: relative;
float:right;
}
#blContent {
position: relative;
top: 0;
z-index: 3;
}
#globalNav li a {
display: block;
font-size: 15px;
padding: 1rem 0.73rem 1rem 0.73rem;
font-weight: 700;
}
#globalNav li {
float: left;
position: relative;
}
#globalNav > li:nth-child(7) {
position: relative;
bottom: 0;
right: 0;
}
.dropdown {
top: 3rem;
}
#edit-search-theme-form-1-wrapper > label {
display:none;
}
#edit-search-theme-form-1 {
color: #898989;
font-size: 10px;
font-weight: 700;
border: 1px solid;
box-sizing:border-box;
padding: 3px;
float: right;
width: 230px;
height:30px;
background: #fff url(/site/sites/all/themes/zen_nhm_theme/images/arrow_search.gif) no-repeat 120px 6px;
}
#edit-submit-1 {
position:absolute;
content: "\e02d";
font-size: 20px;
margin: 0;
padding: 0;
position: absolute;
right: 10px;
text-align: left;
top: 10px;
}
#edit-submit-1:before {
content: "\e009";
}
/* New Menu */
.listCont
{
text-align:justify;
font-size:.1px
}
.listCont:after
{
content:'';
width:100%;
box-sizing:border-box;
display:inline-block
}
.listCont a:hover
{
text-decoration:none
}
.listWrap_mod
{
max-width:220px;
display:inline-block;
box-sizing:border-box;
float:none;
margin:0 auto
}
.listWrap_mod .bl_sectionimage
{
margin:0 auto;
font-size:0;
display:block;
line-height:0
}
.bl_box2 > p > a, .bl_box2 > a, a.headLink
{
border-bottom-style:dashed;
border-bottom-width:2px;
display:inline-block
}
h3.head
{
font-size: 2.75rem;
line-height: 3rem;
font-weight: 900;
font-family: 'KievitOT',Arial,Verdana,Helvetica,sans-serif;
display:block;
text-align:left
}
.bl_box2 > p > a:hover,.bl_box2 > a:hover , a.headLink:hover
{
border-bottom-style:solid
}
.listWrap
{
width: 100%;
display: inline-block;
margin-bottom: 2.25rem;
box-sizing: border-box;
}
.half
{
max-width: 47.5%;
}
.listWrap__
{
width:100%;
display:block;
margin-bottom: 2.25rem;
box-sizing:border-box;
position:relative;
}
.listWrap_three
{
width:100%;
display:inline-block;
margin-bottom:2.5rem;
box-sizing:border-box;
height:160px
}
.square
{
height:230px
}
.listWrap .imgWrap
{
position:relative;
display:block;
overflow:hidden;
width:100%;
padding:25% 0
}
.listWrap__ .imgWrap
{
position:relative;
display:block;
overflow:hidden;
width:100%;
padding:25% 0
}
.listWrap_three .imgWrap
{
float:left;
width:240px;
height:inherit;
position:relative;
overflow:hidden
}
.square .imgWrap
{
width:230px
}
.square .imgWrap img
{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
display:block;
width:200%!important;
height:auto
}
.listWrap .imgWrap img,.listWrap__ .imgWrap img,.listWrap_three .imgWrap img
{
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:auto
}
.listWrap h4,.listWrap__ h4,.listWrap_three h4
{
display:block;
font-size:15px;
line-height:20px;
font-weight:900;
margin:10px 0;
color:#000
}
.listWrap p,.listWrap__ p,.listWrap_three p
{
display:block;
font-size:15px;
font-weight:100;
line-height:20px;
margin:10px 0;
clear:both
}
.title
{
display:inline-block
}
.date
{
display:inline-block;
float:right;
color:#999;
text-transform:uppercase;
font-size:12px;
font-weight:400
}
.byline
{
display:inline-block;
float:right;
color:#999;
font-size:12px;
font-weight:400
}
.textWrap
{
border-width:1px;
border-style:solid;
border-color:#eee;
color:inherit!important;
overflow:hidden;
padding:1rem;
box-sizing:border-box;
transition:background-color .15s ease-in-out,border-color .15s ease-in-out
}
.listWrap_three .textWrap
{
float:none;
width:auto;
overflow:hidden;
height:inherit
}
a.listWrap_three:hover > .textWrap,a.listWrap__:hover > .textWrap,a.listWrap:hover > .textWrap
{
border-width:1px;
border-style:solid;
border-color:#A2BF22;
text-decoration:none
}
.module_box .bl_box2
{
padding:18px 12px 8px;
background:none;
border-bottom:1px;
border-left:1px;
border-right:1px;
border-width:1px;
border-style:solid;
border-color:#eee
}
.landing
{
width:100%!important;
max-width: 75rem;
}
.fixedWidth970
{
width:1024px;
margin:0 auto;
box-sizing:border-box
}
.fixedWidth736
{
width:736px;
margin:0 auto;
box-sizing:border-box
}
.bl_paginator-edit a
{
color: #788d19;
font-size: 10px;
}
.main_container .landingHead
{
margin:0 0 1rem 0;
font-size:4rem;
font-weight:900;
color:#000;
text-align:center;
font-family: 'KievitOT',Arial,Verdana,Helvetica,sans-serif;
}
.inner_container {
margin:0;
}
.featured
{
width: 100%;
display: inline-block;
margin-bottom: 2.5rem;
box-sizing: border-box;
height: 20rem;
}
.featured .imgWrap
{
width: 30rem;
height: inherit;
position: relative;
overflow: hidden;
padding:0;
}
.featured .textWrap
{
height: inherit;
}
.featured .textWrap .title
{
font-size: 1.75rem;
line-height: 2rem;
font-weight: bolder;
font-family: 'KievitOT',Arial,Verdana,Helvetica,sans-serif;
display:block;
text-align:left;
}
.left {
float:left;
}
.right {
float:right;
}
@media only screen and (max-width: 1024px) {
.listWrap_three .imgWrap
{
float:none;
height:0;
position:relative;
display:block;
overflow:hidden;
width:100%;
padding:25% 0
}
.fixedWidth970,.fixedWidth736
{
width:100%;
padding: 0 27px;
}
.bl_paginator-edit
{
}
}
@media only screen and (max-width: 568px) {
#bl_content_box > div > div > div > div > a > div,#bl_content_box > div > div > div > div > a
{
width:100%;
max-width:100%;
height:auto
}
}
@media only screen and (min-width: 480px) {
.listWrap__ .textWrap {
position:absolute;
bottom:0;
width:100%;
border:0;
}
.listWrap__ .textWrap p {
color:#fff;
}
.listWrap__ .textWrap h4 {
font-size:25px;
}
.listWrap__ .textWrap h4 , .listWrap__ .textWrap h4 span{
color:#fff;
font-family: 'KievitOT',Arial,Verdana,Helvetica,sans-serif;
}
a.listWrap__:hover > .textWrap
{
border:0;
text-decoration:none
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment