address,
blockquote, 
body, dd, div, 
dl, dt, 
fieldset, form,
frame, frameset,
h1, h2, h3, h4, 
h5, h6, iframe, 
noframes, 
object, ol, p, 
ul, applet, 
center, dir, 
hr, menu, pre   { display: block }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { font-weight: bold; line-height: 1.33em; background-color: #ffffff; color: #000000;
			       margin: 0; padding: 0px; width: 100%; font-size: 1em; height: 1000px; background-image: url('images/background.png'); background-repeat: repeat-y; }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .83em 0 }
h3              { font-size: 1.17em; margin: 1em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.33em 0 }
h5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
h6              { font-size: .67em; margin: 2.33em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
center          { text-align: center }
/* br:before       { content: "\a" } */

/* an example of style for html 4.0's abbr/acronym elements */

abbr, acronym   { font-variant: small-caps; letter-spacing: 0.1em }
a[href]         { text-decoration: underline }
a:link { color: #000000; text-decoration: none }
a:visited { color: #000000; text-decoration: none }
a:hover { color: #ffffff; text-decoration: none }
a.oth:link { color: #000000; text-decoration: underline }
a.oth:visited { color: #000000; text-decoration: underline }
a.oth:hover { color: #ff0000; text-decoration: underline}
a.oth2:link { color: #000000; text-decoration: none; }
a.oth2:visited { color: #000000; }
a.oth2:hover { color: #0000ff; font-weight: bolder; }



:focus          { outline: thin dotted invert }

.leftmenu {float: left; height: auto; z-index: 2; margin-left: 0.1%; text-align: left; width: 20%; min-width: 150px; margin-top: 2%;}
.menbox {color: #ff0000; padding: 3px; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; line-height: 1em; font-family: serif; z-index: 3; border: 1px groove #002200; border-bottom: none; }
.menboxb {color: #ff0000; padding: 3px; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; line-height: 1em; font-family: serif; z-index: 3; border: 1px groove #002200;}
.hde {color: #339933;}

.main {float: left; text-align: center; width: 78%;}
.lg {font-size: 2.7em; line-height: 1em;}
.lg2 {font-size: 1.5em; line-height: 1em;}
.lg3 {font-size: 1.2em; line-height: 1em;}
.c {text-align: center;}
.l {text-align: left;}
.infobox {width: 60%; height: 20em; margin-left: auto; margin-right: auto; background-color: #ffffff; border: 2px solid #0000ff; background-image: url('images/yellowback.png'); background-repeat: repeat-x; overflow: auto}
.infobox2 {width: 90%; padding: 5px; margin-left: auto; margin-right: auto; border: 2px solid #000000; }

.flabel {display: inline; width: 11em;}
.finput {display: inline; margin-left: 1em;}
.forml {margin-left: 5%; text-align: left; }
.pic {border: none;}
.ldec {border-style: dotted; border-width: 3px; color: #000000}
.incsp {line-height: 1.5em; }
.fl {float: left;}
.r50 {width: 50%; margin-left: auto; margin-right: auto;}
.r70 {width: 70%; margin-left: auto; margin-right: auto;}
.w150 {width: 150px; text-align: center:}

.indexmain {text-align: center; width: 100%; }
.dv1 {width: 90%; margin-left: 10%; margin-right: auto;}
.fbox {float: left; width: 40%; border: 4px ridge #0000aa; margin-right: 5%; background-color: #ffffff; color: #000000; padding: 5px;}
.fbox1 {margin-left: auto; margin-right: auto; width: 40%; border: 4px ridge #0000aa; background-color: #ffffff; color: #000000; padding: 5px;}
.wd50inf {width: 50%; margin-left: auto; margin-right: auto; border: 4px ridge #0000aa; background-color: #ffffff; color: #000000;}
.butt {width: 80%; margin-left: auto; margin-right: auto; padding: 5px; background-color: #55dd55; color: #000000;}
.cb {clear: both;}


/*  begin bidirectionality settings (do not change) */
bdo[dir="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
bdo[dir="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

/* *[dir="ltr"]    { direction: ltr; unicode-bidi: embed } */
/* *[dir="rtl"]    { direction: rtl; unicode-bidi: embed } */
 
/* elements that are block-level in html4 */
address, blockquote, body, dd, div, dl, dt, fieldset, 
form, frame, frameset, h1, h2, h3, h4, h5, h6, iframe,
noscript, noframes, object, ol, p, ul, applet, center, 
dir, hr, menu, pre, li, table, tr, thead, tbody, tfoot, 
col, colgroup, td, th, caption 
                { unicode-bidi: embed }
/* end bidi settings */ 


@media print {
  body {margin: 0.5cm}
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid; page-break-inside: avoid }
  blockquote, 
  pre           { page-break-inside: avoid }
  ul, ol, dl    { page-break-before: avoid }
  .leftmenu {display: none}
  .main {width: 100%; text-align: center; background-color: #ffffff; color: #000000; border: none;}
  }

@media aural {
  h1, h2, h3, 
  h4, h5, h6    { voice-family: paul, male; stress: 20; richness: 90 }
  h1            { pitch: x-low; pitch-range: 90 }
  h2            { pitch: x-low; pitch-range: 80 }
  h3            { pitch: low; pitch-range: 70 }
  h4            { pitch: medium; pitch-range: 60 }
  h5            { pitch: medium; pitch-range: 50 }
  h6            { pitch: medium; pitch-range: 40 }
  li, dt, dd    { pitch: medium; richness: 60 }
  dt            { stress: 80 }
  pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  em            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  strong        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  dfn           { pitch: high; pitch-range: 60; stress: 60 }
  s, strike     { richness: 0 }
  i             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  b             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  u             { richness: 0 }
  a:link        { voice-family: harry, male }
  a:visited     { voice-family: betty, female }
  a:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}