<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="en">

<head>
<meta name="keywords" content="thinkquest,web,toolkit,design,development,internet,websites,site,html,xhtml,css" />
<meta name="description" content="A web building guide for ThinkQuesters" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="revised" content="ttk, 08/04/07" />

<title>TQ Toolkit: A web building guide for ThinkQuesters</title>

<link rel="shortcut icon" href="images/favicon.ico" /> 

<link rel="stylesheet" href="styles/default.css" type="text/css" media="screen" />
<link rel="alternate stylesheet" href="styles/toolkit.css" title="toolkit" type="text/css" media="screen" />
<link rel="alternate stylesheet" href="styles/tqstyle.css" title="tqstyle" type="text/css" media="screen" />
<link rel="alternate stylesheet" href="styles/txtonly.css" title="txtonly" type="text/css" media="screen" />
<link rel="alternate stylesheet" href="styles/lucidity.css" title="lucidity" type="text/css" media="screen" />
<link rel="alternate stylesheet" href="styles/futura.css" title="futura" type="text/css" media="screen" />
<link rel="alternate stylesheet" href="styles/playground.css" title="playground" type="text/css" media="screen" />
<link rel="alternate stylesheet" href="styles/cubicgreen.css" title="cubicgreen" type="text/css" media="screen" />
<link rel="stylesheet" href="styles/copy.css" title="copy" type="text/css" media="print" />

<script type="text/javascript" src="scripts/addLoadEvent.js"></script>
<script type="text/javascript" src="scripts/AC_OETags.js"></script>
<script type="text/javascript" src="scripts/change.js"></script>
<script type="text/javascript" src="scripts/showHide.js"></script>
<script type="text/javascript" src="scripts/tools.js"></script>
<script type="text/javascript" src="scripts/dom-drag.js"></script>
<script type="text/javascript" src="scripts/overlib/overlib.js"></script>
<script type="text/javascript" src="scripts/definition.js"></script>
<script type="text/javascript" src="scripts/randomFact.js"></script>
<script type="text/javascript" src="scripts/citations.js"></script>
<script type="text/javascript" src="scripts/testYourself.js"></script>
<script type="text/javascript" src="scripts/smoothscroll.js"></script>
<script type="text/javascript" src="scripts/dynLoad.js"></script>
<script type="text/javascript" src="scripts/jse_search.js"></script>
</head>

<body><!-- tql_banner_head --><script type="text/javascript" src="/banner/banner.js"></script></script><script>tql_drawTop();</script>

<!-- Overlib Markup -->
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>

<div id="background">

<div id="search">
    <input id="searchtxt" class="textbox" type="text" value="Search" />
    <a href="#contentarea"><input class="searchbut" type="button" value="GO" onclick="ajaxpage('results.html','content');" /></a>
</div>

<div id="contentarea">
<div id="content">
Please wait while the site loads... <br /> <br />
Loading completes when you see a &quot;Done&quot; or any other message with similar meaning in your browser's status bar. <br /> <br />
If loading has completed and you still see this message, JavaScript has been turned off. This Site uses AJAX, so it would be good if you can turn on JavaScript. If you are using IE, your browser might have blocked activeX content, so click the popup bar above to activate it.<br /> <br />
If you have turned on JavaScript and this message appears, your browser might be outdated. To continue, either use the latest version of your browser or click <a href="sitemap2.html" class="external">here</a> to browse from our sitemap.</div>
</div>

<div id="menu">
	<ul>
		<li><a href="#contentarea" onclick="ajaxpage('home.html','content');ajaxpage('navigator001.html','Answer12');"><span>Home</span></a></li>
		<li><a href="#contentarea" onclick="ajaxpage('toolkit.html','content');ajaxpage('navigator002.html','Answer12');"><span>Toolkit</span></a></li>
		<li><a href="#contentarea" onclick="ajaxpage('tips.html','content');ajaxpage('navigator003.html','Answer12');"><span>Interactivities</span></a></li>
		<li><a href="#contentarea" onclick="ajaxpage('about.html','content');ajaxpage('navigator004.html','Answer12');"><span>About</span></a></li>
	</ul>
</div>

