.mainbox { position: relative; z-index: 0; top: 0cm; width: 17cm; }

.leftbox { position: absolute; z-index: 1; top: 1cm; left: 5cm; width: 12cm; height: 6cm; background-color: #ffffff; }

.lefttextarea { position: absolute; z-index: 4; top: 0cm; left: 0cm; width: 12cm; height: 6cm; }

.rightbox { position: absolute; z-index: 1; top: 8cm; left: 5cm; width: 12cm; height: 6cm; background-color: #ffffff; }

.righttextarea { position: absolute; z-index: 4; top: 0cm; left: 0cm; width: 12cm; height: 6cm; }

h1 { font: 28pt impact, verdana, arial, charcoal, Geneva, Helvetica, Trebuchet; line-height: 40pt; color: #222222;  }

h2 { font: 22pt impact, verdana, arial, charcoal, Geneva, Helvetica, Trebuchet; color: #333333; line-height: 1.2cm;  }
h3 { font: 14pt arial, verdana, charcoal, Geneva, Helvetica, Trebuchet; color: #333333; font-weight: bold; line-height: 1cm; }
h4 { margin-top: 3pt; margin-bottom: 1pt; font: 12pt arial, verdana, charcoal, Geneva, Helvetica, Trebuchet; color: #333333; font-weight: bold; letter-spacing: 2pt; }
h5 { font: 26pt impact, verdana, arial, charcoal, Geneva, Helvetica, Trebuchet; color: #333333; line-height: 32pt; letter-spacing: 2pt; }
h6 { font: 46pt impact, verdana, arial, charcoal, Geneva, Helvetica, Trebuchet; line-height: 64pt; letter-spacing: -1pt; color: #000000; }

p { font: 10pt verdana, arial, charcoal, Geneva, Helvetica, Trebuchet; line-height: 13pt; color: #111111; letter-spacing: 1pt; }

p a:link, p a:visited, p a:active { font: 10pt verdana, arial, charcoal, Geneva, Helvetica, Trebuchet; color: #111111; line-height: 18pt; letter-spacing: 1pt; text-decoration: none; }
p a:hover { font: 10pt verdana, arial, charcoal, Geneva, Helvetica, Trebuchet; color: #111111; letter-spacing: 1pt; line-height: 18pt; }

p.intro { font: 10pt verdana, Trebuchet, arial, charcoal, Geneva, Helvetica; color: #000000; font-weight: normal; line-height: 16px; letter-spacing: 2pt; word-spacing: 2pt; text-align: left; }

p.index { font: 10pt verdana, Trebuchet, arial, charcoal, Geneva, Helvetica; color: #111111; font-weight: bold; line-height: 16pt; letter-spacing: 2pt; word-spacing: 2pt; text-align: right; }


p.introshad { font: 10px verdana, Trebuchet, arial, charcoal, Geneva, Helvetica; color: #111111; font-weight: bold; line-height: 18px; letter-spacing: 2px; word-spacing: 2px; text-align: center; }

p.long { font: 9pt verdana, arial, charcoal, Geneva, Helvetica, Trebuchet; color: #111111; font-weight: normal; line-height: 13pt; letter-spacing: 1pt; margin-top: 3pt; margin-bottom: 14pt; }

#open { position: absolute; top: 0px; left: 0px; }
#close { position: absolute; top: 0px; left: 460px; }

.buttonhead { color: #222222; font: 13px arial; text-decoration: none; font-weight: bold; letter-spacing: 5px; }

.buttonbox { position: absolute; z-index: 1; top: 0cm; left: 0cm; width: 5cm; height:10cm; }

.buttonspacehome { position: absolute; z-index: 2; top: 6pt; left: -21pt; height: 18pt; width: 160pt; }

.buttonspace0 { position: absolute; z-index: 2; top: 31pt; left: -21pt; height: 18pt; width: 160pt; }
.buttonspace1 { position: absolute; z-index: 2; top: 41pt; left: -21pt; height: 18pt; width: 160pt; }
.buttonspace2 { position: absolute; z-index: 2; top: 52pt; left: -21pt; height: 18pt; width: 160pt; }
.buttonspace3 { position: absolute; z-index: 2; top: 62pt; left: -21pt; height: 18pt; width: 160pt; }
.buttonspace4 { position: absolute; z-index: 2; top: 74pt; left: -21pt; height: 18pt; width: 160pt; }
.buttonspace5 { position: absolute; z-index: 2; top: 88pt; left: -21pt; height: 18pt; width: 160pt; }
.buttonspace6 { position: absolute; z-index: 2; top: 109pt; left: -21pt; height: 18pt; width: 160pt; }
.buttonspace7 { position: absolute; z-index: 2; top: 122pt; left: -21pt; height: 18pt; width: 160pt; }
.buttonspace8 { position: absolute; z-index: 2; top: 134pt; left: -21pt; height: 18pt; width: 160pt; }
.buttonspace9 { position: absolute; z-index: 2; top: 146pt; left: -21pt; height: 18pt; width: 160pt; }
.buttonspace10 { position: absolute; z-index: 2; top: 158pt; left: -21pt; height: 18pt; width: 160pt; }

.buttonspace11 { position: absolute; z-index: 2; top: 160t; left: -21pt; height: 18pt; width: 160pt; }

.buttonspace12 { position: absolute; z-index: 2; top: 193pt; left: -21pt; height: 18pt; width: 160pt; }

a.menu:link,a.menu:visited,a.menu:active { color: #222222; font: 8pt arial, verdana; text-decoration: none; font-weight: normal; letter-spacing: 2pt; line-height: 15pt; margin-top: 0pt; margin-bottom: 0pt; }
a.menu:hover { color: #666666; font: 8pt arial, verdana; text-decoration: none; font-weight: bold; letter-spacing: 3pt; line-height: 1tpx; margin-top: 0pt; margin-bottom: 0pt; }

.more { position: absolute; z-index: 4; top: 8cm; left: 15cm; width: 30pt; height: 30pt; }
.less { position: absolute; z-index: 4; top: 8cm; left: 4cm; width: 30pt; height: 30pt; }

a.more1:link,a.more1:active,a.less1:link,a.less1:active  { color: #ffffff; font: 56px Times; text-decoration: none }

a.more1:visited,a.less1:visited { color: #779977; font: 56px Times; text-decoration: none }

a.more1:hover,a.less1:hover { color: #aaffaa; font: 56px Times; text-decoration: none; }

.moreshad { position: absolute; z-index: 3; top: 8.1cm; left: 15.1cm; width: 30pt; height: 30pt; }
.lessshad { position: absolute; z-index: 3; top: 8.1cm; left: 4.1cm; width: 30pt; height: 30pt; }