/* Copied from reset.css */
abbr,acronym,applet,b,blockquote,body,center,caption,cite,code,dd,del,dl,div,dt,em,fieldset,figcaption,figure,font,footer,form,header,html,i,iframe,img,ins,label,legend,li,meter,nav,object,ol,output,p,pre,samp,section,small,span,strike,strong,sub,sup,table,tbody,thead,th,tr,tt,u,ul,var
{
	background:transparent;
	border:0 none;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size: 14px;
	vertical-align:middle;
	line-height:normal;}

/* Basic tag settings */
p {margin-bottom:20px;}
sup {position: relative; font-size:0.8em; vertical-align: 0; bottom: 1ex;}
sub {position: relative; font-size:0.8em; vertical-align:bottom; top: 0.8ex;}
legend {display: none;}
td, th {padding: 5px; border-bottom: 1px solid #d9d9d9;}
tight {line-height: 0.5em;}
ol, ul {list-style:none;}
table, table td {padding:0;border:none;border-collapse:collapse;}
img {vertical-align:top;}
figcaption, figure {display: block;}
caption,cite,code,th,var {font-style:normal; font-weight:normal;}
input{border:1px solid #b0b0b0;	padding:3px 5px 4px; color:#979797;}

/*  Header styles */
/* H2 is for page titles */
h2 {
	margin:0 0 1.5em 0;
	line-height:1.4em; 
	font-size:large; 
}
h3 {
	font-size:medium;
	line-height:1.4em;
	font-weight:bold;
	text-align:left;
	color:white;
	background:black;
	border-radius:6px;
	margin:0 0 1em 0;
	padding:0.5em 0.8em;
	}
h4 {
	font-size:medium;
	letter-spacing:normal;
	color:white;
	background:black;
	padding:0.5em 0.8em;
	border-radius:6px;
	text-align:left;
	margin:0;
	line-height:1.2em; 
}
h5 {
	font-size:medium;
	color:white;
	background:black;
	padding:0.5em 0.8em;
	border-radius:6px;
	text-align:left;
	margin:0;
}

/* Main GVP styles */
html {height:100%; background-color: black;}
body {
	background:url(/includes/images/bg5.jpg) 50% 0 no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color:black;
	position:relative;
	min-width:980px;
	min-height:100%;}

/* Deleted black texture in BODY and made black background in HTML */
/* Global properties - orig color #625647 was a pale brown */
.main {
	position:relative; 
	margin:0 auto;
	clear:both;
	width:980px;
}
.MainContentBlock {
	position:relative; 
	margin:0 auto;
	clear:both;
	width:980px; 
}
.LargeScreen {width: 1200px !important;}

.SiteHeader {
	position:relative; 
	margin:0 auto 1% auto; 
	/*padding:20px 0 60px 0; */
	padding:1% 0 4% 0;
	width:980px;
	z-index:99;}

.bulletlist {font-size: medium; font-style: normal; line-height:1.5em; color: white; margin-left: 3em; margin-right: 2em; list-style-type: disc;}
.bulletlist li {font-style: normal;}

.x-clear1 {clear:both; height:0;overflow:hidden;}
/*----- txt, links, lines, titles -----*/
a {color:#FF6A15;}
a:hover, a:focus {text-decoration:none;}
.wrapper {width:100%;overflow:hidden;}
.alignright {text-align:right !important;}
.aligncenter {text-align:center !important;}
.alignleft {text-align:left !important;}
.textbold {font-weight: bold !important;}
.floatright {float:right !important;}

/* Hyphenation and word-wrap settings */
p, td, td.varFigCaption {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

/* Volcano icon special */
.HighlightLinkIcon {
	vertical-align: middle; 
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.SectionHeader-OutdentOrange300 {
	display: block;
	float:left;
	position:float;
	margin-left:-5px;
	color:black;
	background:#FF6A15;
	font-size:medium;
	width:300px;
	padding:0.5em 1em 0.5em 1em;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	border-radius:6px;
	box-shadow:1px 3px 4px rgba(0,0,0,0.75);
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	margin-bottom: 0em;
	}

.SectionHeader-Variable {
	display: inline-block;
	float:left;
	position:absolute;
	left:15px;
	color:black;
	background:#FF6A15;
	font-size: medium;
	padding:0.5em 1em 0.5em 1em;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	border-radius:6px;
	box-shadow:1px 3px 4px rgba(0,0,0,0.75);
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	margin-bottom: 2em;
	margin-top: -1em;
	}

.SectionHeader-Full {
	display: block;
	float: left;
	color:black;
	background:#FF6A15;
	font-size: medium;
	font-weight:bold;
	text-align:justify;
	padding:0.5em 1em 0.5em 1em;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	border-radius:6px;
	box-shadow:1px 3px 4px rgba(0,0,0,0.75);
	vertical-align:middle;
	margin-top: 0.25em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	}

h4.gallerysectiontitle {
	display: block;
	float: left;
	color:black;
	background:#FF6A15;
	font-size: medium;
	font-weight:bold;
	text-align:left;
	padding:0.5em 1em 0.5em 1em;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	border-radius:6px;
	box-shadow:1px 3px 4px rgba(0,0,0,0.75);
	vertical-align:middle;
	margin-top: 0.25em;
	margin-right: 60%;
	margin-bottom: 1em;
	margin-left:-0.5em;
	}

.gallerysection {
	display: inline-block;
	font-size: medium;
	margin-top: 0em;
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 1em;
	align: center;
	}

/*** ESSENTIAL STYLES ***/
/*** Superfish - Only being used for header menu ***/
/* Dark yellow: #ff9d0a */
/* Bright yellow: #fec50b */
/* Dark off-black: #21170e */
/* Orange: #ff6a15 */
.sf-menu {}
.sf-menu ul {position:absolute; top:-999em; width:auto; background:#fec50b; white-space: nowrap;}
.sf-menu ul li {float:none;
	background:none;
	border-radius:0;
	box-shadow:none;
	margin:0;}
.sf-menu ul li:hover, .sf-menu ul li.sfHover, .sf-menu ul li.current {background:black;}
.sf-menu ul ul li {background:none !important;}
.sf-menu li.arrow a {background:url(/includes/images/menu-arrow.gif) 50% 85% no-repeat;}
.sf-menu li.arrow li a {background:none;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li.current {background:#ff6a15;}
.sf-menu li.sfHover {z-index:999;}
.sf-menu li {float:left;position:relative;z-index:10;background:black;margin-left:1px;border-radius:6px;box-shadow:1px 3px 4px rgba(0,0,0,0.75);}
.sf-menu a {
	display:inline-block;
	color:white; 
	font-size: 16px;
	font-weight:bold;
	line-height:45px;
	letter-spacing: 0.04em;
	text-decoration:none; 
	padding:0 0.75em;}
.sf-menu ul li {margin: 0.4em 0;}
.sf-menu ul a {color:black; 
	font-size:small; 
	line-height:1.4em; 
	letter-spacing: 0.01em;
	padding:0.4em 1em 0.4em 1em;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0;top:45px;z-index:999;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:18em;top:0;}
.sf-menu ul li.sfHover li a {color:#fff;}
.sf-menu ul a:hover, .sf-menu ul li.sfHover a, .sf-menu ul li.current a {color:#fff;}

/********************** Content ************************/
.section#content 
{	padding:20px;
	background: rgb(20, 19, 19); /* default color */
	background: rgba(0, 0, 0, 0.5); /* rgba for transparency */
	box-shadow:0px 2px 5px 5px rgba(0,0,0,0.07);
	border-radius: 10px;
}

.section#ProfileHolocene
{	
	padding:10px;
	background-color:#4E555C; /* darker gray */
	border-color: #4E555C;
	box-shadow:0px 2px 5px 5px rgba(0,0,0,0.07);
	border-radius: 10px;
}
.section#ProfilePleistocene
{	
	padding:10px;
	background-color:#757f8a; /* lighter gray */
	border-color: #757f8a;
	box-shadow:0px 2px 5px 5px rgba(0,0,0,0.07);
	border-radius: 10px;
}
.section b {font-size: inherit}

.content-container
{
	padding-top: 20px;
	padding-right: 0px;
	background: #4E555C; /* darker gray */
	box-shadow: 0px 2px 5px 5px rgba(0,0,0,0.07);
	border-radius: 10px;
	width: 100%;
	height: 100%;
	min-height: 400px;
}
.content-container p
{
	font-size:medium;
	padding:0.25em 1em 0.25em 1em;
	color:white;
}

.content-container-white {
	background:white;
	box-shadow:0px 2px 5px 5px rgba(0,0,0,0.07);
	border-radius: 10px;
	width: 97%;
	height: 100%;
	padding:1em 1em 0em 1em;
	}
.content-container-white b {font-size:inherit;}

/*** pagination ****/
.paginate {padding: 2px;}

.paginate ul{
margin-right: 20px;
padding: 0px;
text-align: right; /*Set to "right" to right align pagination interface*/
font-size: 15px;
}

.paginate li{
list-style-type: none;
display: inline;
padding-bottom: 10px;
font-size:12px;
}

.paginate a, .paginate a:visited{
padding: 0px 3px 0px 3px;
border: 1px solid #ffffff;
text-decoration: none; 
color: #ffffff;
}

.paginate a:hover, .paginate a:active{
border: 1px solid #ffffff;
color: #fff;
background-color: #E9BB01;
}

.paginate a.currentpage{
background-color: #E9BB01;
/*color: #625647 !important;*/
/*border-color: #625647;*/
font-weight: bold;
cursor: default;
}

.paginate a.disablelink, .paginate a.disablelink:hover{
background-color: #d5d5cb;
cursor: default;
color: #d5d5cb;
border-color: #d5d5cb;
font-weight: normal !important;
}

.paginate a.prevnext{font-weight: bold;}
/*** End pagination ***/

/*** tableless tables was width: 736px; ****/
.WideDivTableGray {
 font-size: 11px;
 background-color: #4E555C;
 margin-bottom: 5px;
}

.DivTable {
	width: 100%;
	text-align:left;
	margin-bottom: 3em;
	/** border: 0px solid #21170E;
	box-shadow:0px 2px 5px 5px rgba(0,0,0,0.07);
	border-radius: 10px 10px 10px 10px; **/
	line-height:100%;
	vertical-align: top;
}
.DivTable .th {
 background-color: #21170E;
 box-shadow:0px 2px 5px 5px rgba(0,0,0,0.07);
 border-top-right-radius:10px;
 border-top-left-radius:10px;
height:32px;
}

.DivTable thead th {
	font-weight:bold;
	vertical-align: middle;
	background-color:#E8E8E8;
	border-bottom: thin solid #000;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	padding-left: 0.5em;
	color:#000;
}
.DivTable tbody td {
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-top: 1em;
	background:#fff; 
	color:#000;
}

.DivTable .tr {
 height:32px;
 background-color:#ffffff;
}

.DivTable .tr:nth-child(odd) {
 background-color: #eee;
 height:32px;
}
.DivTable .td1 {
 float: left;
 padding-left: 10px;
 padding-bottom: 2px;
 padding-top: 2px;
 width:125px;
 font-size: 11px;
 line-height:13px;
}

.DivTable .td2 {
 float: left;
 padding-left: 5px;
 padding-bottom: 2px;
 padding-top: 2px;
 width:180px;
  font-size: 11px;
  line-height:13px;
}

.DivTable .td3 {
 float: left;
 padding-left: 5px;
 padding-bottom: 2px;
 padding-top: 2px;
 width:130px;
 font-size: 11px;
 line-height:13px;
}
.DivTable .td1 a {font-size: 12px;}
.DivTable .td4 {
 float: left;
 padding-left: 5px;
 padding-bottom: 2px;
 padding-top: 2px;
 width:140px;
 font-size: 11px;
 line-height:13px;
}

.DivTable .td5 {
 float: left;
 padding-left: 5px;
 padding-bottom: 2px;
 padding-top: 2px;
 width:160px;
 font-size: 11px;
 line-height:13px;
}

.DivTable .td6 {
 float: left;
 padding-left: 5px;
 padding-bottom: 2px;
 padding-top: 2px;
 width:40px;
 line-height:13px;
 font-size: 11px;
}

.DivTable .td7 {
 float: left;
 padding-left: 5px;
 padding-bottom: 2px;
 padding-top: 2px;
 width:200px;
 line-height:13px;
}

.DivTable .td8 {
 float: left;
 padding-left: 5px;
 padding-bottom: 2px;
 padding-top: 2px;
 width:175px;
 font-size: 11px;
 line-height:13px;
}

.DivTable .td9 {
 float: left;
 padding-left: 5px;
 padding-bottom: 2px;
 padding-top: 2px;
 width:230px;
}
.DivTableLeft {vertical-align: top;}
.DivTableRight {vertical-align: top;}

.Wide5pct {width: 5%;}
.Wide10pct {width: 10%;}
.Wide17pct {width: 17%;}
.Wide20pct {width: 20%;}
.Wide24pct {width: 24%;}
.Wide28pct {width: 28%;}
.Wide35pct {width: 35%;}

.TablePlain {
	display: table;
	width: 100%;
	border-collapse: collapse;
	overflow: hidden;
	background-color:#4E555C;
	box-shadow: none !important;
}
.TablePlain table {
	display: table; 
	margin-bottom:2em; 
	font-size: medium;
	text-align: left;
	background-color:#4E555C; 
	}
.TablePlain table td {
	padding: 0.5em 1em 0.5em 1em;
	background:#4E555C;
}
.TablePlain table td a {
	font-size: medium;
	vertical-align: middle;
	text-align: left;
}

/* Accodrion Styles */

.eruption-accordion table,
#deformation-accordion table,
#emission-accordion table {
  border: 0px !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin-bottom: 1.5em;
  width: 100%;
}

#deformation-accordion table tr:nth-child(2n+2) td,
#emission-accordion table tr:nth-child(2n+2) td {
    background-color: #dddddd;
}

#deformation-accordion table td,
#emission-accordion table td {
    background-color: #eeeeee;
}

.Eruption-AccordionHeader {
color: crimson;
font-weight: bold;
}
.Eruption-AccordionContent {
	padding: 0 0 0 32px; 
	border:0;
	background-color: #dddddd;
}
.TableEruption {
	color: darkblue;
}

.TableEruption table {
	width:100%; 
	border: 0px !important;
	box-shadow:none !important;
	border-radius:0 !important;
	margin-bottom: 1.5em;
}
.TableEruption table td {
    /*background-color: #dddddd;*/ /*medium gray*/
    background-color: #eeeeee;
}

.EpisodeTable table {
	width: 100%; 
	margin: 1.5em 0 0 0;
	font-size: small;
}
.EpisodeTable table thead tr {
	height: 1.2em;
}
.EpisodeTable table thead th {
    background-color: #eeeeee;
	color: black;
	font-weight: bold;
	font-size: 110%;
	padding: 0.1em 0 0.2em 0.3em;
	vertical-align: middle;
	text-align: left;
	border: none;
	height: 1em;
}
.EpisodeTable table thead td {
    background-color: #eeeeee;
	color: black;
	font-weight: normal;
	padding: 0.1em 0 0.2em 0.3em;
	vertical-align: top;
	text-align: left;
}
.EpisodeTable table tbody tr {
    background-color: #eeeeee;
	height: 0.5em;
}
.EpisodeTable table tbody td {
    background-color: #eeeeee;
	font-size: small;
	vertical-align: top;
	text-align: left;
	padding: 0 0 0 0;
}
.DVAR-Events-AccordionHeader {
    background-color: #eeeeee;
	text-align: left;
	font-weight: bold;
	font-size: medium;
	padding: 0.5em 0 0.5em 0.5em;
}
.Events-AccordionHeader {
	text-align: left;
	font-weight: bold;
	font-size: small;
	margin: 1em 0 0 4em;
}
.EventsTable table {
	width: 100%; 
	margin: -0.5em 0 0 -0.5em;
	font-size: small;
}
.EventsTable table thead tr {
	height: 1.6em;
}
.EventsTable table thead th {
    background-color: white;
	color: black;
	font-weight: bold;
	font-size: 100%;
	padding: 0 0 0 0;
	vertical-align: top;
	text-align: left;
	border: none;
	height: 1.6em;
}
.EventsTable table thead td {
    background-color: white;
	color: black;
	font-weight: normal;
	padding: 0 0 0 0;
	vertical-align: top;
	text-align: left;
}
.EventsTable table tbody tr {
	height: 1em;
}
.EventsTable table tbody td {
	font-size: small;
	vertical-align: top;
	text-align: left;
	padding: 0.2em 0 0.1em 0;
}

.TableFAQ {
	margin-top: 15px;
	margin-right: 20px;
	margin-left: 20px;
	border-collapse: collapse;
	overflow: hidden;
	background-color:#4E555C;
}
.TableFAQ table {width:100%; margin-bottom:20px; background-color:#4E555C;}
.TableFAQ table td {
	color: black;
	font-size: small;
	vertical-align: middle;
	text-align: left;
	padding: 0.5em 0 0.5em 0.5em;
	background:#4E555C;
}
.TableFAQ table td a {
	font-size: small;
	vertical-align: middle;
	text-align: left;
	padding: 0.5em 0 0.5em 0.5em;
}
.TableFAQ table tr:nth-child(odd) {
	height:32px;
	background-color: #fff;
}
.TableFAQ table tr:nth-child(even) {
	height:32px;
	background-color: #fff;
}
.FloatLeft {width:50%; float: left;}

.TableSearchResults#WVAR20 table {width:100%; margin-bottom:20px; float: right;}
.TableSearchResults {
	display: block;
	width:98%;
	border-collapse: collapse;
	overflow: hidden; 
	text-decoration:none;
}
.TableSearchResults table {
	width:100%; 
	/*margin: 0.5em 0.5em 0.5em 0.5em;*/
	margin: 1em 1em 1em 1em;
}
.TableSearchResults#RegionsList table {width:100%; margin-bottom:30px; background: #e5e3e2;}
.TableSearchResults a {text-decoration: none;}
.TableSearchResults a:hover {text-decoration: underline;}
.TableSearchResults table thead th {
	background-color: black;
	color: white;
	font-weight: bold;
	font-size: medium;
	padding: 0.4em 0.6em 0.4em 0.4em;
	vertical-align: middle;
	text-align: left;
}
.TableSearchResults#RegionsList table thead th {
	background-color: black;
	color: white;
	font-weight: bold;
	font-size: small;
	padding: 0.4em 0 0.4em 0.4em;
	vertical-align: middle;
	text-align: left;
}
.TableSearchResults table tbody tr {
	height: 0.4em;
	background-color:#ffffff;
}
.TableSearchResults table td {
	color: black;
	font-size: small;
	vertical-align: middle;
	text-align: left;
	padding: 0.4em 0 0.4em 0.4em;
}
.TableSearchResults table td a {
	font-size: small;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	padding: 0.4em 0 0.4em 0.4em;
}
.TableSearchResults table tbody tr:nth-child(odd) {
	background-color:#DDDDDD;
}
	/*background-color: #C9CDD3;*/

#InfoSources table tr:nth-child(odd) {
	background-color: white;
}

.DivTableSearch {
 width: 100%;
 border: 0px solid #21170E;
 border-radius: 10px;
 line-height:100%;
}
.DivTableSearch .th {
 background-color: #21170E;
 color: #fff;
 font-weight: bold;
 border-bottom: 1px dotted #21170E;
 border-top-right-radius:10px;
 border-top-left-radius:10px;
height:32px;
}
.DivTableSearch .tr {
 height:32px;
 background-color:#ffffff;
}

.DivTableSearch .tr:nth-child(odd) {
 background-color: #eee;
 height:32px;
}
.DivTableSearch .td1 {
 float: left;
 padding-left: 10px;
 padding-bottom: 2px;
 padding-top: 2px;
 width:125px;
 font-size: 12px;
 line-height:13px;
}

.DivTableSearch .td2 {
 float: left;
 padding-left: 5px;
 padding-bottom: 2px;
 padding-top: 2px;
 width:130px;
  font-size: 11px;
  line-height:13px;
}

.DivTableSearch .td3 {
 float: left;
 padding-left: 5px;
 padding-bottom: 2px;
 padding-top: 2px;
 width:130px;
 font-size: 12px;
 line-height:13px;
}
.DivTableSearch .td1 a {
	font-size: 12px;
	line-height:100%;
}
.DivTableSearch .td4 {
 float: left;
 padding-left: 5px;
 padding-bottom: 2px;
 padding-top: 2px;
 width:140px;
 font-size: 12px;
 line-height:13px;
}

.DivTableSearch .td5 {
 float: left;
 padding-left: 5px;
 padding-bottom: 2px;
 padding-top: 2px;
 width:63px;
 font-size: 12px;
 line-height:13px;
}

.DivTableSearch .td6 {
 float: left;
 padding-left: 5px;
 padding-bottom: 2px;
 padding-top: 2px;
 width:40px;
 line-height:13px;
 font-size: 12px;
}

.DivTableSearch .td7 {
 float: left;
 padding-left: 5px;
 padding-bottom: 2px;
 padding-top: 2px;
 width:200px;
 line-height:13px;
}

.DivTableSearch .td8 {
 float: left;
 padding-left: 5px;
 padding-bottom: 2px;
 padding-top: 2px;
 width:175px;
 font-size: 12px;
 line-height:13px;
}
.DivTableSearch .td9 {
 float: left;
 padding-left: 5px;
 padding-bottom: 2px;
 padding-top: 2px;
 width:230px;
}
/***** End tableless tables *****/

/*** Weekly Report tables ****/
.WeeklyArchiveTable table tr {
	font-size: small;
	line-height: 1.2em;
	font-weight: bold; 
}
.WeeklyTable {
	overflow: hidden; 
	border: 1px solid #000000; 
	border-radius: 10px;
	margin-left: 20%;
	margin-right: 20%;
	 }
.WeeklyTable table { 
	border-collapse: collapse;
	width: 100%; 
	}
.WeeklyTable table td, .WeeklyTable table th {padding-bottom: 0em;}
.WeeklyTable table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, black), color-stop(1, #FF4E21) );
	background:-moz-linear-gradient( center top, black 5%, #FF4E21 100% );
	color: white; 
	font-weight: bold; 
	} 
.WeeklyTable table thead th:first-child { border-left: none; }
.WeeklyTable table tbody td:first-child { border-left: none; }
.WeeklyTable table tbody tr:last-child td { border-bottom: none; }
.WeeklyTable table tbody tr:nth-child(even) {
	background: #eee;
}

.tablereport {
 width: 500px;
 border: 0px solid #21170E;
 border-radius: 10px;
}
.tablereport .th {
 background-color: #21170E;
 color: #fff;
 font-weight: bold;
 border-bottom: 1px dotted #21170E;
 border-top-right-radius:10px;
 border-top-left-radius:10px;
height:25px;
}
.tablereport .tr {
 height:35px;
 background-color:#ffffff;
}

.tablereport .tr:nth-child(odd) {
 background-color: #eee;
 height:35px;
}

.tablereport .td2 {
 float: left;
 padding-left: 5px;
 padding-bottom: 2px;
 padding-top: 10px;
 width:180px;
 line-height:15px;
}

.tablereport .td4 {
 float: left;
 padding-left: 5px;
 padding-bottom: 2px;
 padding-top: 10px;
 width:100px;
 line-height:15px;
}
.tptable .th {
 background-color: #21170E;
 color: #fff;
 font-weight: bold;
 border-bottom: 1px dotted #21170E;
 border-top-right-radius:10px;
 border-top-left-radius:10px;
height:25px;
}
.tptable .tr {
 height:300px;
 
}
.tptable .td {
 float: left;
 padding-left: 10px;
 padding-bottom: 2px;
 padding-top: 15px;
 width:180px;
 background-color:#4E555C;
}

.tptable .td1 {
 float: left;
 padding-left: 10px;
 padding-bottom: 20px;
 padding-top: 2px;
 width:850px;
}

.tptable .td2 {
 float: left;
 padding-left: 10px;
 padding-bottom: 2px;
 padding-top: 15px;
 width:700px;
 line-height: 20px;
 background-color:#ffffff;
 border: 0px solid #21170E;
 border-radius: 10px;
}

.tptable {
 width: 900px;
 height: 4830px;
}
.tptable .th {
 background-color: #21170E;
 color: #fff;
 font-weight: bold;
 border-bottom: 1px dotted #21170E;
 border-top-right-radius:10px;
 border-top-left-radius:10px;
height:25px;
}

.ptable .th {
 background-color: #21170E;
 color: #fff;
 font-weight: bold;
 border-bottom: 1px dotted #21170E;
 border-top-right-radius:10px;
 border-top-left-radius:10px;
height:25px;
}
.ptable .tr {
 height:300px;
 
}

.ptable .td {
 float: left;
 padding-left: 10px;
 padding-bottom: 2px;
 padding-top: 15px;
 width:180px;
 background-color:#4E555C;
}

.ptable .td1 {
 float: left;
 padding-left: 10px;
 padding-bottom: 20px;
 padding-top: 2px;
 width:850px;
}

.ptable .td2 {
 float: left;
 padding-left: 10px;
 padding-bottom: 2px;
 padding-top: 15px;
 width:700px;
 line-height: 20px;
 background-color:#ffffff;
 border: 0px solid #21170E;
 border-radius: 10px;
}

.ptable {
 width: 900px;
 height: 960px;
}
.ptable .th {
 background-color: #21170E;
 color: #fff;
 font-weight: bold;
 border-bottom: 1px dotted #21170E;
 border-top-right-radius:10px;
 border-top-left-radius:10px;
height:25px;
}
.innertable .tr {
 height:200px;
 
}

.innertable .td {
 float: left;
 padding-left: 5px;
 padding-bottom: 15px;
 padding-right: 15px;
 padding-top: 0px;
 width:300px;
 background-color:#fff
}

.innertable .td2 {
 float: left;
 padding-left: 15px;
 padding-bottom: 0px;
 padding-top: 5px;
 padding-right: 10px;
 width:345px;
 line-height: 20px;
 background-color:#ffffff;
 border: 0px solid #21170E;
}

.innertable .td4 {
 float: left;
 padding-left: 15px;
 padding-bottom: 0px;
 padding-top: 5px;
 padding-right: 10px;
 width:645px;
 line-height: 20px;
 background-color:#ffffff;
 border: 0px solid #21170E;
}
.innertable .td3 {
 float: left;
 padding-left: 5px;
 padding-bottom: 15px;
 padding-top: 15px;
 width:655px;
 background-color:#fff
}

.innertable .td5 {
 float: left;
 padding-left: 15px;
 padding-bottom: 0px;
 padding-top: 5px;
 padding-right: 10px;
 width:655px;
 line-height: 20px;
 background-color:#ffffff;
 border: 0px solid #21170E;
}

.innertable .td6 {
 float: left;
 padding-left: 5px;
 padding-bottom: 15px;
 padding-right: 15px;
 padding-top: 0px;
 width:200px;
 background-color:#fff
}

.innertable .td7 {
 float: left;
 padding-left: 5px;
 padding-bottom: 15px;
 padding-right: 15px;
 padding-top: 0px;
 width:450px;
 background-color:#fff
}
/******For search results *****/
.TabSubheader {
	padding:5px 5px 5px 5px;
	background:#E0E0E0;
	border-radius: 10px;
	width:99%;
	height:3em;
	margin-left:0;
	margin-bottom:1em;
	margin-right:-10em;
	color:black;
}
.TabSubheader .text {
	padding:5px;
	width:300px;
	margin-left:5px;
	margin-right:5px;
	margin-top:8px;
	color:black;
}
.TabSubheader .text p {
	 color:black;
	line-height:13px;
	font-weight:bold;
}

.TabSubheaderButton {
	float:right;
	position:absolute;
	right:70px;
	margin-top:-47px;
}
/* Used on volcano search results page */
.alertbar
{
	padding:5px 5px 5px 5px;
	background:#333;
	box-shadow:0px 2px 5px 5px rgba(0,0,0,0.07);
	border-radius: 10px;
	width:730px;
	height:40px;
	margin-left:20px;
}
.alertbar .text {
	padding:5px;
	background:#333;
	box-shadow:0px 2px 5px 5px rgba(0,0,0,0.07);
	border-radius: 10px;
	width:550px;
	margin-left:45px;
}
.alertbar .text p {
	color:#E9BB01;
	line-height:13px;
}
.alertbar .icon {
	background:url(/includes/images/process.png) 0 0 no-repeat;
	display:block;
	height:32px;
	width:450px;
	overflow:hidden;
	margin-left:12px;
	margin-top:3px;
}
.buttonex {
	float:right;
	position:absolute;
	right:60px;
	top:85px;
}
.buttonex1 {
	float:right;
	position:absolute;
	right:240px;
	top:85px;
}
.resultscontent {
	padding:15px 0;
	background:#4E555C;
	box-shadow:0px 2px 5px 5px rgba(0,0,0,0.07);
	border-radius: 10px;
	width:780px;
	margin-left:165px;
	margin-top:0px;
	height:100%;
}
.resultscontent .sectionhead
{
	margin-left:20px;
	color:#FEC50B;
	font-size:18px;
}
.navcontent {
	padding:15px 0;
	background:#4E555C;
	box-shadow:0px 2px 5px 5px rgba(0,0,0,0.07);
	border-radius: 10px;
	width:150px;
	margin-left:20px;
	margin-top:20px;
	float:left;
	min-height:250px;
}
.navcontent p {
	margin-left:15px;
	color: #ffffff;
}
.navcontent .icon {
	margin-left:20px;
	margin-top:0px;
	float:left;
}
.navcontent p a {
	margin-left:5px;
	margin-top:5px;
	vertical-align:bottom;
	font-weight:bold;
	font-size:15px;
	color:#FEC50B;
}

/** List Pges Top Photo **/
.ListPageSlideshowBox {
	float:center;
	position:relative;
	overflow:hidden;
	margin-left:17.5%;
	margin-bottom:1.5em;
	width:65%;
	aspect-ratio: 16 / 9;
	border: 10px solid rgba(54, 48, 48, 0.5); /* rgba for transparency */
	border-radius: 7px;
	object-fit: contain;
}
.ListPageImageInfo {
    position:absolute;
    bottom: 1em;
    left: 1em;
    /*transform: translate(-50%, -50%);*/
    color: white;
	background:#4E555C;
    font-size: medium;
    font-weight: bold;
	border: 0.5em solid rgba(78, 85, 92, 0.5); /* rgba for transparency */
	border-radius: 7px;
}

/** Home Page **/
.HomeSlideshowBox {
	float:left;
	position:relative;
	overflow:hidden;
	margin-left:0;
	margin-bottom:1.5em;
	/*width:670px;*/
	width:65%;
	/*padding-top: 47.25%;*/ /* 16:9 ration, 56.25% of width */
	/*padding-top: 35.4%;*/ /* 16:9 ration, 56.25% of width */
	aspect-ratio: 16 / 9;
	/*border: 15px solid rgb(54, 48, 48);*/ /* default color */
	/*border: 15px solid rgba(0, 0, 0, 0.5);*/ /* rgba for transparency */
	/*border-radius: 10px;*/
	border: 10px solid rgba(54, 48, 48, 0.5); /* rgba for transparency */
	border-radius: 7px;
	object-fit: cover;
}
.HomeImageInfo {
    position:absolute;
    bottom: 1em;
    left: 1em;
    /*transform: translate(-50%, -50%);*/
    color: white;
	background:#4E555C;
    font-size: medium;
    font-weight: bold;
	border: 0.5em solid rgba(78, 85, 92, 0.5); /* rgba for transparency */
	border-radius: 7px;
}
.HomeHighlightBox {
	float:right;
	width:30%;
	/*border: 15px solid rgb(54, 48, 48);*/ /* default color */
	/*border: 15px solid rgba(0, 0, 0, 0.5);*/ /* rgba for transparency */
	border: 10px solid rgba(54, 48, 48, 0.5); /* rgba for transparency */
	border-radius: 7px;
	}
.HomeBulletinBox {
	float:left;
	width:30%;
	border: 10px solid rgba(54, 48, 48, 0.5); /* rgba for transparency */
	border-radius: 7px;
	background:#4E555C;
	}
.HomeIntroBox {
	float:right;
	width: 65%;
	}
.HomeIntroBox h3 {
	color: white;
	background-color: transparent;
	margin:0 0 1em 0;
	padding:0;
	}
.xh3 {
	font-size:medium;
	line-height:1.4em;
	font-weight:bold;
	text-align:left;
	color:white;
	background:black;
	border-radius:6px;
	margin:0 0 1em 0;
	padding:0.5em 0.8em;
	}

.HomeQuestionsBox, .HomeNewsBox {
	float:right;
	width: 64%;
	border: 10px solid rgba(54, 48, 48, 0.5); /* rgba for transparency */
	border-radius: 7px;
	background:#4E555C;
	margin-bottom: 1.5em;
	}

.HomeList {
	background:#4E555C;
	padding:0.5em;
}
.HomeList li {
	color:white;
	padding:0 1em 0.66em 0.5em;
	font-size:small;
	line-height:1.4em;
	}
.HomeList li a {
	text-decoration:underline;
	font-weight:bold;
	color:#ff6a15;
	font-size:small;
	}
.InlineVolcanoIcon li a {
	padding:5px 0px 10px 21px; /* leave as px values because they relate to icon px size */
	background:url(/includes/images/volcano_icon_16.ico) 0 4px no-repeat;
	text-decoration:underline;
	}
.HomeList li a:hover {text-decoration:none;}
.HomeListText {
	font-size:small;
	padding:0 0 0 0.5em;
}
.HomeNewsDate {
	padding:0 0 0 0;
	font-weight:bold;
	color:#ff6a15;
	font-size:small;
}

/* News style*/
/*.news {padding-bottom:18px;}
	.news li {
		position:relative;
		padding:0 0 25px 70px;
		color:#000;
		height:1%;
	}
	.news li p.date {
		position:absolute;
		left:0;
		top:3px;
		background:#666;
		width:59px;
		height:69px;
		font-size:25px;
		line-height:64px;
		color:#fff;
		text-align:center;
		font-weight:bold;
		}
	.news li a.title {
		display:block;
		color:#8e8d8b;
		text-transform:uppercase;
		font-size:11px;
		margin-bottom:.5em;
		}

.news span.date {font-size:20px;color:#ff6a15;line-height:1.2em;display:block;margin-bottom:10px;}
.news {color:#b8b8b8}	
	dl.info {line-height:24px;}
	dl.info dt {font-weight:normal; color:#7d7d7d;}
	dl.info dd {margin:0; padding:0;}
	dl.info span {float:left; width:62px;}*/

/******************** Footer ******************/
div.SiteFooter {
	width:980px;
	margin:0 auto;
	padding:1.5em 0 2em;
	position:relative;
	overflow:hidden;
	clear:both;
	color:#ff6a15;
	background-color:black;
	text-transform:uppercase;
	font-size:medium;
	line-height:1.5em;
}
div.SiteFooter a {color:#ff6a15; text-decoration:none;}
div.SiteFooter a:hover {color:white;}
div.SiteFooter .icons {float:right;}

div.footer {
	width:980px;
	margin:0 auto;
	padding:20px 0 32px;
	position:relative;
	overflow:hidden;
	color:#ff6a15;
	background-color:black;
	text-transform:uppercase;
	font-size:medium;
	line-height:1.5em;
}
div.footer span {color:#e9bb01;}
div.footer a {color:#ff6a15; text-decoration:none;}
div.footer a:hover {color:#fff;}
div.footer .icons {float:right;}
div.footer .icons strong {font-weight:normal;margin-right:10px;display:inline-block;}

/* Left & Right alignment */
pre, tt  { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; display:block;}
pre      { white-space:pre; margin-bottom: 1.5em;}

.border-left {border-left:1px solid #d6d6d6;}
.top1 { float:right;padding:0 0 0 13px;color:#5aa903;text-decoration:none;}
.top1:hover {color:#000;}

/* Ordered list style */
ol {}
	ol li {
		list-style-type:decimal;
		list-style-position:inside;
		font-weight:bold;
		padding-bottom:11px;
		color:#191001;
		}
		ol li a {color:#191001; font-weight:normal; text-decoration:none;}
		ol li a:hover {color:#5bb609;}

/* Definition list style */
dl dt { 
	font-weight:bold;
	}
dl dd {
	margin-bottom:1.5em;
	 padding-left:50px;
	}
dl.contacts {overflow:hidden; margin-bottom:20px;}
dl.contacts dt {color:#625647;margin-bottom:20px;}
dl.contacts dd {padding:0; margin:0;}
dl.contacts span {display:inline-block; width:68px;}
dl.contacts a {font-weight:bold;color:#625647;text-decoration:none;}
dl.contacts a:hover {text-decoration:underline;}

/* Table styling */
thead th {
 background-color: #21170E;
 color: #fff;
 font-weight: bold;
 border-bottom: 1px dotted #21170E;
	}
table  { 
	/*box-shadow:0px 2px 5px 5px rgba(0,0,0,0.07);
	border-top-right-radius:10px;
	border-top-left-radius:10px;*/
	text-align:left;	
	padding:13px 15px;
	background:#e5e3e2;
	border:0px;
	}
table tr {
 background-color: #e5e3e2;
 height:32px;
}
table tr:nth-child(odd) {
 background-color: #eee;
 height:32px;
}
	
.list {float:right; padding-top:18px;}
.list li {float:left; font-size:13px; padding-left:10px; font-weight:bold; color:#00c4ff;}
.list li a {color:#00c4ff; padding-left:10px;} 
.list li a:hover {color:#000; text-decoration:underline;} 

/* Lightbox image */
.lightbox-image {
	position:relative;
	overflow:hidden;
	display:inline-block;
	}
	.lightbox-image img {
		position:relative;
		z-index:2;
		}
	.lightbox-image span {
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:url(../includes/images/magnify.png) no-repeat 50% 50%;
		z-index:1;
		}

/* Pagination */
.pagination {
	display:block;
	width:100%;
	overflow:hidden;
	}
	.pagination a {
		float:left;
		font-size:11px;
		color:#000;
		text-decoration:none;
		text-transform:uppercase;
		line-height:31px;
		padding-left:14px;
		}
	.pagination a:hover {
		text-decoration:underline;
		}
		.pagination ul {
			float:left;
			padding:0 3px 0 18px;
			}
			.pagination ul li {
				float:left;
				padding-left:1px;
				margin-right:1px;
				padding:0 0 0 0 !important;
				background:none !important;
				}
			.pagination ul li span {
				width:31px;
				float:left;
				text-align:center;
				color:#000;
				}
				.pagination ul li a {
					font-size:15px;
					color:#000;
					text-decoration:none;
					width:31px;
					line-height:31px;
					height:31px;
					text-align:center;
					background:#e9e9e9;
					padding:0;
					}
				.pagination ul li a:hover {
					background:#19b6c5;
					text-decoration:none;
					color:#fff;
					}

/* Other */
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
	}
	.img-box img.fleft {
		float:left;
		margin-right:15px;
	}
	
.extra-wrap { 
	overflow:hidden;
	}
	
/* Forms */
/* Forms default */
input, select, textarea { 
	color:#fec50b;
	background:black;
	font-size:13px;
	vertical-align:top;
	font-weight:normal;
	padding:5px;
	margin:0;
	}

#search {background:#fff;border-radius:5px;padding:2px 5px 3px;border:1px solid #dadada;width:247px;}
#search input {background:none;border:none;line-height:25px;height:25px;padding:0 4px;width:205px;}
#search a {display:inline-block;background:url(../includes/images/search-button.gif) 0 0 no-repeat;width:31px;height:25px;}
#search a:hover {color:#5bb609;}

.current-map-container {
		float:right;
		position:float;
		border:2px solid black;
		margin:0.5em 1.5em 0.5em 2em;
		height:300px;
		width:500px;
		text-align:left;
		overflow:hidden;
		}
#map_canvas {
		width:520px;
		height:300px;
		margin-bottom:0px;
		text-align:center;
		}
#map_canvas_large {
		width:1040px;
		height:600px;
		margin:0.5em 0.5em 0.5em 0.5em;
		text-align:left;
		}
.current-map-container-large {
		border:2px solid black;
		margin:0.5em 0.5em 0.5em 0.5em;
		height:600px;
		width:1000px;
		text-align:left;
		overflow:hidden;
		}
#map_prof {
		width: 95%;
		height:auto;
		text-align:left;
		margin-bottom:2em;
		clear:both;
		display:table;
		float:none;
		}

/* Weekly page */
.weekly-links-container {
	float:left;
	position:float;
	background:inherit;
	color:inherit;
	left:0px;
	/*top:410px;*/
	/*height:24px;*/
	width:900px;
	overflow:hidden;
	margin-top:-28px;
	margin-left:40px;
	margin-bottom:15px;
	font-size:13px;
	font-weight:bold;
	}
.weekly-links-icon img {
	float:left;
	display:block;
	height:24px;
	margin-left:25px;
	margin-bottom:0px;}
.weekly-links-text {
	float:left;
	color:inherit;
	margin-top:2px;
	}
.weekly-map-container {
		float:left;
		position:float;
		border:1px solid #21170E;
		background:#ccc;
		left:5px;
		top:7.5em;
		height:300px;
		width:520px;
		text-align:center;
		overflow:hidden;
		margin-left:40px;
		margin-bottom:0px;
		}
.weekly-highlight-container {
		float:right;
		position:float;
		width:360px;
		height:300px;
		left: 580px;
		top: 6.5em;
		border-radius: 10px;
		}

/* SlideDown element */
.slideDown {
	padding:0 1px 0 0;
	}
	.slideDown dt {
		background-color:#333132;
		background-image:url(../includes/images/arrow1.gif);
		background-repeat:no-repeat;
		background-position:100% 16px;
		box-shadow:1px 1px 1px #d1d1d1;
		color: #fff;	
		padding:9px 0 9px 21px;
		margin-bottom:4px;
		font-weight:bold;
		text-decoration:none;
		display:block;
		font-size:12px;
		cursor:pointer;
		margin-bottom:10px;
	}
	.slideDown dt:hover, .slideDown dt.active {
		background-color:#bbb;
		color:#fff;
		text-shadow:0 0 5px #fff;
	}
	.slideDown dt.active {
		background-image:url(../includes/images/arrow2.gif);
	}

	.slideDown dd {
		display:none;
		padding:10px 20px 20px 20px;
	}
	#block dd {display:block;}
	.slideDown.absolute dd {
		position:absolute; z-index:500;
		background:#fff;
	}

.slideDown.alt {
	padding:0 0px 0 0;
	margin:-5px 0 52px;
	position:relative;
	background:#fff;
	}
	.slideDown.alt dt {
		box-shadow:0px 0px 0px #d1d1d1;
		color: #fff;	
		padding:0px 0;
		margin-bottom:0px;
		font-weight:normal;
		text-decoration:none;
		display:block;
		font-size:18px;
		cursor:pointer;
		overflow:hidden;
		position:absolute; right:13px; top:-51px;
		z-index:1;
		width:39px; height:41px;
	}
	.slideDown.alt dt:hover, .slideDown.alt dt.active {
		color:#fff;		
		text-shadow:0 0 0px #fff;
	}
	.slideDown.alt dt.active {border:0;}

	.slideDown.alt dd {
		display:none;
		padding:0;
		position:relative;
	}
	.slideDown.alt.absolute dd {
		position:absolute;
		background:#fff;
	}

/* Accordion */
dl#accordion {
	list-style-type:none;
	margin: 0;
	padding: 0 2px 0 0;
	height:auto !important;
}
	dl#accordion .indent {
		padding-top:7px !important;
		padding-bottom:5px !important
		}

	dl#accordion a {
		display: block;
		text-decoration: none;	
		}

	dl#accordion dt {
		margin-top:1px;
		}
		dl#accordion dt a {
			background-color:#333132;
			background-image:url(../includes/images/arrow1.gif);
			background-repeat:no-repeat;
			background-position:100% 16px;
			box-shadow:1px 1px 1px #d1d1d1;
			color: #7f7f7f;	
			padding:9px 0 9px 21px;
			margin-bottom:4px;
			font-weight:bold;
			text-decoration:none;
			display:block;
			font-size:12px;
			}

		dl#accordion dt a:hover {
			background-color:#8e8d8b;
			color:#fff;
			}

		dl#accordion dt.active a{
			background-color:#ccc;
			background-image:url(../includes/images/arrow2.gif);
			color:#333;
			}

	dl#accordion dd {
		display:none;
		margin-bottom:0;
		padding-left:0;
	}
		dl#accordion dd .indent {
			padding:10px 30px 14px 20px !important;
		}
		dl#accordion dd a {
			display:inline;
			background:none;
			padding:0;
			width:auto;
			text-decoration:underline;
		}
		dl#accordion dd a:hover {
			text-decoration:none;
			background:none;
		}
		dl#accordion dd .sub_menu  li {
			list-style:none; 
			line-height:30px!important;
			padding-left:12px;
		}
		.sub_menu li a {
			font-size:12px !important;
			line-height:30px!important;
		}
		
/********dialog********/
.disable_masking
{
	width: 400px;
	z-index: 6001;
	position: absolute;
	display: none;
	background-color: #ffffff;
	padding: 40px;
	border-radius:20px;
	box-shadow:0 0 10px #000;
	left:50% !important;
	margin-left:-200px !important
}

.closebutton, .myclosebutton
{
	display:block;
	position:absolute;
	right:50px;
	top:50px;
}

.data
{
	 font-size: 12px;
	 text-align: justify;
}

/* Tooltips */
.aToolTip {
	border:2px solid #444;
	background:#555;
	color:#fff;
	margin:0;
	padding:2px 8px;
	font-size:11px;
	}

.aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
	}

a.aToolTipCloseBtn {
	display:block;
	height:20px;
	width:20px;
	overflow:hidden;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	top:-15px;
	right:-20px;
	}

p.tab {text-align: left; text-indent: 2em; margin-top: -0.5em;}
p.ic {text-align: left; text-indent: 2em; margin-top: -0.5em;}

/* Code grabber */
.code {padding:30px 0 10px 0;}
	.code a.code-icon {margin-bottom:10px;}
	.code a.code-icon i {padding-right:6px;font-style:normal;}
	.code div.grabber {display:none;}
	.code code {padding:0 10px 0 10px;background:#f6f6f6;color:#333;border:1px solid #dfdfdf;white-space:pre;overflow:auto;}

/* Advanced Menu */
#advanced {position:fixed;z-index:999;right:-172px;top:50px;background:#181818;padding:20px 16px 20px 18px;width:135px;font-size:11px;border-right:3px solid #3a3a3a;color:#dfdfdf;border-radius:0 0 0 6px;line-height:1.6em;}
	#advanced span.trigger {display:block;position:absolute;left:-81px;top:25px;margin-top:-25px;width:81px;height:50px;background:#fff;cursor:pointer;text-align:center;}
		#advanced span.trigger strong {display:block; padding:4px 0 0 0;}
		#advanced ul li {padding:0 0 0 13px;font-size:12px;}
		#advanced ul li.trigger_adv {padding:0 0 0 0;}
			#advanced ul li.trigger_adv > span {border-radius:3px;padding:0 20px 0 12px;color:#dfdfdf;font-weight:bold;display:inline-block;}
			#advanced ul li.trigger_adv > a:hover {text-decoration:none;}			
		#advanced ul li a {color:#4393d0;text-decoration:none;}
		#advanced ul li a:hover {text-decoration:underline;}
		#advanced ul ul {margin-left:13px;}
			#advanced ul ul li {font-size:11px;}
			#advanced ul ul a {text-transform:capitalize;color:#dfdfdf;}
			#advanced ul ul ul {margin-left:8px;}
			#advanced ul ul ul li {background:none;}
			#advanced ul ul ul li a {color:#939393;}

/* Homepage slideshow  - original was max-width 630 and height 301 */
.ei-slider{
	position: relative;
	width: 100%;
	max-width: 640px;
	height: 301px;
	margin: 0 auto;
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-align: center;
	line-height: 300px;
}
.ei-slider-large{
	height: 358px;
	width: 100%;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}
.ei-slider-small{
	height: 300px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.ei-slider-small li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-small li img{
	width: 100%;
}
.ei-title{
	position: absolute;
	right: 50%;
	margin-right: 13%;
	top: 30%;
}
.ei-title h2, .ei-title h4{
	text-align: right;
}
.ei-title h3 {
	font-size: medium;
	font-style: italic;
	color: #fff;
	text-shadow:
    -1px -1px 0 #000,
    0px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    0px 1px 0 #000,
    1px 1px 0 #000;
	text-decoration:none;
}
.ei-title h3 a {
	font-size: 30px;
	line-height: 34px;
	font-style: italic;
	color: #fff;
	text-shadow:
    -1px -1px 0 #000,
    0px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    0px 1px 0 #000,
    1px 1px 0 #000;
	text-decoration:none;
}
.ei-title h4{
	font-size: 70px;
	line-height: 70px;
	text-transform: uppercase;
	color: #000;
}
.ei-slider-thumbs{
	height: 13px;
	margin: 0 auto;
	position: relative;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;
	background: #000;
	background: rgba(0,0,0,0.9);
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	background: #666 ;
	width: 100%;
	height: 100%;
	cursor: pointer;
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
	background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 50;
	max-width: 100%;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 13px;
}
@media screen and (max-width: 830px) {
	.ei-title{
		position: absolute;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: 10px;
		background: #fff;
		background: rgba(255,255,255,0.9);
		padding: 5px 0;
	}
	.ei-title h2, .ei-title h3{
		text-align: center;
	}
	.ei-title h2{
		font-size: 20px;
		line-height: 24px;
	}
	.ei-title h3{
		font-size: 30px;
		line-height: 40px;
	}
	.ei-title .button {display:inline-block;padding:0 15px;font-size:11px;line-height:57px;color:#fff;cursor:pointer;text-decoration:none;background:url(../includes/images/button.png) 0 0 repeat-x #1c1309;border-radius:6px;box-shadow:2px 3px 4px rgba(0,0,0,0.75);font-weight:bold;text-transform:uppercase;}
}

.page-title-container {
	background:black;
	height:40px;
	width:96%;
	overflow:hidden;
	margin:0 auto;
	border-radius: 15px;
	margin-bottom: 20px;
	}
.page-title-container h2 {
	font-weight:bold;
	font-size:20px; 
	text-align:center; 
	letter-spacing:normal;
	line-height:normal;
	margin-top:9px;
	color:white;
	}

/* Volcano Profile */
.vprofilemain {
	margin: 0 auto 25px auto; 
	position:relative; 
	width:980px; 
	height: 425px;
	font-size:0.75em; 
	line-height:1em;
	}

.volcano-camera-icon img {float:right;position:absolute;left:0px;top:395px;display:block;height:28px;text-indent:-5000px;overflow:hidden;margin-left:25px;margin-bottom:0px;}
.volcano-photo-text {float:right;position:absolute;left:58px;top:405px;color:#fff; font-size:13px; font-weight:bold;}

.volcano-title-container {
	float:right;
	position:absolute;
	background:black;
	left:0px;
	top:15px;
	height:40px;
	width:950px;
	overflow:hidden;
	margin-left: 15px;
	margin-bottom: 30px;
	border-radius: 15px;
	text-align:center
	}

.volcano-title-container h2 {
	font-weight:bold;
	font-size:20px; 
	text-align:center; 
	letter-spacing:normal;
	line-height:normal;
	margin-top:7px;
	color:white;
	}

.volcano-image-container {
	display:block;
	height:375px;	
	width:500px;
	padding: 0 440px 0 15px;
	margin: 50px auto 0px auto;
	overflow:hidden;
	text-align:center;
	}
.volcano-image {
	max-height:100%;
	max-width:100%;
	}

.volcano-map-container {
	float:right;
	position:absolute;
	border:1px solid #21170E;
	background:#ccc;
	right:25px;
	top:210px;
	height:175px;
	width:270px;
	overflow:hidden;
	margin-left:15px;
	margin-bottom:0px;}

.volcano-links-container {
	float:right;
	position:absolute;
	background:inherit;
	color:inherit;
	left:0px;
	top:410px;
	height:24px;
	width:950px;
	overflow:hidden;
	margin: 0 0 15px 20px;
	font-size:13px;
	font-weight:bold;
	}
.volcano-links-icon img {
	float:left;
	display:block;
	height:24px;
	margin-left:20px;
	margin-bottom:0px;}
.volcano-links-text {
	float:left;
	color:inherit;
	margin-top:2px;
	}

.region-map-container {float:right;position:absolute;border:1px solid #21170E;background:#ccc;left:5px;top:65px;height:300px;width:935px;overflow:hidden;margin-left:15px;margin-bottom:0px;}
.volcano-info-table	{
	background-color: inherit;
	border-color:inherit;
	width:430px;
	overflow:hidden;
	position:absolute;
	right:0px;
	margin-right:20px;
	top:55px;
	}
.volcano-info-table a {
	font-size:12px;
	text-decoration:none;
}
.volcano-info-table ul {
	float:right;
	margin:0;
	padding:0;
	border:3px solid;
	border-color: inherit;
	}
.volcano-info-table ul li
	/* Changed padding from 10 0 10 10 to fix covering of map on volcano pages. Ev 5/16/13 */
	{
	list-style:none;
	padding:6px 0px 6px 10px;
	border:3px solid;
	border-color: inherit;
	}
.volcano-info-table ul li.shaded {
	font-size:12px;
	color:#000;
	width:260px;
	background-color: #fff;
	}
.volcano-info-table ul li.title	{
	font-size:12px;
	font-weight:bold;
	text-align:right;
	color:#fff;
	}
.volcano-info-table ul li.odd {
		font-size:12px;
		color:#000;
		width:320px;
	}
.volcano-subinfo-table {
	width:153px;
	overflow:hidden;
	position:absolute;
	right:0px;
	margin-right:300px;
	top:210px;
	border-color: inherit;
	}
.volcano-subinfo-table ul {
	float:right;
	margin:0;
	padding:0;
	border:3px solid;
	border-color: inherit;
	}
.volcano-subinfo-table ul li {
	list-style:none;
	padding:3px;
	border:0px;
	}
.volcano-subinfo-table ul li.shaded {
	font-size:12px;
	background:#E6E6E6;
	color:#000;
	width:110px;
	}
.volcano-subinfo-table ul li.title {
	font-size:12px;
	font-weight:bold;
	text-align:right;
	color:#fff;
	}
.volcano-subinfo-table ul li.clear {
		font-size:12px;
		color:#fff;
		width:60px;
		text-align:right;
		vertical-align:middle;
	}

/* tabbed box (fit) */
	   #wrap-fit {
	      width: 100%;
		  font-size: medium;
	      margin: 15px auto; }
	   .tabbed-box-fit {
	      width: 100%;
	      background: #fff repeat-x bottom;
		  top:50px;}
	   .tabbed-box-fit .taba li {list-style: none; float: left;}
	   .tabbed-box-fit .taba li.widethree {width: 33.33%;}
	   .tabbed-box-fit .taba li.widefour {width: 25%;}
	   .tabbed-box-fit .taba li.widefive {width: 20%;}
       .tabbed-box-fit .taba li.widesix {width: 17%;}
       .tabbed-box-fit .taba li.wideseven {width: 14%;}
	   .tabbed-box-fit .taba li a {
	      display: block;
	      padding: 6px 0;
	      font-weight: bold;
	      text-align: center;
	      text-decoration: none;
	      color: black;
	      background: #C9CDD3 repeat-x bottom; 
	      border-left: 4px solid #fff;
	      border-bottom: 2px solid #fff;
		/*border-top-left-radius: 15px;*/
		/*border-top-right-radius: 15px;*/
		}
	   .tabbed-box-fit .taba li:first-child a {border-left: none; }
	   .tabbed-box-fit .taba li a:hover {color: #FF6A15; }
	   .tabbed-box-fit .taba li a:focus {outline: none; }
	   .tabbed-box-fit .taba li a.active {background: #fff; color: #FF6A15;
	      border-bottom: 1px solid #fff; /*border-top-left-radius: 15px;*/ }
	   .tabbed-content-fit-singlerow {
	      /*padding: 4em 2em 2em 2em;*/
	      display: none; }
	   .tabbed-content-fit {
	      padding: 4em 1em 1em 1em;
	      display: none; }
	   .tabbed-content-fit p {
		  color:black;
	      font-size:13px;
		  line-height: 20px;}
		.tabbed-content-fit hr {
		  color: #CCCCCC;
		  background-color: #CCCCCC;
	      height: 3px;}
		.tabbed-content-fit table {
		  width:100%;
		  background-color: #FFFFFF; }
		.tabbed-content-fit td {
		  background-color: #FFFFFF;
		  height:100%;
		  text-align:left;
		  padding:1em;}
		.tabbed-content-fit table th {
		  background-color: #CCCCCC;
		  color:black;
		  text-align:left;
		  padding:1em;}

	/* tabbed box */
	   #wrap {
	      width: 100%; /* was 980 fixed */
	      font-size: 15px;
	      margin: 15px auto; }
	   .tabbed-box {
	      width: 100%;
	      background: #fff repeat-x bottom;
	      border: 1px solid #ddd; 
		border-top-left-radius: 15px;
		top:50px;}
	   .tabbed-box .taba li {
	      list-style: none;
	      float: left; }
	   .tabbed-box .taba li.widethree {width: 33.33%;}
	   .tabbed-box .taba li.widefour {width: 25%;}
	   .tabbed-box .taba li.widefive {width: 20%;}
       .tabbed-box .taba li.widesix {width: 17%;}
       .tabbed-box .taba li.wideseven {width: 14.28%;}
/*	   .tabbed-box .taba li.widefour {width: 244px;}
	   .tabbed-box .taba li.widefive {width: 196px;}
       .tabbed-box .taba li.widesix {width: 162px;}
       .tabbed-box .taba li.wideseven {width: 140px;}*/
	   .tabbed-box .taba li a {
	      display: block;
	      padding: 6px 0;
	      font-weight: bold;
	      text-align: center;
	      text-decoration: none;
	      color: black;
	      background: #C9CDD3 repeat-x bottom; 
	      border-left: 1px solid #ddd;
	      border-bottom: 1px solid #ddd;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}
	   .tabbed-box .taba li:first-child a {
	      border-left: none; }
	   .tabbed-box .taba li a:hover {
	      color: #FF6A15; }
	   .tabbed-box .taba li a:focus {
	      outline: none; }
	   .tabbed-box .taba li a.active {
	      background: #fff;
	      color: #FF6A15;
	      border-bottom: 1px solid #fff;
		border-top-left-radius: 15px; }

	   .tabbed-content-singlerow {
	      padding: 4em 2em 2em 2em;
	      display: none; }
	   .tabbed-content {
	      padding: 6.5em 2em 2em 2em;
	      display: none; }
	   .tabbed-content p {
		  color:black;
		   font-size: medium;
	      /*font-size:13px;*/
		  /*line-height: 20px;*/
			}
		.tabbed-content hr {
		  color: #CCCCCC;
		  background-color: #CCCCCC;
	      height: 3px;}
		.tabbed-content table {
		  width:100%;
		  background-color: #FFFFFF; }
		.tabbed-content td {
		  background-color: #FFFFFF;
		  height:100%;
		  text-align:left;
		  padding:1em;}
		.tabbed-content table th {
		  background-color: #CCCCCC;
		  color:black;
		  text-align:left;
		  padding:1em;}
		
		.navbutton {
	box-shadow:inset 0px 1px 0px 0px #ff8c00;
	background-color:#FF6A15;
	border-radius:6px;
	border:1px solid #4E555C;
	display:inline-block;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
	line-height:14px
}.navbutton:hover {
	background-color:#ff9d0a;
}.navbutton:active {
	position:relative;
	top:1px;
}

.linkButton-Basic {
	box-shadow:inset 0px 1px 0px 0px #ff8c00;
	background-color:#FF6A15;
	border-radius:6px;
	border:1px solid #4E555C;
	display:inline-block;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
	line-height:14px;
	width: 159px;
}
.linkButton-Flex {
	box-shadow:inset 0px 1px 0px 0px #ff8c00;
	background-color:#FF6A15;
	border-radius:6px;
	border:1px solid #4E555C;
	display:inline-block;
	color:#ffffff;
	font-size:small;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;

}
.linkButton-Flex:hover {background-color:#ff9d0a; color: black;}
.linkButton-Flex a:hover {background-color:#ff9d0a; color: black;}

.linkButton-MSH {
	box-shadow:inset 0px 1px 0px 0px #ff8c00;
	background-color:#FF6A15;
	border-radius:6px;
	border:1px solid #4E555C;
	display:inline-block;
	color:black;
	font-size:medium;
	font-weight:bold;
	padding: 8px 8px 4px 8px;
	margin: 2px 4px 2px 4px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
	width: 196px;
	align: center;
}
.linkButton-MSH img {margin-bottom: 6px; width: 194px; height: 109px;}
.linkButton-MSH a {color: black; text-decoration-line: none;}
.linkButton-MSH:hover {background-color:#ff9d0a;}
.linkButton-MSH:active {position:relative; top:1px;}

.linkButton-ImageCollection {
	display:inline-block;
	background-color:black;
	border-radius:6px;
	color:#ff6a15;
	font-size:medium;
	font-weight:bold;
	padding: 5px 6px 3px 6px;
	margin: 0px 7px 2px 7px;
	text-decoration:none;
	width: 270px;
	align: center;
}
.linkButton-ImageCollection img {width: 270px; height: 90px; margin-bottom: 2px;}
.linkButton-ImageCollection a {color: #ff6a15; text-decoration-line: none;}
.linkButton-ImageCollection:hover {background-color:#ff9d0a; color: black;}
.linkButton-ImageCollection a:hover {background-color:#ff9d0a; color: black;}

.linkButton-GallerySubjects {
	box-shadow:inset 0px 1px 0px 0px #ff8c00;
	background-color:#FF6A15;
	border-radius:5px;
	border:1px solid #4E555C;
	display:inline-block;
	color:black;
	font-size:medium;
	font-weight:bold;
	padding: 6px 6px 3px 6px;
	margin: 2px 7px 2px 7px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
	width: 195px;
	align: center;
}
.linkButton-GallerySubjects img {margin-bottom: 6px; width: 195px; height: 65px;}
.linkButton-GallerySubjects a {color: black; text-decoration-line: none;}
.linkButton-GallerySubjects:hover {background-color:#ff9d0a;}
.linkButton-GallerySubjects:active {position:relative; top:1px;}

.linkButton-Gallery3 {
	display:inline-block;
	background-color:black;
	border-radius:6px;
	color:#ff6a15;
	font-size:small;
	font-weight:bold;
	padding: 5px 5px 2px 6px;
	margin: 5px 5px 6px 6px;
	text-decoration:none;
	width: 200px;
	align: center;
}
.linkButton-Gallery3 img {width: 200px; height: 150px;}
.linkButton-Gallery3 a {color: #ff6a15; text-decoration-line: none;}
.linkButton-Gallery3:hover {background-color:#ff9d0a; color: black;}
.linkButton-Gallery3 a:hover {background-color:#ff9d0a; color: black;}

.linkButton-ShowPages {
	display:inline-block;
	background-color:#ff6a15;
	box-shadow:inset 0px 1px 0px 0px #ff8c00;
	border-radius:6px;
	border:1px solid #4E555C;
	color:black;
	font-size:medium;
	font-weight:bold;
	padding: 4px 4px 3px 4px;
	margin: 6px 7px 10px 7px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
	width: 270px;
	align: center;
}
.linkButton-ShowPages img {margin-bottom: 6px; width: 270px; height: 203px;}
.linkButton-ShowPages a {color: black; text-decoration-line: none;}
.linkButton-ShowPages:hover {background-color:#ff9d0a;}
.linkButton-ShowPages:active {position:relative; top:1px;}

.linkButton-WVAR {
	display:inline-block;
	background-color:#ff6a15;
	box-shadow:inset 0px 1px 0px 0px #ff8c00;
	border-radius:6px;
	border:1px solid #4E555C;
	color:black;
	font-size:small;
	font-weight:bold;
	padding: 4px 4px 3px 4px;
	margin: 6px 7px 10px 7px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
	width: 220px;
	align: center;
	vertical-align: top;
}
.linkButton-WVAR img {margin-bottom: 5px; width: 220px; height: 165px;}
.linkButton-WVAR a {color: black; text-decoration-line: none;}
.linkButton-WVAR:hover {background-color:#ff9d0a;}
.linkButton-WVAR:active {position:relative; top:1px;}

.linkButton-Thumb {
	display:inline-block;
	color:black;
	font-size:medium;
	font-weight:bold;
	padding: 3px 3px 3px 3px;
	margin: 2px 2px 2px 2px;
	min-width: 160px;
	vertical-align: middle;
	align: center;
	overflow: hidden;
}
.linkButton-Thumb img {
	margin-bottom: 0px; 
	max-width: 160px; 
	max-height: 120px; 
	overflow: hidden;
	vertical-align: middle;
	align: center;
	}
.linkButton-Thumb a {color: black; text-decoration-line: none;}
.linkButton-Thumb:hover {background-color:#ff9d0a;}
.linkButton-Thumb:active {position:relative; top:1px;}

.linkButton-Thumb2 {
	display:inline-block;
	background-color:black;
	border-radius:6px;
	border:1px solid black;
	font-size:small;
	font-weight:normal;
	padding: 10px 6px 3px 6px;
	margin: 8px 9px 8px 9px;
	text-decoration:none;
	/*width: 158px;*/
	width: 265px;
	height: 360px;
	overflow-x: hidden;
	overflow-y: auto;
	color: white; 
	text-align: left;
	align: center;
}
.linkButton-Thumb2 img {
	display: block;
	margin-bottom: 6px; 
	/*width: 158px;*/ 
	max-width: 250px; 
	max-height: 265px;
	margin-left: auto;
	margin-right: auto;
}
.linkButton-Thumb2 a {text-decoration-line: none; color: white;}
/*.linkButton-Thumb2:hover {background:#ff9d0a; color:black;}*/
/*.linkButton-Thumb2:active {position:relative; top:1px; background-color:#ff9d0a; color: black;} */

/* Scrollbar: The emerging W3C standard that is currently Firefox-only */
.linkButton-Thumb2 {
  scrollbar-width: thin; /* "auto" or "thin"  */
  scrollbar-color: #FF6A15 black; /* scroll thumb & track */ 
}

/* Scrollbar: Works on Chrome/Edge/Safari */
.linkButton-Thumb2::-webkit-scrollbar {
  width: 10px;
}
.linkButton-Thumb2::-webkit-scrollbar-track {
  background: black;
}
.linkButton-Thumb2::-webkit-scrollbar-thumb {
  background-color: #FF6A15;
  border-radius: 20px;
  border: 3px solid black;
}

.linkButton-DownloadFile {
	box-shadow:inset 0px 1px 0px 0px #ff8c00;
	background-color:#FF6A15;
	border-radius:6px;
	border:1px solid #4E555C;
	display:inline-block;
	color:white;
	font-size: medium;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
	line-height:1.5em;
}
.linkButton-DownloadFile:hover {
	background-color:#ff9d0a;
	color: black;}
.linkButton-DownloadFile:active {
	position:relative;
	top:1px;}

.linkButton-DownloadFile2 {
	background-color:black;
	border-radius:6px;
	border:1px solid #4E555C;
	display:inline-block;
	color:#ff6a15;
	font-size: small;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	line-height:1.5em;
}
.linkButton-DownloadFile2:hover {
	background-color:#ff9d0a;
	color: black;}
.linkButton-DownloadFile2:active {
	position:relative;
	top:1px;}

/* Bulletin Posting */
.varReports {
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  background:#fff; 
  color:#000;
}
div.varReports table {
	vertical-align: text-top;
	text-align:left;
	margin-bottom: 3em;
	border-radius: 10px 10px 10px 10px;
	width: 100%;
}
div.varReports table thead td {
	font-weight:bold;
	vertical-align: middle;
	background-color:#E8E8E8;
	border-bottom: thin solid #000;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	padding-left: 0.5em;
}
div.varReports table thead td:first-child {
	min-width: 9em;
}
div.varReports table tbody td {
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	background:#fff; 
	color:#000;
}
caption {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

.faqFigure {
	margin-bottom: 2em;
	padding-left: 1em;
	padding-right: 1em;
	background-color:inherit;
	}
.faqFigure table {
	background-color: inherit;
	margin-bottom: 0 !important;
	}
.faqFigure td.varFigImage {
	text-align: center;
	vertical-align: middle;
	padding: 0.5em 0.5em 0.5em 0.5em;
	width: 50%;
	background-color: #E8E8E8;
	}
/* This overrides width and height settings in the IMG tag for Bulletin reports */
.faqFigure td.varFigImage img {
	width: 640px;
	height: auto;
}
.faqFigure td.varFigCaption {
	text-align: left;
	vertical-align:top;
	padding: 0.5em 0.5em 0.5em 0.5em;
	width: 50%;
	background-color: #E8E8E8;
	color: black;
	}

.wvarFigure {
	background-color: inherit;
	}
.wvarFigure table {
	margin-bottom: 0 !important;
	width: 98%;
	}
.wvarFigure td.wvarFigImage {
	text-align: center;
	vertical-align: middle;
	padding: 0.5em 0.5em 0.5em 0.5em;
	width: 50%;
	}
.wvarFigure td.wvarFigImage img {
	width: 320px;
	height: auto;
}
.wvarFigure td.wvarFigCaption {
	text-align: left;
	vertical-align: top;
	padding: 0.5em 0.5em 0.5em 0.5em;
	color: white;
	}

.varFigure {
	margin-bottom: 2em;
	border: thin solid #000;
	background-color: #E8E8E8;
	}
.varFigure table {
	background-color: #E8E8E8;
	margin-bottom: 0 !important;
	}
.varFigure td.varFigImage {
	text-align: center;
	vertical-align: middle;
	padding: 0.5em 0.5em 0.5em 0.5em;
	width: 50%;
	background-color: #E8E8E8;
	}
/* This overrides width and height settings in the IMG tag for Bulletin reports */
.varFigure td.varFigImage img {
	width: 640px;
	height: auto;
}
.varFigure td.varFigCaption {
	text-align: left;
	vertical-align: top;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: #E8E8E8;
	color: black;
	}
.varHead h3 {text-align: center; font-size: x-large; font-weight:bold; margin-bottom: 0.5em; margin-top: 0.5em; background:inherit; color:black; }
.varHead h4 {text-align: center; font-size: medium; font-weight: normal; padding:0px 0px; margin-bottom: 0.3em; background:inherit; color:black; }
.varIndex p {
	text-align: left;
	margin-top: 0.25em;
	margin-left: 4em;
	text-indent: -2em;
    /* Reduces P line spacing, moves margin in, and then outdents first line
    Use DIV class=repindex around all index one-liners */
}
.varIndex span.varSummary {font-style: normal;}
.varSection {text-align: center; background: #fff;}
h4.varSection {
	color:#000;
	font-size:larger;
	margin-bottom:1em;
	}
.varLinks {text-align: center; font-weight: bold; vertical-align: middle;}
.varLinks td {width: 33%;}
.varJumpIndex {
	text-align: center;
	width: 75%;
	border-color: maroon;
	border-width: medium;
	border-style: ridge;
	margin-left: 12.5%;
	margin-right: 12.5%;}
.varJumpIndex a {
	text-align: center;
	font-weight: bold;
	margin-left: 12.5%;
	margin-right: 12.5%;
	font-size:inherit;}
.varDate {font-weight: bold; font-size:inherit;}
.varTeaser {margin-bottom:0.5em;}
.varSummary {font-style: italic; font-size:inherit;}
.varCiteLink {font-style: italic; font-size:inherit; float:right;}
.varContact {font-style: italic; font-size:inherit;}
.varBulletinRef {font-style: italic; font-size:inherit;}
.varCapNum {font-weight: bold; font-size:inherit;}
.varSubsection {font-style: italic; font-weight: bold; font-size:inherit;}
.varCardReport {font-style: italic; font-weight: bold;}
.varICSection {font-style: italic; font-weight: bold; margin-left:2em;}
.varEditors {margin-left: 2em;}
.varTOCName {margin-left: 2em; font-weight: bold; margin-top: 0.5em; color:black;}
.varTOCSummary {margin-left: 5em; text-indent: -1em; margin-top: 0em; color:black;}
.varTOCTeaser {font-weight: normal; font-style:italic;}
.varOtherReports {text-align: left; margin-left: 3em; font-weight: bold;}
.varTextTable {margin-bottom: 3em; font-family:"Courier New", Courier, monospace;
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

div.varTable table {
	width: 100%;
	margin-bottom: 3em;
	border-style: solid;
	border-width: medium;
	padding: 0 0 0 0;
	background-color:#FFF;
}
div.varTable th {
	text-align:center;
	font-weight:bold;
	background-color:#E8E8E8;
	border-bottom: 2px solid #000;
	padding-bottom:0.5em;
	color: #000;
}
/* This overrides width and height settings in the IMG tag for Bulletin reports */
.varTable td.varFigImage img {
	min-width: 800px;
	width: 100%;
	height: auto;
}

.SiteMessage {
	background:black;
	border:thick;
	border-color:#000;
	margin-top: 0.2em;
	margin-bottom:1.2em;
	font-size:small !important;
	font-weight:bold;
	text-align:left;
	line-height:1.4em;
	padding: 1%;
	width:98%;
}

/* Map instructions on search pages */
#input_boxa { 
background-color:#4e555c;
width:40%;
border:0px; }

.discredited {text-decoration:line-through;}

/* Style sheet for Dynamic Planet Map  */
.tdpmap-image {
	display:block;
	height:598px;
	width:800px;
	text-indent:-5000px;
	overflow:hidden;
	margin-left:80px;
	margin-top:25px;
	margin-bottom:-10px;
	padding-bottom: 25px;
	}
.tdpmap-credits {margin-left: 2em; text-align:left}
.tdpmap-list {list-style-type:disc}

/* From alpha-nav.css. Only used in volcano lists. */
.wrapper h1 {
	color: #555;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.15) 0px 0px 1px;
	letter-spacing: 2px;
}
.alphabet {
    width: 680px;
    margin: 0 auto;
    overflow: hidden;
}
.alphabet a {
        width: 20px;
        float: left;
        color: #333;
        cursor: pointer;
        height: 20px;
        border: 1px solid #CCC;
        display: block;
        padding: 2px 2px;
        font-size: 14px;
        text-align: center;
        line-height: 20px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
        border-right: none;
        text-decoration: none;
        background-color: #F1F1F1;
		transition: background-color 0.3s ease-in-out;
}
.alphabet a.first {border-radius: 3px 0 0 3px;}
.alphabet a.last  {border-right: 1px solid silver; border-radius: 0 3px 3px 0;}
.alphabet a:hover {background: #FBF8E9; font-weight: bold;}
.alphabet a.active {background: #FBF8E9; font-weight: bold;}

label {cursor: default;}

/* Originally in forms.css */
input[type="text"] {font-size:13px;}
select {font-size:14px;}

.search_header {margin-bottom: 10px; margin-left: 10px;}
.search_header .title {font-size: 18px;	color: #FEC50B;}
.search_form_row {margin-bottom: 10px; margin-left: 0px;}
.form_last_row {margin-top: 20px;}
.search_form_col_left {
	    display: inline-block;
	    margin-right: 3px;
		width:420px;
		color: #ffffff;
	}
.search_form_col_left label {
    	display: inline-block;
    	padding-top: 3px;
    	font-weight: bold;
	    color: #ffffff;
		width: 100px;
		text-align:right;
		margin-right: 20px
	}
.search_form_col_right{
		display: inline-block;
		margin-left: 0px;
		width:500px;
		height:35px;
		color: #ffffff;
	}
.search_form_col_right label{
    	display: inline-block;
    	padding-top: 0px;
    	font-weight: bold;
	    color: #ffffff;
		width: 100px;
		text-align:right;
		margin-right: 20px
	}
.contacts_table_row {
	    margin-bottom: 0px;
		margin-left: 10px;
		color: #ffffff;
	}
.contacts_table_col1 {
		display: inline-block;
		width:320px;
	}
.contacts_table_col2 {
		display: inline-block;
	    margin-left: 320px;
		width:320px;
	}
.contacts_table_col3 {
		display: inline-block;
	    margin-left: 620px;
		width:310px;
	}
.form_submit{
		display: inline-block;
		margin-left: 310px;
		width:450px;
	}
.form_input {
	    font-family: Verdana;
	    font-size: 13px;
	    color: #333;
	    background-color: #EDF7FD;
	    border: 1px solid #ccc;
	    padding: 0px;
	}
.form_input:focus {
	    background-color: #FFFBCF;
	    border: 1px solid #999;
	}

/* Input sizes */
.input_tiny {
	    width: 20px;	
		-moz-border-radius:5px;
		border-radius: 5px;
	}
.input_tinymed {
	    width: 40px;
		-moz-border-radius:5px;
		border-radius: 5px;
	}
.input_normal {
	    width: 150px;
		-moz-border-radius:5px;
		border-radius: 5px;
	}
.input_medium {
	    width: 155px;
		-moz-border-radius:5px;
		border-radius: 5px;
	}
.input_large {
	    width: 240px;
		height: 2em;
		-moz-border-radius:5px;
		border-radius: 5px;
		padding: 0px;
	}
.select_small {
		width: 80px;
		-moz-border-radius:5px;
		border-radius: 5px;
	}
.select_smallmed {
		width: 114px;
		-moz-border-radius:5px;
		border-radius: 5px;
	}
.select_medium {
		width: 162px;
		-moz-border-radius:5px;
		border-radius: 5px;
	}

@media print
{    
    .no-print, .no-print * {visibility:hidden !important;}
	.main * {line-height: 150% !important;}
}

/* Gallery */
#country_slideshow {
	position:relative;
	width: 500px;
	height: 300px;
	text-align: justify;
	margin-bottom: 10px;
	/*margin-left: 20px;*/
	margin-left: 200px;
	margin-right: 200px;
	/*border: 10px solid rgb(54, 48, 48);*/ /* default color */
	border: 10px solid rgba(0, 0, 0, 0.5); /* rgba for transparency */
	border-radius: 10px;
	overflow:hidden;
	}
