body {
margin: 0;
padding: 0;
background-color: white;
color: black;
font-family: Georgia, "Bitstream Charter", serif;
}
/* ================= END VIEWPORT SETUP =================== */

#header {/* contains all top matter including nav-tabs; not jump link or category tab which are part of top-matter*/
text-align: left;
margin: 0;
padding: 0;
position: relative;
top: 0;
left: 0;
background-color: #f0f8ff;
height: 11em;
width: 100%;
padding-top: 1em;
border-bottom: 1px solid #4682b4;
}

/* place the risk bar (logo) on top */
#logo{
width: 449px;
position: absolute;
top: 10px;
left: 10px;
margin:0;
height: 81px;
z-index: 10;
border: none;
text-decoration: none;
background: transparent;
}

#logo a:link, #logo a:visited, #logo a:hover {
position: absolute;
top: 10px;
left: 10px;
margin:0;
height: 81px;
text-decoration: none;
border: none;
background:transparent;
}

/* Start the top nav bar (home, sitemap, about links)*/
#topnav {
position: absolute; 
top: 0.7em;
right: 2em;
background-color: #f0f8ff;
text-align: right;
font-size: 90%;
border: none;
height: auto;
width: 320px;
}

#topnav a:link, #topnav a:visited, #topnav a:hover {
display: inline;
margin: 0;
padding: 0;
background-color: #f0f8ff;
color: #4682B4;
}

#topnav a:visited {
color:#00008b;
background-color: #f0f8ff;
color: #4682B4;
}

#topnav a:hover {
text-decoration: none;
}


/* == End the top nav bar == */


/* == Start search bar, top right == */
#search {
margin-top: 1.6em;
margin-right: 2em;
float: right;
text-align: left;
border: none;
width: 220px;
border: none;
overflow: hidden;
}

fieldset {
border: none;
position: relative;
}

fieldset img {
vertical-align: top;
}

legend {
display: block;
font-size: 114%;
text-align: left;
margin-bottom: 0;
color: black;
}

.input-text {
border: none; 
font-size: 100%;
background-color: transparent; 
padding-top: 0.1em;
padding-right: 5px;
text-align: center;
background: url(../art/searchbox2.gif) no-repeat left top; width: 170px; height: 30px;
}

.submitbutton {
border-style: none; 
cursor: pointer;
position: absolute;
top: 2.4em;
right: 0.6em;
background: url(../art/searchbutton1.gif) no-repeat; 
width: 29px; 
height: 39px;
}

.submitbuttona:hover{
border-style: none; 
}

/* End search bar, top right */


/* ==== Header menu layout =======*/
caption {
height: auto;
padding-bottom: 0.1em;
}

.menu {
position: absolute;
bottom: 0;
left: 0;
border-collapse: collapse;
background: #f0f8ff 
}

.menu td {
font-size: 80%;
border: 1px solid #4682b4;
padding: 0;
text-align: center;
line-height: 1;
color: black;
}

.menu a:link, .menu a:visited {
display: block;
color: black;
padding: 0.3em 0.6em;
margin: 0;
text-decoration: none;
background: #f0f8ff url(../art/h2-7a.gif) repeat-x bottom center;
}

.menu 	a:hover {
display: block;
padding: 0.3em 0.6em;
margin: 0;
text-decoration: none;
background: #f0f8ff url(../art/h2-7.jpg) top center repeat-x;
}


/*==== right-hand topical nav-tabs ====*/
.menu2 {
position: absolute;
bottom: 0;
right: 0;
border-collapse: collapse;
background: #f0f8ff;
}

.menu2 td {
font-size: 80%;
border-top: 1px solid #4682b4;
border-left: 1px solid #4682b4;
padding: 0;
text-align: center;
line-height: 1;
color: black;
}

.menu2 a:link, .menu2 a:visited{
display: block;
color: black;
padding: 0.3em 0.6em;
margin: 0;
text-decoration: none;
background: #f0f8ff url(../art/h2-7a.gif) repeat-x bottom center;
}

.menu2 a:hover {
padding: 0.3em 0.6em;
margin: 0;
text-decoration: none;
background: white url(../art/h2-7.jpg) top center repeat-x;
}



/* ================= End header, start body =================== */

