body {
margin: 0;
padding: 0;
background-color: white;
color: black;
font-family: "Palatino Linotype", "Bookman Old Style", 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: 42em;
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
line-height: 1.2;
margin: 0 auto;
font-size: 110%;
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: 0.3em;
margin-bottom: 0.2em;}

.translated { /* this is the separate translated linked title*/
display: inline;
font-size: 90%;
font-family: Cambria;
color: #00008b;
background-color: #f0ffff;}

.translated a:link, .translated a:visited .translated a:hover {
margin-left: 1em;
display: inline;
font-size: 90%;
background-color: #f0ffff;
color: #00008b;
}

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

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

.transtext { /* this is the in-text translated linked title*/
display: inline;
font-size: 100%;
color: #00008b;
background-color: #f0ffff;
}

.transtext a:link, transtext a:visited transtext a:hover {
display: inline;
font-size: 100%;
background-color: #f0ffff;
color: #00008b;
}

.transtext a:visited {
background-color: #f0ffff;
color: #00008b;
}

.transtext a:hover{
background-color: #ffffff;
}


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

p {
text-align: left;
font-size: 100%;
line-height: 1.4;
width: 42em;
}

p.intro {
width: 80%;
text-align: center; /* to center box in IE*/
margin: 1em auto 2em auto;
text-align: left;
}

p.intro a {
margin: 0;
padding: 0;
text-decoration: underline;
background:none;
}

p.intro a:hover {
margin: 0;
padding:0;
text-decoration: none;
background-color: #ffffff;
}

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%   "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
margin-top: 0.8em;
line-height: 1.2;
}


h2 {
width: 100%;
margin: 1em auto 1em auto;
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
font-size: 180%;
display: block;
font-weight: normal;
vertical-align: middle;
letter-spacing: 2px;
text-align: center;
background: #f0f8ff url(../art/yelback.jpg) repeat right top;
border-top: 3px solid #eee8aa;
border-right: 3px solid #eed8ae;
border-bottom: 3px solid #eee9bf;
border-left: 3px solid #f5f5dc;
padding: 0.2em;
clear: both;
}

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

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

.source {
text-align: right;
font-size: 90%;
margin-right: 0;
}

.summary {
margin-top:2em;
}

.sm-cap {
font-family: Calibri,"Century Gothic", Corbel, "Bitstream Vera Sans",  Arial, sans-serif;
font-variant: small-caps;
}

.sm-cap-roman {
font-family:"Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
font-size: 94%;
text-transform: uppercase;
}

blockquote p, blockquote li {
font-family: Calibri,"Century Gothic", Corbel, "Bitstream Vera Sans",  Arial, sans-serif;
font-size: 0.95em;
line-height: 1.3;
text-align: left;
}

blockquote h4 {
text-align: center;
font-family: Calibri,"Century Gothic", Corbel, "Bitstream Vera Sans",  Arial, sans-serif;
}

/* keep superscript and subscript text from breaking the line-spacing */
sup {
font-size: smaller;
vertical-align: baseline;
position: relative;
bottom: 0.33em;
}
sub {
font-size: smaller;
vertical-align: baseline;
position: relative;
bottom: -0.25em;
}

acronym {
border-bottom: 1px dotted #333;
}

.non-linktitle {
width: 100%;
font-size: 108%;
font-style: normal;
display: block;
vertical-align: middle;
text-align: left;
position: relative;
margin: 0;
padding: 0.1em;
padding-left: 0.8em;
margin-bottom: 0.2em;
margin-top: 0.2em;
text-indent: 0;
background-color: #fffacd;
text-decoration: none;
width: 96%;
}


/* ======== Graphics ========== */
img.brdr {
margin: 0 auto;
text-align: center;
border: 2px solid black;
}

img.nobrdr {
border: none;
}

img.icon {/* inline graphic denoting pdf or other file type */
border: none;
}

img.WMV {
border: none;
vertical-align: middle;
}

img.right {
float: right;
border: 1px solid black;
padding-left: 0.1em;
}

.right {
float: right;
}

img.left {
float: left;
border: none;
padding-right: 0.5em;
}

