search.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 "dwt/site.dwt" -->

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta content="IE=Edge" http-equiv="X-UA-Compatible" />
<!-- #BeginEditable "doctitle" -->
<title>Search My Site</title>
<!-- #EndEditable -->
<!-- #BeginEditable "description" -->
<meta content="Insert DESCRIPTION here" name="description" />
<meta content="Insert KEYWORDS here" name="keywords" />
<!-- #EndEditable -->
<meta content="en-us" http-equiv="Content-Language" />
<meta content="General" name="rating" />
<meta content="no" http-equiv="imagetoolbar" />
<meta content="Copyright 2012, Pat Geary and Tina Clarke http://frontpage-to-expression.com/ All Rights Reserved" name="copyright" />
<!-- main css -->
<link href="styles/site.css" rel="stylesheet" type="text/css" />
<!-- media queries css -->
<link href="styles/media-queries.css" rel="stylesheet" type="text/css" />
<!-- css3-mediaqueries.js for IE less than 9 --><!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<meta content="width=device-width; initial-scale=1.0" name="viewport" />
</head>

<body>

<!-- Page Container begins here -->
<div id="outerWrapper">
	<!-- Masthead begins here -->
	<div id="header">
		<p class="sitename">My Site Name<br />
		<span class="tagline">Tagline Goes Here</span></p>
	</div>
	<!-- Masthead ends here -->
	<!-- Navigation begins here -->
	<div id="topNavigation">
		<ul>
			<li><a href="index.html" title="Home">Home</a></li>
			<li><a href="about.html" title="About">About</a></li>
			<li><a href="contact.html" title="Contact">Contact</a></li>
			<li><a href="links.html" title="Links">Links</a></li>
			<li><a href="search.html" title="Search My Site.">Search</a></li>
			<li><a href="site-map.html" title="Site Map">Site Map</a></li>
		</ul>
	</div>
	<!-- Navigation ends here -->
	<!-- Content Container begins here -->
	<div id="contentWrapper">
		<!-- Left Column begins here -->
		<div id="leftColumn1">
			<p class="heading">Article Heading</p>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent 
			aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at 
			nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie 
			in, commodo porttitor, felis. Nam blandit quam ut lacus. <a href="#">
			More...</a></p>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent 
			aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at 
			nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie 
			in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare 
			risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. 
			Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate 
			at, odio. <a href="#">More...</a></p>
		</div>
		<!-- Left Column ends here -->
		<!-- Right Column begins here -->
		<div id="rightColumn1">
			<p class="heading">Article Heading</p>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent 
			aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at 
			nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie 
			in, commodo porttitor, felis. Nam blandit quam ut lacus. <a href="#">
			More...</a></p>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent 
			aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at 
			nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie 
			in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare 
			risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. 
			Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate 
			at, odio. <a href="#">More...</a></p>
		</div>
		<!-- Right Column ends here -->
		<!-- Main Content begins here -->
		<div id="content">
			<!-- #BeginEditable "content" -->
			<h1>Search My Site</h1>
			<div id="cse-search-form" style="width: 200px;">
				Loading</div>
			<script src="http://www.google.com/jsapi" type="text/javascript"></script>
			<script type="text/javascript"> 
  google.load('search', '1', {language : 'en', style : google.loader.themes.MINIMALIST});
  google.setOnLoadCallback(function() {
    var customSearchControl = new google.search.CustomSearchControl('009206261522604705567:bab_def5f5a');
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    var options = new google.search.DrawOptions();
    options.enableSearchboxOnly("http://www.google.com/cse?cx=009206261522604705567:bab_def5f5a");
    customSearchControl.draw('cse-search-form', options);
  }, true);
</script>
			<p>This Google Custom Search Box is a <strong>sample</strong> only. 
			You will need to signup for a Google account BEFORE you can use
			<a href="http://www.google.com/cse/" title="Google Custom Search.">Google 
			Custom Search</a>. </p>
			<p><strong>NOTE</strong>: This search box is setup to search
			<a href="http://www.frontpage-to-expression.com/" title="Migrating from FrontPage to Expression Web.">
			Migrating from FrontPage to Expression Web</a>. </p>
			<p>Please see
			<a href="http://www.frontpage-to-expression.com/site-templates/search-boxes.html" title="Search Boxes.">
			Search Boxes</a> for more information about how to include a search 
			box on your site. </p>
			<!-- #EndEditable --></div>
		<!-- Main Content ends here -->
		<!-- Do NOT Delete or your footer will not fall below your content area -->
		<br class="clearFloat" />
		<br />
	</div>
	<!-- Content Container ends here -->
	<!-- Footer begins here -->
	<div id="footer">
		<p>Copyright © 2012 Company Name. All Rights Reserved.</p>
		<p>your-name@your-domain.com
		<a href="privacy-policy.html" title="Privacy Policy.">Privacy Policy</a>
		</p>
		<p class="smltxt">Template Design:
		<a href="http://www.frontpage-to-expression.com/">Migrating From FrontPage 
		to Expression Web</a> </p>
		<p class="smltxt">Template Created: October 2012 </p>
	</div>
	<!-- Footer ends here --></div>
<!-- Page Container ends here -->

</body>
<!-- #EndTemplate -->

</html>