body {background: white; color: black; background-image: url("MI People faint.jpg")}

#milogo  {margin-left: 15px; margin-bottom: 10px;} 
#milogo img {border: 0px;}

a:visited  {color: #70B; text-decoration: underline;}

#navbuttons {background-image: url("fade bar.jpg"); padding-top: 40px;
             position: absolute; left: 15px; top: 130px; 
             text-align: center; width: 144px; height: 1200px;
             font: 100% Arial, sans-serif;}
#navbuttons a {display: block; margin: 8px; border: 2px solid; color: navy;
               width: 124px; background-color: #DDD; border-color: white black black white;}
#navbuttons a#currbutt {background-color: #CCC; border-color: black white white black ;}
#navbuttons a:link, a:visited, a:active {text-decoration: none;}
#navbuttons a:hover {background-color: #CCF;}
#navbuttons a:active {background-color: #CCF; border-color: black white white black;}

#contents {background: white; padding: 0; border: 0; 
           font: 90% Arial, sans-serif; line-height: 140%;}
#contents a {display: block;}
#contents a:link, a:visited, a:active {text-decoration: none;}
#contents a:hover {background-color: #CCF;}
a.l1b {margin-left: 0px;  color: navy;}
a.l2g {margin-left: 12x; color: green;}
a.l3r {margin-left: 24px; color: #D00;} 
a.l3k {margin-left: 24px; color: black;} 
span.l1b {margin-left: 0px;  color: navy;}
span.l2g {margin-left: 12px; color: green;}
span.l3r {margin-left: 24px; color: #D00;} 
span.l3k {margin-left: 24px; color: black;}

a.xl1b {margin-left: 0px;  color: navy;}
a.xl2g {margin-left: 10x; color: green;}
a.xl2c {margin-left: 10px; color: #C0C;}
a.xl3r {margin-left: 10px; color: #D00;} 
a.xl3k {margin-left: 10px; color: black;} 
span.xl1b {margin-left: 0px;  color: navy;}
span.xl2g {margin-left: 10px; color: green;}
span.xl2c {margin-left: 10px; color: #C0C;}
span.xl3r {margin-left: 10px; color: #D00;} 
span.xl3k {margin-left: 10px; color: black;}

#backbutton {background: white; padding: 0;
             position: absolute; left: 18px; top: 72px; 
             text-align: center; width: 75px;
             font: 100% Arial, sans-serif;}
#backbutton a {display: block; margin: 3px; border: 2px solid; color: navy;
               background-color: #DDD; border-color: white black black white;}
#backbutton a:link, a:visited, a:active {text-decoration: none;}
#backbutton a:hover {background-color: #CCF;}
#backbutton a:active {background-color: #CCF; border-color: black white white black;}

#backbutton2 {background: white; padding: 0;
              display: block; text-align: center; width: 250px;
              font: 100% Arial, sans-serif;}
#backbutton2 a {display: block; margin: 3px; border: 2px solid; color: navy;
               background-color: #DDD; border-color: white black black white;}
#backbutton2 a:link, a:visited, a:active {text-decoration: none;}
#backbutton2 a:hover {background-color: #CCF;}
#backbutton2 a:active {background-color: #CCF; border-color: black white white black;}

#closebutton {background: white; padding: 0;
              position: absolute; left: 560px; top: 14px; 
              text-align: center; width: 80px;
              font: 100% Arial, sans-serif;}
#closebutton a {display: block; margin: 3px; border: 2px solid; color: navy;
                background-color: #DDD; border-color: white black black white;}
#closebutton a:link, a:visited, a:active {text-decoration: none;}
#closebutton a:hover {background-color: #CCF;}
#closebutton a:active {background-color: #CCF; border-color: black white white black;}

#main {color: navy; text-align: justify; 
       position: absolute; left: 170px; padding-top: 50px; padding-right: 100px;
       min-height: 200px; max-height: 450px; max-width: 900px;
       font: 100% Arial, sans-serif;}
#main p  {margin: 15px 10px; line-height: 1.2em;}
#main p#about {margin-top: 32px;}
#main p#qual {margin-top: 0;}
#main h2 {margin: 20px 10px 15px; line-height: 1.2em; text-align: center;}
#main h3 {margin: 30px 10px 15px; line-height: 1.2em;}
#main h3#name {margin-bottom: 0;}
#main h4 {margin: 20px 10px 15px;}
#main h4.motto {margin: 0px 10px 15px; color: #3333CC;}
#main table {margin: -10px 7px 15px;}
#main td {padding-right: 10px; color: navy;}
#main ul {margin: 15px 55px; line-height: 1.2em;}
#main ul#welclist{margin: 15px 55px; font: 110% Arial, sans-serif; line-height: 1.8em;}

#sampleHB {color: navy; text-align: justify; 
       position: absolute; left: 30px; padding-top: 50px; padding-right: 50px;
       min-height: 200px; max-height: 450px; max-width: 900px;
       font: 100% Arial, sans-serif;}
#sampleHB td {border: 1px solid; padding: 5px; font: 90% Arial, sans-serif;}
       
#lmmapd {color: navy; text-align: justify; 
         position: absolute; left: 170px; padding-top: 520px; padding-right: 100px;
         font: 100% Arial, sans-serif;}
