body {text-align: center; font-weight: normal; margin: 1em 3%; line-height: 2; font-size: 16px; font-family: Trebuchet MS; background-color: #7D9EC0}

#maintext {text-align: justify; width: 75%; margin: 2em 3% 0; line-height: 1.2; font-size: 76.5%}
#maintext2 {text-align: justify; width: 87%; margin: 2em 3% 0; line-height: 1.1; font-size: 85%}
#maintext3 {width: 87%; font-size: 85%}
#maintext4 {text-align: justify; width: 90%; margin: 1em 3% 0 0.5%; line-height: 1; font-size: 90%}

div.notes {font-size: 90%; font-weight: normal}


#rimg {margin-bottom: 0.2em; border: solid black; float: right; width: 100%}

div.lcol {float: left; width: 21%; text-align: right; font-weight: bold; font-size: 115%}
div.rcol {width: 65%; float: right; text-align: justify; border: solid black; font-family: Verdana; font-size: 85%; background: silver; padding: 2em 3%; color: #2F2F4F}
div.rcol2 {width: 40%; float: right; text-align: justify; margin: -5em -11% 0; font-family: Verdana; font-size: 85%; padding: 2em 3%; color: #2F2F4F}

span.connexions {color: purple; font-size: 110%}
#banner {text-align: center; border: solid black; background: silver; padding: 0.5em 0}

#header {line-height: 0.5}

#headmp {font-family: papyrus; font-size: 3em; color: purple; margin-bottom: 0.6em}


#lhead {float: left; width: 33.3%; line-height: 1}
#rhead {float: right; width: 33.33%; line-height: 1}

#ltext {float: left}

#cdiv {text-align: center}

span.mp {font-family: papyrus; color: purple; line-height: 1.5}

span.mp2 {font-family: papyrus; color: purple; line-height: 1.5; font-weight: bold; font-size: 115%}

a.mpa1 {background: silver; font-weight: bold; color: purple; border: solid black thin; cursor: pointer; text-decoration: none; padding: 0.5%}

a.mpa2 {background: silver; color: purple; font-weight: bold; border: solid black thin; cursor: pointer; text-decoration: none}

a.mpa3 {background: silver; color: purple; font-weight: bold; border: solid black thin; cursor: pointer; text-decoration: none; padding: 0.5%}

a.mpa4 {background: silver; color: purple; font-weight: bold; border: solid black thin; cursor: pointer; text-decoration: none; padding: 0.2em 0.5%}

a.current {background: purple; color: silver; border: solid black thin; cursor: pointer; text-decoration: none; padding: 0.5%}

a.ctomp {text-decoration: none}

span.textlink {display: block; text-align: center; line-height: 2.5em; margin-bottom: -1.5em}

div.mpamargr {display: inline; margin-right: 0.2%}

div.mpamargb {display: block; margin-bottom: 1.5em}

div.mpamargc {display: block; margin-bottom: 1.25em}

div.mpamargd {display: block; margin-bottom: 1em; padding-bottom: 2em}

div.mpamargt {margin-right: 0; text-align: center; width: 150%}

#mpa2 {color: purple; text-decoration: none; margin-right: 4%}

div.arrows {width: 105%}

span.up {width: 1%; border-style: solid; border-width: 3em 1.5em; border-color: silver silver purple silver; float: left; cursor: pointer;line-height: 0em}

span.down {width: 1%; border-style: solid; border-width: 3em 1.5em; border-color: purple silver silver silver; cursor: pointer; line-height: 0em}

span.back {width: 1%; border-style: solid; border-width: 1.5em 3em; border-color: silver purple silver silver; cursor: pointer; line-height: 0em}

span.forward {width: 1%; border-style: solid; border-width: 1em 2em; border-color: silver silver silver purple; float: right; cursor: pointer; line-height: 0em; margin-top: 1em}

span.forward2 {width: 1%; border-style: solid; border-width: 1em 2em; border-color: silver silver silver red; float: right; cursor: pointer; line-height: 0em; margin-top: 1em}

div.indent {text-indent: 10%}

div.indent2 {text-indent: 20%}

div.indent3 [text-indent: 10%; display: inline}

div.headline {text-align: center; font-size: 115%; font-weight: bold}

div.headline2 {text-align: center; font-size: 115%; width: 105%; font-weight: bold}

div.play1 {text-indent: 5%; width: 25%; float: left}
div.play2 {text-indent: 25%}

span.whitesquarea {background-color: white; border: thin solid black; padding-right: 4.1%; padding-bottom: 0.6em}
span.whitesquareb {background-color: white; border: thin solid black; padding-right: 5.5%; padding-bottom: 0.6em}
span.blacksquare {background-color: black; border: thin solid black; padding-right: 5.5%; padding-bottom: 0.6em}
span.clue {text-align: center; vertical-align: super; font-size: 85%}

div.intro {margin: 0 3%; line-height: 1.2; width: 100%; border: solid black; font-family: Verdana; font-size: 80%; background: silver; padding: 2em 3%; color: #2F2F4F}
div.readme {color: purple; font-weight: bold; font-size: 110%}