{embed="site/header" page="home"}	 

<script type="text/javascript">

$(document).ready(function(){

});

</script>

<style>
.clubRow {padding:8px 8px;}
.left {float:left;}
.right {float:right;}
.odd{background:#eee;}
.course-listing-anchors a{color:white}
.course-listing-anchors{background:#00436f; color:white; width:100%; padding:5px 5px;letter-spacing:10px;}
</style>

	</div> <!-- close box_in in header.html -->
</div> <!-- close box in header.html -->

<a name="top"></a>
<div class="box"> <!-- this will get closed in footer.html -->
  <div class="box_in"> <!-- this will get closed in footer.html -->
	
	<h2 class="title">
		Member Club Directory
		<span style="float:right;">
			{if logged_in}
			<a href="/clubDirectory.html" target="_blank">Print Club Directory</a>
			{/if}
			{if logged_out}
			<a href="/" target="_blank">Print the Club Directory</a>
			{/if}
		</span>
	</h2>

	<div class="main_section">
	
		{embed="widgets/innerLeft"}
		
		<div class="box3">

			<h3>Find a Course<span style="float:right;font-size:14px;"><div><a href="#area">Search by Area</a></div></span></h3>
			        

			<div class="course-listing-anchors">