body{
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-color: white;
	background-image: -webkit-linear-gradient(white, #a6a6a6); 
    background-image: -o-linear-gradient(white, #a6a6a6); 
    background-image: -moz-linear-gradient(white, #a6a6a6); 
	background-image: linear-gradient(white, #a6a6a6);
}

.links{
	position: fixed;
	float: left;
	width: 30%;
	z-index: 15;
	padding-top: 5%;
}

.homepagelink {
	background-color: #ffef00;
    font-family: courier;
    line-height: 1.5rem;
}

a {
	color: #0000ff;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-decoration: none;
}

.project{
	color: #0000ff;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-align: right;
}

.banner{
	width: 125%;
	display: block;
	margin-left: auto;
    margin-right: auto; 
    pointer-events: none;
    opacity: 1;
}

.banner_holder{
	padding-top: 10%;
	position: fixed;
	pointer-events: none;
}

#pics{
	padding-top: 200px;
	float: right;
	width: 500px;
	max-width: 60%;
	padding-right: 5%;
	text-align: right;
}

.front-page-image {
	padding: 5%;
}

.imgs-right{
	max-width: 100%;
	height: auto;
	width: 500px;
	float: right;
	padding-top: 5%; 
}

.imgs-centre{
	max-width: 100%;
	height: auto;
	width: 800px;
}

.imgs-left{
	max-width: 100%;
	height: auto;
	width: 500px;
	float: left;
}

.video-right{
	padding-top: 5%;
	padding-bottom: 5%;
	max-width: 100%;
	width: 500px;
}

.blurb{
	width: 500px;
	max-width: 100%;
	float: right;
	color: #000000;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-align: justify;
}

.caption {
	margin-top: 1%;
}

.logo-box{
	padding-top: 5%;
	padding-bottom: 5%;
	max-width: 100%;
	height: auto;
	width: 500px;
	float: right;
}

.column{
	width: 33.33%;
	float: left;
	text-align: center;
}

.columntwo{
	width: 66.66%;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	float: left;
	text-align: left;
}

.logo{
	padding-top: 20px;
	width: 60%;
	display: block;
	margin: auto;
}

.logomac{
	padding-top: 20px;
	width: 58%;
	display: block;
	margin: auto;
}

.logowin{
	padding-top: 20px;
	width: 70%;
	display: block;
	margin: auto;
}

.logoCCA{
	padding-bottom: 20px;
	width: 80%;
	display: block;
	margin: auto;
}