<!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">
<head>
<title>Florida Keys &amp; Key West Voluntourism | Calendar of Events</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://use.typekit.com/czx0xfl.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

<!-- the CSS for Smooth Div Scroll -->
	<link rel="Stylesheet" type="text/css" href="css/smoothDivScroll.css" />
    
<style type="text/css">
<!--
body {
	text-align: center;
	margin: 0; padding: 0;
	background-color: #02b5d6;
}

div {
	margin: 0 auto; text-align: left;
}

#container {
	margin: 0 auto;
	left:0px;
	top:0px;
	width: 900px;
	position: relative;
}

#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1000px;
	height:1267px;
}
#nav {
	position:absolute;
	right:0px;
	top:131px;
	width:300px;
	height:20px;
	z-index:100;
	background-color:#b1d141;
	border: #b1d141 4px solid;
}

#nav span {
	color:#0c4b87;
	font-family: "museo",serif;
	font-style: normal;
	font-weight: 300;
	font-size:18px;
	height: 28px;
	text-decoration:none;
}

#nav span a {
		margin:12px 13px 0;
}

#index-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:1000px;
	height:160px;
}

#index-02_ {
	position:absolute;
	left:0px;
	top:160px;
	width:1000px;
	height:326px;
	background-image:url(images/index_02.jpg);
}

#index-03_ {
	position:absolute;
	left:0px;
	top:159px;
	width:1000px;
	height:543px;
	background-image:url(images/index_03.jpg);
}

#index-04_ {
	position:absolute;
	left:0px;
	top:702px;
	width:1000px;
	height:438px;
}

h2 {
	color:#0c4b87;
	font-family: "museo",serif;
	font-style: normal;
	font-weight: 300;
	margin:2px 70px 10px;
	text-decoration:none;
}

a {
	color:#0c4b87;
	font-family: "museo",serif;
	font-style: normal;
	font-weight: 300;
	text-decoration:none;
	font-size:smaller;
}

p {
	color:#3e3f3f;
	font-family: verdana;
	font-size:12px;
	line-height: 18px;
	padding: 10px 0px;
	margin: 0px 70px;

}

.end {
		font-size:9px;
		font-style: italic;
}

