@charset "utf-8";

/* The only image files particular to a year (or file directory) is the scrollbar.gif.
   Reference the rest of the images from the parent, or home directory. */

/* General page settings */

@media screen, projection {

	* { 
		font-family:Arial, sans-serif;
	}
	html {
		height:100%;
		width:100%;
		background: url(../bg.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../bg.jpg', sizingMethod='scale')";

	}
	body {
		height:100%;
		width:100%;
		color:#fff;
		font-size:1em;
		line-height:1.4em;
		padding:0;
		margin:0;
	}
	/* Gets rid of the outline that occurs when clicking an image map */
	*:focus
		{
		outline: none;
		outline-width: 0;
	}
	a {
		color:#fff;
	}

	.totaldiv {
		position:relative;
		margin: 0px auto;
		text-align:center;
}

	.header {
		height:164px;
		background-image:url('../logobarBG.gif');
		text-align:center;
		margin: 0px auto;

	}

	.headerlogo{
		height:116px;
		width:960px;
		text-align:center;
		margin: 0px auto;

	}

	.headerbuttons{
		height:32px;
		width:960px;
		text-align:center;
		margin: 0px auto;

	}

/* PhenoLapse settings */

	.phenolapse {
		overflow:hidden;
		position:relative; 
		text-align:center;
		visibility:hidden;
		margin: 0px auto;
		width:960px;
		background: url(../opaquebg.png)

	}
	.phenolapse img {
		border-top-color: transparent;
		border-top-width: 95px;
		position:absolute;
		visibility:hidden;
		-ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */
	}
	.phenolapse p {
		margin:0 auto;
		text-align:center;
	}
	.phenolapse .loading {
		border:1px solid white;
		height:15px;
		left:50%;
		margin-left:-106px;
		padding:5px;
		position:relative;
		visibility:visible;
		width:200px;
	}
	.phenolapse .loading_bar {
		background:#fff;
		height:15px;
		visibility:visible;
		width:1%;

	}
	.phenolapse .navigation{
		z-index:10000;
		}

	.phenolapse .caption {
		font-weight:bold;
		position:relative; 
		text-align:center;
		z-index:10001;
	}
	.phenolapse .scrollbar {
		background:url(scrollbar.png) no-repeat;
		height:319px;
		position:relative; 
		visibility:hidden;
		z-index:10002;
	}

	.phenolapse .slider {
		background:url(../slider.png) no-repeat;
		height:319px;
		position:absolute;
		width:45px;
		z-index:10004;
		
	}
	.phenolapse .slideshow {
		float:left;
		cursor:pointer;
		height:70px;
		width:80px;
		z-index:10005;
	}
	.phenolapse .slideshow.pause {
		background:url(../pause.png) no-repeat;
	}
	.phenolapse .slideshow.play {
		background:url(../play.png) no-repeat;
	}
	.phenolapse .images {
		overflow:visible;
		white-space:nowrap;
		cursor:pointer;
	}
	.phenolapse .button {
		cursor:default;
		height:319px;
		position:relative;
		width:65px;
	}
	.phenolapse .previous {
		background: url(../scrollLeft.gif) top left no-repeat;
		float:left;
		margin: 0 65px 0 -65px;
	}
	.phenolapse .next {
		background: url(../scrollRight.gif) top left no-repeat;
		float:right;	
		margin:0 -65px 0 65px;
	}

/* HighSlide settings */

	.highslide-container {
		z-index:10009 !important;
}
	.highslide-credits {
		display:none !important; 
}

	.highslide-caption {
		color:#333 !important; 
}
}