Sorry, this is my first real website outside of a classroom setting. I may have made a mistake. The template.html is how I created the main.dwt. Here is what I created with the main.dwt, which may be what you mean by the "child". This is the first web page I created with the template main.dwt. It's name is mission.html. Sorry for the confusion:
<!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"><!-- InstanceBegin template="/Templates/main.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Inland Empire Waterkeeper</title>
<!-- InstanceEndEditable -->
<link href="_css/styles.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
color: #333333;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
}
body {
background-color: #FFFFFF;
color: #D6D6D6;
background-image: url(_images/background_teal.png);
background-repeat: repeat-x;
margin: auto;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
h1 {
font-size: 28px;
color: #666666;
margin-bottom: 0
}
h2 {
font-size: 26px;
color: #666666;
margin-bottom: 0
}
h3 {
font-size: 24px;
color: #666666;
margin-bottom: 0
}
h4 {
font-size: 22px;
color: #666666;
margin-bottom: 0
}
h5 {
font-size: 20px;
color: #666666;
margin-bottom: 0
}
h6 {
font-size: 18px;
color: #666666;
margin-bottom: 0
}
p {margin-top:0}
</style>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<div class="container"><!-- InstanceBeginEditable name="header" -->
<div class="header"><img src="_images/banner.jpg" width="933" height="300" /></div>
<!-- InstanceEndEditable -->
<div class="menubar">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#" class="MenuBarItemSubmenu">About Us</a>
<ul>
<li><a href="organization.html" class="MenuBarItemSubmenu">Our Org.</a>
<ul>
<li><a href="mission.html">Our Mission</a></li>
<li><a href="history.html">Our History</a></li>
<li><a href="community.html">Our Community</a></li>
</ul>
</li>
<li><a href="team.html" class="MenuBarItemSubmenu">Our Team</a>
<ul>
<li><a href="staff.html">Staff</a></li>
<li><a href="supporters.html">Supporters</a></li>
<li><a href="advisoryboard.html">Advisory Board</a></li>
</ul>
</li>
<li><a href="coastkeeper.html">Coastkeeper</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">What We Do</a>
<ul>
<li><a href="programs.html" class="MenuBarItemSubmenu">Programs</a>
<ul>
<li><a href="advocacy.html">Advocacy</a></li>
<li><a href="education.html">Education</a></li>
<li><a href="research.html">Research</a></li>
<li><a href="restoration.html">Restoration</a></li>
<li><a href="enforcement.html">Enforcement</a></li>
</ul>
</li>
<li><a href="prokects.html">Projects</a></li>
<li><a href="datareports.html">Data & Reports</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Get Involved</a>
<ul>
<li><a href="volunteer.html">Volunteer</a></li>
<li><a href="employment.html">Employment</a></li>
<li><a href="events.html">Events & Meetings</a></li>
<li><a href="donate.html">Donate</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">News Room</a>
<ul>
<li><a href="pressrelease.html">In the News and Press Releases</a></li>
<li><a href="legislation.html">Legislative Updates</a></li>
<li><a href="waternews.html">Water in the News</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Resources</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">Information</a>
<ul>
<li><a href="watershed.html">Our Watershed</a></li>
<li><a href="reportpollution.html">Report Pollution</a></li>
</ul>
</li>
<li><a href="photos.html">Photo Gallery</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<!-- InstanceBeginEditable name="content" -->
<div class="emptyspacecontent">
<h4><strong style="text-align: justify;">Inland Empire Waterkeeper</strong><img src="_images/border_horizontal.png" width="933" height="3" /></h4>
<p align="left">Inland Empire Waterkeeper's <em>vision</em> is to achieve a sustainable watershed free of pollution and a community of motivated water stewards. <br />
<br />
Inland Empire Waterkeeper's <em>mission</em> is to protect and enhance the water quality of the Upper Santa Ana River Watershed through programs of advocacy, education, research, restoration, and enforcement. <br />
<br />
<strong><em>Our team seeks to:</em></strong></p>
<ul>
<li>Build a regional, collaborative approach to watershed management</li>
<li>Develop water quality solutions that meet the needs of both the environment and the community</li>
<li>Implement actions and programs that have well-defined, measurable results</li>
<li>Work with local, state and federal government agencies to ensure proactive water policy</li>
<li>Increase environmental awareness among citizens, students, policymakers and the business community</li>
<li>Promote compliance with the federal Clean Water Act and other environmental laws</li>
</ul>
<h4><strong style="text-align: justify;"><br />
</strong></h4>
</div>
<!-- InstanceEndEditable -->
<div class="emptyspace4"></div>
<div class="footer"><img src="_images/footer_transparent.png" width="933" height="100" alt="Inland Empire Waterkeeper" /></div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
<!-- InstanceEnd --></html>
