a.pagelinks:link{color:#ee1c2f; text-decoration:none;}
a.pagelinks:visited {color:#ee1c2f; text-decoration:none;}
a.pagelinks:hover {color:#b0120f;text-decoration:none;}
a.pagelinks:active {color:#ee1c2f; text-decoration:none;}

@media screen and (max-width: 768px) {
    // insert css rules here
  #intro{ display: none; }   /* hide it elsewhere */
}


img {border : 0;}

body {
    background-image: url("index_files/wood_tile2.jpg");
    background-repeat: repeat;
	margin: 0;
padding: 0
} 



.breadcrumb{font-family: ariel, helvetica;
		font-size: .8em;
		color: white;
		font-weight: bold;
		margin-left: 20px;
}

#banner {
	height: 65%; 
	width: 65%;
	margin-left: auto;
    margin-right: auto;
	float:center;
	display: block;
}

#intro{width: 55%;
	background-image: url("index_files/sand-castle.jpg");
	background-size: 100% 100%; 
    background-color:#ffffff;
    float:center;
    padding:10px; 
	margin-left: auto;
	margin-right: auto;
	margin-top:1em;
	border-radius: 12px;
}

@media screen and (max-width: 900px) {
			#intro {
				display: none !important;
			}
		}

#introcontent{background-color:#a51160;
		background: rgb(165, 17, 96); /* Fallback for older browsers without RGBA-support */
		background: rgba(165, 17, 96, 0.8);
		background-repeat: no repeat;
		margin-left:22%;
		padding-left:15px;
		padding-top:15px;
		padding-bottom:15px;
		padding-right: 15px;
		margin-top: 70px
}

#linead{width: 55%;
	background-color:#fdc100;
	background: rgb(253, 193, 0); /* Fallback for older browsers without RGBA-support */
    background: rgba(253, 193, 0, 0.8);
    float:center;
    padding:10px; 
	margin-left: auto;
	margin-right: auto;
	margin-top:1em;
	border-radius: 12px;
}
#line_logos{float: left;
margin-right:25px;
}

.introtext{font-family: ariel, helvetica;
		font-size: 1em;
		color: white;
}
.lineadtext{font-family: ariel, helvetica;
		font-size: 1em;
		color: black;
}
#introduction{margin-left: px;
margin-top:0px;
margin-bottom:10px;
}

@media screen and (max-width: 900px) {
			#introduction {
				display: none !important;
			}
		}


.text{font-family: ariel, helvetica;
		font-size: 1em;
		color: black;
}
.pagelinks{font-family: ariel, helvetica;
		font-size: 1em;
		font-weight: bold;
		margin-top:1em;
		display: block;
		text-align:right;	
}

#footer{width: 65%;
		height: 65%; 
		margin-top:1em;
		
}


#social{text-align:center;

}

#footercontent {text-align:center;
    width: 1024px;
    margin: 0 auto;
}


#video{
	
	text-align:center;
	width: 56%;
		margin-left: auto;
	margin-right: auto;


}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


-----------------------------------------------------------------
#credit{text-align: center;

}




			#smallprint {
				margin-top: 20px;
				padding-bottom:10px;
				line-height: 1.4em;
				text-align: center;
				font-family: ariel, helvetica;
				font-size: .8em;
				color: white;
				font-weight: ;		
			}

			#smallprint p{
				vertical-align: middle;
			}

			#smallprint .twitter-follow-button{
				margin-left: 1em;
				vertical-align: middle;
			}

			#smallprint img {
				margin: 0px 0px 0px 0px;
				vertical-align: middle;
				opacity: 0.5;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				filter: alpha( opacity  = 50);
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
				-webkit-transform: rotate(0);
				-moz-transform: rotate(0);
				transform: rotate(0);
			}


			#smallprint a:hover img {
				opacity: 1.0;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha( opacity  = 100);
			}

			#smallprint a:link, #smallprint a:visited { color: #999; text-decoration: none; }
			#smallprint a:hover { color: #999; text-decoration: underline; }