@charset "utf-8";
/* CSS Document */

.whitebg{
	background-color:#FFF
}

.yellowbg{
	background-color:#FFEA88
}

.greybg{
	background-color:#333333}

.pagebg{
background-image: none;}


/* text */
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #202020;
	text-align: justify;
}
.formtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #202020;
	text-align: left;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #202020;
	text-align: left;
}



h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #202020;
	text-align: left;
}




.footerleft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}

.footerright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right
	
	}
	 @media (max-width: 480px) {
    .footerright {
	text-align: left
    }
    }
	
/* links */	
.linktextwhite, a:hover, a:focus, a:visited {
	color: #FFF;
}

a, a:visited {
	color: #999;
	text-decoration: underline;
	-webkit-transition: color .25s;
	transition: color .25s
}
a:hover, a:focus {
	color: #ccc;
	text-decoration: underline
}	

/* padding*/
.text-padded {
	padding-top: 10px;
	padding-right: 50px;
	padding-left: 30px;
	padding-bottom: 10px;
	}
	@media (max-width: 760px) {
	.text-padded {
	padding-right: 0px;
	padding-left: 0px;
	}
	}
.topphoto-padded {
	padding-top: 50px;
	padding-right: 50px;
	padding-left: 30px;
	padding-bottom: 10px;
}
	@media (max-width: 760px) {
	.topphoto-padded {
	padding-right: 0px;
	padding-left: 0px;
	}
	.topphoto-padded p{text-align:center }
	}
.middlephoto-padded {
	padding-top: 30px;
	padding-right: 50px;
	padding-left: 30px;
	padding-bottom: 10px;
}
	@media (max-width: 760px) {
	.middlephoto-padded {
	padding-right: 0px;
	padding-left: 0px;
	}
	.middlephoto-padded p{text-align:center }
	}

/* borders */
.border-left {
	border-left: 1px solid #686859

    }
    @media (max-width: 760px) {
    .border-left {
	border-left: 0px 
    }
    }
	
/* shadow */
.shadow {
	vertical-align: top
}