#bpmapd {color: navy; text-align: justify; 
         position: absolute; left: 170px; padding-top: 340px; padding-right: 100px;
         font: 100% Arial, sans-serif;}

#doctext {background: white; color: navy; text-align: justify; font: 100% Arial, sans-serif;}
#doctext p  {margin: 15px 10px; line-height: 1.2em;}
#doctext h2 {margin: 25px 10px 15px; line-height: 1.2em;}
#doctext h3 {margin: 25px 10px 15px; line-height: 1.2em; clear: left;}
#doctext h4 {margin: 10px 10px 10px; line-height: 1.2em;}
#doctext ul {margin: 15px 55px; line-height: 1.2em;}
#doctext a {font-weight: bold;}

#explain {width: 300px; color: #3333CC; font-style: italic; font-weight: bold;}

#diags {background: white; color: navy; font: 100% Arial, sans-serif; margin-left: 10px;}
#diags a {display: block; border: 2px solid; 
          width: 100px; text-align: center;
          background-color: #DDD; border-color: white black black white;}

#map {background: white;}
#map img {border-style: none;}

.cright {color: white; font: 90% Arial, sans-serif;}
.la { float: left;  text-align: left;  width: 60%; background: #33C;}
.ra { float: right; text-align: right; width: 40%; background: #33C;} 

#endmark {text-align: center;}

#news {color: #f47; font-style: italic;}

.quote {font-size: 100%; font-style: italic; padding-left: 30px;}

.symbol {color: blue; text-decoration: underline; font-weight: bold;}

em {font-style: normal; font-weight: bold;}
strong {font-weight: normal; color: red;}
.smaller {font-size: 90%;}

#graph1 {position: absolute; top: 30px; left: 450px;}
#graph2 {position: absolute; top: 145px; left: 5px;}

ul {list-style-type: square}
ul.smlmrg {padding-left: 0px;}
ul.plain {list-style-type: none}
ul.plain2 {list-style-type: none; padding-left: 3px;}
ul.level2 {list-style-type: circle;}
li.dblspc {margin-bottom: 10px;}

.smallanch {font-size: 80%;}

.standout {color: magenta; font-weight: bold;}
.standout a:link, a:active {color: blue; text-decoration: underline;}
.standout a:visited {color: #60F;}

#bluetxt {color: blue;}
.navytxt {color: navy;}
#greentxt {color: green;}
#redtxt {color: red;}
.redittxt {color: red; font-style: italic;}
#blacktxt {color: black;}

#diagram {float: left; margin-right: 20px; margin-left: 10px; margin-bottom: 25px;}

#thumbs {background: white; color: navy; text-align: justify;
         position: absolute; left: 10px; top: 10px; width: 550;
         font: 100% Arial, sans-serif;}
#thumbs h3 {margin: 15px 17px 15px;}
#thumbs p {margin: 15px 17px 15px; font-size: 90%;}
#thumbtab td {color: navy;}
#thumbtab td.thumb {padding-left: 20px; padding-top:10px; 
                    text-align: center; color: navy;}

#tempdoc {background: white; color: navy; text-align: justify;
          position: absolute; left: 10px; top: 510px; width: 550;
          font: 90% Arial, sans-serif;}

