body {
    color: #333333;
    background-color: #FFFFFF;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 90%;
    line-height: 1.5;
    background: #D7CCBA;
}

i {
    font-style:italic;
}

p {
    text-indent:25px;
    margin-bottom:5px;
}

a {
    color:#195CBF;
    text-decoration:none;
}

a:link {
    color:#195CBF;
    text-decoration:none;
}      /* unvisited link */

a:visited {
    color:#00297A;
    text-decoration:none;
}  /* visited link */

a:hover {
    color:#195CBF;
    text-decoration:underline;
}  /* mouse over link */

a:active {
    color:#00297A;
    text-decoration:none;
}  /* selected link */

h1 {
    font-size:1.85em;
    line-height: 1;	
    margin-top: 1em;
    margin-bottom: 1em;
}

h2 {
    font-size:1.4em;
    font-weight: bolder;
    margin-top: 1em;	
    margin-bottom: 1em;
}

h3 {
    font-size:1.2em;
    font-weight: bolder;
    margin-top: 1em;	
    margin-bottom: 1em;
}

h4 {
    font-size:1.1em;
    font-style:italic;
    margin-top: .75em;	
    margin-bottom: .75em;
}

h5 {
    font-size:1.1em;
    font-weight: bold;
    margin-top: .5em;	
}

b {
    font-weight: bold;	
}

cite {
    font-size: .8em;
    font-style: italic;
    display: block;
    margin-bottom: 1em;	
}

strong {

    font-weight: bold;	
}

sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    font-size: .8em;	
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

ul {
    display: block;
    list-style-type: disc;
    list-style-position: outside;
    margin-left:2em;	
}

ol {
    display: block;
    list-style-type: decimal;
    list-style-position:outside;
    margin-left:2em;
}

table, th, td {
    margin-top:10px;
    margin-bottom:10px;
    border:1px solid black;
    padding-right:5px;
    padding-left:5px;
}

#wrapper {
    background: url("/vsc/graphics/page_shadow.png") repeat-y scroll center top transparent;
    margin: auto;
    text-align: left;
    width: 986px;
}

#outer-box {
    width:960px;
    clear:both;
    margin-left:auto;
    margin-right:auto;
    padding: 0px;
}

.inner-box {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

#usgs-header-box {
    background: url("/vsc/graphics/VHP-banner.png");
    background-color: #cdc0b0;
    height: 110px;	
}

#usgs-header-box div {
	margin-top: 30px;
}

#usgs-header-box div a {
    color: black;
    font-weight: bold;
    font-size: larger;
    text-decoration: none;
}

#usgs-header-box div a:hover {
    color: black;
    text-decoration: underline;
}

#usgs-anchor {
    width: 185px;
    height: 90px;
}

#usgs-png {
    display: inline;
    width: 175px; 
    padding:25px 0 0 10px;
}

#vsc-header-box {
    clear:both;
    background-color:#E5EBED;
    border-top: 1px solid #FFFFFF;
    color: #333333;
    font-size: 14px;
    padding: 5px;
    margin: 0;
    width:950px;
}

#vsc-header-box ul {
    list-style-type: none;	
    font-style:normal;
    float: left;
}

#vsc-header-box a {
    color: #333333;
    text-decoration: none;
}

#vsc-header-box a:hover {
    color:#23233D;
    text-decoration: underline;
}

#vsc-header-box-left {
    float:left;
    font-size: 1.2em;
    font-weight: bold;
}

#vsc-header-box-right {
    float:right;	
    font-size: 1em;
    text-align: right;
    margin-left: 0;
}

#vsc-header-box-right ul {
    margin-left: 0;
}

#vsc-header-box-right li {
    float: left;
    padding-left: 20px;
}

#vselect {
    width: 13em;
}

#vsc-header-box2 {
    display:none;
}

#page-header-box {
    background-color:#4682B4;
    border-top:solid 1px #FFFFFF;
    color:white;
    font-size:1.2em;
    font-weight:bold;
}

#page-header-box .active {
    font-weight:bold;	
}

