Testfooter2015

<!-- this will become a template for 2015 -->


<html>
	
	<!--css: footer styling -->
	<style type="text/css">


	.footerWrap {
		background-color: #ccc;
		width: 980px;
		height: 125px;
	}

	#insideFooter {
		float:left;
		width: 170px;
		background-color: #ccc;
		padding: 10px 10px 10px 10px;
	}


	.footerWrap ul li{
		font-family: "Arial", Helvetica, sans-serif; 
		font-size: 13px;
		list-style:none;
	}


	.footerWrap ul li a{
		text-weight:bold;
		color: #434343;
		text-decoration:none;
	}

	.footerWrap ul li a:hover{
		color:red;
		text-weight:bold;
		text-decoration:none;
	}
	
	

	</style>



	<!-- footer links -->
			<div class="footerWrap">


				<div id="insideFooter">
					<ul>
						<li><a href="">About</a></li>
						<li><a href="">Contact</a></li>
						<li><a href=""> Sponsors</a></li>
						<li><a href=""> igem.org</a></li>
						<li><a href="">Registry</a></li>
					</ul>
				</div>


				<div id="insideFooter" style="background-color:#f2f2f2">
					<ul>
						<li><a href="">Requirements</a></li>
						<li><a href="">Giant Jamboree </a></li>
						<li><a href="">Meetups</a></li>
						<li><a href="">Calendar</a></li>
						<li><a href="">Partner Offers </a></li>
					</ul>
				</div>

				<div id="insideFooter">
					<ul>
						<li><a href="">Login </a></li>
						<li><a href="">Upload Files</a> </li>
						<li><a href="">Recent Changes</a></li>
						<li><a href="">Special Pages</a></li>
						<li><a href=""> Search </a> </li>
					</ul>
				</div>


				<div id="insideFooter"  style="background-color:#f2f2f2">
					<ul>
						<li><a href="">Press Kit </a></li>
						<li><a href="">Newsletter</a></li>
						<li><a href="">AlumniGEM </a></li>
					</ul>
				</div>


				<div id="insideFooter">
					<img src="http://i.creativecommons.org/l/by/3.0/88x31.png">
				</div>



			</div>




</html>