@charset "utf-8";
/* CSS Document */


/* padding top right bottom left */
.basediv {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 5px 10px 0px 10px;
}

.indent {
	text-indent: 10pt;
	font-size: 13px;
}

.tophdr {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #0A4595;
  margin-bottom:20px;
  font-weight:700;
}

.midhdr {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bolder;
	color: #0A4595;
	line-height: 30px;
}

.tblhdr {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #0A4595;
}

.boldhdr {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #0A4595;
	font-size: 12px;
}

.blackhdr {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bolder;
}

.bigblackhdr {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
}

.smlbl {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #0A4595;
	font-weight: bolder;
	font-size: 10px;
	line-height: 13px;
}

/* padding top right bottom left */
.padding15 {
	padding: 0px 15px 0px 15px;
}

/* padding top left bottom right */
.padding30 {
	padding: 5px 30px 5px 30px;
}

.white_text {
color: #FFFFFF
}

.font12 {
	font-size: 12px;
}

.font10 {
	font-size: 10px;
}

.strong11 {
	font-size: 11px;
	font-weight: bold;
}

.cbReefBase {
	font-family: 'Open Sans', "Comic Sans MS";
	font-size: small;
	font-weight: bold;
}
		
/*------------------------------------------------------------------------------------------------------/
 * styles for scrolling area
 */

	#scrolling {
		width: 900px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 50px;
		overflow-y:hidden;
		overflow-x:scroll;
	}
		
	#scrolling2way {
		width: 900px;
		height: 500px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 20px;
		overflow-y:scroll;
		overflow-x:scroll;
	}

	#scrolling2 {
		width: 900px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 20px;
		overflow-y:hidden;
		overflow-x:scroll;
	}

	#scrolling3 {
		width: 600px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 10px;
		overflow-y:hidden;
		overflow-x:scroll;
	}


/* scroll-to-top button  */
html {
    scroll-behavior: smooth;
}

#to-top-btn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #1d5898;
    color: #fff;
    cursor: pointer;
    padding: 15px;
    font-size: 18px;
}

#to-top-btn:hover {
    background-color: #555;
}

/* visited links on messages/bulletin pages - somewhat page specific */
/* a[href*="VAAC"]:visited,
a[href*="vaac"]:visited,  */

a[href*="volcanoes"]:visited,
dd a:visited {
    color: #8B0077;
}