@charset "UTF-8";

body { font-family: Arial, sans-serif; color: black; background-color: white; 
       font-size: 1pc; line-height: 140%; text-align: justify; }

h1 { font-weight: bold; font-size: 2pc; text-align: center; color: royalblue; 
     line-height: 120%; }

h2 { font-weight: bold; font-size: 1.7pc; text-align: center; color: royalblue; 
     line-height: 120%; border-style: solid; border-color: midnightblue; 
     padding: 5px 2px 5px 2px; }

h3 { font-weight: bold; font-size: 1.4pc; margin: 0.5pc;
     line-height: 120%; padding: 0.2pc; border-width: 0px 1px 3px 10px; 
     border-color: midnightblue; border-style: solid; }

h4 { font-weight: bold; font-size: 1.2pc; margin: 0.5pc; line-height: 120%;
     padding: 0.2pc; border-width: 0px 1px 3px 10px; 
     border-color: deepskyblue; border-style: solid; }

p { text-indent: 1pc; }
.noi { text-indent: 0pc; }
.rev { color: white; background-color: navy; text-align: right; }
.sub { font-size: 80%; line-height: 100%; margin: 2px 2pc 2px 2pc; }

ul { margin: 0.5pc 1pc 0pc 1pc; list-style-type: none; }
.square { list-style-type: square; }
.smallsquare { list-style-type: square; font-size: 90%; line-height: 110%; }
.circle { list-style-type: circle; }
.hmenu { margin: 5px; padding: 5px; display: inline-block; background-color: white; 
         border: 1px solid steelblue; }
.vmenu { line-height: 200%; margin: 5px; padding: 5px; background-color: ivory; 
         text-align: justify; width: 80%; border: 1px solid steelblue; }

img { border-style: none; }
.inline { margin: 0px; }
.frame { border: 20px inset steelblue; }

ol { margin: 0.5pc 1pc 0pc 1pc; }
.roman { list-style-type: lower-roman; }
.sub { font-size: 80%; color: navy; line-height: 110%; }

dl { text-align: left; margin-left: 1pc; }
.sub { font-size: 80%; color: navy; line-height: 110%; }

dt { font-weight: bold; margin-top: 0.5pc;
     border-width: 0px 2px 10px 0px; border-color: indigo; border-style: solid; }

dd { font-weight: normal; margin-left: 1pc;
     border-width: 0px 0px 1px 0px; border-color: beige; border-style: solid; }

a { text-decoration: none; }
.em { text-shadow: 2px 2px 1px darkgray; font-weight: bold; }
.rev { color: white; background-color: navy; }
.rev2 { color: white; text-shadow: 2px 2px 1px #303030; font-weight: bold; }
a:hover { text-shadow: 2px 2px 1px gray; font-weight: bold; background-color: orange; }

table { font-size: 0.8pc; line-height: 1pc; padding: 0pc; }
.title { color: white; text-shadow: 2px 2px 1px navy; background-color: royalblue; font-weight: bold; }

blockquote { font-size: 0.9pc; line-height: 1.2pc; color: navy; background-color: beige;
             margin: 0.2pc 3pc 0.5pc 5pc; }
.plain { color: black; background-color: white; margin: 0.2pc 3pc 0.5pc 5pc; }

div { width: 80%; background-color: white; }
.aside { background-color: white; padding:0px; position: fixed; 
         top: 220px; left: 0; width: 20%; overflow: auto; }
.aside2 { background-color: beige; padding:0px; border:2px solid #666666; position: fixed; 
          top: 5pc; right: 0px; width: 20%; overflow: auto; }
.mid { background-color: white; width: 50%; left: 20%; top: 0px; position: fixed; padding: 0px; }
.right { background-color: white; padding:0px; margin-left: 70%; margin-top: 0px; margin-right: 0px;
         padding: 0px; border:1px steelblue; width: 30%; overflow: auto; }
.bottom { background-color: lightgray; padding: 0px; border: 0px; position: fixed; 
          margin: 0px; bottom:0; left: 0; width: 100%; }
.bottomright { background-color: white; padding: 5px; width: 80%; border: 0px; 
            position: fixed; right: 0px; bottom: 0px; text-align: right; }
.top { background-color: white; padding: 5px; width: 100%; border: 0; }
.topright { background-color: white; padding: 5px; width: 80%; border: 0; 
            position: fixed; right: 0px; top: 0px; }
.remain { background-color: white; width: 80%; margin-left: 20%; margin-top: 0px; overflow: auto; }
.remain2 { background-color: white; width: 60%; margin-left: 20%; margin-top: 0px; overflow: auto; }