/* UUFLG Social Action CSS file */


	li {
		padding-bottom: 5px;
	}
	#schedule td {
		padding: 3px 3px 3px 3px;
		border-bottom: 1px solid black;
	}
	
	#schedule th {
		background-color: grey;
		color: black;
		padding-left: 3px;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
	#before_n_after_container {
		width: 650px;
		position: relative;
		
	}
	
	#before {
		width: 325px;
		
	}
	
	#before img, #after img {
		margin-left: auto;
		margin-right: auto;
		display: block;
		padding-top: 10px;
		border: 0px;
	}
	
	#before h4, #after h4 {
		text-align: center;
		font-size: 20px;
		
	}
	
	#after {
		width: 325px;
		position: absolute;
		left: 325px;
		top: 0px;
	}
	
	#grey_out {
		width: 100%;
		height: 100%;
		background-color: #736F6E;
		position: absolute;
		top: 0px;
		left: 0px;
		display: none;
		opacity: .5;
	}
	
	#zoom_image {
			display: none;
			background-color: white;
			background: no-repeat center;
			width: 640px;
			height: 480px;
			border: 5px solid black;
			position: absolute;
	}
	
	#zoom_image a {
		color: black;
		font-weight: bold;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}
	
	ul.before_and_after {
		list-style: none;
	}
	
	ul.before_and_after li {
		display: inline;
		
	
	}
	
	ul.sa_header_nav {
				margin-left: 5%;
				list-style: none;	
	}
	ul.sa_footer_nav {
			margin-top: 50px;
			margin-left: 5%;
			list-style: none;	
	}
	ul.sa_footer_nav li, ul.sa_header_nav li {
			display: inline;
			font-size: 13px;
			padding-left: 5px;
	}
	ul.resouces {
		list-style: none;
	}
	ul.resouces li {
		list-style: none;
		padding-top: 5px;
	}
	img.event {
		padding-top: 10px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		border: 0px;
	}
	img.plantlabel {
		padding-top: 10px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid black;
	}
	p.event {
		text-align: center;
		width: 440px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	img.twitter {
		padding-top: 10px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		border: 0px;
	}
	p.twitter {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	p.twitter a {
		font-size: 10px;
	}
	
	#map_links {
		margin-left: auto;
		margin-right: auto;
		width: 412px;
		list-style: none; /* this takes away the bullet */
	}
	
	#map_links li {
		 /* this puts the list inline */
		padding-right: 5px;
	}
	
	/* the images are 686 X 540 px */
	#map_image_container {
			width: 1000px;
			height: 785px;
	}
	
	#plot0, #plot1, #plot2, #plot3 {
		position: absolute;
		display: block;
	}
	
	.read_more {
		text-align: right;
		font-size: 13px;
	}
	
	#plant_descriptions {
		border-collapse: collapse;
	}
	
	#plant_descriptions thead th, #plant_descriptions td {
		padding: 3px;
		border: 1px solid #999;
	}
	
	#plant_descriptions thead th {
		color: black;
		font-weight: bold;
		background: #ccc;
	}
	
	#plant_descriptions thead th #right {
		text-align: left;
	}
	
	td.center {
		text-align: center;
	}
	
	caption {
		padding-bottom: 10px;
		padding-top: 10px;
		color: black;
		font-weight: bold;
	}
	
	#map_content {
	   
	   }

	#map_content h3 {
	   text-align: center;
	   font: 200% Georgia, 'Times New Roman', Times, serif;
	   margin: 0;
	   padding: 0.5em 0;
	   color: #a00;
	   background: inherit;
	   } 

	#map_content p {
	   padding-bottom: 0.5em;
	   }

	#map_content h4 {
	   padding: 1em 0 0;
	   }

	#map_content a {
	   color: #060;
	   background-color: inherit;
	   }

	#map_content a:hover {
	   color: #a00;
	   background-color: #bbf;
	   }
	
	#map_key {
		float: right;
	/*	position: relative;
		top: -785px;
		left: 1000px;*/
	}
	#map_key img {
		width: 700px;
		height: 785px;
	}
	#map_image_container {
		/*position: relative;
		
		left: 0px;*/
		float: left;
	}