/* CSS for the CPB collage site */


	body {
		width: 99%;
		height: 100%;
		background-color: #9e7d36;
		font-family: Futura, “Century Gothic”, AppleGothic, sans-serif;
		color: #fff;
		line-height: 18px;
		font-size: 10px;
	}
	
	a {
		text-decoration: none;
		color: #555;
	}
	
	a:hover {
		text-decoration: underline;
		color: #fff;
	}
	
	#flashcontent {
		position: absolute;
		top: 50px;
		width: 640px;
		height: 480px;
		left: 50%;
		margin-left: -320px;
		border: 0px #000 dotted;
	}
	
	#textcontent {
		position: absolute;
		bottom: 20px;
		width: 550px;
		height: 40px;
		left: 50%;
		margin-left: -275px;
		border: 0px #000 dotted;
	}
	
	#socialcontent {
		position: absolute;
		top: 95px;
		width: 20px;
		height: 200px;
		left: 50%;
		margin-left: 330px;
		border: 0px #000 dotted;
		z-index: 2;
	}
	
		#socialcontent img {
			border: none;
			margin: 5px 0px 5px 0px; 
		}
	
	#interactcontent {
		position: absolute;
		top: 230px;
		width: 192px;
		height: 125px;
		left: 50%;
		margin-left: 285px;
		border: 0px #000 dotted;
		z-index: 1;
	}


	#beta {
		position: absolute;
		top: 0px;
		width: auto;
		height: auto;
		right: 3%;
		border: 0px #000 dotted;
		z-index: 1;
	}

	
		#interactcontent img {
			border: none;
		}
		
	#infotoggle {
		position: absolute;
		background-color: #fff;
		color: #000;
		left: 30%;
		top: 0px;
		width: auto;
		height: 17px;
		cursor: pointer;
		margin-left: -290px;
		padding: 5px 10px 5px 10px;
		border: 0px #000 dotted;		
		-webkit-border-bottom-right-radius: 7px;
		-webkit-border-bottom-left-radius: 7px;	
		-moz-border-radius-bottomright: 7px;
		-moz-border-radius-bottomleft: 7px;
		z-index: 2;
	}
	
	#infocontent {
		position: absolute;
		left: 30%;
		top: 40px;
		width: 250px;
		height: 500px;
		margin-left: -290px;
		border: 0px #000 dotted;
		z-index: 1;
	}
	
		#infocontent .top {
			font-size: 14px;
			color: #333;
		}