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

/* Information: ---------------------------------------- */
/* This is the style sheet for the TribeClub website.    */
/* Web slicing and coding was done by Respond2 of        */
/* the R2C Group. Www.r2cgroup.com | 503-222-0025.       */
/* ----------------------------------------------------- */



/* COLOR PALLETTE -------------------------------------- */
/* ----------------------------------------------------- */
/*
1b4f35 - body background green
ffe71a - header background yellow
004f38 - h2/h3 green
*/

/* HOME PAGE STYLES ------------------------------------ */
/* ----------------------------------------------------- */
.content {
	background: #FFF;
	}
	
.intro {
	background: #FFF url('../images/bgs/bg_introHome.jpg') 0 0 no-repeat;
	margin: 0;
	padding: 16px 16px 0 16px;
	}

#homepageIntro h2 {
	color: #004f38;
	font-size: 20px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	margin: 0 0 8px 0;
	padding: 0;
	}
#homepageIntro {
width: 370px;
float: left;
}

#homepageVideo {
float: right;
width: 450px;
text-align: center;
padding: 10px 0px 10px 0px;
}


.videoIntro {
	float: right;
	width: 470px;
	height: 275px;
	margin: 0 0 0 40px;
	padding: 0;
	}

/* NEWS */
.introNews {
	background: #FFF url('../images/bgs/bg_introEvents.gif') 0 0 no-repeat;
	margin: 0;
	padding: 16px 16px 0 16px;
	width: 345px;
	float: left;
	}
	
.introNews h3 {
	color: #004f38;
	font-size: 20px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	margin: 0 0 16px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #bcbcbc;
	}

.introNews ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1.15em;
	}

.introNews li {
	margin: 0 0 12px 0;
	padding: 0;
	display: inline-block;
	}

.introNews li img {
	float: left;
	margin: 0 16px 0 0;
	}

/* EVENTS */
.introEvents {
	background: #FFF url('../images/bgs/bg_introNews.gif') 0 0 no-repeat;
	margin: 0 0 0 16px;
	padding: 16px 16px 0 16px;
	width: 448px;
	float: left;
	}

.introEvents h3 {
	color: #004f38;
	font-size: 20px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	margin: 0 0 16px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #bcbcbc;
	}

.introEvents ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1.25em;
        clear: both;
	}

.introEvents li {
width: 25%;
	margin: 0 0 12px 0;
	padding: 0 5px 0 0;
	list-style-type: none;
	float: left;
	white-space: normal;
	display: inline-block;
}