#W3counter {
 background-color: #f0f8ff;
padding-top: 25px;
margin: auto
}

#wrapper {/* start after header closes, sets pages width */
width: 98%;
max-width: 44em;
margin: 0 auto;
background-color: white;
}

#page {/* start (immediately) after wrapper, sets text width*/
max-width: 44em;
font-family: Georgia, "Bitstream Charter", serif;
line-height: 1.2;
margin: 0 auto;
font-size: 100%;
width: 100%;
}

#main-text {
margin-left: 0;
text-align: left;
font-size: 100%;
width: 100%;
background-color: white;}

.intro-box {
border: 6px solid #a2b5cd;
margin: 0.5em auto 0 auto;
width: 100%;
padding: 0.2em 0.6em 0.3em 0.6em;
text-align: left;}

.intro-box h3 {
width: 98%;
padding: 0.3em 0.6em 0.1em 0.6em;
line-height: 1.3;}

.intro-box p {
width: 98%;
line-height: 1.3;
margin-top: 1em;
margin-bottom: 0.2em;}


/* ========== Typography ========== */

p.copyrite,  p.copyright { 
text-align: center; }

p {
text-align: left;
font-size: 109%;
line-height: 1.4;
width: 100%;
font-family: Georgia, "Bitstream Charter", serif;
}


a:link{
display: inline;
margin: 0;
padding: 0;
background-color: #ffffff;
color: #0000cd;
text-decoration: underline;
line-height: 1.25;
}

a:visited {
display: inline;
margin: 0;
padding: 0;
text-decoration: underline;
background-color: #ffffff;
color: #00008b;
line-height: 1.25;
}

a:hover {
display: inline;
margin: 0;
padding: 0;
text-decoration: none;
line-height: 1.25;
}

h1 {
text-align: center;
font : 200%;
font-family: Georgia, "Bitstream Charter", serif;
margin-top: 0.8em;
line-height: 1.2;
}


h4 {
width: 100%;
font-family: Georgia, "Bitstream Charter", serif;
font-size: 120%;
display: block;
font-weight: normal;
vertical-align: middle;
}

blockquote p, blockquote li {
font-family: Calibri,  Arial, sans-serif;
font-size: 110%;
line-height: 1.3;
text-align: left;
}

blockquote h4 {
text-align: center;
font-family: Calibri,  Arial, sans-serif;
}

.smallnote {
font-size: 68%;
padding-left: 2em;
border: none; }

.smallstrike {font-size: 68%; 
line-height: 60%;
text-decoration: line-through;
padding-left: 2em;
border: none;}

.strikenote {
font-size: 68%;
line-height: 90%;
padding-top: 0.6em;
padding-bottom: 1em;
padding-left: 2em;
border: none;
}

.strike-locate {
text-decoration: line-through;
font-size: 0.8em;
font-style: italic;
text-align: right;
margin-top: 0;
margin-bottom: 0.6em;
margin-right: 0.6em;
width: 100%;
}


/* ==== Big Blue Numbered list =============*/
.blue-list dl {
text-align: left; 
}

.blue-list dt {
width: 48px;
float: left;
}

.blue-list img {
vertical-align: baseline;
}

.blue-list dd {
margin-left: 68px;
margin-bottom: 1.7em;
text-align: left;
line-height: 1.4;
}

.blue-list h4 {
margin-top: 0.1em;
margin-bottom: 0;
margin-left: 10px;
}

.blue-list p {
margin-top: 0.4em;
width: 98%;
margin-left: 10px;
}

.blue-list strong {
font-size: 118%;
padding-right: 0.4em;
}
/* ==== End numbered list =============*/



/* ==== Start indented small blue numbered list =============*/

.smblue-list dl {
text-align: left; 
}

.smblue-list dt {
width: 30px;
float: left;
}

.smblue-list img {
vertical-align: baseline;
}

.smblue-list dd p {
margin-left: 36px;
margin-bottom: 1.2em;
text-align: left;
line-height: 1.4;
font-size: 108%;
}

.smblue-list h4 {
margin-top: 0.1em;
margin-bottom: 0;
}

.smblue-list p {
margin-top: 0.2em;
line-height: 1.1;
}


/* ========== Ball lists including needed print directions ===== */

