XML Style์ ์ง์ , ๋ธ๋ผ์ฐ์ ์ ์ฌ์ฉ, ๋์คํ๋์ด ๋ฐฉ์ ,XML๊ณผ CSS์ ์์ฑ ๋ฐฉ์์ ์ด์ฉ๋ฐฉ๋ฒ
1. XML+CSS ¶
- XML๋ฌธ์๋ CSS๋ฅผ ์ด์ฉํด์ ๋ธ๋ผ์ฐ์ ์ ํํํ๋ ๊ฒ์ด ๊ฐ๋ฅํ๋ค.
- ๊ทธ๋ฌ๋ CSS๋ก ์คํ์ผ ์ํธ๋ฅผ ์์ฑํ ๋๋ ํ๊ณ๊ฐ ์๋ค.
- CSS๋ ํฐํธ,์๊น,์ฌ๋ฐฑ๋ฑ๊ณผ ๊ฐ์ ์ธํ์ ์ธ ์คํธ์ผ์ ๊ธฐ์ ํ๋ ์ธ์ด์ด๋ค.
- XML๋ฌธ์๊ฐ ๋จ์ํ ํ
์คํธ ํํ์ ๋ฌธ์์ด๋ฉด CSS๋ก๋ง์ผ๋ก๋ ํํํ๋๊ฒ์ด ์ถฉ๋ถํ๋ค.
- ํ์ง๋ง XML๋ฌธ์๋ ๋ฐ๋์ ํ
์คํธ ํ์
์ ๋ด์ฉ๋ค๋ก๋ง ์ด๋ฃจ์ด์ง ๊ฒ๋ ์๋๋ค
- ๊ทธ๋ฆฌ๊ณ ์คํค๋ง์ ์ฌ์ฉ์ด ๋ณดํธํ ๋๋ฉด์ ์ฌ๋ฌ ํ์
์ ๋ฐ์ดํฐ๋ค์ ํฌํจํ ์ ์๋ ๋ฌธ์ ํฌ๋งท์ด ๋์ด ์ข๋ ๋ค์ํ ๋์คํ๋ ์ด ๋ฐฉ์์ด ํ์ํ๋ค.
- ์ด๋ฐ CSS์ ํ๊ณ๋ฅผ ๊ทน๋ณตํด์ ์ข๋ ์ ์ฐํ๊ณ ๋ค์ํ๊ฒ ๋์คํ๋ ์ด ๋ฐฉ์์ ๊ธฐ์ ํ ์ ์๋ ๋ฐฉ๋ฒ์ด XSL์ด๋ค.
2.1. PI๋ถ๋ถ ¶
~cpp <!-- mydoc.css๋ฅผ ์ฌ์ฉํ๊ฒ ๋ค --> <?xml-stylesheet type="text/css" href="mydoc.css"?>
2.2. ๋งํฌ ํํ ¶
- <HTML : A>ํ๊ทธ๋ฅผ ์ฌ์ฉ ์ด๊ฒ์ ์ฌ์ฉํ๊ธฐ ์ํด์๋
~cpp <MYDOC xmlns:HTML="http://www.w3.org/Profiles/XHTML-transitional">
- ์ด๋ ๊ฒ ๋ค์์คํ์ด์ค๋ฅผ ์ง์ ํด ์ฃผ์ด์ผํ๋ค.
- ๊ทธ๋ฆฌ๊ณ ์์ ๊ฐ์ด HTML ๋ค์ ์คํ์ด์ค๋ฅผ ์ง์ ํ ๊ฒฝ์ฐ์๋ <HTML : A> ๋ฟ ์๋๋ผ ๋ค๋ฅธ HTML์ ํ๊ทธ๋ค๋ HTML ๋ค์ ์คํ์ด์ค์ Prefix๋ฅผ ๋ถ์ฌ ์ฌ์ฉํ ์์๋ค.
- ๋ค๋ฅธ URL๋ก ์ด๋ํ๋ ์
~cpp <HTML:A href="http://msdn.microsoft.com/xml/xslguide/browsing-css.asp">How to Write a CSS StyleSheet for Browsing XML</HTML:A>
3. ์์ ¶
- XML ๋ถ๋ถ
~cpp <?xml version="1.0" encoding="KSC5601"?> <?xml-stylesheet type="text/css" href="mydoc.css"?> <!DOCTYPE MYDOC SYSTEM "mydoc.dtd"> <MYDOC xmlns:HTML="http://www.w3.org/Profiles/XHTML-transitional"> <TITLE> IE5์์์ XML ๋ฌธ์ ๋ณด๊ธฐ(XML+CSS) </TITLE> <DATE TYPE="BEGINNING_DATE"> <YEAR>1999</YEAR> <MONTH>10</MONTH> <DAY>20</DAY> </DATE> <AUTHOR> <NAME>์ด์ง์ฐ</NAME> <EMAIL><HTML:A href="mailto:jiyuns@netsgo.com">jiyuns@netsgo.com</HTML:A> </EMAIL> </AUTHOR> <ABSTRACT> XML ๋ฌธ์๋ฅผ ์น์ผ๋ก ๋ณด๋ ๋ฐฉ๋ฒ์. ํ์ฌ IE5.0์ด XML์ ์ง์ํ๋ฏ๋ก, IE5.0์ ๋ธ๋ผ์ฐ์ ๋ก ์ฌ์ฉํ๊ณ ์คํ์ผ๋ก๋ CSS๋ฅผ ์ฌ์ฉํ์ฌ ๋ณผ ์ ์๋ ๋ฐฉ๋ฒ์ ์ค๋ช ํ ๊ฒ ์ ๋๋ค. ์ด ๋ฌธ์ ๋ํ XML๋ก ์์ฑ๋์ด ์์ต๋๋ค. </ABSTRACT> <BODY> <MODULE> <MTITLE>1. IE5.0์์ XML ๋ฌธ์ ๋ณด๋ ๋ฐฉ๋ฒ</MTITLE> <MBODY> <LIST> <LCOMPO>(1) XML + XSL </LCOMPO> <LCOMPO>(2) XML + CSS </LCOMPO> </LIST> <PA>XML์ ์คํ์ผ์ํธ ์ธ์ด๋ XSL๋ก, XSL๋ก ๊ธฐ์ ๋ ์คํ์ผ์ํธ๋ฅผ ์ด์ฉํ์ฌ, XML ๋ฌธ์์ ์คํ์ผ์ ์ง์ ํ ์ ์๋๋ก ์ ์๋์ด์ ธ ์๋ค. MS์์ IE5์์ XML์ ์ง์ํ๊ฒ ๋๋ฉด์, CSS๋ XML์ ์คํ์ผ์ํธ๋ก ์ด์ฉํ ์ ์๊ฒ ๋์๋ค. ํ์ฌ IE5.0์์๋ XML์ ํ์ค ์คํ์ผ์ํธ์ธ XSL๊ณผ CSS๋ก ์์ฑ๋ ์คํ์ผ์ ๋ชจ๋ ์ฌ์ฉํ ์ ์๋๋ก ์ง์ํ๋ค. IE5.0์๋ XML Parser์ XSL Processor๊ฐ ํฌํจ๋์ด์ ธ ์์ด, XSL์ ์คํ์ผ์ํธ ์ธ์ด๋ก ์ฌ์ฉํ ๊ฒฝ์ฐ, XML ๋ฌธ์๋ฅผ Parser๋ฅผ ํตํด ํ์ฑํ ๋ค XSL ํ๋ก์ธ์๊ฐ ์ง์ ๋ ์คํ์ผ์ ๋ฐ๋ผ์ ๋์คํ๋ ์ด๋ ๋ด์ฉ๋ค์ ๋ด๋ถ์ ์ผ๋ก HTML๋ก ๋ณํํด์, ์ต์ข ์ ์ผ๋ก IE5.0์ ๋์คํ๋ ์ด ํ๊ฒ ๋๋ค.</PA> <PB/> <PA>XML๋ฌธ์๋ฅผ ์ํ๋ ์คํ์ผ๋ก ๋ณด๊ธฐ ์ํด์๋, ์ค์ ์ท์ด ๋๋ ์คํ์ผ์ํธ๋ฅผ ๋ง๋ค์ด์ ธ ์์ด์ผ ํ๊ณ , ์ด๋ค ์คํ์ผ์ํธ๋ฅผ ์ฌ์ฉํ ์ง๋ฅผ ํด๋น XML๋ฌธ์ ๋ด๋ถ์ ๊ธฐ์ ํด ์ฃผ์ด์ผ ํ๋ค. ๋ธ๋ผ์ฐ์ ๋ XML ๋ฌธ์๋ฅผ ์ฝ์ด๋ค์ด๋ฉด์, ์คํ์ผ์ํธ๊ฐ ์ง์ ๋์ด ์๋ค๋ฉด, ๊ทธ ์คํ์ผ์ํธ ํ์ผ์ ๋ถ๋ฌ๋ค์ฌ ํด๋นํ๋ ์คํ์ผ์ ๋ง๊ฒ ๋ธ๋ผ์ฐ์ ์ ๋์คํ๋ ์ดํ๊ฒ ๋๋ค. ์ฌ๊ธฐ์์๋ ์ค์ ์ท์ด ๋๋ ์คํ์ผ์ํธ๋ฅผ ์ง์ ํ๋ ๋ฐฉ๋ฒ, ์ฆ ์ด๋ค ์ท์ ์ ๊ฒ ๋ค๊ณ ์ ์ธํ๋ ๋ฐฉ๋ฒ์ ๋ค์๊ณผ ๊ฐ๋ค.</PA> <PB/> <PA>< ?xml-stylesheet type="text/css" href="mydoc.css"? > </PA> <PB/> <PA>์์ ์ ์ธ์ ์๋ฏธ๋ ์คํ์ผ์ํธ์ ํ์ ์ CSS์ด๊ณ CSS๊ฐ ๊ธฐ์ ๋์ด ์๋ ํ์ผ์ mydoc.css์ด๋ผ๋ ๋ป์ด๋ค.</PA> <PA>๋ง์ฝ XSL๋ก ๊ธฐ์ ๋ ์คํ์ผ์ํธ๋ฅผ ์ฌ์ฉํ๊ณ ์ ํ๋ค๋ฉด, ๋ค์๊ณผ ๊ฐ์ดํ์ฌ ์ฌ์ฉํ๋ค.</PA> <PB/> <PA>< ?xml-stylesheet type="text/xsl" href="mydoc.xsl"? > </PA> <PB/> <PA>์ด๋ฌํ ์ฌ์ฉํ ์คํ์ผ์ํธ๋ฅผ ์ ์ธํ๋ ๋ถ๋ถ์ XML ๋ฌธ์์ ํ๋กค๋ก๊ทธ์ ์์นํ๋ฉฐ, ์ผ๋ฐ์ ์ผ๋ก XML ์ ์ธ๋ถ ๋ฐ๋ก ๋ค์, document type ์ ์ธ๋ถ ์์ ์์นํ๊ฒ ๋๋ค.</PA> <PA> <HTML:A href="mydoc_itself.xml">์ฐธ๊ณ </HTML:A> : ์ด XML ๋ฌธ์์์ ์คํ์ผ ์ ์ธํ ๋ถ๋ถ์ ์์น๋ฅผ ํ์ธํด๋ณด์๋ฉด ๋ฉ๋๋ค.</PA> </MBODY> <MTITLE></MTITLE> <MBODY> <PA>Q. ์คํ์ผ์ํธ๊ฐ ์ง์ ์๋ XML ๋ฌธ์๋ IE5๋ก ๋ณผ ์ ์๋๊ฐ?</PA> <PA>A. IE5์์๋ ์คํ์ผ์ด ์ง์ ๋์ง ์์ ๊ฒฝ์ฐ์๋ ์์ ์ด ์ ๊ณตํ๋ ๋ํํธ ์คํ์ผ์ ๋ฐ๋ผ ํด๋น XML ๋ฌธ์๋ฅผ ๋ณผ ์ ์๋๋ก ์ง์ํ๋ค.</PA> <PA> <HTML:A href="mydoc_nostyle.xml">์ฐธ๊ณ </HTML:A> : ์คํ์ผ์ด ์ง์ ์๋ ๋ฌธ์ ๋ณด๊ธฐ์์ ๋๋ค. IE5์ ๋ํํธ ์คํ์ผ์ ํ์ธํด๋ณผ ์ ์์ต๋๋ค. </PA> </MBODY> </MODULE> <MODULE> <MTITLE>2. ์์ํ๊ธฐ</MTITLE> <MBODY> <LIST> <LCOMPO>(1) XML ๋ฌธ์ ๋ธ๋ผ์ฐ์ง์ ์ง์ํ๋ IE5.0์ ์ค์นํ๋ค.</LCOMPO> <LCOMPO>(2) XML ๋ฌธ์๋ฅผ ์์ฑํ๋ค.</LCOMPO> <LCOMPO>(3) CSS๋ฅผ ๋ง๋ ๋ค.</LCOMPO> <LCOMPO>(4) XML๋ฌธ์์ ์คํ์ผ๋ก ์ฌ์ฉํ๊ณ ์ ํ๋ CSS๋ฅผ ์ ๋๋ค.</LCOMPO> <LCOMPO>(5) IE5.0์ผ๋ก ๋ณธ๋ค!</LCOMPO> </LIST> <PA>DTD๋ฅผ ๋ณด๊ณ , ์ฌ์ฉ๋๋ ์๋ฆฌ๋จผํธ๋ค์ ๋ํด์ ์คํ์ผ์ ์ง์ ํด ๋๋ค. ๋ง์ฝ DTD๋ฅผ ์ฌ์ฉํ์ง ์๋ ๋ฌธ์๋ผ๋ฉด, ์ง์ ๋ฌธ์๋ด์ฉ์ ๋ณด๊ณ ๋ฌธ์ ๋ด์์ ์ฌ์ฉ๋๋ ์๋ฆฌ๋จผํธ๋ค์ ์ฐพ์๋ด์ผ ํ๋ค. ๊ฐ์ DTD๋ฅผ ์ฌ์ฉํ๋ XML ๋ฌธ์๋ค์ ๋ํด์๋ ๊ฐ์ ์คํ์ผ์ ์ง์ ํด์ ์ฌ์ฉํ ์ ์์ผ๋ฏ๋ก, ์คํ์ผ์ ํ ๋ฒ๋ง ์์ฑํด๋ ๊ฐ์ ํด๋์ค์ ์ํ๋ XML๋ฌธ์๋ค์ด ํจ๊ป ์ฌ์ฉํ ์ ์๋ค. ๋ ๋ฐ๋ฉด์, ํ๋์ ๋ฌธ์๋ผ๋ ์์ฑ๋ ์คํ์ผ์ด ์ฌ๋ฟ์ด๋ผ๋ฉด, ์ด ์ฌ๋ฌ๊ฐ์ ์คํ์ผ๋ค์ ์ฌ์ฉํด์ ๋ค๋ฅด๊ฒ ๋์คํ๋ ์ด ์ํฌ ์๋ ์๋ค.</PA> </MBODY> </MODULE> <MODULE> <MTITLE>3. ์์ ๋ณด๊ธฐ</MTITLE> <MBODY> <PA>XML ๋ฌธ์์ ๋ํ ์์ ๋ฅผ ๋ณด์๋ ค๋ฉด ์ด ๋ฌธ์์ ์์ค๋ณด๊ธฐ๋ฅผ ํด๋ณด์ธ์!</PA> <PA>์ด ๋ฌธ์๊ฐ ๋ฐ๋ก XML๋ก ์์ฑ๋์์ต๋๋ค.</PA> <PA>๋๋ ์ง์ ์น์ผ๋ก ๋ณด๊ธฐ๋ก ์ ๊ณต๋๋ ๊ฒ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.</PA> <LIST> <LCOMPO>(1) <HTML:A href="mydoc_itself.xml">์ค์ XML ๋ฌธ์ ๋ณด๊ธฐ</HTML:A></LCOMPO> <LCOMPO>(2) <HTML:A href="mydoc_nostyle.xml">์คํ์ผ์ด ์ง์ ์๋ ๋ฌธ์ ๋ณด๊ธฐ(IE5.0์ raw style)</HTML:A></LCOMPO> <LCOMPO>(3) <HTML:A href="mydoc_style.xml">์ด XML ๋ฌธ์๊ฐ ์ฌ์ฉํ๋ CSS๋ก ์์ฑ๋ ์คํ์ผ์ํธ ๋ณด๊ธฐ</HTML:A></LCOMPO> <LCOMPO>(4) <HTML:A href="mydoc_dtd.xml">์ด XML ๋ฌธ์๊ฐ ์ฌ์ฉํ๋ DTD ๋ณด๊ธฐ</HTML:A></LCOMPO> </LIST> </MBODY> </MODULE> <MODULE> <MTITLE>4. ๊ณ ๋ ค์ฌํญ</MTITLE> <MBODY> <PA>ํ์ฌ์ IE5.0์์๋ XLink๋ ์ง์ํ์ง ์๋๋ค. ๊ทธ๋ฐ๋ฐ, ๋ค์์คํ์ด์ค๋ฅผ ์ด์ฉํ์ฌ HTML A๋งํฌ ๊ธฐ๋ฅ์ ์ฌ์ฉํ ์๋ ์๋ค. XLink์์ ์ ์๋๋ ํ์ฅ๋ ๊ฐ๋ ์ ๋งํฌ๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ ์์ง์ IE5.0๋ธ๋ผ์ฐ์ ์์๋ ์ง์์ด ๋์ง์๊ธฐ๋๋ฌธ์, ํ์ฌ๋ก์๋ ์ฌ์ ํ ๋จ๋ฐฉํฅ์ end link๊ฐ ํ๋๋ก ์ง์ ๋๋ simple link๋ฅผ ์ฌ์ฉํ ์ ๋ฐ์ ์๋ค.</PA> <PA>XML๋ฌธ์๋ด์์ ๋ค์์คํ์ด์ค๋ฅผ ์ด์ฉํ์ฌ HTML์ A๋งํฌ๋ฅผ ์ฌ์ฉํด์ ๋งํฌ๋ฅผ ์ง์ ํ๋ ๋ฐฉ๋ฒ์ <HTML:A href = "xml_hlink.xml">์ฌ๊ธฐ</HTML:A>์ ์ค๋ช ๋์ด์๋ค.</PA> </MBODY> </MODULE> <MODULE> <MTITLE>5. Refereces</MTITLE> <MBODY> <LIST> <LCOMPO> [1]<HTML:A href="http://msdn.microsoft.com/xml/xslguide/browsing-css.asp "> How to Write a CSS Style Sheet for Browsing XML</HTML:A> </LCOMPO> <LCOMPO> [2]<HTML:A href="http://msdn.microsoft.com/xml/xslguide/browsing-overview.asp"> Browsing XML Documents in Internet Explorer 5</HTML:A> </LCOMPO> <LCOMPO> [3]<HTML:A href="http://msdn.microsoft.com/xml/samples/review/review-css.xml"> MSDN์์ ์ ๊ณตํ๋ CSS์ฌ์ฉ XML ๋ฌธ์ ์์ </HTML:A>(IE5.0 required) </LCOMPO> <LCOMPO> [4]<HTML:A href="http://msdn.microsoft.com/xml/samples/review/review-xsl.xml"> MSDN์์ ์ ๊ณตํ๋ XSL์ฌ์ฉ XML ๋ฌธ์ ์์ </HTML:A> (IE5.0 required) </LCOMPO> </LIST> <!-- <HTML:A href = "xmllink.xml">์ฌ๊ธฐ</HTML:A>์ ์ค๋ช ๋์ด์๋ค.</PA> --> </MBODY> </MODULE> </BODY> <FOOT> <PA>์ด ๋ฌธ์๋ <HTML:A href="mailto:jiyuns@netsgo.com">์ ์</HTML:A>์์ ์์ ์์ด ์์ ์ ์ผ๋ก ๋ฐฐํฌํ๊ฑฐ๋</PA> <PA>์์ ํ๊ฑฐ๋ ์ด์ฉํ ์ ์์ผ๋ฉฐ, ๊ทธ ์ด์ธ์ ์ฉ๋๋ก ์ธ์ฉํ ์์๋ ์ถ์ฒ๋ฅผ ๋ฐํ์ผํ๊ณ , </PA> <PA>๋น ์์ ์ ์ธ ๋ชฉ์ ์ผ๋ก ์์ ํ๊ฑฐ๋ ๋ฐฐํฌํ๋ ๊ฒฝ์ฐ์๋ ์ ์์์ ํ์๊ฐ ์์ด์ผ ํฉ๋๋ค.</PA> <PA>All Rights Reserved by Lee, Jiyun</PA> </FOOT> </MYDOC>
- DTD ๋ถ๋ถ
~cpp <!ELEMENT MYDOC (TITLE,DATE*,AUTHOR*,DOCDESC?,ABSTRACT?,BODY?,FOOT?)> <!ELEMENT TITLE (#PCDATA)> <!ELEMENT DOCDESC (#PCDATA)> <!ELEMENT ABSTRACT ANY> <!ELEMENT DATE (YEAR, MONTH, DAY)> <!ATTLIST DATE TYPE (LAST_MODIFIED|BEGINNING_DATE) #REQUIRED> <!ELEMENT YEAR (#PCDATA)> <!ELEMENT MONTH (#PCDATA)> <!ELEMENT DAY (#PCDATA)> <!ELEMENT AUTHOR (NAME,EMAIL,(PHONE)?)> <!ELEMENT NAME (#PCDATA)> <!ELEMENT EMAIL (#PCDATA)> <!ELEMENT PHONE (#PCDATA)> <!ELEMENT BODY (CONTENT?,(MODULE|PA)*)> <!ELEMENT MODULE (MTITLE,MBODY)*> <!ELEMENT MBODY (PA | PB | LIST | COMMENT | SUBLIST | BLOCK)*> <!ELEMENT MTITLE (#PCDATA)> <!ELEMENT PA ANY> <!ELEMENT PB EMPTY> <!ELEMENT XMP ANY> <!ELEMENT BLOCK ANY> <!ELEMENT CONTENT (MTITLE,MBODY)*> <!ELEMENT LIST ((((LTITLE)*,((LCOMPO)+ | SUBLIST)) | LIST)*) > <!ELEMENT SUBLIST (LCOMPO)*> <!ELEMENT LTITLE (#PCDATA)> <!ELEMENT LCOMPO ANY> <!ELEMENT COMMENT (#PCDATA)> <!ELEMENT FOOT (PA)*>
- CSS ๋ถ๋ถ
~cpp
TITLE{
display :block;
font-size :18pt;
font-weight :bold;
font-family :Times New Roman;
color :#333377;
text-align :center;
margin-top :2em;
margin-bottom :1em;
}
DATE{
display :block;
margin-top :0.5em;
margin-bottom :0em;
text-align :center;
}
YEAR{
display :inline;
font-size :10pt;
font-weight :normal;
font-family :๋ฐํ์ฒด,Times New Roman;
color :black;
}
MONTH{
display :inline;
font-size :10pt;
font-weight :normal;
font-family :๋ฐํ์ฒด,Times New Roman;
color :black;
}
DAY{
display :inline;
font-size :10pt;
font-weight :normal;
font-family :๋ฐํ์ฒด,Times New Roman;
color :black;
}
AUTHOR{
display :block;
margin-top :0em;
margin-bottom :0.5em;
text-align :center;
}
NAME{
display :block;
font-size :10pt;
font-weight :normal;
font-family :๋ฐํ์ฒด,Times New Roman;
color :black;
}
EMAIL{
display :block;
font-size :10pt;
font-weight :normal;
font-family :๋ฐํ์ฒด,Times New Roman;
color :black;
}
ABSTRACT{
display :block;
font-size :9pt;
font-weight :normal;
font-family :๋ฐํ์ฒด,Times New Roman;
color :black;
margin-left :8em;
margin-right :8em;
margin-top :2em;
margin-bottom :1.5em;
}
BODY{
display :block;
margin-left :1em;
margin-right :1em;
margin-top :2em;
margin-bottom :2em;
}
MODULE{
display :block;
margin-left :0em;
margin-right :0em;
margin-top :2em;
margin-bottom :2em;
}
MBODY{
display :block;
margin-left :1em;
margin-right :0em;
margin-top :0.5em;
margin-bottom :1em;
}
FOOT{
display :block;
text-align :center;
margin-left :2em;
margin-right :2em;
margin-top :3em;
margin-bottom :2em;
}
PA{
display :block;
font-size :9pt;
font-weight :normal;
font-family :๋ฐํ์ฒด,Times New Roman;
color :black;
}
LIST{
display :block;
margin-left :1.5em;
margin-right :2em;
margin-top :0.5em;
margin-bottom :0.5em;
}
LCOMPO{
display :block;
font-size :9pt;
margin-left :0.8em;
margin-right :2em;
margin-top :0em;
margin-bottom :0em;
}
SUBLIST{
display :block;
margin-left :4em;
margin-right :2em;
margin-top :1em;
margin-bottom :1em;
}










