#carousel {
		width: 564px;   
		margin:0 auto;
		height: 247px;
		padding: 5px 0;
		position: relative;
		clear:both;
    }
	@media only screen and (max-width: 600px) {
		#carousel {
			width: 100%;
		}
	}
    #slides {
		overflow:hidden;
		/* fix ie overflow issue */
		position:relative;
		width: 85%;
		border:1px solid #ccc;
		height: 240px;
		padding: 0 0 15px 2px;
		text-align: center;
		margin: 0px auto;
		display:inline-block;
    }
	@media only screen and (max-width: 600px) {
		#slides {
			width:75%;
		}
	}
    /* remove the list styles, width : item width * total items */    
    #slides ul {
        position:relative;
        /* left:-10; */
        top:0;
        list-style:none;
        margin:0;
        padding:0;    
          
    }
    /* width of the item */
    #slides li {
        /* width:470px;   jquery controlled based on width of #slides */
        float:left;
		cursor: pointer;
    }
    #slides li img {
        padding:5px;
    }
    /* Styling for prev and next buttons */
   .buttons.prev {
		margin: 0;
		padding: 15px 0 15px;
		/* position: absolute; */
		text-align: left;
		width: 36px;
		display:inline-block;
	}
	@media only screen and (max-width: 600px) {
		.buttons.prev, .buttons.next {
			width:10%;
		}
	}
   .buttons.next {
		margin: 0;
		padding: 15px 0 15px;
		/* position: absolute; */
		text-align: right;
		width: 36px;
		display:inline-block;
	}
	.buttons a {
		background-color: rgba(0, 0, 0, 0.1);
		border-color: #666;
		color: #222;
		/*display: block;*/
		/*float: left;*/
		font-size: 34px;
		opacity: 0.4;
		outline: 0 none;
		padding: 64px 0 90px 0;
		text-decoration: none;
		/*z-index: 2000;*/
	}
	.buttons a:after {
		border-style: solid;
		border-width: 16px;
		content: "";
		display: block;
		height: 0;
		/*position: absolute;
		top: 40%;*/
		width: 0;
	}
	.buttons a#prev {
		border-bottom-left-radius: 8px;
		border-style: none solid none none;
		border-top-left-radius: 8px;
		border-width: 0 0 0 4px;
		float: left;
	}
	.buttons a#prev:after {
		border-color: transparent #666 transparent transparent;
		right: -10px;
	}
	.buttons a#next {
		border-bottom-right-radius: 8px;
		border-style: none none none solid;
		border-top-right-radius: 8px;
		border-width: 0 4px 0 0 ;
		float: right;
	}
	.buttons a#next:after {
		border-color: transparent transparent transparent #666;
		left: -10px;
	}

    .clear {clear:both}
	
/* ePoster slides of PROGRAMS */	
	.ePosterProgram {
		font-size: 14px;
		padding: 0;
		margin: 20px 10px 10px 14px;
		font-family: "Open Sans",sans-serif;
		color: #fff;
		text-align: center;
		width: 450px;
		height: 217px;
		overflow:hidden;
	}
	@media only screen and (max-width: 600px) {
		.ePosterProgram {
			width: 80%;
		}
	}
	.ePosterProgram a.latestlink {
		background-color: #000;
		text-decoration:none;
		color: #fff;
		display:block;
		width: 100%;
		height:209px;
		padding: 5px 0 3px 0;
		margin: 0;
		}
	.ePosterProgram span.uploaded {
		display: block;
		float: right;
		background-color: #c65e27;
		color: #fff;
		font-weight: normal;
		font-size: 1em;
		padding: 3px 8px;
		margin: 0 0 10px 10px;
		border-radius: 0 0 0 10px;
		}
	.ePosterProgram h1 { 
		clear: right;
		font-size: 1.8em;
		line-height: 1.0em;
		height: 2.25em;
		color: #c65e27;
		text-transform: uppercase;
		font-weight: bold;
		padding: 0;
		margin:15px 20px 10px 20px;
		}
		@media only screen and (max-width: 480px) {
			.ePosterProgram h1 {
				font-size: 1.2em;
				}
		}
	.ePosterProgram h2 { 
		font-size: 1.4em;
		clear: right;	
		margin: 5px 20px;	
		padding:0;			
		}
	.ePosterProgram h3 {
		width: 40%;
		margin: 0 20px;
		float: left;
		}
		@media only screen and (max-width: 480px) {
			.ePosterProgram h3 {
				width: 35%;
			}
		}
		
		.ePosterProgram h3 span {
			font-size: 3.5em;
			display: block;
			padding: 5px;
			border-radius: 15px;
			line-height: 1em;
			}
			@media only screen and (max-width: 480px) {
			.ePosterProgram h3 span{
				font-size: 2.5em;
			}
		}
			.ePosterProgram h3.pastday span {
				background-color:#c65e27; 
				}
			.ePosterProgram h3.total span {
				background-color: #555;
				}
				
	.ePosterProgram p { 
		font-size: 1em;
		padding: 10px 0;
		margin: 0 20px;
		color: #999;
		clear: both;
		}
		
