<?xml version="1.0" ?>
<?xml-stylesheet type="text/xsl" href="css_html.xsl" ?>
<!DOCTYPE cssml SYSTEM "cssml.dtd">

<cssml>

<style>
    <selector>body</selector>
    <property name="background-image">url(../style/pic/back.gif)</property>
    <property name="background-repeat">repeat-y</property>
    <property name="background-color">rgb(204,158,153)</property>
    <property name="padding">0</property>
    <property name="margin">0</property>
</style>

<style>
    <selector>span</selector>
    <selector>div</selector>
    <selector>p</selector>
    <selector>h1</selector>
    <selector>h2</selector>
    <selector>h3</selector>
    <selector>h4</selector>
    <selector>h5</selector>
    <selector>h6</selector>
    <selector>body</selector>
    <selector>ul</selector>
    <selector>ol</selector>
    <selector>li</selector>
    <property name="font-family">"news gothic mt", "century gothic", arial, sans-serif</property>
</style>

<style>
    <selector>a:link</selector>
    <property name="text-decoration">underline</property>
</style>

<style>
    <selector>#tophead</selector>
    <property name="position">absolute</property>
    <property name="left">20px</property>
    <property name="top">8px</property>
    <property name="width">110px</property>
    <property name="height">181px</property>
    <property name="padding">0</property>
    <property name="margin">0</property>
    <property name="color">rgb(178,98,98)</property>
    <property name="text-align">left</property>
</style>

<style>
    <selector>#tophead a</selector>
    <selector>#tophead img</selector>
    <property name="border">none</property>
</style>

<style>
    <selector>.header</selector>
    <property name="background-image">url(../style/pic/header.gif)</property>
    <property name="background-repeat">repeat-x</property>
    <property name="color">rgb(126,91,91)</property>
    <property name="font-size">21px</property>
    <property name="font-weight">bold</property>
    <property name="letter-spacing">2px</property>
    <property name="margin">0</property>
    <property name="padding">0</property>
    <property name="position">absolute</property>
    <property name="left">150px</property>
    <property name="top">12px</property>
    <property name="height">40px</property>
</style>

<style>
    <selector>h1</selector>
    <property name="margin">0</property>
    <property name="padding">0</property>
    <property name="font-size">20px</property>
</style>

<style>
    <selector>h2</selector>
    <property name="font-size">18px</property>
    <property name="padding-top">9px</property>
    <property name="padding-left">16px</property>
</style>

<style>
    <selector>h3</selector>
    <property name="background-image">url(../style/pic/h3.gif)</property>
    <property name="background-repeat">repeat-x</property>
    <property name="padding-bottom">10px</property>
    <property name="text-align">right</property>
    <property name="width">100%</property>
    <property name="font-weight">bold</property>
    <property name="font-size">19px</property>
</style>

<style>
    <selector>h4</selector>
    <property name="font-size">17px</property>
</style>

<style>
    <selector>h5</selector>
    <property name="font-weight">normal</property>
    <property name="font-style">italic</property>
</style>

<style>
    <selector>h1</selector>
    <selector>h2</selector>
    <selector>h3</selector>
    <selector>h4</selector>
    <selector>h1 a</selector>
    <property name="color">rgb(147,105,104)</property>
</style>

<style>
    <selector>.textual p a</selector>
    <selector>.textual ul a</selector>
    <property name="text-decoration">underline</property>
</style>

<style>
    <selector>.textual p a</selector>
    <selector>.textual ul a</selector>
    <selector>.textual ol a</selector>
    <selector>#last a</selector>
    <property name="color">rgb(36,11,11)</property>
</style>

<style>
    <selector>.textual .note a</selector>
    <property name="color">rgb(109,61,61)</property>
</style>

<style>
    <selector>.textual p a:active</selector>
    <selector>.textual ul a:active</selector>
    <selector>.textual ol a:active</selector>
    <selector>#last a:active</selector>
    <property name="color">#000</property>
</style>

