@charset "utf-8";
/* CSS Document */

/*----------> Design and Code by <----------

Byte Technology
831.656.9178
www.byte-technology.com

------------------------------------------*/

/*----------------> HTML <----------------*/

body {
	margin: 10px auto 20px auto;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	background: #3E4958 url(../images/backgroundPage.png) repeat-x;
}

p {
	line-height: 1.5;
	margin: 0 0 20px 0;
}

td {
	vertical-align: top;
}

img {
	border: none;
}

/*----------------> Links <----------------*/

a:link {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

a:active {
	color: #000000;
	text-decoration: underline;
}

a:visited {
	color: #000000;
	text-decoration: underline;
}

/*----------------> Headers <----------------*/

h1 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}


h2 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

h3 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

h4 {
	margin: 0 0 120px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

h5 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

h6 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

/*----------------> CSS Container <----------------*/

.container {
	width: 977px;
	margin: 0 auto 0 auto;
}

/*----------------> Home Page <----------------*/

.mainImage {
	width: 975px;
	height: 558px;
	border: 1px solid #FFFFFF;
}

.headerLeft {
	float: left;
	width: 400px;
	margin: 0 0 20px 20px;
	text-transform: uppercase;
	color: #FFFFFF;
}

.headerRight {
	float: right;
	width: 400px;
	margin: 0 20px 20px 0;
	text-transform: uppercase;
	text-align: right;
	color: #FFFFFF;
}

.headerRight a:link,
.headerRight a:hover,
.headerRight a:active,
.headerRight a:visited{
	color: #FFFFFF;
	text-decoration: none;
}


/*----------------> Interior Pages <----------------*/

.headerImage {
	width: 975px;
	height: 115px;
	border: 1px solid #FFFFFF;
}

.bodyArea {
	width: 935px;
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
	padding: 20px;
}

.ctaBackground {
	background-image:url(../images/ctaback.jpg);
	background-repeat:no-repeat;
}

.ctaBackground4line {
	background-image:url(../images/ctaback2.jpg);
	background-repeat:no-repeat;
}

.classBackground {
	background-color:#BBCFE8
}

.donations {
	padding: 0 0 0 10px;
}


.videoRightColumn {
	padding: 0 0 0 25px;
}

.videoThumbnails {
	padding: 0 0 0 25px;
}

.pushRight {
	float:right;
	padding:0 0 0 10px;
}


/*----------------> Footer <----------------*/

.footer {
	width: 977px;
	height: 46px;
	background: #000000 url(../images/backgroundFooter.jpg) repeat-x;
}

.footerLeft {
	float: left;
	width: 400px;
	font-size: 10px;
	margin: 15px 0 0 20px;
	color: #FFFFFF;
}

.footerLeft a:link,
.footerLeft a:hover,
.footerLeft a:active,
.footerLeft a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

.footerRight {
	float: right;
	width: 400px;
	text-align: right;
	font-size: 10px;
	margin: 15px 20px 0 0;
	color: #FFFFFF;
}

.footerRight a:link,
.footerRight a:hover,
.footerRight a:active,
.footerRight a:visited{
	color: #FFFFFF;
	text-decoration: none;
}