CINXE.COM
Home | Causes of Color
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Home | Causes of Color</title> <link rel="stylesheet" type="text/css" href="css/causeofcolors.css" media="all" /> <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" /> <link rel="stylesheet" type="text/css" href="css/print.css" media="print" /> <!--[if gte IE 6]> <link href="css/ie6.css" rel="stylesheet" type="text/css" media="screen" /> <![endif]--> <!--[if lt IE 6]> <link href="css/ie5.css" rel="stylesheet" type="text/css" media="screen" /> <![endif]--> <link rel="shortcut icon" href="images/favicon.ico" /> <script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="js/jquery.lightbox.js"></script> <script type="text/javascript" src="js/cause.js"></script> <script type="text/javascript" > $(function(){ $('#arrow').css('top', '7pt'); $('#w3chack').load('https://www.webexhibits.org/causesofcolor/w3chack.php'); }); </script> </head> <body > <div id="wrapper"> <div id="menu"> <div id="logo"> <a href="index.html"><img src="images/layout/neo_causes_of_color.jpg" alt="Causes of Color" border="0" /></a> </div> <div id="search_box"> <form action="/query.html"> <span id="w3chack"></span> <input type="hidden" name="tem" value="causesofcolor" /> <input type="hidden" name="col" value="webx" /> <input name="btnSubmit" type="image" src="images/layout/neo_search_submit.jpg" id="search_submit"/> </form> </div> <div id="menu_container"> <img id="arrow" src="images/layout/littleNavArrow.gif" border="0" alt="" /> <img name="menu_image" src="images/layout/navigation-april.jpg" width="194" height="539" border="0" id="menu_image" usemap="#m_menu" alt="" title="" /> <map name="m_menu" id="m_menu"> <!-- #$AUTHOR:kakilangit --> <area shape="rect" coords="5,2,190,30" href="index.html" /> <area shape="rect" coords="5,39,91,69" href="made.html" /> <area shape="rect" coords="94,42,189,62" href="3.html" /> <area shape="rect" coords="94,63,189,83" href="3B.html" /> <area shape="rect" coords="5,85,190,105" href="4.html" /> <area shape="rect" coords="5,106,190,126" href="4AD.html" /> <area shape="rect" coords="5,139,72,169" href="lost.html" /> <area shape="rect" coords="75,139,190,159" href="5.html" /> <area shape="rect" coords="75,162,190,182" href="7.html" /> <area shape="rect" coords="5,184,190,204" href="6.html" /> <area shape="rect" coords="5,205,190,225" href="9.html" /> <area shape="rect" coords="5,238,89,271" href="moved.html" /> <area shape="rect" coords="95,242,190,262" href="13.html" /> <area shape="rect" coords="95,263,190,283" href="14.html" /> <area shape="rect" coords="5,285,190,305" href="15A.html" /> <area shape="rect" coords="5,306,190,326" href="16.html" /> <area shape="rect" coords="6,338,88,368" href="other.html" /> <area shape="rect" coords="92,342,192,362" href="1.html" /> <area shape="rect" coords="92,363,192,383" href="1B.html" /> <area shape="rect" coords="7,385,192,405" href="2A.html" /> <area shape="rect" coords="6,406,191,426" href="17.html" /> <area shape="rect" coords="6,441,191,461" href="bibliography.html" /> <area shape="rect" coords="6,463,191,483" href="shop.html" /> <area shape="rect" coords="6,484,191,504" href="teaching.html" /> <area shape="rect" coords="6,505,191,525" href="about.html" /> </map> </div> <div id="webexhibits"> <a href="https://www.webexhibits.org" title="Webexhibits"><img src="images/layout/neo_webexhibits.jpg" alt="Webexhibits" border="0" /></a> </div> <div id="resizer"> font size: <a id="smallFont" href="javascript:changeFontSize(-1);" title="smaller">a</a> <a id="revertFont" href="javascript:revertStyles();" title="normal">a</a> <a id="bigFont" href="javascript:changeFontSize(1);" title="bigger">a</a> </div> </div> <div id="content"> <div id="content_body" class="content"> <h2 class="print">A page from the "Causes of Color" exhibit...</h2> <style> body{ background: #D6DBD3 url(none.gif) repeat; } </style> <div id="beranda"> <img name="index" src="images/content/index.jpg" width="831" height="612" border="0" id="index" usemap="#m_index" alt="" /> <map name="m_index" id="m_index"> <area shape="rect" coords="554,571,712,612" href="0.html" title="overview" alt="overview" /> <area shape="rect" coords="235,513,307,540" href="moved.html" title="moved" alt="moved" /> <area shape="rect" coords="197,475,238,501" href="lost.html" title="lost" alt="lost" /> <area shape="rect" coords="243,434,302,462" href="made.html" title="made" alt="made" /> <area shape="rect" coords="647,260,808,315" href="15A.html" title="butterfly" alt="butterfly" /> </map> </div> </div> <div id="footer"> webexhibits.org/causesofcolor — <a href="bibliography.html">Bibliography</a> — <a href="about.html">About</a> — <a href="credits.html">Credits & Feedback</a> </div> </div> <div class="clear"></div> </div> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-WPCMZB9YJ2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-WPCMZB9YJ2'); </script> </body> </html>