#example {background: white; color: navy; font: 100% Arial, sans-serif;
          width: 800px;}

#egtable1 {font: 100% Arial, sans-serif; color: navy;
           width: 800px; border: 1px solid; border-color: black;}
#egtable1 td {padding-left: 5px; padding-right: 8px;
              vertical-align: top; line-height: 1.2em; 
              width: 350px; border-color: black;}

#egtable2 {font: 100% Arial, sans-serif; color: navy;
           width: 800px; border: 1px solid; border-color: black;}
#egtable2 td {padding-left: 1px; padding-right: 5px;
              vertical-align: top; border-color: black;}

#doctab {float: none; margin-left: 10px; margin-right: 20px; margin-bottom: 25px;
         border: 1px solid; border-color: blue;
         font-size: 100%; color: navy;}
#doctab td {width: 500px; vertical-align: top;}

#doctab2 {margin-bottom: 25px; margin-left: 10px;
          border: 1px solid; border-color: blue;
          font-size: 90%; color: navy;}
#doctab2 td {width: 200px; vertical-align: top;}

#doctab3 {margin-bottom: 25px; margin-left: 10px;
          border: 1px solid; border-color: blue;
          font-size: 90%; color: navy;}
#doctab3 td {width: 350px; vertical-align: top;
	         border-color: blue; padding: 8px;}

#doctab4 {margin-bottom: 25px; margin-left: 10px;
          font-size: 90%; color: navy;}
#doctab4 td {width: 350px; vertical-align: top; padding: 4px;
	         border-style: solid; border-color: blue; border-width: 1px;}
#doctab4 td.tl {border-width: 1px 1px 1px 1px; }
#doctab4 td.tr {border-width: 1px 1px 1px 0; }
#doctab4 td.l  {border-width: 0 1px 1px 1px;  }
#doctab4 td.r  {border-width: 0 1px 1px 0;  }
#doctab4 td.bl {border-width: 0 1px 1px 1px; }
#doctab4 td.br {border-width: 0 1px 1px 0; }
#doctab4 td.nb {border-width: 0;}

#bpmap {border: 2px solid; border-color: blue;}}
#lmmap {border: 2px solid; border-color: blue;}}

.heading {text-align: center; background: navy; color: white;}
.tabhead {background: #3333CC; color: white; font-size: 110%;}
.cellhead {font-weight: bold;}

p.quote {font: italic;}

// The following styles are superceded by alternatives loaded when
// the browser is not Internet Explorer.  See script 'mi_brcss.js'.

#topbuttons {background: white; width: 800px;}
#topbuttons a {font: 90% Arial, sans-serif; color: navy;
               padding: 2px; margin-top: -10px;  height: 15px;  
               vertical-align: 20px; border: 2px solid; 
               background-color: #DDD; border-color: #DDD black black #DDD;}
#topbuttons a:link, a:visited, a:active {text-decoration: none;}
#topbuttons img {vertical-align: 0px; margin-top: -41px;}
#tinymi {font-style: italic;}
#topbuttons .dummya {font: 90% Arial, sans-serif; color: navy;
               padding: 2px; margin-top: -10px;  height: 15px;  
               vertical-align: 20px; border: 2px solid; 
               background-color: #DDD; border-color: #DDD black black #DDD;}

#key {background: white; font: 90% Arial, sans-serif;
      padding: 0; border: 0; margin-top: -10px; line-height: 130%;}
#topic {color: navy; width: 100px;}
#more  {color: green; width: 140px;}
#temp  {color: #D00; width: 100px;}
#examp {color: black; width: 100px;}
#keysym {position: absolute; left: 235px; top: 10px;}

#doctab ul {margin-left: 32px;}

#anim1 {position: absolute; top: 523px; left: 685px;}
#anim2 {position: absolute; top: 358px; left: 591px;}
#anim3 {position: absolute; top: 550px; left: 336px;}
#anim4 {position: absolute; top: 918px; left: 360px;}
#anim5 {position: absolute; top: 832px; left: 770px;}
#anim6 {position: absolute; top: 986px; left: 168px;}