.fl-left {
position: relative; 
left: 0;
padding-right: 0.6em;
}

.center {
text-align: center;
margin: 0 auto;
}

th {
font-size: 1.2em;
}

td {
text-align: left;
padding-left: 1em;
padding-right: 1em;
}


/* ======= End graphics =========== */


/* ======== Year menu: webpubs, articles, columns, gst-index ======*/
/* ====  Modified from a menu system by Dynamic Drive CSS Library =======  */
/*URL: http://www.dynamicdrive.com/style/ */

.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: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", 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;
}


/*  ==== end year menu ====== */

/*Small listings of links with yellow backgrounds in Topical indexes */
.linklist {
width: 94%;
text-align: left;
margin-right: 2em;
margin-bottom: 1em;
}

.linklist h3 { /* title header for small lists of links; yellow pattern background */ 
background: #f0f8ff url(../art/yelback.jpg) repeat right top;
border-top: 1px solid #f0ffff;
border-right: 2px solid #eed8ae;
border-bottom: 2px solid #eed8ae;
width: 56%;
padding: 0.1em;
padding-left: 0.5em;
margin: 1em 0;
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
font-size: 120%;
font-style: normal;
display: block;
vertical-align: middle;
text-align: left;
}

.linklist p, .spectrans p {
width: 92%;
position: relative;
margin: 0;
padding: 0.1em;
margin-right: 2em;
margin-bottom: 0.1em;
clear: both;
}

.linklist span, .spectrans span{
display: block;
padding-left: 0.8em;
margin-right: 2em;
margin-bottom: 0.1em;
margin-left: 1em;
background-color: #fffacd;
border: 1px solid #ffe4c4;
border-top: none;
text-decoration: none;
width: 95%;
}

.linklist a:link {
display: block;
padding-left: 0.8em;
margin-right: 2em;
margin-bottom: 0.1em;
margin-left: 1em;
background-color: #fffacd;
border: 1px solid #ffe4c4;
text-decoration: none;
width: 98%;
}

.linklist a:visited {
display: block;
padding-left: 0.8em;
margin-bottom: 0.1em;
margin-left: 1em;
color:#000000;
background: #fffacd url(../art/checkmark1.gif) no-repeat left center;
border: 1px solid #ffe4c4;
text-decoration: none;
width: 98%;
}

.linklist a:hover {
display: block;
text-decoration: none;
background-color:#ffffff;
padding-left: 0.8em;
margin-bottom: 0.1em;
margin-left: 1em;
text-decoration: none;
width: 98%;
}


/*Half-width listings of translation links with BLUE backgrounds in Topical indexes */
.translist {
width: 50%;
margin-left: 2em;
text-align: left;
margin-right: 2em;
margin-bottom: 1em;
}

/* Full-width listings of translation links with BLUE backgrounds in Topical indexes */

.translist-wide {
width: 96%;
margin-left: 2em;
text-align: left;
margin-right: 2em;
margin-bottom: 1em;
}

.translist h3, .translist-wide h3 { /* title header for small lists of links; blue pattern background */ 
background: #f0ffff url(../art/transback.jpg) repeat right top;
border-top: 1px solid #87ceeb;
border-right: 2px solid #87ceeb;
border-bottom: 1px solid #4682b4;
border-left: 1px solid #87ceeb;
width: 90%;
padding: 0.1em;
margin: 0.5em 0;
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
font-size: 106%;
font-weight: normal;
display: block;
vertical-align: middle;
text-align: left;
}

 .translist-wide h3 {
width: 50%;
}

.translist p, .translist-wide p {
width: 90%;
position: relative;
margin: 0;
padding: 0.3em;
margin-right: 2em;
margin-bottom: 0.1em;
clear: both;
}

.translist a:link, .translist-wide a:link {
display: block;
padding: 5px;
padding-left: 0.8em;
margin-right: 2em;
margin-bottom: 0.1em;
margin-left: 1em;
background-color: #f0ffff;;
border: 1px solid #87ceeb;
border-bottom: 1px solid #4682b4;
text-decoration: none;
width: 100%;
}