<style>
    <selector>h3 a:link</selector>
    <selector>h3 a:visited</selector>
    <selector>h3 a:hover</selector>
    <selector>h4 a:link</selector>
    <selector>h4 a:visited</selector>
    <selector>h4 a:hover</selector>
    <selector>h5 a:link</selector>
    <selector>h5 a:visited</selector>
    <selector>h5 a:hover</selector>
    <selector>h6 a:link</selector>
    <selector>h6 a:visited</selector>
    <selector>h6 a:hover</selector>
    <selector>.header a</selector>
    <selector>.note a</selector>
    <property name="text-decoration">underline</property>
    <property name="color">rgb(147,105,104)</property>
</style>

<style>
    <selector>h3 a:active</selector>
    <selector>h4 a:active</selector>
    <selector>h5 a:active</selector>
    <selector>h6 a:active</selector>
    <selector>.header a:active</selector>
    <selector>.note a:active</selector>
    <property name="text-decoration">underline</property>
    <property name="color">#000</property>
</style>

<style>
    <selector>.header a</selector>
    <property name="font-weight">normal</property>
</style>

<style>
    <selector>.label span a</selector>
    <property name="color">rgb(126,91,91)</property>
    <property name="font-size">16px</property>
</style>

<style>
    <selector>.label span a:active</selector>
    <property name="color">#000</property>
</style>

<style>
    <selector>.navig a:link</selector>
    <selector>.navig a:visited</selector>
    <property name="color">rgb(218,218,208)</property>
</style>

<style>
    <selector>.navig a:active</selector>
    <property name="color">#fff</property>
</style>

<style>
    <selector>.header a</selector>
    <property name="text-decoration">underline</property>
</style>

<style>
    <selector>.navig a</selector>
    <property name="text-decoration">none</property>
</style>

<style>
    <selector>.label a</selector>
    <property name="text-decoration">none</property>
</style>

<style>
    <selector>.picture a</selector>
    <selector>.picture a img</selector>
    <selector>.advertisement a</selector>
    <selector>.advertisement a img</selector>
    <property name="border">none</property>
    <property name="color">rgb(126,91,91)</property>
</style>

<style>
    <selector>.label</selector>
    <property name="position">absolute</property>
    <property name="left">0</property>
    <property name="width">150px</property>
    <property name="height">30px</property>
    <property name="background-image">url(../style/pic/label.gif)</property>
    <property name="background-repeat">no-repeat</property>
    <property name="visibility">visible</property>
</style>

<style>
    <selector>.label span</selector>
    <property name="margin">0</property>
    <property name="padding">0</property>
    <property name="text-align">right</property>
    <property name="width">150px</property>
    <property name="padding-left">69px</property>
    <property name="padding-right">17px</property>
    <property name="padding-top">6px</property>
    <property name="padding-bottom">7px</property>
    <property name="font-weight">bold</property>
    <property name="color">rgb(126,91,91)</property>
    <property name="margin-top">1px</property>
    <property name="visibility">visible</property>
</style>

<style>
    <selector>#lblbasic</selector>
    <property name="top">210px</property>
</style>

<style>
    <selector>#lblgoodies</selector>
    <property name="top">250px</property>
</style>

<style>
    <selector>#lbldesign</selector>
    <property name="top">290px</property>
</style>

<style>
    <selector>#lbltech</selector>
    <property name="top">330px</property>
</style>

<style>
    <selector>#lbllinks</selector>
    <property name="top">370px</property>
</style>

<style>
    <selector>#lblemail</selector>
    <property name="top">410px</property>
</style>

<style>
    <selector>.navig</selector>
    <property name="position">absolute</property>
    <property name="left">150px</property>
    <property name="top">60px</property>
    <property name="padding">0</property>
    <property name="margin">0</property>
    <property name="background-image">url(../style/pic/navig.gif)</property>
    <property name="background-repeat">no-repeat</property>
    <property name="color">rgb(245,220,210)</property>
    <property name="letter-spacing">-1px</property>
    <property name="font-weight">bold</property>
    <property name="width">200px</property>
    <property name="height">400px</property>
    <property name="visibility">visible</property>