#page-header-box ul {
    float:right;	
    padding-right:15px;
    border-bottom: solid 1px #cdc0b0;
    border-top:solid 1px #cdc0b0;
    width:100%;
}

#page-header-box li {
    float:left;	
    padding-left:10px;
    text-decoration:none;
    color:#FFF;
}

#page-header-box a:link {
    color:#FFFFFF;
}    /* unvisited link */

#page-header-box a:visited {
    color:#FFFFFF;
} /* visited link */

#page-header-box a:hover {
    color:#23233D;
}   /* mouse over link */
#page-header-boxr a:active {
    color:#23233D;
}  /* selected link */

#dynamic-content-box {
    background-color:#4682B4;
    /*border-bottom:solid 2px #FFFFFF;*/
    border-top:solid 5px #FFFFFF;
    color:white;
    font-size:.8em;
    font-weight:bold;
    width:950px;
    padding:5px;
}

#page-content-box {
    background-color:#FFFFFF;
    min-height:30em; 
}

#usgs-footer-box ul {

    list-style-type:none;
    display:inline;
}

#usgs-footer-box {
    width:950px;
    padding: 5px;
    text-align: center;	
}

#usgs-footer-box a:link {
    color:#333;
}    /* unvisited link */


#usgs-footer-box a:visited {
    color:#00297A;
} /* visited link */

#usgs-footer-box a:hover {
    color:#195CBF;
    text-decoration:underline;
}   /* mouse over link */

#usgs-footer-box a:active {
    color:#00297A;
}  /* selected link */

#usgs-footer-nav-box {
    background-color:#FFFFFF;
    width:100%;
    margin:0px;
    clear:both;
}

#usgs-footer-nav-box a {

    color:#FFFFFF;
    text-decoration:none;	
}

#usgs-footer-nav-box a:hover {

    color: #FFFFFF;
    text-decoration: underline;	
}

#usgs-footer-nav {
    padding:5px;
}

#usgs-footer-info-box {
    background-color: #FFFFFF;
    width: 100%;
    margin: 0px;
    clear:both;
}

.glossary {
    color: green !important;
}

/* classes for volcano page */
.header-960 {
    width:950px;
    margin:0px;
    padding:5px;
    float:left;
    background-color: #4682B4;
    color:#FFFFFF;	
    font-size: 1.2em;
    font-weight: bold;
}

.header-640 {
    width:630px;
    margin:0px;
    padding:5px;
    float:left;
    background-color: #4682B4;
    color:#FFFFFF;
    font-size: 1.2em;
    font-weight: bold;	
}

.header-576 {
    width:566px;
    margin:0px;
    padding:5px;
    float:left;
    background-color: #4682B4;
    color:#FFFFFF;
    font-size: 1.2em;
    font-weight: bold;	
}

.header-384 {
    width:374px;
    margin:0px;
    padding:5px;
    float:left;
    background-color: #4682B4;
    color:#FFFFFF;
    font-size: 1.2em;
    font-weight: bold;	
}

.header-320 {
    width:310px;
    margin:0px;
    padding:5px;
    float:left;
    background-color: #4682B4;
    color:#FFFFFF;
    font-size: 1.2em;
    font-weight: bold;	
}

.box-960 {
    width:950px;
    margin:0px;
    padding:5px;
    float:left;
    background-color: #FFFFFF;
}

.box-720 {
    width:710px;
    margin:0px;
    padding:5px;
    float:left;
    background-color: #FFFFFF;
}

.box-640 {
    width:630px;
    margin:0px;
    padding:5px;
    float:left;
    background-color: #FFFFFF;
}

.box-576 {
    width:564px;
    margin:0px;
    padding:5px;
    float:left;
    background-color: #FFFFFF;	
}

.box-384 {
    width:374px;
    margin:0px;
    padding:5px;
    float:left;
    background-color: #FFFFFF;	
}

.box-320 {
    width:310px;
    margin:0px;
    padding:5px;
    float:left;
    background-color: #FFFFFF;	
}

.box-240 {
    width:230px;
    margin:0px;
    padding:5px;
    float:left;
    background-color: #FFFFFF;	
}

.hover :hover {
    background-color: #999999;
}

