/* Main Style Sheet
Gravitate Design Studio
bferdinand */



/* Resets ------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

.afoot {
	color: #EFEFCB;
}
.afoot:hover{
	color: #e5d792;
}

ul.ul-norm , ul.wsp-pages-list, ul.children {
	list-style: disc;
	margin-left: 25px;
}
ol.ol-norm {
	list-style-type: decimal;
	margin-left: 25px;
}
p.indent1 {
	margin-left: 30px;
}
em, i {
	font-style: italic;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#oldIE{
	display: none;
	width: 400px;
	background-color: #e4e5d3;
	padding: 15px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
body {
	margin: 0;
}


/*Post Styles */


.imgwrap{
	width: 291px;
	height: 188px;
	overflow: hidden;
	margin-bottom: 30px;
	margin-right: 10px;
}
.post-image{
	min-width: 291px;
	min-height: 188px;
	width: 100%;
	padding: 0;
}
#comments, .commentlist, .respond-form {
	margin-left: 415px;
	width: 685px;
	display: none;
}
.post{
	width:685px;
	min-height: 240px;
	/*position: relative;
	left: 180px;
	margin-top: 20px;
	float: left;*/

}
h2 a{
	color: #71715D;
}
.meta {
	display: none;
}
.post-content{
	padding-top: 20px;
	padding-bottom: 20px;
}
.post-content .date-stamp{
	float:right;
	height: 53px;
	width: 43px;
	font-size: 16px;
	padding-top: 6px;
}
.post-content .date-stamp span{
	font-size: 14px;
}
.post-content h2{
	margin-bottom: 10px;
}
.post-content p{
	color: #34342E;
	font-size: 13px;
	line-height: 1.5;
}
#sidebar-1 a{
	color: #EFEFCB;
}
#sidebar-1 a:hover{
	color: #cece85;
}
.widgettitle{
	color:#6B2F07;
	padding-bottom: 5px;
}
.widget{
	padding: 15px;
	border-bottom: 1px solid #8D4C21;
	border-top: 1px solid #DD9C70;

}
.archive .post{
	width:685px;
	border-bottom: 1px solid #CCCCCC;
	position: relative;


}

/*Archive Styles*/
.archive-title{
	color: #71715D;
	width: 685px;
	margin-top: 15px;

}

/* GLOBAL STYLES ---------*/
.alignright {	float:right;	padding: 10px;}.alignleft {	float:left;	padding: 10px;}.aligncenter{ display:block; margin-left:auto; margin-right:auto;}
html, body {
	height: 100%;
}