</style>

<style>
    <selector>#illust</selector>
    <property name="text-align">center</property>
    <property name="padding">30px</property>
    <property name="padding-bottom">10px</property>
    <property name="margin">0</property>
    <property name="display">block</property>
</style>

<style>
    <selector>#emptyillust</selector>
    <property name="padding-bottom">190px</property>
    <property name="display">block</property>
</style>

<style>
    <selector>.content</selector>
    <property name="margin">0</property>
    <property name="padding">0</property>
    <property name="padding-top">21px</property>
    <property name="margin-left">360px</property>
    <property name="margin-top">74px</property>
    <property name="background-image">url(../style/pic/ubar.gif)</property>
    <property name="background-repeat">repeat-x</property>
    <property name="background-color">rgb(220,209,201)</property>
</style>

<style>
    <selector>.textual</selector>
    <property name="background-color">rgb(220,209,201)</property>
    <property name="background-image">url(../style/pic/sbar.gif)</property>
    <property name="background-repeat">repeat-y</property>
    <property name="color">rgb(36,11,11)</property>
    <property name="padding-bottom">30px</property>
    <property name="padding-left">9%</property>
    <property name="padding-right">3%</property>
    <property name="position">relative</property>
    <property name="left">-3px</property>
</style>

<style>
    <selector>.textual p</selector>
    <property name="background-image">none</property>
    <property name="padding">0</property>
    <property name="margin">0</property>
    <property name="margin-right">5%</property>
</style>

<style>
    <selector>.lowerbar</selector>
    <property name="padding">0</property>
    <property name="margin">0</property>
    <property name="font-size">15px</property>
    <property name="background-image">url(../style/pic/lbar.gif)</property>
    <property name="background-repeat">repeat-x</property>
    <property name="height">18px</property>
    <property name="padding-bottom">20px</property>
    <property name="display">none</property>
</style>

<style>
    <selector>.picture</selector>
    <property name="color">rgb(147,105,104)</property>
    <property name="font-weight">bold</property>
    <property name="width">350px</property>
    <property name="position">absolute</property>
    <property name="background-image">none</property>
    <property name="left">20px</property>
    <property name="top">500px</property>
    <property name="padding-bottom">2px</property>
    <property name="visibility">visible</property>
</style>

<style>
    <selector>.picture p</selector>
    <property name="margin">0</property>
    <property name="padding">0</property>
    <property name="padding-top">15px</property>
    <property name="padding-bottom">5px</property>
</style>

<style>
    <selector>.picture p.picText</selector>
    <property name="margin-left">30px</property>
    <property name="margin-right">40px</property>
    <property name="color">rgb(97,55,54)</property>
    <property name="font-size">14px</property>
</style>

<style>
    <selector>.picture p.picTitle</selector>
    <property name="height">33px</property>
    <property name="margin-left">40px</property>
    <property name="margin-right">40px</property>
    <property name="margin-top">-20px</property>
    <property name="padding-top">7px</property>
    <property name="padding-left">10px</property>
    <property name="font-size">14px</property>
    <property name="font-style">italic</property>
    <property name="color">#000</property>
    <property name="font-weight">normal</property>
    <property name="background-image">url(../style/pic/pictitle.gif)</property>
    <property name="background-repeat">no-repeat</property>
</style>

<style>
    <selector>.picTitle a:link</selector>
    <selector>.picTitle a:visited</selector>
    <selector>.picTitle a:hover</selector>
    <selector>.picTitle a:hover</selector>
    <property name="color">#000</property>
</style>

<style>
    <selector>#singlelowered</selector>
    <property name="padding-top">500px</property>
</style>

<style>
    <selector>#multilowered</selector>
    <property name="padding-top">260px</property>
</style>

<style>
    <selector>em</selector>
    <property name="font-style">normal</property>
    <property name="font-weight">bold</property>
</style>

<style>
    <selector>strong</selector>
    <property name="font-weight">bold</property>
</style>

<style>
    <selector>kbd</selector>
    <property name="font-size">16px</property>
    <property name="font-family">fixedsys, monospace</property>