ul, li {
margin: 0; 
padding: 0;
line-height: 1.3;
font-family: Georgia, "Bitstream Charter", serif;
font-size: 100%;
} 

ul.med-ball { 
list-style-type: none; 
} 

ul.med-ball li { 
list-style: none;
background: url(../art/med-ball.gif) no-repeat 0.5em top; 
padding: 0 0 1em 3em; 
} 

.med-ball li { 
 background: transparent; 
 padding: 0 0 0 1.5em; 
font-size: 100%; } 

.smallball ul { 
list-style-type: none; 
padding: 0 0 2em 2em;   } 

.smallball li { 
list-style: none;
background: url(../art/smallball.gif) no-repeat left top; 
padding: 0 0 0.5em 2em; 
font-size: 100%; }

 .dl-list ul {
margin-left: 4em;  
list-style-type: none; } 

 .dl-list li { 
list-style: none;
background: url(../art/smallball.gif) no-repeat left top; 
padding: 0 0 0.5em 2em; 
font-size: 100%; }


table.dialog { font-size: 110%;
vertical-align: top;
 margin: 1em 2em;  }

.dialog-row-1 { 
vertical-align: top;
padding-bottom: 5px;  }

.dialog-row-2 {
vertical-align: top;
margin-bottom: 2em; }

.left-col {
vertical-align: top;
padding-right: 1em;
font-weight: bold;   }

.right-col {
vertical-align: top;
text-align: left;  }



ul, ol {
margin: 0;
padding: 0;
text-align: left;
font-size: 1.1em;
font-family: Georgia, "Bitstream Charter", serif;
}
} 
.index .smallball  { 
margin: 1em 0; 
list-style-type: none;
} 

.index .smallball li {
list-style: none;
background: url(../art/smallball.gif) no-repeat left top; 
padding: 0 0 0 2em; 
margin: 0 0 0 2em; 

} 

ol {
margin-left: 1.3em;
padding-left: 1.3em;
text-align: left;
list-type: 1;
}

ol li {
list-type: 1;
font-size: 1em;
margin-bottom: 1em;
padding-left: 0.6em;
}


/* ==== Use this instead of OL list ; OL list now works, need this code for older files =============*/
dl { text-align: left;  margin-left: 0.3em; }

dt { text-align: right; width: 0.5em;  float: left;  }

dd {  padding-left: 0.6em; margin-left: 1.4em;  line-height: 1;
} 

.roman { font-family: Cambria, "Palatino Linotype",  Georgia, serif; font-size: 100%;
}

.sans-serif { font-family: Calibri,  Arial, sans-serif; }

.media_dt {font-size: 120%; width: 100%; text-align: left; }

.footnote {font-size:  80%; border-top: 1px gray solid;  margin-bottom: 3em; margin-left: 0.6em; width: 100%; }


/*  corona link box at top of corona list page */
#wuhan-index-links {
display: grid;
grid-template-columns:   1fr 1fr ;
grid-template-rows: 1fr 1fr; 
max-width: 1000px;
font-size: 90%;
border: 2px solid #191970;
padding: 0.5em 0.6em 0.3em 0.6em; 
border-radius: 2em;
margin-top: 2em;
margin-bottom: 3em;
text-align: center;
}

.col-1 {display: grid;
grid-column: 1  span 1;
grid-row: 1;
margin-top: 0.5em;}

.col-2 {display: grid;
grid-column: 2  span 1;
grid-row: 1;margin-top: 0.5em;}

.col-3 {display: grid;
grid-column: 1 / 3;
grid-row: 2;
text-align: center; 
margin-top: 1.5em;
margin-bottom: 0.9em;}


/*  corona link box at top of articles */
#wuhan-cross-links {
display: grid;
grid-template-columns:   50% 50%;
width: 98%;
font-size: 90%;
border: 1px solid #191970;
padding: 0.4em 0.6em 0.7em 0.4em; 
border-radius: 2em;
margin-top: 2em;
margin-bottom: 1.5em;
text-align: center;
justify-content: center;
}

.col-1 {display: grid;
grid-column: 1  span 1;
grid-row: 1;
margin-top: 0.5em; 
justify-self: center;}

.col-2 {display: grid;
grid-column: 2  span 1;
grid-row: 1;margin-top: 0.5em;
justify-self: center;}



