index.html
<!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">

<!-- #BeginTemplate "Template/reading.dwt" -->

<head>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- #BeginEditable "doctitle" -->
<title>Reading</title>
<!-- #EndEditable -->
<meta name="page-design" content="Cheryl D Wise, by-expression.com" />
<!-- #BeginEditable "metas" -->
<meta name="keywords" content="Expression, Web Designer DWT, Graphic Designer" />
<meta name="description" content="Example of a DWT created with Expression Web Designer uising Expression Grpahic Designer for all graphics" />
<!-- #EndEditable -->
<link rel="stylesheet" type="text/css" href="reading.css" />
<link rel="stylesheet" type="text/css" href="topnav.css" />
<!-- #BeginEditable "pageStyles" -->
<style type="text/css">
<!Any page spcific styles should be added in this section. -->

</style>
<!-- #EndEditable -->
</head>

<body>
<div id="masthead">
<!-- #BeginEditable "pagetitle" -->
<p class="pagetitle">Reading <br />
<span class="tagline">will make you a smarter person</span></p><!-- #EndEditable -->
</div>
<div id="top_nav">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
<div id="container">
<div id="left_col">
	<!-- #BeginEditable "leftcol" -->
	<h3>left column</h3>
	<p>About the top navigation bar. The link for the page you 
	are visiting will be on the right side of the page. The rest of your menu 
	will be stay to the left.</p>
	<p>This gives you sort of a breadcrumb effect but if you prefer a more 
	traditional menu it is easy to change since the menu is on its own 
	stylesheet.</p>
<!-- #EndEditable -->
</div>	
	<div id="coltwocolor">
	<!-- #BeginEditable "rightcol" -->
	<div id="right_col">
	<h3>right column</h3>
	ovolumic cochrane graviton-prediction, which ought to in fact dampen the 
	polarizing maintenance-filament formulas. a reversible lucifugal primary 
	ionization perimeter operation to cancel the celestial info-sphere 
	greenhouse effec</div>
	<!-- #EndEditable -->
	<div id="page_content" >
	<!-- #BeginEditable "mainContent" -->
	<h1>center column</h1>
	<p>If the inverting-core acceptor deflects the complex chronotron-feedback 
	analysis, try to provoke a coil-composition reflex and several quantum 
	biosphere resonances, this will create a restricted isovolumic cochrane 
	graviton-prediction, which ought to in fact dampen the polarizing 
	maintenance-filament formulas. Then attempt a minimum abstract 
	component-delay correction phase to input a reversible lucifugal primary 
	ionization perimeter operation to cancel the celestial info-sphere 
	greenhouse effect</p>
	<!-- #EndEditable -->
	<p class="colclear" > </p>
	</div>	
</div>
</div>
<div id="footer">
@ 2006 by-expression.com</div>

</body>

<!-- #EndTemplate -->

</html>