</style>

<style>
    <selector>div.txt</selector>
    <selector>.txt</selector>
    <property name="background-color">rgb(234,234,234)</property>
    <property name="background-image">url(../style/pic/notepad.gif)</property>
    <property name="background-repeat">no-repeat</property>
    <property name="padding">10px</property>
    <property name="padding-left">14px</property>
    <property name="padding-top">50px</property>
    <property name="padding-bottom">30px</property>
    <property name="color">#000</property>
    <property name="margin-top">15px</property>
    <property name="margin-bottom">15px</property>
</style>

<style>
    <selector>pre</selector>
    <property name="background-color">rgb(235,229,227)</property>
    <property name="padding-left">20px</property>
    <property name="padding-bottom">20px</property>
</style>

<style>
    <selector>pre code</selector>
    <property name="font-size">11px</property>
    <property name="font-family">monospace</property>
    <property name="background">none</property>
    <property name="color">#000</property>
</style>

<style>
    <selector>.footnote</selector>
    <property name="font-size">14px</property>
</style>

<style>
    <selector>.note</selector>
    <property name="background-image">url(../style/symbol/ref.gif)</property>
    <property name="background-repeat">no-repeat</property>
    <property name="padding-left">50px</property>
    <property name="font-style">italic</property>
</style>

<style>
    <selector>.note kbd</selector>
    <property name="font-style">normal</property>
</style>

<style>
    <selector>.smallprint</selector>
    <property name="font-size">16px</property>
</style>

<style>
    <selector>.navig li</selector>
    <property name="list-style-type">square</property>
    <property name="list-style-image">url(../style/pic/listb.gif)</property>
    <property name="padding-bottom">10px</property>
    <property name="color">rgb(218,218,208)</property>
</style>

<style>
    <selector>li.inlinelink</selector>
    <selector>.inlinelink li</selector>
    <property name="list-style-image">url(../style/pic/listbin.gif)</property>
</style>

<style>
    <selector>li.relatedlink</selector>
    <selector>.relatedlink li</selector>
    <property name="list-style-image">url(../style/pic/listbrel.gif)</property>
</style>

<style>
    <selector>li.levellink</selector>
    <selector>.levellink li</selector>
    <property name="color">#fff</property>
    <property name="list-style-image">url(../style/pic/listblvl.gif)</property>
</style>

<style>
    <selector>.navig ul</selector>
    <property name="margin-bottom">200px</property>
</style>

<style>
    <selector>.content ul</selector>
    <property name="list-style-type">square</property>
    <property name="list-style-image">url(../style/pic/lista.gif)</property>
</style>

<style>
    <selector>.content ul a:link</selector>
    <selector>.content ul a:visited</selector>
    <selector>.content ul a:active</selector>
    <property name="color">rgb(56,21,21)</property>
</style>

<style>
    <selector>.content li</selector>
    <property name="margin-bottom">6px</property>
</style>

<style>
    <selector>.navig ul</selector>
    <property name="margin-top">0</property>
    <property name="padding-top">0</property>
    <property name="padding-left">25px</property>
    <property name="padding-right">25px</property>
    <property name="font-size">16px</property>
</style>

<style>
    <selector>#last</selector>
    <property name="background">url(../style/pic/last.gif)</property>
    <property name="background-repeat">no-repeat</property>
    <property name="font-size">18px</property>
    <property name="text-align">center</property>
    <property name="color">rgb(36,11,11)</property>
    <property name="width">400px</property>
    <property name="height">40px</property>
    <property name="padding">4px</property>
    <property name="padding-top">8px</property>
    <property name="padding-bottom">10px</property>
    <property name="margin-top">20px</property>
    <property name="margin-left">200px</property>
    <property name="margin-bottom">20px</property>
</style>

<style>
    <selector>#lastnoback</selector>
    <property name="font-size">18px</property>
    <property name="text-align">center</property>
    <property name="color">rgb(36,11,11)</property>
    <property name="width">400px</property>
    <property name="height">70px</property>
    <property name="padding">4px</property>
    <property name="padding-bottom">10px</property>
    <property name="margin-top">20px</property>
