/* stylesheet for Education Pages - 2011 05 23*/
/* explicit properties solve many cross browser issues */
/* default block elements */
body {background:#ddd;color:#000;text-align:center;
  margin:0px;border:0px;padding:0px}
div {margin:0px;border:0px;padding:0px}
#main {background:#fff;color:#000;width:714px;height:100%;
  text-align:left;margin:auto;padding:15px 25px 5px}
h1 {font-size:200%;font-family:cursive;font-weight:bold;
  text-align:center;clear:both;display:block;
  margin:0px;margin-top:15px;border:0px;padding:0px}
h2 {font-size:150%;background:#ccc;text-indent:15px;clear:both;
  border:1px dotted #000;padding-top:18px}
h3 {font-size:125%;background:#32cd32;color:#000;
  width:100%;text-indent:5px}
h4 {font-size:100%;background:#2e8b57;color:yellow;
  width:100%;margin:8px;margin-left:0px;text-indent:5px}
h5 {font-size:100%;background:none transparent;color:#000;margin:8px 0px}
hr {width:80%;text-align:center;margin:auto;clear:both;
  margin-top:10px;margin-bottom:10px;border:1px solid #000}
p {text-align:left}
pre {background:#ccf;color:#000;white-space:pre;text-align:left;margin:auto;
  font-size:10pt;margin:10px auto;border:2px solid #000;padding:5px}
object, applet {background:#deadff;border:2px solid #000}
/* jsmsg div provides menu for non-JavaScript browsers
   it is much cleaner than older noscript element */
#jsmsg {color:yellow;background:#c0c0c0;padding:3px;text-align:center}
#jsmsg>a {color:yellow;text-decoration:none}

/* default inline elements */
canvas {border:2px solid red;border-radius:8px;-moz-border-radius:8px}
em {font-style:italic;font-weight:bold}
strong {font-weight:bold}
img {margin:0px;border:0px;padding:0px}
span {color:red;background:transparent;font-weight:bold}

/* default list and table elements */
caption {font-weight:bold;font-size:150%}
table {margin:auto;border:0px;padding:0px}
tr {vertical-align:top}
td {width:auto;margin:0px;padding:1px 3px;
    border:0px;text-align:left;vertical-align:top}
th {width:auto;margin-left:auto;margin-right:auto;padding:1px 3px;
    border:0px;text-align:center;vertical-align:top}
dl {margin:0px;border:0px;padding:0px}
dt {font-weight:bold;padding-top:18px}
dd {margin:8px 35px}
ol {list-style:decimal;font-weight:normal}
ul {list-style:disc;text-align:left;margin:0px;margin-left:15px;
    border:0px;padding:0px}
li {margin:0px;border:0px;padding:0px 3px}

/* default form elements */
form {margin:10px auto;padding:10px;text-align:center}
fieldset {margin:4px;border:1px solid #000;padding:2px}
legend {background:#d8bfd8;border:1px solid #000;
  margin-left:10px;padding:1px 4px}
button {padding:1px 3px;overflow:visible} /* IE 7 bug fix */
label {font-weight:bold;white-space:nowrap}
input {background:white;width:88px;height:20px;z-index:1;
  border:2px inset;padding-left:2px}
textarea {background:white;border:2px inset;padding:1px;font-weight:normal}
select {margin:2px 5px;border:2px inset;padding:1px}

/* default navigation links */
a {color:#000;text-decoration:underline;border:0px;font-weight:bold}
a:hover {color:red;text-decoration:none;border:0px}

/* class style rules */
.all {background:#ccccff;color:#000;font-weight:bold;font-size:10pt;
  white-space:pre;border:2px solid #000;padding:5px}
.bold {font-weight:bold}
.c {text-align:center;margin:auto}
.col {background:#ffc;color:#000}
.drop {text-indent:30px;text-align:left}
.drop:first-letter{font-size:200%}
.g {color:green;background:transparent;font-weight:bold}
.hdr {font:bold 14pt serif;margin:5px} /* large topic headings */
.just {text-align:right}
.left {float:left;margin:5px}
.right {float:right;margin:5px}
.nodec {list-style:none;margin:0px 0px 10px;border:0px;padding:0px}
.quote{background:#ccf;margin:5px 50px;border:2px solid #000;padding:4px}
.link {cursor:hand;cursor:pointer}
img.link{border:1px solid black}
p.nav {text-align:center} /* quick tuts bottom */
td.nav {border:0px;vertical-align:middle} /* logo position */

/* tables with borders */
table.b {margin:auto;border:2px solid maroon;padding:3px}
td.b {margin-left:0px;border:1px solid maroon;padding:3px}
th.b {margin-left:0px;border:1px solid maroon;padding:3px}

/* tables without borders but with bottom margin */
table.n {margin:auto;margin-bottom:10px;border:0px;padding:3px}
td.n {margin-left:0px;border:0px;padding:3px}
th.n {margin-left:0px;border:0px;padding:3px}

/* colored table with borders [pale yellow inherited]*/
div.col {margin:auto;border:2px solid #000;padding:5px}
table.col {border:2px solid #000;padding:0px}
td.col {border:1px solid #000;padding:0px 5px}
th.col {background:#cc9;border:1px solid #000;padding:0px 5px}

/* search report table class */
form.s {padding:10px}
table.s {margin:0px;border:3px double maroon;padding:5px;
  margin-top:10px;width:100%}
td.s {border:0px;padding:10px}
#formdata {background:white;width:95px;border:2px inset #000}

/* special forms configurations */
.box15{width:15px;height:15px}
.box25{width:25px} .box25c{width:25px;background:yellow}
.box50{width:50px} .box50c{width:50px;background:yellow}
.box60{width:60px}
.box70{width:70px} .box70c{width:70px;background:yellow}
.box150{width:150px} .box190{width:190px}
.box300{width:300px} .box350{width:350px}
.fancy {background:#87ceeb;text-align:center;margin:auto}
.fancy1 {background:#87ceeb;width:160px;text-align:center;margin:auto}
.fancy2 {background:#87ceeb;width:290px;text-align:center;margin:auto}
.fancy3 {background:#87ceeb;width:350px;text-align:center;margin:auto}
.fancy4 {background:#87ceeb;width:490px;text-align:center;margin:auto}
.fancy5 {background:#87ceeb;width:550px;text-align:center;margin:auto}
.fancy6 {background:#87ceeb;width:655px;text-align:center;margin:auto}
.radio {width:20px;border:0px;background:transparent}

textarea.list {width:400px;height:150px}
textarea.list2 {width:600px;height:100px}

/* class extensions for tutorials */
div#col1 {width:32%;margin:0px;padding:0px 0px 15px 6px;float:left}
div#col2 {width:34%;margin:0px;padding:0px 0px 15px 6px;float:left}
div#col3 {margin:0px;padding:0px 0px 15px 6px;float:left}
p.example {width:100%;color:#990033;background:#ffc;
  margin:0px;border:0px;padding:5px}
span.nowrap {color:#000;background:transparent;white-space:nowrap}
ul.n {margin:0px;border:0px;padding:0px 0px 0px 5px;list-style:none}
th.bar {background:#cccc99;text-align:left;
  margin:0px;border:0px;padding:0px;width:3px}
table.chart {font-size:80%;border:solid 2px red}
td.chart {font-size: 80%;background-image:none}
td.mar {color:#000;background:#ff9;border:1px solid #000;margin:30px}
th.mar {color:#000;background:#cc9;border:1px solid #000;margin:30px}
table.n {margin:auto;border:0px;padding:10px}
td.n {margin:0px;border:0px;padding:5px}
th.n {margin:0px;border:0px;padding:5px}
td.pad {color:#000;background:#ff9;
  margin:0px;border:1px solid #000;padding:10px}
th.pad {color:#000;background:#cc9;
  margin:0px;border:1px solid #000;padding:10px}
table.popup {color:#000;background:green;border:solid 2px #000}
table.x3 {background:#ffffcc;border:1px solid #000;padding:10px;width:30%}
td.x4 {color:#000;background:#ff9;text-align:center;border:1px solid #000}
th.x4 {color:#000;background:#cc9;text-align:center;border:1px solid #000}
td.x4h{color:#000;background:#cc9;text-align:center;border:1px solid #000;
  width:99px;font-weight:bold}

ol > li > h3 {margin-bottom:0px}
ol > li > h3 + p {margin-top:0px}
dl > dt {margin:1em 0px 0px 0px}
dl > dd {margin:0.25em 0px 0.25em 2em}
ul.navigation {margin:0px -2em;padding:0px 2em;height:2em;line-height:2em;
      border-bottom:1px solid}
ul.navigation:focus {outline:none}
ul.navigation li {list-style:none;margin:0px 0.2em 0px 0px;padding:0px;
      float:left;background:#eee url(images/tabs-right.png) top right}
ul.navigation li a, ul.navigation li strong {display:block;height:2em;
      padding:0px 2em;background:url(images/tabs-left.png) no-repeat}
ul.navigation li a:focus {border-bottom:solid 1px silver}
ul.navigation li.this {background-position:100% -150px;
      border-bottom:solid 1px silver}
ul.navigation li.this a, ul.navigation li.this strong
      {background-position:0px -150px}
ul.navigation li strong {font-weight:normal}
ul.navigation li:hover {background-position:100% -150px}
ul.navigation li:hover a, ul.navigation li:hover strong
      {background-position:0px -150px}
ul.navigation li strong a {display:inline;padding:0px;background:none}

ul.toc{list-style:none;white-space:nowrap;margin:0px;border:0px;padding:0px}

@media print {
  body{margin:0px;border:0px;padding:0px}
  .zone{position:absolute;top:5px;visibility:hidden}
  .toc{font-size:2pt;position:relative;top:5px;visibility:hidden}
  h2{padding:0px}  pre{color:#000}
  div#clear{clear:both} div#col1{margin-left:0px}
             }

/* begin style specifications for the dropdown menu system */
div.zone {position:absolute;left:0px;top:0px;z-index:3}
ul.cl1,ul.cl2,ul.cl3
        {z-index:5;margin:0px;border:0px;padding:0px;list-style:none}
ul.cl2,ul.cl3 {position:relative;display:none;left:14px}
ul.cl3 {position:relative;left:90px;margin-top:-18px}
li.cl1,li.cl2,li.cl3{background:#ffdead;color:#707070;width:112px;
        height:1.1em;font-size:12pt;float:left;text-align:center;
        margin:0px;border:1px solid #000;padding:0px;padding-left:3px}
li.cl2,li.cl3{font-size:10pt;float:none;text-align:left;
        margin-top:-1px;border-top:0.15em solid #000}
li.cl3 {width:12em}
a.cl1,a.cl2,a.cl3{display:block !important;
	color:#000 !important;text-decoration:none !important;
        font-weight:bold;margin:0px;border:0px;padding:0px;
        margin-left:-4px;padding-left:4px} /* fudge for background */
a.cl1:hover,a.cl2:hover,a.cl3:hover{display:block !important;
        background:#ff8080;
        margin-left:-4px;padding-left:4px} /* fudge for background */
/* end style specifications for dropdown menu system */