html {font-size:100%}
body {background:#fff url(images/bgs/bg.jpg) repeat-y;color:#006; margin:0;padding:0;font:100% arial, helvetica, sans-serif;}
a  {font:italic bold 100% arial, helvetica, sans-serif;text-decoration:none;}
a:link {color:#00f;background-color:#fff}
a:hover {color:#06F;background-color:#fff}
a:active {color:#F00;background-color:#fff}
a:visited {color:#09F;background-color:#fff}
a.p:link {color:#00f;background-color:transparent}
a.p:hover {color:#06F;background-color:transparent}
a.p:active {color:#F00;background-color:transparent}
a.p:visited {color:#09F;background-color:transparent}
.top {background-image:url(images/front/top.gif);text-align:center;height:40px;width:100%;}
.top2 {background:#fff url(images/top/top.gif) repeat-x;text-align:left;color:#006}
#topi {background-image:url(images/top/top.gif);width:100%;height:82px}
#uph {float:right;padding:20px 30px 30px 0;}
.clear {clear:both}
.pict {margin:7px 10px}
img {border:0}
input, option, textarea,select {border:1px solid #06f;background-color:#fff;color:#008;vertical-align:top;text-align:left;}
ul {list-style:disc outside;font:bold 90%/1.6em arial, helvetica, sans-serif;color:#06F;background-color:#fff}
.joy {list-style:disc outside;font:bold 100%/1.8em arial, helvetica, sans-serif;color:#06F;background-color:#fff}
ol {list-style:decimal outside;font:bold 80%/1.5em arial, helvetica, sans-serif;color:#06F;padding-left:10%;padding-right:10%;margin-left:40px;margin-right:40px;background-color:#fff}
.blue {font:90%/1.4em arial, helvetica, sans-serif;text-align:left;padding-left:7%;padding-right:7%;}
.bluen {font:90%/1.4em arial, helvetica, sans-serif;text-align:left;}
.bluebi {font:italic bold 95%/1.4em arial, helvetica, sans-serif;text-align:left;color:#00d}
.bluec {font:90%/1.4em arial, helvetica, sans-serif;text-align:center;}
.bluemid {font:90%/1.4em arial, helvetica, sans-serif;;text-align:left;padding-left:20%;padding-right:20%}
.blues {font-size:80%;text-align:center}
.bluebox {font:bold 80% arial, helvetica, sans-serif;}
.bluer {font-weight:bold;font-size:80%;text-align:right}
.bluel {font-size:75%;color:#009;text-align:left;background-color:#fff}
.quote {font:italic bold 80%/1.4em arial, helvetica, sans-serif;color:#009;text-align:left;padding-left:20px;padding-right:20px;background-color:#fff}
.up {text-align:right;margin-right:30px;}
.upf {text-align:right;}
.left {float:left; clear:both;padding-left:7%;padding-right:7%;width:100%}
.right {float:right;clear:both;padding-right:7%;padding-left:7%;width:100%}
.sidel {background:#00f url(images/front/sidel.jpg) repeat-y top right;color:#fff}
.sider {background:#00f url(images/front/sider.jpg) repeat-y;color:#fff}
.back {background:#00f repeat 0;color:#fff}
h1 {font:italic bold 105% arial, helvetica, sans-serif;letter-spacing:1px;color:#00d;text-align:left;margin-left:7%;padding-top:20px;background-color:#fff}
.sec {margin-left:0;padding-top:0}
.tri {font: bold small-caps 100% arial, helvetica, sans-serif; letter-spacing:2px;color:#09F;text-align:left;margin-left:7%;background-color:#fff}
.qua {font: bold small-caps 100% arial, helvetica, sans-serif; letter-spacing:2px;color:#09F;text-align:left;margin-left:0;background-color:#fff}
h2 {font:italic bold 105% arial, helvetica, sans-serif;letter-spacing:1px;color:#00d;text-align:left;margin-left:7%;background-color:#fff}
h3 {font: bold small-caps 100% arial, helvetica, sans-serif;color:#00f;text-align:left;background-color:#fff}
h4 {font: bold small-caps 90% arial, helvetica, sans-serif;color:#00f;text-align:left;margin-left:7%;background-color:#fff}
strong {color:#009;background-color:#fff}
.copy {font-style:italic;font-size:70%;color:#009;text-align:center;background-color:transparent}
.copy2 {font-style:italic;font-size:80%;color:#009;text-align:left;margin-left:7%;background-color:#fff}
.copyc {font-style:italic;font-size:75%;color:#D9EDFF;text-align:center;background-color:transparent}
.healbox {background-color:#D9EDFF;border:1px solid #009;font-weight:bold;font-size:80;color:#009;text-align:left}
.pbox {background-color:#F5F9FE;border:1px solid #009;font-weight:bold;font-size:80%;color:#009;text-align:left}
.pbox2 {background-color:#F5F9FE;border:1px solid #009;font-weight:bold;font-size:80%;color:#009;width:400px;padding:20px}
.pbox3 {font-weight:bold;font-size:80%;color:#009;text-align:left;background-color:#fff;}
.red {color:#f00;font-size:100%;background-color:#fff}
.indent {padding-left:100px;padding-right:30px}

.clCMAbs{position:absolute; visibility:hidden; left:0px; top:0px}
.clBar{position:absolute; width:10px; height:10px; visibility:hidden}

.clLevel0,.clLevel0over{position:absolute; padding:2px;}

.clLevel1, .clLevel1over{position:absolute; padding:2px; font: bold 12px arial,helvetica,sans-serif;}
.clLevel1{background-color:#F5F9FE; color:#00f;}
.clLevel1over{background-color:#D9EDFF; color:#f00; cursor:pointer;}
.clLevel1border{position:absolute; visibility:hidden; background-color:#000;color:#fff}

.clLevel2, .clLevel2over{position:absolute; padding:2px; font:bold 11px arial,helvetica,sans-serif;}
.clLevel2{background-color:#D9EDFF; color:#00f;}
.clLevel2over{background-color:#FEE3E3;color:#f00; cursor:pointer;}
.clLevel2border{position:absolute; visibility:hidden; background-color:#00f;color:#fff}