body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5 {
	font-family: 'Kreon', serif;
	font-weight: 700;
	color: #efefcb;
	text-transform: uppercase;
}
b, strong{	font-weight: 800;}hr{	border: 0;	border-top: 1px solid #C7C8B8;	border-bottom: 1px solid #E7E8D4;}
h1 { font-size: 29px; }
h1.home { font-size: 38px; }
h2 { font-size: 29px; }
h3 { font-size: 19px; }
h4 { font-size: 19px; }
h5 { font-size: 16px; color: #333; }

h4.regular { font-weight: 400; }
.dark { color: #34342e; }

h2.large { font-size: 68px; }

h1.dark-bg-header,
h2.dark-bg-header {
	color: #efefcb;
	text-shadow: 1px 1px 2px #000;
	line-height: 1;
	margin-bottom: 10px;
	text-align: center;
}

.wrapper {
	width: 100%;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -427px;
	background: url('../images/content_bg.jpg');
	min-width: 1000px;
}

.center-wrap {
	overflow:hidden;
	padding-bottom: 50px;
	background: url('../images/content_bg.jpg');
	width: 100%;
}

.sub-header,
.inner-footer,
.upper-footer,
header {
	width: 1000px;
	position: relative;
	margin: 0 auto;
}

a.arrow-link {
	color: #c4692c;
	display: block;
	padding-left: 18px;
	background: url('../images/red_arrow.png') left 4px no-repeat;
	font-size: 13px;
}
a.button,
a.button:visited,
input[type="submit"] {
	display: block;
	color: #585828;
	font-family: 'Kreon';
	font-weight: 700;
	text-transform: uppercase;
	line-height: 35px;
	height: 35px;
	padding: 0 15px;
	border-radius: 5px;
	background: #cece85;
	box-shadow: 1px 1px 2px #333;
	text-align: center;
	width: 255px;
	margin-top: 15px;
	cursor: pointer;
}
a.button:hover,
a.button:active,
input[type="submit"]:hover {
	text-decoration: none;
	box-shadow: -1px -1px 2px #333, 1px 1px 1px #dedede;
	margin-top: 16px;
	margin-bottom: -1px;
}

.row p {
	color: #efefcb;
	-moz-transition: color  200ms;
	-webkit-transition: color 200ms;
	-o-transition: color  200ms;
	-ms-transition: color 200ms;
	transition: color 200ms;
}
.row .post p{
	color: #34342E;
}

.row .medium-row p {
	color: #34342e;
	font-size: 13px;
	line-height: 1.5;
}

p.large {
	font-size: 20px;
}

.row {
	width: 1000px;
	clear: both;
	display: block;
	padding-top: 20px;
	margin: 0 auto;
	line-height: 1.4;
	min-width: 1000px;
}
.row-col { float: left; }
#sidebar-secondary { width: 255px; }
.small-row {
	width: 255px;
}
.medium-row {
	width: 685px;
	padding: 0 30px;
	display: block;

	display: block;
}

.box-shadow, iframe {
	box-shadow: 4px 4px 0px #ccc;
}

button.button {
	background: #71715d;
	border: none;
	padding: 3px 10px;
	color: #efefcb;
	border-radius: 3px;
	cursor: pointer;
}
button.button:hover,
button.button:active {
	color: #cece85;
}
button.start,
button.stop { width: 205px; }
button.stop { display: none; }

.row .medium-row .secondary_content p.credit {
	font-size: 13px;
	color: #6c6c5d;
}

input[type="submit"] {
	margin-top: 0px;
}
input[type="submit"]:hover {
	margin-top: 0px;
}
.gform_wrapper ul li.gfield,
.gform_wrapper .top_label li.gfield.gf_right_half + li.gfield {
	clear: none !important;
}
#field_1_9, #field_1_3 { clear: both !important;}

/* HEADER ------*/

.header-wrap {
	background: #34342e url('../images/msh.jpg') center 0 no-repeat;
	width: 100%;
}

header {
	padding-top: 30px;
	padding-bottom: 25px;
}
.sub-header-wrap {
	height: 48px;
	border-top: 2px groove #6b6b5c;
	width: 100%;
}

.logo {
	display: block;
	width: 458px;
	height: 52px;
	background: url('../images/logo.png') no-repeat;
	text-indent: -9999px;
}
.sidebar-nav {
	background: url('../images/wood.jpg');
	width: 235px;

}

h1.page-title {
	line-height: 1;
	color: #6b2f07;
	padding: 20px 20px;
	-moz-text-shadow: 1px 1px 2px #c98238, -1px -1px 0 #874214;
	-o-text-shadow: 1px 1px 2px #c98238, -1px -1px 0 #874214;
	-webkit-text-shadow: 1px 1px 2px #c98238, -1px -1px 0 #874214;
	text-shadow: 1px 1px 2px #c98238, -1px -1px 0 #874214;
	text-align: center;
}

/* navigation ---- */

nav.nav {
	float: right;
	margin-top: 15px;
}

#menu-global li { float: left; position:relative;}
#menu-global li a {
	text-decoration: none;
	color: #efefcb;
	margin-left: 20px;
	font-size: 13px;
}

#menu-sub-global { margin: 0; }
#menu-sub-global li { float: left; margin-right: 35px;}
#menu-sub-global li a {
	text-decoration: none;
	font-style: normal;
	color: #efefcb;
	font-family: 'Kreon', serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 48px;
	height: 48px;
	display: block;
}
#menu-sub-global li:last-child,
#menu-sub-global li.last-child,
/*#menu-sub-global li.menu-item-25 { margin-right: 0px; } */
#menu-sub-global li a span {
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	text-transform: none;
	font-size: 13px;
	font-weight: 400;
}
/*hover states for nav*/
#menu-global li a:hover,
#menu-global li.current_page_item a,
#menu-sub-global li a:hover,
#menu-sub-global li.current_page_item a,
#menu-footer li a:hover,
#menu-footer li a:active,
#menu-footer li.current_page_item a,
#menu-sub-global li.current-page-ancestor a,
.sidebar-sub-nav li a:hover,
.sidebar-sub-nav li.current_page_item a {
	color: #cece85;
	text-decoration: underline;
}
#menu-sub-global li.active {
	background: url('../images/sub_nav_active.png') center bottom no-repeat;
}

.pop-up-header {
	background: #1a1a16;
	overflow:hidden;
	height: 175px;
	display:none;
	clear: both;
}
.page-template-page-landing-php .pop-up-header { display: block; }