</style>

<style>
    <selector>.advertisement</selector>
    <property name="position">relative</property>
    <property name="visibility">visible</property>
</style>

<style>
    <selector>li.tutorial</selector>
    <property name="list-style-image">url(../style/pic/list_image/tutorial.gif)</property>
</style>

<style>
    <selector>li.package</selector>
    <property name="list-style-image">url(../style/pic/list_image/package.gif)</property>
</style>

<style>
    <selector>li.file</selector>
    <property name="list-style-image">url(../style/pic/list_image/file.gif)</property>
</style>

<style>
    <selector>li.source</selector>
    <property name="list-style-image">url(../style/pic/list_image/source.gif)</property>
</style>

<style>
    <selector>.reftxt</selector>
    <property name="position">absolute</property>
    <property name="left">30px</property>
    <property name="top">30px</property>
    <property name="width">160px</property>
    <property name="height">120px</property>
    <property name="color">rgb(126,91,91)</property>
    <property name="font-size">17px</property>
    <property name="background-image">url(../style/pic/popup.gif)</property>
    <property name="background-repeat">no-repeat</property>
    <property name="margin">0</property>
    <property name="padding">0</property>
    <property name="padding-left">18px</property>
    <property name="padding">10px</property>
    <property name="padding-right">60px</property>
    <property name="border">1px</property>
    <property name="border-style">none</property>
    <property name="visibility">hidden</property>
</style>

<style>
    <selector>.reftxt p</selector>
    <property name="text-align">center</property>
    <property name="padding-bottom">100px</property>
</style>

<style>
    <selector>p.continue</selector>
    <property name="text-align">right</property>
    <property name="padding-top">30px</property>
    <property name="width">100%</property>
    <property name="font-style">italic</property>
</style>

<style>
    <selector>#lnote</selector>
    <property name="visibility">hidden</property>
    <property name="color">rgb(225,140,140)</property>
    <property name="font-size">1px</property>
    <property name="width">10px</property>
    <property name="height">10px</property>
</style>

<style>
    <selector>.longvers</selector>
    <property name="visibility">hidden</property>
    <property name="font-size">1px</property>
    <property name="color">rgb(245,220,210)</property>
</style>

<style>
    <selector>#surround</selector>
    <property name="position">absolute</property>
    <property name="left">88%</property>
    <property name="top">20px</property>
    <property name="width">6%</property>
    <property name="height">100px</property>
    <property name="color">rgb(195,90,90)</property>
    <property name="visibility">visible</property>
</style>

<style>
    <selector>br</selector>
    <property name="margin">6px</property>
    <property name="height">6px</property>
</style>

<style>
    <selector>.comment</selector>
    <property name="font-size">14px</property>
</style>

<style>
    <selector>.note</selector>
    <property name="color">rgb(109,61,61)</property>
</style>

<style>
    <selector>#announce</selector>
    <property name="position">absolute</property>
    <property name="font-family">"news gothic mt", "century gothic", arial, sans-serif</property>
    <property name="left">30px</property>
    <property name="top">30px</property>
    <property name="font-size">14px</property>
    <property name="font-weight">bold</property>
    <property name="padding">14px</property>
    <property name="background-image">url(../style/pic/announce.gif)</property>
    <property name="background-repeat">no-repeat</property>
    <property name="width">256px</property>
    <property name="height">65px</property>
    <property name="vertical-align">middle</property>
</style>

<style>
    <selector>#announce a</selector>
    <property name="color">#000</property>
</style>

<style>
    <selector>ul ul li</selector>
    <property name="list-style-image">none</property>
    <property name="list-style-type">disc</property>
</style>

<style>
    <selector>ul.advantage</selector>
    <property name="list-style-image">url(../style/pic/list_plus.gif)</property>
</style>

<style>
    <selector>ul.disadvantage</selector>
    <property name="list-style-image">url(../style/pic/list_minus.gif)</property>
</style>

</cssml>