#makeMeScrollable
		{
			/*width:100%;
			height: 330px;
			position: relative;*/

			position:absolute;
			left:0px;
			width:950px;
			height:320px;
			padding:0px 25px;
		}
		
		#makeMeScrollable div.scrollableArea img
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
		}
		div.event-box {
			color:#3e3f3f;
			font-family: verdana;
			font-size:12px;
			line-height: 18px;
			padding: 10px 10px;
			margin: 10px 70px;
		}
		div.event-box a {font-size: 12px;}
		
		div.event-box.keywest {	background-color: #ffe790; 	}
		
		div.event-box.keylargo { background-color: #fdbcc3;	}
		
		div.event-box.bigpine {	background-color: #f3c5ff;	}
-->
</style>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-129086-79']);
  _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';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>
<body>
<div id="container">
<!-- Save for Web Slices (Keys_Voluntourism_LO4.psd) -->
<div id="Table_01">
	<div id="nav">
    	<span><a href="splash/index.html">Get Volunteers?</a></span>
        <span><a href="calendar.html">Calendar of Events</a></span>
    </div>
	<div id="index-01_"> <a href="http://www.keysvoluntourism.com"><img src="images/index_01.jpg" alt="Keys Voluntourism" width="1000" height="160" usemap="#index_01Map" id="index_01" border="0" /></a>
        <map name="index_01Map" id="index_01Map">
          <area shape="rect" coords="854,61,893,98" href="http://www.youtube.com/user/FloridaKeysTV" target="_blank" alt="YouTube" />
          <area shape="rect" coords="809,60,847,99" href="http://www.facebook.com/floridakeysandkeywest?sk=app_208195102528120&amp;ref=woobox" target="_blank" alt="Facebook" />
          <area shape="rect" coords="766,61,804,99" href="https://twitter.com/thefloridakeys" target="_blank" alt="Twitter" />
        </map>
	</div>

	<div id="index-03_">
    	<h2>Calendar of Events</h2>
      
    	    	<div class="event-box keylargo">
					<div class="event-date">
						<strong>Key Largo</strong> / July 2013 / <a href="http://fishcount.org/about/index.html" target="_blank"><strong>The Great Annual Fish Count</strong></a>
					</div>
					<div class="event-desc">
						This event is coordinated by the (REEF) that mobilizes & trains volunteer divers & snorkelers in established methodologies to identify & document fish diversity & population trends in marine ecosystems. This annual event serves to introduce & inspire recreational divers & snorkelers to: participate in REEF's year-round Volunteer Survey Project; raise awareness among both the diving community & public-at-large regarding marine habitats & trends in fish populations; & provide researchers, marine resource managers & policy makers with this useful information. 
						<strong>Email:</strong> <a href="mailto:gafc@reef.org">gafc@reef.org</a>
					</div>
					<div class="cleardiv"></div>
				</div>
				
				<div class="event-box keylargo">
					<div class="event-date">
						<strong>Key Largo</strong> / August 7-11, 2013 / <a href="http://reef.org/enews/articles/reef-fest-save-date-august-711-2013" target="_blank"><strong>REEF Fest</strong></a>
					</div>
					<div class="event-desc">
						In the summer of 1993, the first REEF fish surveys were conducted by a group of pioneering volunteers. Twenty years later, REEF's Volunteer Survey Project and other REEF initiatives are leading the way as innovative and effective marine conservation programs. To celebrate, we will be hosting 4 days of diving, learning, and parties! REEF Fest - Celebrating 20 Years of Marine Conservation 						
						<strong>Email:</strong> <a href="mailto:reefhq@reef.org">reefhq@reef.org</a>
					</div>
					<div class="cleardiv"></div>
				</div>
				
				<div class="event-box bigpine">
					<div class="event-date">
						<strong>Big Pine & The Lower Keys</strong> / April & May, 2013 / <a href="http://www.habitatlowerkeys.org/calender.htm" target="_blank"><strong>The Habitiat ReStore & Coconut Closet</strong></a>
					</div>
					<div class="event-desc">
						The Habitat ReStore and Coconut Closet in Big Pine Key need retail assistants. We could use a Social Media assistant to put our events/photos on our Facebook pages. We need an office assistant who would come in weekly to help with data entry and other clerical assignments. Our Resource Development committee can always use your help with our special events. And so much more! 
						<strong>Contact:</strong> Anna Symington, Volunteer Coordinator for more information  (305) 294-9006.<br>
					</div>
					<div class="cleardiv"></div>
				</div>
				
				<div class="event-box keywest">
					<div class="event-date"><a name="2748"></a>
						<strong>Key West</strong> / Summer 2013 / <a href="http://kwbgs.org/volunteer.aspx" target="_blank"><strong>Key West Tropical Forest & Botanical Garden</strong></a>
					</div>
					<div class="event-desc">
						We have a variety of ways you can help. If you would like to become a Garden volunteer, please complete and submit the online form found on the website <a href="www.kwbgs.org" target="_blank">www.kwbgs.org</a>. 						
						<strong>Email:</strong> <a href="mailto:kwbgs@kwbgs.org">kwbgs@kwbgs.org</a>
					</div>
					<div class="cleardiv"></div>
				</div>
      
	</div>
  </div>
	<div id="index-04_"> <a href="http://www.fla-keys.com" target="_blank"><img id="index_04" src="images/index_04.jpg" width="1000" height="438" alt="The Florida Keys &amp; Key West" /></a>
	</div>
</div>
</div>
	
	<!-- jQuery library - Please load it from Google API's -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>

	<!-- jQuery UI Widget and Effects Core (custom download)
	     You can make your own at: http://jqueryui.com/download -->
	<script src="js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
	
	<!-- Latest version (3.0.6) of jQuery Mouse Wheel by Brandon Aaron
	     You will find it here: http://brandonaaron.net/code/mousewheel/demos -->
	<script src="js/jquery.mousewheel.min.js" type="text/javascript"></script>

	<!-- jQuery Kinectic (1.5) used for touch scrolling -->
	<script src="js/jquery.kinetic.js" type="text/javascript"></script>

	<!-- Smooth Div Scroll 1.3 minified-->
	<script src="js/jquery.smoothdivscroll-1.3-min.js" type="text/javascript"></script>

	<!-- If you want to look at the uncompressed version you find it at
	     js/jquery.smoothDivScroll-1.3.js -->

	<!-- Plugin initialization -->
	<script type="text/javascript">
		// Initialize the plugin with no custom options
		$(document).ready(function () {
			// None of the options are set
			$("div#makeMeScrollable").smoothDivScroll({			mousewheelScrolling: "allDirections",
			manualContinuousScrolling: true,
	hotSpotsVisibleTime: 7500,
	autoScrollingStep: 1,
		autoScrollingInterval: 50,

			autoScrollingMode: "onStart"
			});
		});
	</script>

</body>
</html>