.eia_nav, .rtl_nav, .ve_nav,
.sub-nav-centered {
	width: 1000px;
	margin: 0 auto;
	display:none;
	overflow: hidden;
}
#menu-item-530 {	position:relative;	display:block;	z-index: 2;	top: -155px;	left: 850px;	}
.pop-up-header #menu-eia li,
.pop-up-header #menu-rtl li,
.pop-up-header #menu-ve li,
.pop-up-header li {
	float: left;
	margin-top: 20px;
	margin-right: 20px;
	display: inline-block;
}
.pop-up-header li:last-child {
	margin-right: 0px;
}
.pop-up-header #menu-eia li a,
.pop-up-header #menu-rtl li a,
.pop-up-header #menu-ve li a,
.pop-up-header li a {
	float: left;
	width: 150px;
	padding-top: 115px;
	padding-bottom: 5px;
	color:#efefcb;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.pop-up-header #menu-eia li a:hover, .pop-up-header #menu-rtl li a:hover, .pop-up-header #menu-ve li a:hover { color: #cece85; }
.pop-up-header #menu-eia li.current_page_item a, .pop-up-header #menu-rtl li.current_page_item a, .pop-up-header #menu-ve li.current_page_item a { color: #cece85; }
.pop-up-header li#menu-item-61 a { background-image: url('../images/subnav/1980.jpg'); }
.pop-up-header li#menu-item-60 a { background-image: url('../images/subnav/2004.jpg'); }
.pop-up-header li#menu-item-59 a { background-image: url('../images/subnav/crater.jpg'); }
.pop-up-header li#menu-item-563 a { background-image: url('../images/subnav/historic.jpg'); }
.pop-up-header li#menu-item-562 a { background-image: url('../images/subnav/facts.jpg'); }


.pop-up-header li#menu-item-72 a { background-image: url('../images/subnav/impacts.jpg'); }
.pop-up-header li#menu-item-71 a { background-image: url('../images/subnav/changing.jpg'); }
.pop-up-header li#menu-item-566 a { background-image: url('../images/subnav/FandR.jpg'); }


.pop-up-header li#menu-item-552 a { background-image: url('../images/subnav/guided.jpg'); }
.pop-up-header li#menu-item-553 a { background-image: url('../images/subnav/field.jpg'); }
.pop-up-header li#menu-item-554 a { background-image: url('../images/subnav/student.jpg'); }
.pop-up-header li#menu-item-555 a { background-image: url('../images/subnav/teacher.jpg'); }
.pop-up-header li#menu-item-556 a { background-image: url('../images/subnav/youth.jpg'); }
.pop-up-header li#menu-item-530 a { background-image: url('../images/subnav/stem.JPG'); }

/* SIDEBAR ------*/

.sidebar-ad {
	width: 233px;
	height: 208px;
	background-color: #fff;
	margin-top: 20px;
	border: 1px solid #bcbca2;
	position: relative;
}
.sidebar-ad a.arrow-link {
	position: absolute;
	bottom: 20px;
	right: 10px;
	line-height: 1.1;
}
p.ad-header {
	font-size: 13px;
	color: #ababa0;
	font-style: italic;
	margin: 15px 0 0 15px;
}
.sidebar-ad img { margin-top: 10px; }
p.caption { color: #34342e; font-size: 14px; margin-left: 15px; line-height: 1.2;}

.sidebar-sub-nav {
	padding: 15px 20px 20px 20px;
	background: url('../images/sidebar_ridge.png') 0 0 repeat-x;
}
.sidebar-sub-nav li a {
	color: #efefcb;
	font-size: 14px;
	padding-left: 18px;
	font-weight: 600;
	background: url('../images/sidebar_arrow.png') left 6px no-repeat;
	display: block;

}
#menu-about-nav {
	margin-left: 20px;
	line-height: 1;
}
#menu-about-nav li { margin-bottom: 10px; }
.sidebar-sub-nav #menu-about-nav li a { margin-left: -18px; }
.sidebar-image {
	width: 235px;
	position: relative;
	margin-top: 20px;
	height: 180px;
	display: block;
}
p.img-caption {
	position: absolute;
	bottom: 7px;
	left: 15px;
	font-style: italic;
	font-size: 13px;
}

/* FRONT PAGE --------*/

.fifty {
	display: block;
	float: left;
	width: 430px;
	height: 200px;
	padding: 20px 30px;
}
.fifty a.button {
	width: 160px;
	font-size: 13px;
	line-height: 30px;
	height: 30px;
	padding: 0 10px;
	margin-top: 30px;
}
.fifty a.button:hover {
	margin-top: 31px;
}
.hundred {
	padding: 20px 30px;
	height:270px;
}
.left-box { margin-right: 10px; }
.right-box { margin-left: 10px; }

.fifty.about-section {
	background: url('../images/wood.jpg') no-repeat;
}

.fifty.earth-in-action {
	background: url('../images/eia_bg.jpg') no-repeat;
}
.hundred.return-to-life {
	background: url('../images/rtl_bg.jpg') no-repeat;
}
.fifty.vol-exp {
	background: url('../images/vol-exp.jpg') no-repeat;
}
.fifty.visit-msh {
	background: url('../images/visit_msh.jpg') no-repeat;
}
.fifty h2 { margin-bottom: 5px; }
.fifty h2,
.hundred h2,
.fifty p,
.hundred p {
	text-shadow: 1px 1px 1px #000;
	margin: 0;
}
.hundred p { width: 600px; }
.fifty p.large {
	margin-top: 20px;
	text-shadow: none;
}
.fifty p.small {
	font-size: 14px;
	width: 300px;
	margin-bottom: 15px;
}

/* SECONDARY PAGE --------*/

.news-image { float: left; }
.news-section {
	padding: 40px 0 30px 0;
	border-bottom: 2px groove rgba(214, 214, 193, 0.4);
	overflow: hidden;
}
.news-section .content { margin-left: 310px; }
.news-section .date-stamp { float: right; margin-left: 10px; }
.medium-row h2 { color: #71715d; line-height: 1.1; margin-bottom: 15px; }
.secondary_content { padding-top: 20px;}
.row .medium-row .secondary_content p { line-height: 1.5; font-size: 16px; }
.secondary_header {
	padding-bottom: 30px;
	border-bottom: 2px groove rgba(214, 214, 193, 0.4);
	margin-bottom: 30px;
}
h3.about { color: #c76a2c; }

/* Changing landscape --------*/

	.time-lapse-section {
		overflow: hidden;
		margin-bottom: 30px;
	}

	.time-lapse-section img {
		width: 460px;
	}
	.lapse_caption {
		position: absolute;
		color: #fff;
		font-size: 15px;
		z-index: 9999;
		bottom: 10px;
		font-weight: 600;
		right: 15px;
	}
	.time_col { float: left; }
	.lapse-info {
		width: 205px;
		padding-left: 20px;
	}
	.row .medium-row .secondary_content .lapse-info p {
		font-size: 13px;
	}
	.cycle-prev, .cycle-next {
		position: absolute;
		top: 130px;
		z-index: 9999;
		text-indent: -9999px;
		width: 30px;
		height: 50px;
	}
	.cycle-prev {
		left: 0px;
		background: url('../images/slide-left.png') 0 0 no-repeat;
	}
	.cycle-next {
		right: 0px;
		background: url('../images/slide-right.png') 0 0 no-repeat;
	}
	.cycle-next:hover,
	.cycle-next:active,
	.cycle-prev:hover,
	.cycle-prev:active {
		background-position: 0px -50px;
	}
	.time-lapse-section button {
		margin-left: 20px;
		margin-top: 20px;
	}

/* About Us --------*/

	.about-box {
		width: 332px;
		float: left;
		margin-bottom: 40px;
	}
	.about-box.odd { margin-right: 20px; }
	.row .medium-row .secondary_content .about-box p {
		font-size: 13px;
		margin-top: 5px;
	}
	.about-box a.button { width: 100px; }
	.about-box a.button:hover { margin-top: 15px; }

/* OLD Eruption Impacts -----------*/
/*.left-erupt {
	width: 320px;
	margin-right: 20px;
}
.right-erupt { width: 660px; }
.right-erupt .cycle-slideshow { overflow:hidden; max-width: 660px; width: 660px; height:456px; margin: auto;}
.right-erupt .cycle-slideshow img{opacity: 0; filter:alpha(opacity=0);}
.col h5 {
	margin: 20px 0 15px 0;
	padding-bottom: 7px;
	border-bottom: 3px solid #333333;
}
.lahar_nav li, .pyro_nav li {
	float: left;
}
.lahar_nav li {
	background-color: #b57245;
	-webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
.pyro_nav li {
	background-color: #742222;
	-webkit-transition: background-color 200ms linear;
     -moz-transition: background-color 200ms linear;
     -o-transition: background-color 200ms linear;
     -ms-transition: background-color 200ms linear;
     transition: background-color 200ms linear;
}
.lahar_nav li:hover {
	background-color: #915C37;

}
.pyro_nav li:hover { background-color: #551919; }

.lahar_nav li a, .pyro_nav li a {
	display: block;
	width: 150px;
	height: 160px;
}
.lahar_nav li a:hover, .pyro_nav li a:hover {
	text-decoration: none;
}
.lahar_nav li p, .pyro_nav li p {
	font-size: 13px;
	padding: 4px 10px;
	line-height: 1.2;
}
.pyro_nav li:hover p,
.lahar_nav li:hover p { color: #FFFFD9; }
.col li.margin-right { margin-right: 20px; }*/

/* Lahars Detail Page -------- */
/*.lahar-page .left-erupt p {
	color: #34342e;
	font-size: 13px;
	margin: 10px 0 20px 0;
}
a.button.more-lahars {
	max-width: 160px;
	margin-top: 25px;
}

.lahar_nav li.not-active,
.pyro_nav li.not-active {
	background-color: #34342e;
	-webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
     -o-transition: background-color 200ms linear;
     -ms-transition: background-color 200ms linear;
     transition: background-color 200ms linear;
}
.lahar_nav li.not-active:hover {
	background-color: #b57245;
}
.pyro_nav li.not-active:hover {
	background-color: #742222;
}
.right-erupt img { max-width: 660px; }

.lahar-page .cycle-prev,
.lahar-page .cycle-next  {
	top: 200px;
}

.lahar-page .custom-caption {
	background-color: rgba(52,52,46,.90);
	color: #efefcb;
	position: absolute;
	bottom: 0px;
	z-index: 9999;
	height: 40px;
	width: 630px;
	padding: 10px 15px 10px 15px;
	font-size: 13px;
	line-height: 1.3;
	text-align:center;
}
.lahar-page .custom-caption span {
	background-color: rgba(52,52,46,.65);
	position: absolute;
	right: 0;
	bottom: 90px;
	font-size:11px;
	line-height:1;
	text-shadow: 1px 1px 1px #333;
	padding:5px 15px 8px;
}
.page-template-page-landing-php .center-wrap { max-height: 510px; }*/

/* Eruption Impacts -----------*/
.left-rtl { width: 360px; margin-right: 20px; }
.right-rtl { width: 620px; }
.right-rtl .cycle-slideshow { overflow:hidden; max-width: 620px; width: 620px; height:456px; margin: auto;}
.right-rtl .cycle-slideshow img{opacity: 0; filter:alpha(opacity=0);}

.rtl_map_container, .rtl_map, #regrowth_map{ position:relative; }
.rtl_map, #regrowth_map, #rtl_overlay{ z-index:0; display:block; width:1000px; }
.rtl_map{ height:560px; }

.map_loading{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:10000; background:url('../images/ajax-loader_dark.gif') center center rgba(0,0,0,.55) no-repeat;}

#regrowth_map, #rtl_overlay{
	height:560px; background-position:0 0; background-repeat:no-repeat;
	-webkit-transition: background-image 200ms linear;
  -moz-transition: background-image 200ms linear;
  -o-transition: background-image 200ms linear;
  -ms-transition: background-image 200ms linear;
  transition: background-image 200ms linear;
}

#rtl_overlay{ position:absolute; top:0; left:0; opacity:.80; }

.preload{visibility:hidden;}

.regrowth_1980{background-image:url('../images/regrowth_map/regrowth_1980.jpg');}
.regrowth_1981{background-image:url('../images/regrowth_map/regrowth_1981.jpg');}
.regrowth_1982{background-image:url('../images/regrowth_map/regrowth_1982.jpg');}
.regrowth_1983{background-image:url('../images/regrowth_map/regrowth_1983.jpg');}
.regrowth_1984{background-image:url('../images/regrowth_map/regrowth_1984.jpg');}
.regrowth_1985{background-image:url('../images/regrowth_map/regrowth_1985.jpg');}
.regrowth_1986{background-image:url('../images/regrowth_map/regrowth_1986.jpg');}
.regrowth_1987{background-image:url('../images/regrowth_map/regrowth_1987.jpg');}
.regrowth_1988{background-image:url('../images/regrowth_map/regrowth_1988.jpg');}
.regrowth_1989{background-image:url('../images/regrowth_map/regrowth_1989.jpg');}
.regrowth_1990{background-image:url('../images/regrowth_map/regrowth_1990.jpg');}
.regrowth_1991{background-image:url('../images/regrowth_map/regrowth_1991.jpg');}
.regrowth_1992{background-image:url('../images/regrowth_map/regrowth_1992.jpg');}
.regrowth_1993{background-image:url('../images/regrowth_map/regrowth_1993.jpg');}
.regrowth_1994{background-image:url('../images/regrowth_map/regrowth_1994.jpg');}
.regrowth_1995{background-image:url('../images/regrowth_map/regrowth_1995.jpg');}
.regrowth_1996{background-image:url('../images/regrowth_map/regrowth_1996.jpg');}
.regrowth_1997{background-image:url('../images/regrowth_map/regrowth_1997.jpg');}
.regrowth_1998{background-image:url('../images/regrowth_map/regrowth_1998.jpg');}
.regrowth_1999{background-image:url('../images/regrowth_map/regrowth_1999.jpg');}
.regrowth_2000{background-image:url('../images/regrowth_map/regrowth_2000.jpg');}
.regrowth_2001{background-image:url('../images/regrowth_map/regrowth_2001.jpg');}
.regrowth_2002{background-image:url('../images/regrowth_map/regrowth_2002.jpg');}
.regrowth_2003{background-image:url('../images/regrowth_map/regrowth_2003.jpg');}
.regrowth_2004{background-image:url('../images/regrowth_map/regrowth_2004.jpg');}
.regrowth_2005{background-image:url('../images/regrowth_map/regrowth_2005.jpg');}
.regrowth_2006{background-image:url('../images/regrowth_map/regrowth_2006.jpg');}
.regrowth_2007{background-image:url('../images/regrowth_map/regrowth_2007.jpg');}
.regrowth_2008{background-image:url('../images/regrowth_map/regrowth_2008.jpg');}
.regrowth_2009{background-image:url('../images/regrowth_map/regrowth_2009.jpg');}
.regrowth_2010{background-image:url('../images/regrowth_map/regrowth_2010.jpg');}

.overlay_lahars{background-image:url('../images/regrowth_layers/lahars.png');}
.overlay_pyroclastic_flows{background-image:url('../images/regrowth_layers/pyroclastic_flows.png');}
.overlay_debris_avalanche{background-image:url('../images/regrowth_layers/debris_avalanche.png');}
.overlay_lateral_blast{background-image:url('../images/regrowth_layers/lateral_blast.png');}
.overlay_scorch_zone{background-image:url('../images/regrowth_layers/scorch_zone.png');}
.overlay_ashfall_zone{background-image:url('../images/regrowth_layers/ashfall_zone.png');}

.regrowth_slider{ position:absolute; bottom:0; left:0; border:20px solid rgba(0,0,0,.25); margin:0 auto; width:900px; height:56px; padding:0 30px; z-index: 30; background:url('../images/regrowth_slider_track.png') 0 0 no-repeat; }

.rtl_year_slider{ width:900px; height:56px; border-radius:0; border:0; background:none transparent; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ width:60px; height:32px; margin-left:-30px; top:0; background:url('../images/regrowth_slider_nub.png') center center no-repeat; border:0; border-radius:0; }
.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default, .ui-datepicker-calendar .ui-widget-header .ui-state-default { height: auto; width: 100%; margin-left: 0;}
.ui-state-default:focus, .ui-widget-content .ui-state-default:focus, .ui-widget-header .ui-state-default:focus{outline:none;}

.rtl_anchors{ position:absolute; width:1000px; height:560px; top:0; left:0; z-index:10; }

.rtl_trigger{
	width:auto; height:auto; position:absolute; opacity:.65; cursor:pointer;
/*	-webkit-transform: scale(.96); -moz-transform: scale(.96); -o-transform: scale(.96); transform: scale(.96);	*/
	-webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.rtl_trigger_wrap{ z-index:5; position:relative;}

.rtl_start_cap, .rtl_end_cap, .rtl_label{z-index:0; float:left; display:block; }
.rtl_start_cap{	width:20px; height:52px; background:url('../images/rtl_start_cap.png') 0 0 no-repeat; }
.rtl_end_cap{ width:10px; height:52px; background:url('../images/rtl_end_cap.png') 0 0 no-repeat; }
.rtl_label{ position:relative; width:auto; padding:13px 40px 0 0; height:39px; background:url('../images/rtl_mid.png') 0 0 repeat-x; font-family:'Open Sans'; font-weight:600; font-size:14px; line-height:14px; text-transform:uppercase; color:#3f4338; }
.link_stories_from_the_mountain_zone .rtl_label{padding-right:8px;}
.rtl_action{ z-index:10; display:block; position:absolute; width:32px; height:32px; top:4px; right:-5px; background-position:center center; background-repeat:no-repeat;}
.rtl_action.open{background-image:url('../images/rtl_action_open.png');}
.rtl_action.close{background-image:url('../images/rtl_action_closed.png');}

.link_lahars{left:164px; top:166px;}
.link_pyroclastic_flows{left:424px; top:154px;}
.link_debris_avalanche{left:760px;top:116px;}
.link_lateral_blast{left:662px; top:240px;}
.link_scorch_zone{left:798px; top:342px;}
.link_ashfall_zone{left:309px; top:281px;}
.link_stories_from_the_mountain_zone{left:300px; top:55px;}

.link_lahars .rtl_action{background-color: rgba(146,76,65,1);}
.link_pyroclastic_flows .rtl_action{background-color: rgba(176,83,38,1);}
.link_debris_avalanche .rtl_action{ background-color: rgba(191,136,76,1);}
.link_lateral_blast .rtl_action{background-color: rgba(117,76,75,1);}
.link_scorch_zone .rtl_action{background-color: rgba(193,157,79,1);}
.link_ashfall_zone .rtl_action{background-color: rgba(138,135,129,1);}

.rtl_trigger.active, .rtl_trigger:hover{text-decoration:none; opacity:1; /*-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1);*/}
.rtl_slider{ width:1000px; height:251px; position:relative; overflow:hidden;}
.rtl_slider_inner{ width:4550px; height:251px; position:absolute; top:0; left:0; }
.rtl_slide{ padding-right:20px; display:block; height:231px; }

.col h5 { margin: 20px 0 15px 0; padding-bottom: 7px; border-bottom: 3px solid #333333;}

.lahar_nav li { background-color: rgba(146,76,65,.8); }
.lahar_nav li:hover { background-color: rgba(146,76,65,1); }

.pyro_nav li { background-color: rgba(176,83,38,.8); }
.pyro_nav li:hover { background-color: rgba(176,83,38,1); }

.debris_nav li { background-color: rgba(191,136,76,.8); }
.debris_nav li:hover { background-color: rgba(191,136,76,1); }

.lateral_nav li { background-color: rgba(117,76,75,.8); }
.lateral_nav li:hover { background-color: rgba(117,76,75,1); }

.scorch_nav li { background-color: rgba(193,157,79,.8); }
.scorch_nav li:hover { background-color: rgba(193,157,79,1); }

.ashfall_nav li { background-color: rgba(138,135,129,.8); }
.ashfall_nav li:hover { background-color: rgba(138,135,129,1); }

.rtl_slide_nav { display: block; overflow: hidden; padding: 0; margin: 0; }
.stories_nav li { background-color: rgba(51,51,51,.8); }
.stories_nav li:hover { background-color: rgba(51,51,51,1); }

.rtl_slide_nav li { display:block; margin-right: 20px; float: left; box-shadow: 4px 4px 0px #ccc;
	-webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

.rtl_slide_nav img{ width:150px; height:110px; display:block; background:url('../images/ajax-loader.gif') center center no-repeat transparent; }
.rtl_slide_nav li.last{ margin-right:0; }
.rtl_slide_nav li a{ display: block; width: 150px; height: 160px; }
.rtl_slide_nav li a:hover{ text-decoration: none; }
.rtl_slide_nav li p{ font-size: 13px; padding: 4px 10px; line-height: 1.2;}
.rtl_slide_nav li:hover p{ color: #FFFFD9; }

/* Return To Life Detail Page -------- */
.rtl-page .left-rtl h4 {color: #71715d; font-weight:400; text-transform:none; font-size:16px; margin-top:8px;}
.rtl-page .left-rtl p { color: #34342e; font-size: 13px; margin: 10px 0 20px 0; }
a.button.back-rtl { width:auto; margin-top: 25px; }

.right-rtl img { max-width: 100%;  display:block; background:url('../images/ajax-loader.gif') center center no-repeat transparent; }

.rtl-page .cycle-prev, .rtl-page .cycle-next  { top: 200px; }
.rtl-page .custom-caption { background-color: rgba(52,52,46,.90); color: #efefcb; position: absolute; bottom: 0px; z-index: 9999; height: 40px; width: 600px; padding: 10px 15px 10px 15px; font-size: 13px; line-height: 1.3; text-align:center;}
.rtl-page .custom-caption span { background-color: rgba(52,52,46,.65); position: absolute; right: 0; bottom: 90px; font-size:11px; line-height:1; text-shadow: 1px 1px 1px #333; padding:5px 15px 8px; }

.page-template-page-landing-php .center-wrap { max-height: 510px; }

/* Landing Pages -----------*/

.landing-slide { position: relative; }
.left-landing {
	width: 260px;
	height: 410px;
	background-color: #34342e;
	padding: 40px 30px;
	position: relative;
}
.left-landing p { font-size: 15px; }
.right-landing {
	width: 680px;
}
.landing-slide a.button {
	width: 100px;
	position: absolute;
	bottom: 50px;
	right: 30px;
}
.landing-slide a.button:hover {
	margin-bottom: -1px;
}
.landing-slide h2 {
	line-height: 1.1;
	margin-bottom: 10px;
	font-size: 28px;
}
h1.page-header {
	color: #71715d;
	line-height: .9;
}

/* Visit MSH Page -------- */

	.visit-msh .col, .visit-msh-wrapper {
		height: 650px;
	}
	.visit-msh-wrapper {
		overflow: hidden;
	}
	.visit-msh .right-erupt {
		width: 680px;
	}
	.visit-msh .right-erupt img { max-width: 680px; }
	.visit-msh .left-erupt {
		margin-right: 0px;
		background-color: #34342e;
		width: 260px;
		padding: 30px;
	}
	.visit-msh h1 { margin-bottom: 20px; }
	.visit-msh ul li {
		margin-bottom: 10px;
	}
	.visit-msh ul li a {
		color: #efefcb;
		text-decoration: none;
		font-size: 13px;
		padding-left: 17px;
		background: url('../images/orange_arrow.png') left 3px no-repeat;
		display: block;
		line-height: 1.2;
	}
	.visit-msh ul li a:hover {
		color: #c96c2e;
	}

	/* 1980 eruption page --------- */

	.eruption1980 {
		max-height: 650px;
	}
	.eruption1980 .inner-slideshow { background-color: #34342e; }

	.eruption1980 .cycle-pager {
		position: absolute;
		bottom: 0px;
		top: 475px;
		left: 0px;
		width: 100%;
		max-width: none;
		height: 70px;
		margin-left: 1px;
		background-color: #34342e;
	}
	.eruption1980 .cycle-pager a {
		width: 89px;
		display: block;
		float: left;
		height: 55px;
		background-color: #34342e;
		color: #efefcb;
		text-align: center;
		padding: 15px 10px 0 10px;
		font-size: 13px;
		border-right: 1px solid #000;
		border-left: 1px solid #999;
	}
	.eruption1980 .cycle-pager a:hover,
	.eruption1980 .cycle-pager a.cycle-pager-active	{
		background-color: #515147;
		text-decoration: none;
	}

	.eruption1980 .cycle-overlay {
		position: absolute;
		z-index: 9999;
		left: 0px;
		top: 0px;
		width: 275px;
		height: 383px;
		padding: 30px;
		background-color: #34342e;
	}


/* pager */

.cycle-pager {
    width: 100%; z-index: 500; position: absolute; left: 30px; top: 450px;
	max-width: 260px;
}
.cycle-pager span {
    font-family: arial; font-size: 18px; width: 12px; height: 12px;
    display: inline-block; color: #ddd; cursor: pointer;
	background: url('../images/pager-bg.png') no-repeat;
	text-indent: -9999px;
	margin-right: 8px;
}
.cycle-pager span.cycle-pager-active {
	color: #D69746;
	background-position: 0 -12px;
}
.cycle-pager > * { cursor: pointer;}

/* FOOTER --------- */

.push, .footer-wrapper { height: 426px; }

.footer-wrapper {
	border-top: 1px solid #b3b3a8;
	clear: both;
	background: #fafaf3;
	position: relative;
	width: 100%;
	min-width: 1000px;
}

footer {
	background: url('../images/footer_bg.jpg') center 0;
	height: 260px;
	padding-top: 25px;
	border-top: 1px groove #6c6c5e;
	clear: both;
	width: 100%;
}
footer h4 {
	border-bottom: 2px ridge #6c6c5e;
	color: #cece85;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
footer img {
	-moz-box-shadow: 4px 4px 0px #232323;
	-o-box-shadow: 4px 4px 0px #232323;
	-webkit-box-shadow: 4px 4px 0px #232323;
	box-shadow: 4px 4px 0px #232323;
}
.col { float: left; }
.upper-footer {
	height: 180px;
}
.upper-footer .col {
	width: 330px;
	height: 180px;
	display: block;
}
.upper-footer .first-col.col {
	background: url('../images/sponsor_bg.jpg') center center no-repeat;
	border-left: 1px solid #b3b3a8;
	border-right: 1px solid #b3b3a8;
	width: 328px;
}
.upper-footer .last-col.col { padding-left: 10px; }
.upper-footer .mid-col.col p {
	font-size: 13px;
	line-height: 1.5;
	margin-top: 40px;
	color: #6c6c5d;
	margin-left: 30px;
}
.upper-footer .last-col.col a {
	display: block;
	float: left;
	margin-top: 50px;
	margin-left: 65px;
}
.upper-footer .first-col h4 {
	margin: 20px 0 0 20px;
}

footer .col {
	width: 235px;
	padding-right: 20px;
}
footer .last-col.col { padding-right: 0px; }
footer .last-col a {
	display: block;
	color: #cece85;
	text-decoration: none;
	font-size: 14px;
	padding-left:21px;
	margin-top: 15px;
	background: url('../images/list_arrow.png') left 4px no-repeat;
}
footer .last-col a:hover { text-decoration: underline; }
#menu-footer { margin: 15px 0 0 30px; }
#menu-footer li {
	list-style: none;
	margin-bottom: 5px;
}
#menu-footer li a {
	color: #efefcb;
	background: url('../images/list_arrow.png') left 6px no-repeat;
	padding-left: 20px;
	font-size: 14px;
	text-decoration: none;
}

.latest-content {
	clear: both;
	margin-bottom: 15px;
	min-height: 35px;
}
.date-stamp {
	float: left;
	width: 30px;
	height: 35px;
	padding-top: 4px;
	color: #585828;
	text-align: center;
	font-size: 12px;
	background-color: #cece85;
	border-radius: 3px;
	line-height: 1.2;
}
.date-stamp span {
	font-family: 'Kreon', serif;
	font-size: 10px;
	font-weight: 700;
}
p.feed-content {
	margin-left: 40px;
	color: #efefcb;
	font-size: 12px;
	line-height: 1.5;
}
.upper-footer a.arrow-link {
	margin-left: 20px;
}
.upper-footer .cycle-slideshow {
	height: 115px;
	position: relative;
	z-index: 10;
}

#adv-custom-caption {
	position: absolute;
	bottom: 5px;
	z-index: 10;
	font-size: 12px;
	left: 20px;
	color: #91918e;
}

.gallery-item{
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: boder-box;
	-webkit-box-sizing: boder-box;
}

.gallery-caption {
	font-size: 14px;
	border: 2px solid #CFCFCF;
	border-radius: 7px;

}
p.wp-caption-text {
	font-size: 14px;
}
ol.grav_page_navi {
	list-style-type: none;
	margin-top: 20px;

}
ol.grav_page_navi li {
	display: inline;
}
ol.grav_page_navi li a{
	padding: .2em .2em;
}

/* -------------------
Activities
------------------- */

.activity-container h3, h4 {
	color: #71715d;
}
.activity-container a.button {
	display: inline-block;
}
.activity-container .medium-row p {
	margin-bottom: 1.25em;
	line-height: 1.675;
	margin-top: 0;
}
.activity-container .medium-row h2 {
	margin-top: 0;
}
.activity-container h2.page-title {
	padding: 20px 0 0 20px;
	line-height: 1.2;
}
.activity-container h1.page-title {
	color: #71715d;
	line-height: 1.1;
	margin-bottom: 15px;
	font-size: 36px;
	text-shadow: none;
	text-align: left;
	padding: 0;
	margin-bottom: .5em;
}
.activity-container .row .row {
	padding-top: 0;
	width: 100%;
	min-width: 0;
}
h4.question-number {
	color: #000;
}
h4.question-number span {
	text-transform: none;
	color: #71715d;
}
.activity-container .block-numbered-questions {
	margin-bottom: 20px;
}
.activity-container .block-numbered-questions h5,
.activity-container .block-numbered-questions h4,
.activity-container h3 {
	margin: 0;
}
.activity-container .block-large-image-with-title figcaption {
	font-weight: 700;
	text-align: center;
}
.activity-container figure {
	margin: 0;
}
.think-image {
	text-align: center;
	margin-top: 8px;
	font-size: 8px;
	line-height: 1.8;
	padding: 0 !important;
}
img.msh-sheet {
	max-width: 35px;
	margin-right: 20px;
}