<div id="texttoggle">
	<h4>Toggle Text Size</h4>
	<div id="togglebutdiv">
	<a onclick="textsize('increase');"><img src="images/plus.gif" class="togglebutton" alt="+" /></a>
	<a onclick="textsize('decrease');"><img src="images/minus.gif" class="togglebutton" alt="-" /></a>	</div>
</div>

<div id="toolbox">
	<div id="Answer1"><a class="sideshowhide" onclick="showHide(2);showHide(1);showHide(3);">Show <br /> Toolbox</a></div>
	<div id="Answer2"><a class="sideshowhide" onclick="showHide(1);showHide(2);showHide(3);">Hide <br /> Toolbox</a></div>
	<div id="Answer3">
		<ul>
			<li><img src="images/skinchooser.png" class="smallIcon" alt=">" /><a class="sidelinks" onclick="ajaxpage('skinchooser.html', 'content');loadobjs('scripts/skin.js');">Skin Chooser</a></li>
			<li><img src="images/printfriendly.png" class="smallIcon" alt=">" /><a class="sidelinks" onclick="printfriendly();">Print Friendly</a></li>
			<li><img src="images/bookmark.png" class="smallIcon" alt=">" /><a class="sidelinks" onclick="bookmark();">Bookmark</a></li>
			<li><img src="images/email.png" class="smallIcon" alt=">" /><a class="sidelinks" onclick="tellFriend();">Email a friend</a></li>
			<li><img src="images/download.png" class="smallIcon" alt=">" /><a class="sidelinks" onclick="ajaxpage('download.html', 'content');">Download site</a></li>
			<li><img src="images/textonly.png" class="smallIcon" alt=">" /><a class="sidelinks" onclick="chooseStyle('txtonly', 365);">Text-Only</a></li>
		</ul>
	</div>
	<div class="bottom">Drag Me</div>
</div>

<div id="factbox">
	<div id="Answer4"><a class="sideshowhide" onclick="showHide(5);showHide(4);showHide(6);">Show <br /> Factbox</a></div>
	<div id="Answer5"><a class="sideshowhide" onclick="showHide(4);showHide(5);showHide(6);">Hide <br /> Factbox</a></div>
	<div id="Answer6">
	<p id="fact"></p>
	</div>
	<div class="bottom">Drag Me</div>
</div>

<div id="trivia">
	<div id="Answer7"><a class="sideshowhide" onclick="showHide(8);showHide(7);showHide(9);">Show <br /> Trivia</a></div>
	<div id="Answer8"><a class="sideshowhide" onclick="showHide(7);showHide(8);showHide(9);">Hide <br /> Trivia</a></div>
	<div id="Answer9">
	<p id="triviaQn"></p>
	</div>
	<div class="bottom">Drag Me</div>
</div>

<div id="submenu">
	<div id="Answer10"><a class="sideshowhide" onclick="showHide(11);showHide(10);showHide(12);">Show<br /> Navigator</a></div>
	<div id="Answer11"><a class="sideshowhide" onclick="showHide(10);showHide(11);showHide(12);">Hide<br /> Navigator</a></div>
	<div id="Answer12"></div>
	<div class="bottom">Drag Me</div>
</div>

<div id="footer">
<a href="http://validator.w3.org/check?uri=referer" class="external" rel="external"><span class="hidden" style="display:none;">XHTML Valid</span><img src="images/valid-xhtml.png" class="validator" alt="XHTML Valid" /></a>
Your TQ Guides &reg; - ThinkQuest International 2007 &copy;
<a href="http://jigsaw.w3.org/css-validator/check/referer" class="external" rel="external"><span class="hidden" style="display:none;">CSS Valid</span><img src="images/valid-css.png" class="validator" alt="CSS Valid" /></a> <br />
<a href="#contentarea" class="external" onclick="ajaxpage('sitemap.html','content');ajaxpage('navigator004.html','Answer12');">Sitemap</a> | <a href="#contentarea" class="external" onclick="ajaxpage('terms.html','content');ajaxpage('navigator004.html','Answer12');">Terms of Use</a>
</div>
</div>
<script type="text/javascript" src="scripts/styleswitch.js"></script>
<!-- tql_banner_foot --><script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-174705-4']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga); })(); </script></body>
</html>