.translist a:visited, .translist-wide a:visited {
display: block;
padding-left: 0.8em;
margin-bottom: 0.1em;
margin-left: 1em;
color:#000000;
background: #f0ffff url(../art/checkmark1.gif) no-repeat left center;
border: 1px solid #87ceeb;
border-bottom: 1px solid #4682b4;
text-decoration: none;
width: 100%;
}

.linklist-small a:hover {
display: block;
text-decoration: none;
background-color:#ffffff;
padding-left: 0.8em;
margin-bottom: 0.1em;
margin-left: 1em;
text-decoration: none;
}


.toplink {/* the arrow "up" to the index; graphic is in the html for accessibility */
text-align: right;
float: right;
margin-left: 1em;
width: 50px;
zoom: 1;
background: white;
}

.toplink a:link, .toplink a:visited,.toplink a:hover {
background: white;
}

/* ================= Start all footers =================== */

.copyrite {
text-align: center;
font-size: 90%;
margin: auto;
padding-left: 3em;
}

#all-ftr { /* contains all the footers */
color: #191970;
text-align: center;
margin: 4em auto 0 auto;
width: 100%;
border-top: 3px solid #6699cc;
background-color: #f0f8ff;
}

#footer1{/* footer 1 = comment tabs */
clear:both;
display: block;
text-align: center; /* to center box in IE*/
margin: auto;
height: 80px;
width: 100%;
background-color: #f0f8ff;
padding-top: 1em;
text-decoration: none;
}


/* ============ New contact footers =============*/
#contact {margin-right: auto;  margin-left: auto; text-align: center; font-size: 1.4em;  background-color: #f0f8ff; ; padding: 5px;  }
#contact a:link, #contact a:visited {background-color: #f0f8ff; text-decoration: underline; text-align: center; font-size: 1em;}
#contact a:hover {background-color: #f0f8ff; text-decoration: none; text-align: center; font-size: 1em;}

#footer1 img {
text-decoration: none;
border: none;
}

#footer1 a:link, #footer1 a:visited, #footer1 a:hover{
display: inline;
text-decoration: none;
border: none;
background-color: #f0f8ff;
text-align: center;
}

div#footer2  /* footer 2 = contact info */  {
display: block;
text-align: center; /* to center box in IE */
line-height: 1.1em;
width: 100%;
height: 15em;
margin: 0 auto;
padding: 1em 1em 1em 1em;
background-color: #f0f8ff;
}
#footer2 table {
text-align: left;
margin: 0 auto;
width: 36em;
max-width: 45em;
border: none;
}

#footer2 td {
vertical-align: top;
width: 50%;
padding-left: 2em;
}

#footer2 h3 {
margin: 1em 0 1em 0;
padding: 0 0 1em 0;
}

#footer2 td a:link, #footer2 td a:visited {
background-color: #f0f8ff;
} 
#all-ftr h3 {margin-top: 0; margin-bottom: 0;  }



/* open Snowtao */
.snowtao {
width: 100%;
margin: 0 auto;
padding: 6px;
font-size: 0.9em;
text-align: center;
background-color: #f0f8ff;
}

.snowtao a:link, .snowtao a:visited {
background-color: #f0f8ff;
}
/* close Snowtao */
/* ===== End all footers ======== */


.bigdivider { /* light gray-green bar, half the width of the text area. Use a content-empty para. */
position: relative;
margin-top: 1.5em;
border-top: 4px solid #4682b4;
width: 100%;
text-align: center;
clear: both;
}

/* ==== 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 {
margin-left: 36px;
margin-bottom: 1.2em;
text-align: left;
line-height: 1.2;
}

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

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


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

ul, li {
margin: 0; 
padding: 0;
line-height: 1.3;
} 

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

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

.med-ball li { 
 background: transparent; 
 padding: 0; 
} 

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

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

.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-bottom: 1em;
padding-left: 1.3em;
text-align: left;
list-type: 1;
}

ol li {
list-type: 1;
font-size: 100%;
}

/* ==== Use this instead of OL list =============*/

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: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
font-size: 100%;
}

.sans-serif {
font-family: Calibri,"Century Gothic", Corbel, "Bitstream Vera Sans",  Arial, sans-serif;
}

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