#ARTICLE-BGIMG {
	background-repeat: no-repeat;
	height: 250px;
	background-attachment: local;
	background-position: center; 
	background-size: cover;
	position: relative;
}
#ARTICLE-TITLE {
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 100%;
	text-align: center;
	font-size: 30pt;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.05em;
	text-shadow : 1px 1px 10px #000, 1px 1px 10px #c000;
}
.research-tornadoes { background-image: url(../img/BG-research-tornadoes.png); }
.research-extremes { background-image: url(../img/BG-extremes.jpg?1); }
.research-hail { background-image: url(../img/hail-grass.jpg); }
.research-thunderstorms { background-image: url(../img/BG-research-thunderstorms.jpg); }
.research { background-image: url(../img/BG-research.png); }
.research-event { background-image: url(../img/buildingdamage-StuartRobinson.png); }
.conference { background-image: url(../img/BG-conference.png); }
.site-investigations { background-image: url(../img/BG-site-investigation.jpg); }
.earth-data { background-image: url(../img/BG-earth-data.jpg); }
.severe-weather-report { background-image: url(../img/largehail.jpg); }
.large-file { background-image: url(../img/BG-binary.jpg); }
.research-publications { background-image: url(../img/BG-research-publications.png); }
#ARTICLE-PATH {
	padding: 30px 30px 15px 30px;
	text-align: left;
	font-size: 10pt;
	letter-spacing: 0.05em;
	color: #1C3351;
}
#ARTICLE-PATH span {
	color: #245EA7;
	padding-left: 10px;
	padding-right: 10px;
}
#ARTICLE-PATH span:first-child { padding-left: 0px; }
#ARTICLE-PATH span:last-child {
	color: #767171;
	padding-left: 10px;
}
#ARTICLE-BODY {
	padding: 0px 30px 30px 30px;
	text-align: left;
	font-size: 11pt;
	line-height: 150%;
}
#ARTICLE-REFERENCES {
	padding-top: 10px;
	margin-top: 30px;
	border-top: solid 1px #D3D3D3;
	color: #828282;
	font-size: 10pt;
	font-style: normal;
}
#ARTICLE-REFERENCES p {
	text-indent: -20px;
    padding: 0px 0px 0px 20px;
	margin: 0px 0px 5px 0px;
}
h1 { color: #245EA7; line-height: 105%; }
h2 { color: #5a94db; line-height: 105%; }
.EXPLORE-BOX {
	display: inline-block;
	width: 320px;
	min-height: 270px;
	border: 3px solid #245EA7;
	text-align: left;
	font-size: 11pt;
	margin: 0px 21px 21px 0px;
	background-color: #F6F6F6;
	cursor: pointer;
	vertical-align: top;
}
@media (min-width: 1100px) { /* FULL WIDTH WITH 3 COLUMNS */
.EXPLORE-BOX:nth-child(3n+1) { margin-right: 0px; }
}
@media (max-width:1100px) and (min-width:0px) {  /* 2 COLUMNS */
.EXPLORE-BOX:nth-child(2n) { margin-right: 0px; }
}
.EXPLORE-BOX:hover { border: 3px solid #2E75B6; } 
.EXPLORE-BOX:hover DIV:nth-child(1) { background-color: #2E75B6; }
.EXPLORE-BOX img { width: 100%; }
.EXPLORE-BOX-TITLE {
	padding: 7px 10px 10px 10px;
	font-size: 13pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #245EA7;
}
.EXPLORE-BOX-DESC {
	padding: 10px;
	font-size: 11pt;
	font-weight: normal;
	color: #000000;
}
.EXPLORE-BOX-IMG {
	background-repeat: no-repeat;
	height: 150px;
	width: 320px;
	background-attachment: local;
	background-position: center; 
	background-size: cover;
	position: relative;
}
.ARTICLE-IMG {
	font-size: 10pt;
	padding: 10px;
	font-style: italic;
	width: 300px;
	float: right;
	clear: left;
	clear: right;
	margin: 5px 0px 5px 15px;
	background-color: #EFEFEF;
	line-height: 130%;
}
.ARTICLE-IMG img {
	border: 1px solid black;
	width: 100%;
	margin-bottom: 5px;
}
.ARTICLE-IMG-INLINE {
	font-size: 10pt;
	padding: 10px;
	font-style: italic;
	width: 300px;
	display: inline-block;
	vertical-align: top;
	margin: 0px 15px 15px 0px;
	background-color: #EFEFEF;
}
.ARTICLE-IMG-INLINE img {
	border: 1px solid black;
	width: 100%;
	margin-bottom: 5px;
}
.infotable {
	border-collapse: collapse;
    border-style: hidden;
	border: 1px solid #A3A3A3;
	text-align: center;
}
.infotable td, table th {
    border: 1px solid #A3A3A3;
}
.infotable th {
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #245EA7;
	padding: 6px;
	text-align: center;
}
.infotable td {
	font-size: 11pt;
	font-weight: normal;
	color: #383838;
	background-color: #FFFFFF;
	padding: 6px;
	line-height: 150%;
}
.infotable ul {
	padding: 5px;
	margin: 0px 20px;
}
.align-left { text-align: left; }
.font-large { font-size: 18pt; }
.quote { margin: 20px; font-style: italic; color: #868585; }
.div-button {
	padding: 10px;
	display: inline-block;
	margin: 0px 2px 5px 0px;
	background-color: #245EA7;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 13pt;
	cursor: pointer;
	white-space: nowrap;
}
.div-button:hover { background-color: #2E75B6; }
.conference-item-time {
	background-color: #245EA7;
	color: #FFFFFF;
	padding: 5px 12px;
	font-weight: bold;
	font-size: 13pt;
	border-top: 3px solid #245EA7;
	display: inline-block;
	border-radius: 8px 8px 0px 0px;
}
.conference-item-info {
	background-color: #F6F6F6;
	color: #000000;
	padding: 10px;
	border: 3px solid #245EA7;
	width: calc(100% - (2*10px) - (2*5px));
	font-size: 11pt;
	margin-bottom: 10px;
	border-radius: 0px 8px 8px 8px;
}
.conference-item-info span {
	font-size: 13pt;
	font-weight: bold;
	color: #245EA7;
}


.membership {
	font-size: 10pt;
	padding: 0px;
	width: 250px;
	float: right;
	clear: left;
	clear: right;
	margin: 5px 0px 5px 15px;
	line-height: 130%;	
	text-align: center;
	border: 1px solid #8B8B8B;
}
.membership-title {
	font-size: 16pt;
	font-weight: bold;
}
.membership-top {
	background-color: #CDEAFF;
}
.membership-bottom {
	background-color: #F7F5F5;
}
.membership-price {
	font-size: 19pt;
	font-weight: bold;
	padding: 20px;
	color: #1E4996;
}
.membership-apply {
	background-color: #1E4996;
	color: #FFFFFF;
	padding: 10px;
	border-radius: 20px;
	cursor: pointer;
	font-weight: bold;
	font-size: 13pt;
	text-decoration: none;
}
.membership-apply:hover {
	background-color: #152740;
	text-decoration: none;
}
.membership-details {
	font-size: 11pt;
}
.membership-details tr td {
	border-bottom: 1px solid #8B8B8B;
	padding: 13px;
}
.membership-details tr:first-child td { padding-top: 0px; }
.membership-details tr:last-child td { padding-bottom: 0px; border: none; }