.hover {
    background-color: none;
}

.imgfloat {
    float:left;
    padding:10px;	
    font-size: 82%;
}

.imgcaption {
    margin: 0 0 10px;	

}

.p {
    text-indent: 1.75em;
    margin-top: .3em;
}

.page-title {
    float:left;	
    color: white;
}

.page-menu-right {
    float: right;
    color: white;
    padding-right: 1em;
}

.obs-name {
    float:right;	
}

.obs-rt-menu {
    float:right;
    font-size:.8em;
    font-weight: 300;
}

.menu-page-box {

    width: 90%;
    border-bottom: solid 2px #4682B4;
    padding: .5em;
}

.menu-page-box a {

    font-weight: bold;	
}

.right {
    float: right;
}

.left {
    float: left;
}

/* Styles used when volcano alerts are showing on the volcano home page. */
.alert {
    padding: 5px;
    margin: 0px;
    width: 936px;
    border: solid 2px #4682B4;	
}

.alert-green {

    background-color: #C7E19E;
}

.alert-yellow {

    background-color: #FFF99D;
}

.alert-orange {

    background-color: #F8C473;
}

.alert-red {

    background-color: #EF8861;
}

.vBanner {
    z-index:99;
    position:absolute;
    width:300px;
    padding:5px;
    background:rgb(0, 0, 0);
    background:rgba(0, 0, 0, 0.7);
    filter: alpha(opacity = 70); /* IE */
}

.vTitle {
    z-index:100;
    font-weight:bold;
    font-size:1.2em;
    color:white;
}

/** Image Manager Styles */
.image_mngr {}

.image_mngr_image {
    display:block;
    clear:both;	
}

.image_mngr_title {
    font-weight: normal;
    line-height: 1;
    font-size: small;
    color:gray;
    clear:both;
}

.image_mngr_desc {
    font-size: small;
    line-height: 1;
    color:gray;
}

.image_mngr_author {
    font-size: small;
    line-height: 1;
    color:silver;
    float:left;
}

.image_mngr_date {
    font-size: small;
    line-height: 1;
    color:silver;
    float:right;
}

.image_mngr_link {
    font-size: small;
    line-height: 1;
    text-decoration: none !important;
}

/** Image Manager Popup Styles */
.image_mngr_popup {
    display:none;
    z-index:9999;
    position:absolute;
    padding:2em;
    border:solid 4px gray;
    background:#e5ebed;
    border-radius:15px;
    -moz-border-radius:15px;
}

.image_mngr_popup .image_mngr_title {

    color:#333333;
    font-size: large;
    font-weight: bold;
    margin-bottom: .5em;
}

.image_mngr_popup a {
    font-weight: bold;
    clear:both;
}

.image_mngr_popup .image_mngr_desc {
    color:#333333;
    font-weight: bold;
    clear:both;
    margin-top: 2em;
    line-height: 1.5;
}

.image_mngr_popup .image_mngr_author {
    color:#333333;
    float:left;
}

.image_mngr_popup .image_mngr_date {
    color:#333333;
    float:right;
}

.mapLabel {
    position: relative; 
    left: -50%; 
    top: -8px;
    white-space: nowrap; border: 1px solid #195CBF;
    z-index: 9999;
    background:rgb(0, 0, 0);
    background:rgba(0, 0, 0, 0.4);
    filter: alpha(opacity = 40); /* IE */
    border-radius:5px;
    -moz-border-radius:5px;
    padding: 2px; 
    color:white; 
    font-weight:bold;
}

.mapLabelVolc {
    position: relative; 
    left: -50%; 
    top: -2px;
    white-space: nowrap; border: 1px solid #195CBF;
    z-index: 9999;
    background:rgb(0, 0, 0);
    background:rgba(0, 0, 0, 0.4);
    filter: alpha(opacity = 40); /* IE */
    border-radius:5px;
    -moz-border-radius:5px;
    padding: 2px; 
    color:white; 
    font-weight:bold;
}

/*
    Styles for the top-menu on a volcano page.
*/
#volcano-top-menu {
    width: 100%;
    background-color: #FFFFFF;
}