/* ePoster Slides of Individual ePosters */
		.ePosterSlide {
			font-size: 14px;
			padding: 0;
			margin: 20px 12px 10px 12px;
			font-family: "Open Sans",sans-serif;
			color: #fff;
			text-align: left;
			width: 450px;
			height: 217px;
			overflow:hidden;
		}
		@media only screen and (max-width: 600px) {
		.ePosterSlide {
			width: 93%;
			}
		}
		.ePosterSlide a.paperlink {
			background-color: #000;
			text-decoration:none;
			color: #fff;
			display:block;
			width: 100%;
			height:212px;
			padding: 0px 0 5px 0;
			margin: 0;
			}
		.ePosterSlide span.uploaded {
			display: block;
			float: right;
			background-color: #c65e27;
			color: #fff;
			font-weight: normal;
			font-size: 1em;
			padding: 3px 8px;
			margin: 0 0 10px 10px;
			border-radius: 0 0 0 10px;
			}
		.ePosterSlide h1 { 
			font-size: 1.2em;
			clear: right;	
			margin: 10px 20px;	
			padding:0;			
			}
		.ePosterSlide h2 { 
			clear: right;
			font-size: 1em;
			color: #c65e27;
			text-transform: uppercase;
			font-weight: bold;
			padding: 0;
			margin:0 20px 10px 20px;
			}
		.ePosterSlide p { 
			font-size: 1em; 
			padding: 0 0 10px 0;
			margin: 10px 20px;
			}
		.ePosterSlide .imgwrap {
			}
		.ePosterSlide img {
			float: left; 
			width: auto;
			max-width: 120px;
			height: auto; 
			max-height: 200px;
			margin: -1px 10px 10px -1px; 
			padding: 3px;
			border: 1px solid #fff;
			border-radius: 0 0 10px 0;
			}
		.ePosterSlide h1, .ePosterSlide h2, .ePosterSlide p {
			padding-left: 125px;
			}
		.ePosterSlide .abstract {
			display:none;
			}
			.ePosterSlide .abstract img {
				display:block;
				}			
/* Banner */

	.banner {
		text-align: center;
		margin: 0 auto;
		}
	
/* Content and Carousel */

	h1.main, h2.main {
		text-align: center;
		font-style:normal;
		font-weight: bold;
		}
		h1.main {
			font-size: 3em;
			}
		h2.main {
			font-size: 1.2em;
			margin: 10px 20px;
			padding: 0;
			}
	h4 {
		margin: 0 20px 10px;
		padding: 0;
		}
/* Footer */

	footer {
		height: 370px;
		color: #033740;
		margin-top: 20px;
		clear:both;
		}

		footer .meeting_footer {
			border-top: 1px solid #000000;
			font-size: 12px;
			}
			
			footer .meeting_footer .copyright, footer .meeting_footer .notice {
				padding: 0 20px;
				}
			.meeting_footer ul, .meeting_footer p {
				margin-top: 8px;
				}
				.meeting_footer p {
					line-height: 12px;
					}
					.meeting_footer ul li {
						display: inline;
						float: left;
						padding: 0 7px;
						border-right: 1px solid #1FB3DD;
						}
						.meeting_footer ul li a {
							color: #033740;
							text-decoration: none;
							text-transform: none;
							padding: 0px;
							font-weight: normal;
							line-height: 12px;
							height: 12px;
							font-size: 12px;
							}
							.meeting_footer ul li a:hover {
								background-color: transparent;
								}
						
	.footnote {
		font-size: 12px;
		margin-top: 15px;
		}
		
	.image_footer {
		background: url("/img/agu/bg-footer-bg.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
		position: relative;
		height: 370px;
		}
	
			
	.image_1 {
		background: url('/img/agu/bg-footer-bridge.png') no-repeat scroll bottom left transparent;
		height: 370px;
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 408px;
		}
	
	.image_2 {
		background: url('/img/agu/bg-footer-cityscape.png') no-repeat scroll bottom right transparent;
		height: 370px;
		display: block;

		}
		
	.dropdown {
		width: 90%;
		max-width: 450px;
		margin: 2em auto;
		text-align: center;
		}