body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    width: 100%;
    margin: 0;
    color: black;
    font-size: 16pt;
    line-height: normal;
}
.center {
    text-align: center;
}
.center_pad {
    margin: 0 auto
}
.figno {
    text-align: left;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    line-height: normal;
    font-size: 90%
}
.caption {
    text-align: left;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    font-size: 70%;
    line-height: normal;
}
.centered_caption {
    text-align: center;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    font-size: 70%;
    line-height: normal;
}
.credit {
    text-align: right;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    font-size: 60%;
    line-height: normal;
}
p {
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size: 80%;
}
.body_text {
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size: 80%
}
b, strong {
    font-weight: 700;
}
li {
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size: 80%;
}
h5 {
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size: 80%;
    font-weight: 700;
    text-align: left;
}
h4 {
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size: 90%;
    font-weight: 700;
    text-align: left;
}
h3 {
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size: 110%;
    font-weight: 700;
    text-align: center;
}
h2 {
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size: 130%;
    font-weight: 700;
    text-align: center;
}
#container {
    width: 98%;
    position: relative;
    margin: 2px auto 2000px auto;
    padding-bottom: 4px;
    max-width: 900px;
    background-color: #ffffff;
    z-index: 1;
}
img {
    max-width: 100%
}
#footer {
    width: 100%;
    text-align: center;
    clear: both;
}
#header {
    clear: both;
    margin: 0;
    padding: 0;
    background-image: url(../graphics/display/mir-eir1-narrow-bg.jpg);
	background-size:cover;
    background-repeat: no-repeat;
    background-position: top;
    text-align: center;
    min-height: 10px;
    z-index: 2;
}
#home_icon {
    margin: 0;
    clear: none;
    position: absolute;
    top: 0px;
    right: 0;
    display: block;
    width: 47px;
    height: 53px
}
#home_icon a {
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
}
#print_header {
    display: none;
}
#header a {
    display: block;
    width: 100%;
    height: 100%;
}
#content {
    clear: both;
    text-align: center;
    margin-top: 5px;
    width: 100%;/* background-color:#CCCCFF */
}
.wide_image {
    margin: 0 auto
} /* to center image, set max-width of containing .wide_image block equal to width of image.  text-align attribute of block can be anything; margin 0 auto centers the block in its parent.   Unfortunately, not possible to center block of indeterminate width in its parent.  If .wide_image is applied to the img tag, the image will be centered without specifying its max-width or width (max-width=100% will suffice), but it is not possible to place a caption or title inside the img tag.  */
.book_block {
    margin: 1em 0;
}
.standard_iframe {
    max-width: 400px;
}
.aspect-ratio {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
hr {
    max-width: 90%
}
#subscribe {
    margin: 0;
    clear: none;
    position: absolute;
    top: 0px;
    right: 0;
    display: block;
    width: 64px;
    height: 51px;
}
#subscribe a {
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
}
#article_column {
    display: block;
    float: center;
    clear: both;
    margin: 0 10px 0 10px;
    text-align: left;
}
.hyphenate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
a {
    color: maroon;
}
a:visited {
    color: #076f07;
}
#adbar {
    background-color: black;
    padding: 3pt 0;
    text-align: center;
}
#adbar a {
    text-decoration: none;
    color: yellow;
    font: bold 10pt Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    line-height: 14pt;
    display: block;
}
#adbar a:hover {
    color: #00FF00;
}
#adbarh {
    display: none;
}

@media print {
#subscribe {
    display: none;
}
#home_icon {
    display: none;
}
#print_header {
    display: block;
}
#header {
    display: none;
}
.noprint {
    display: none;
}
#content {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
}
@page {
    size: 8.5in 11in;
    margin: 0.5in 0.4in
}
#adbar {
    display: none
}
}

@media screen and (min-width:252px) {
#container {
    width: 98.4%;
}
}

@media screen and (min-width:439px) {
#container {
    width: 99%;
}
#subscribe {
    position: absolute;
    top: 10px;
    right: 10px;
}
#home_icon {
    position: absolute;
    top: 10px;
    right: 10px;
}
#article_column {
    display: block;
    float: none;
    clear: both;
    margin: 0 10px 0 10px;
}
h2 {
    font-size: 140%;
}
h3 {
    font-size: 120%;
}
}

@media screen and (min-width:574px) {
#container {
    width: 99.2%;
}
#home_icon {
    display: none;
}
#article_column {
    display: block;
    float: none;
    clear: both;
    margin: 0 36px 0 36px;
}
/*#header{margin-left:36px}*/
}
@media screen and (min-width:590px)
{
	#header{
	background-image: url(../graphics/display/mir-eir1.jpg);
	min-height: 125px;
	}
	#header-narrow {
		display:none;
	}
	
}

@media screen and (min-width:656px)
{
	#article_column{margin:0 72px 0 72px}
}