#volcano-top-menu a {
    display:block;
    float:left;
    padding: 0.5em;
    font-weight: bold;
}

#volcano-top-menu a:visited {
    color: #23233D;
    text-decoration: none;
}

#volcano-top-menu a:link {
    color: #23233D;
    text-decoration: none;
}

#volcano-top-menu a:hover {
    color: #23233D;
    text-decoration: underline;
}

/*

Styles for the left (accordion) menu on a volcano page.

Colors:

a
 #4682B4, link
 #4682B4, visited
 #23233D, hover
 #000080, active
        
b2b2b2 li border
a04a1a Text color

#B2CDE4 Selected header color
b29c81 Selected header shadow

fffcf0 Unselected header color
eedfcc Unselected header shadow

*/
.volcano-page-left-menu { /* The container div holding the accordion menu. */
    float:left;
    width:200px;
    margin:0;
    padding:0;
    min-height: 50em;
}

.volcano-page-content { /* The container div holding the content. */
    float:right;
    width:731px;
    margin:0;
    padding: 0 15px 0 0;
    min-height: 50em;
}

#accordion {
    width:200px;
    margin:0px;
    padding:0px;
}

#accordion a:link { /* unvisited link */
    color:#4682B4;
    text-decoration:none;
}

#accordion a:visited { /* visited link */
    color:#4682B4;
}

#accordion a:hover { /* mouse over link */
    color:#23233D;
    text-decoration:none;
}

#accordion a:active { /* selected link */
    color:#000080;
}

#accordion li {
    font-weight:bold;
    cursor: pointer;
    border:1px solid #b2b2b2;
    margin-bottom:2px;
    margin-left:4px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#accordion li.sub-header {
    border:1px solid #b2b2b2;
    font-weight: bold;
    margin-right: 8px;
}

#accordion div.selected-item {
    background-color:#B2CDE4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#accordion div.sub-header {
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    background-color: #fffcf0;
    border-bottom: 2px solid #eedfcc;
}

#accordion .sub-header-selected {
    border:1px solid #b2b2b2;
    font-weight: bold;
}

#accordion li ul {
    margin:10px 0 0 0;
}

#accordion li li {
    background:none;
    border:0;
}

#accordion li.level-1-active {
    border:1px solid #b2b2b2;
    font-weight: bold;
    width:100%;
}

#accordion li.level-1 {
    border:1px solid #b2b2b2;
    font-weight: bold;
    width:100%;
}

#accordion div.level-1-active {
    background-color: #B2CDE4;
    border-bottom: 3px solid #7D8892;
    margin:0px;
    padding: 4px 8px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}

#accordion div.level-1 {
    padding:4px;
    border-bottom: solid 2px #eedfcc;
}

#accordion li.level-2-active {
    margin-right: 8px;
}

#accordion div.level-2-active {
    font-style: normal;
    font-weight: normal;
    background-color: #B2CDE4;
    border-bottom: 2px solid #7D8892;
    padding: 4px 8px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}

#accordion div.level-2 {
    padding: 4px 8px;
}

#accordion li.level-2 {
    font-style: normal;
    font-weight: normal;
}

#accordion li.level-3-active {
    border:1px solid #b2b2b2;
    font-style: italic;
    font-weight: normal;
    margin-right: 8px;
}

#accordion div.level-3-active {
    background-color: #B2CDE4;
    margin:0px;
    padding: 4px 8px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}

#accordion li.level-3 {
    font-style: italic;
    font-weight: normal;
    background-color: white;
    margin:0px;
    padding: 4px 8px;
}

/*
        Styles for the volcano monitoring page.
*/
#monitoring-plot {
    display:none;
    z-index:9999;
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    top:10px;
    padding:2em;
    border:solid 4px gray;
    background:white;
    border-radius:15px;
    -moz-border-radius:15px;
}

#monitoring-plot .caption {

    font-size: 18px;
    font-weight: bold;
    color: black;
    float:left;
}

#monitoring-plot .control {

    font-size: 18px;
    font-weight: bold;
    color: black;
    float:right;
}