#all-ftr {
border-top: 1px solid #4682b4;
color: black;
background-color: #f0f8ff;
border-top-width: 1px;
text-align: center;
font-size: 90%;
padding-top: 1em;
margin-top: 2em;
margin-bottom: 5px;
width: 100%;}

#footer1 {
margin-top: 1em;
text-align: center; 
}

#all-ftr a:link {background-color: #f0f8ff; }
#all-ftr a:visited {background-color: #f0f8ff; }
#all-ftr a:hover {background-color: #f0f8ff; }
#all-ftr a:active {background-color: #f0f8ff; }


#footer2 {
padding-top: 1em;
margin-top: 1em;
}

.snowtao {text-align: center; 
margin: 0.5em auto;
font-size: 90%;
}




.menu-ctr {
display: block;
display: table;
margin: 0 auto;
}

.menu-yr {
display: block;
width: 100%;
margin: 1em auto 1em auto;
text-align: center;
font-size: 100%;
line-height: 1;
font-family: Cambria, "Times New Roman", Times, serif;
}

.menu-yr ul {
text-indent: 0;
display: block;
text-align: center;
list-style: none;
text-align: center;
}

.menu-yr ul li {
float: left;
border-top: 1px solid #4682b4;
border-bottom: 1px solid #4682b4;
border-left: 1px solid #4682b4;/* divider between menu items*/
}

.menu-yr ul li a:link, .menu-yr ul li a:visited {
float: left;
color: black;
padding: 0.4em 1em;
width: auto;
text-decoration: none;
font-weight: normal;
background: transparent url(../art/yelback.jpg) repeat left top;
border-top: 1px solid #4682b4;
border-bottom: 1px solid #4682b4;
border-right: 1px solid #4682b4;/* divider between menu items*/
}

.menu-yr ul li a:hover { /* /*/
color: black;
padding: 0.4em 1em;
width: auto;
background: #fffacd;
}

.first {
margin-left: 0;
border-left: 1px solid #4682b4;
}

.cat-foot {margin-top: 2em;}


hr {
margin-top: 1.7em;
margin-bottom: 1.5em;
margin-left: auto;
margin-right: auto;
height: 5px;
background: #4F94CD;
}


/*  Blue translated text in columns list. */
.translated { /* this is the separate translated linked title*/
display: block;
width: 100%;
padding: 0.2em;
padding-left: 0.5em;
margin-left: 1em;
font-family: "Palatino Linotype", Georgia, "Bitstream Charter", serif;
font-size: 120%;
font-style: normal;
vertical-align: middle;
text-align: left;
}

p.trans-title  { /* title header for small lists of links; blue background */
display: inline-block;
background:  #B0E2FF;
border-top: 1px solid #8DB6CD;
border-right: 2px solid #8DB6CD;
border-bottom: 2px solid #8DB6CD;
border-left: 1px solid #8DB6CD;
width: 90%;
padding: 0.2em;
padding-left: 0.5em;
margin-top: 0.4em;
margin-bottom: 0;
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
font-size: 120%;
font-style: normal;
vertical-align: middle;
text-align: left;
} 

p.trans-text {
display: inline-block;
background:  #F0F8FF;
border-top: 1px solid #8DB6CD;
border-right: 2px solid #8DB6CD;
border-bottom: 2px solid #8DB6CD;
border-left: 1px solid #8DB6CD;
width: 84%;
padding: 0.2em;
margin-top: 0.2em;
margin-bottom: 0.2m;
margin-left: 1.2em;
font-family: "Palatino Linotype", Georgia, "Bitstream Charter", serif;
font-size: 106%;
font-style: normal;
vertical-align: middle;
text-align: left;
}

.translated a:link, .translated e a:visited .translated a:hover {
margin-left: 1em;
display: block;
font-size: 80%;
background-color: #F0F8FF;
color: #00008b;
}

.translated a:visited {
background-color: #F0F8FF;
color: #00008b;
}

.translated a:hover{
background-color: #F0F8FF;
}


.brdr {
margin: 0 auto;
text-align: center;
border: 2px solid #191970;
}

img.nobrdr {
border: none;
background: none;
}

.center {
margin: 1em auto;
text-align: center;
}