/* Style for the activity update message for an observatory. */
.activity-update {
    border: 1px solid silver;
    margin: .5em;
    padding: .5em;
    font-size: 8pt;
}

/* Styles for glossary page, the scrolling index. */
.gidx-holder {
    z-index:2;
    position: absolute;
    top:220px;
    width:1em;
    margin: .5em;
    padding: .5em;
    border-radius:5px;
    -moz-border-radius:5px;
    border: solid 2px black;
    text-align: center;
    background-color: white;
}

.gidx-element a:hover {
    font-weight: bold;
    font-size: 12pt;
    text-decoration: none;
    cursor:pointer;
}

/* Styles for Image Albums */
/*
    GRID
*/
.vscalbum {
    background-color: black;
    padding: 0;
    margin: 0;
    display: block;
    border: solid 1px #195CBF;
}

ul.vscalbum-grid {
    list-style-type:none;
}

.vscalbum-grid .album-item {
    float:left;
    padding:.5em;
    margin:.5em;
    min-width: 10em;
    text-align: center;
    display : none;
}

.vscalbum-grid .album-item .img-title {
    font-weight: normal;
    color: white;
    font-size: smaller;
    text-align: center;
}

.vscalbum-grid .album-item .img-desc {
    font-weight: normal;
    color: white;
    font-size: smaller;
}

.vscalbum-grid .album-item .medium-img {
    display:none;
}

/*
    SLIDES
*/
ul.vscalbum-slides {
    list-style-type:none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.vscalbum-slides li {
    margin: 0;
    padding: 0;
}

.vscalbum-slides .album-item {
    display: none;
}

.vscalbum .slides-title-holder {
    font-weight: normal;
    font-size: normal;
    color: white;
    border-top: solid 2px silver;
    background-color: black;
    margin: 0;
    padding: .5em;
    text-align: center;
}

.vscalbum .slides-desc-holder {
    font-weight: normal;
    font-size: smaller;
    color: white;
    border-top: solid 1px gray;
    background-color: black;
    margin: 0;
    padding: .5em;
}

.vscalbum .slides-selector {
    height: 44px;
}

.vscalbum-slides .album-item .img-title {
    display: none;
}

.vscalbum-slides .album-item .img-desc {
    display: none;
}

.vscalbum-slides .album-item .small-img {
    display:none;
}

.vscalbum-slides .album-item .medium-img {
    display:block;
}

.slides-control {
    font-weight: normal;
    font-size : smaller;
    margin-right: .5em;
    color: white;
    background-color: black;
    margin: 0;
    padding: .25em;
}

.slides-control div {
    padding: 0;
    margin: 0 2px 0 2px;
}

.slides-control .progress {
    float: left;
}

.slides-control .button {
    background: gray;
    float: right;
    min-width: 2em;
    text-align: center;
    cursor: pointer;
}

.slides-selector {
    font-weight: normal;
    font-size : smaller;
    margin-right: .5em;
    color: white;
    background-color: black;
    margin: 0;
    padding: .25em;
    height: 40px;
    text-align: center;
}

/** FAQ POPUP **/
.vscfaq-popup {
	display:none;
	z-index:9998;
	position:absolute;
        width: 800px;
	padding: 0;
	border:solid 4px gray;
	background:#e5ebed;
	border-radius:10px;
	-moz-border-radius:10px;
        overflow:auto;
}

.vscfaq-popup-top {
    margin: 0;
    padding: .5em;
    border-bottom: solid 1px black;
    background-color: white;
}

.vscfaq-popup-topclose {
    float:right;
}

.vscfaq-question {
    cursor: pointer;
    color: #195CBF;
}
.vscfaq-question:hover {
    color:#195CBF;
    text-decoration:underline;
}

.vscfaq-question-popup {
    font-weight: bold;
    float:left;
}

.vscfaq-answer {
    display: none;
    
}

.vscfaq-answer-popup {
    margin-top: 1em;
    margin-bottom: 2em;
    padding: .5em;
    clear: both;
}

/* Styles for addresses and responsibilities */

.role-title {
	font-style:italic;
	margin-bottom: .35em;
}