/* CSS Document */


/*
Light Brown: #8d531b
Dark Brown: #341f0a
Gold Text: #b78533
Contrast Text: #ffba49
leftStuff SmallTxt: #fabf4c
*/

* {
	margin:0;
	padding:0;
}

body{
	height: 100%;
	min-height: 100%;
	margin:0;
	padding:0;
	background: transparent url(images/Background.gif ) left top repeat;
}

p {
	font-family: "Lucinda Sans", "Lucida Sans Unicode", Arial, Verdana, Helvetica;
	font-size:14px;
	color: #b78533;
}

#container{
	margin:1% auto 0 auto;
	width: 780px;
	height:590px;
}

#header {
	position:relative;
	background: #8d531b url(images/HeaderBack.gif) repeat-x top left;
	margin: 10px auto 0 auto;
	padding:0;
	height:107px;
	width:748px;
}

#header h1 {
	position:absolute;
	display:block;
	margin:-15pt 0 0 -12pt;
	/* 	margin:0 auto 0 -12pt; */
	width:293px;
	height:94px;
}

#header h1 a {
	display:block;
	width: 293px;
	height: 94px;
	text-indent:-999em;
	background: transparent url(images/Logo.gif) no-repeat left;
}

#header .fringe {
	position:absolute;
	display:inline-block;
	margin:-9px auto 0 -15px;
	width:775px;
	height:9px;
}

#header .rightFringe {
	position:relative;
	float:right;
	margin: -14pt -10pt 0 0;
	display:inline;
}

#header form {
	position:relative;
	margin:1pt 0 auto 70%;
	padding-top:5pt;
}

#header p.form {
	position:absolute;
	font-family: "Lucinda Sans", "Lucida Sans Unicode", Arial, Verdana, Helvetica;
	font-size:15px;
	color:#b78533;
	margin:5pt 10pt auto 59%;
	padding-top:3pt;
}

/*

OH YEA, THE STUFF

*/

#stuff {
	margin:0;
	padding:0;
	float:none;
	width:773px;
	height:390px;
	position:absolute;
	background-color: #341f0a;
}



/*

THIS IS THE STUFF ON THE...LEFT...SIDE OF THE CONTENT AREA

*/

#leftStuff {
	position:absolute;
	float:left;
	margin:-14px auto 0 0;
	width:208px;
	height:404px;
	background-color: #341f0a;
	background: transparent url(images/LeftFringe.gif) no-repeat top left;
/*	border:#FF33CC thin solid; */
}

#leftStuff ul {
	position:absolute;
	float:right;
	display:block;
	text-indent:-999em;
	height:356px;
	margin: 27px 8px 0 20pt;
	border: #8d531b solid thick;

}

#leftStuff li{
	color:#FFFFFF;
	display:block;
	text-indent:-999em;
	border-bottom: #8d531b solid thick;

}


#leftStuff a {
	display:block;
	text-indent:-999em;
}

#leftStuff .story {
	background: transparent url(images/Story.gif) no-repeat center;
	width:166px;
	height:45px;
}

#leftStuff .story a {
	width:166px;
	height:45px;
}

#leftStuff .purpose {
	background: transparent url(images/Purpose.gif) no-repeat center;
	width:166px;
	height:45px;
}

#leftStuff .purpose a {
	width:166px;
	height:45px;
}

#leftStuff .beliefs {
	background: transparent url(images/Beliefs.gif) no-repeat center;
	width:166px;
	height:45px;
}

#leftStuff .beliefs a {
	width:166px;
	height:45px;
}

#leftStuff .connect {
	background: transparent url(images/ConnectNav.gif) no-repeat center;
	width: 166px;
	height:45px;
}

#leftStuff .connect a {
	width:166px;
	height:45px;
}

#leftStuff .soon {
	background: transparent url(images/RelevantWord.gif) no-repeat center;
	width:166px;
	height:151px;
}

#leftStuff .soon a {
	width:166px;
	height:151px;
}

#leftStuff .more {
	background: transparent url(images/More.gif) no-repeat center;
	width:166px;
	height:45px;
}

#leftStuff .more a {
	width:166px;
	height:45px;
}

#leftStuff .donate {
	background: transparent url(images/DonateNav.gif) no-repeat center;
	width:166px;
	height:45px;
}

#leftStuff .donate a {
	width:166px;
	height:45px;
}

#leftStuff .directions {
	background: transparent url(images/Directions.gif) no-repeat center;
	width:166px;
	height:51px;
}

#leftStuff .directions a {
	width:166px;
	height:51px;
}

/*

THE STUFF ON THE RIGHT SIDE OF THE CONTENT AREA

*/

#rightStuff{
	float:right;
	position:relative;
	margin:-14px -8pt -10pt auto;
	width:558px;
	height:404px;
	background-color: #341f0a;
	background: transparent url(images/RightFringe.gif) no-repeat top right;
	overflow:visible;
}

#content {
	margin:20pt 0 -10pt 0;
	width:518px;
	height:357px;
	border: #8d531b thick solid;
	border-left: #8d531b thick solid;
	border-right:#8d531b thick solid;
	overflow:hidden;
}



#content .authentic{
	background:transparent url(images/Slide01.jpg) left;
	margin: 4pt 3px 4pt 3px;
	height:346px;
	width:164px;
}

#content .vibrant {
	background: transparent url(images/Slide02.jpg) center;
	margin: 4pt 3px 4pt 3px;
	width:164px;
	height:346px;
}

#content .relevant {
	background: transparent url(images/Slide03.jpg) right;
	margin: 4pt 3px 4pt 3px;
	width:164px;
	height:346px;
}


#footer {
	position:absolute;
	background:transparent url(images/FooterBack.gif) no-repeat bottom center;
	margin:24em 0 0 -1px;
	padding:0;
	width:778px;
	height:94px;
	clear:both;
	
}

#footer ul{
	position:relative;
	display:inline;
	height:50px;
	text-indent:-999em;
	list-style:outside;
	list-style-type:none;
}

#footer li {
	float:left;

}

#footer li#authentic-1 {
	background: transparent url(images/Authentic.gif) no-repeat bottom left;
	height:42px;
	width:278px;
	margin-left:16px;
	display:inline;
}


#footer li#vibrant-1 {
	background:transparent url(images/Vibrant.gif) no-repeat bottom center;
	height:42px;
	width:225px;
}

#footer li#relevant-1 {
	background:transparent url(images/Relevant.gif) no-repeat bottom right;
	height:42px;
	width:245px;
}

#footer li a {
	color:#000000;
	display:block;	
	margin-right:5px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-5000px;
}

#footer a#authentic:hover, #footer a#relevant:hover, #footer a#vibrant:hover {
	background-position:0pt;
	z-index: 50;
}

#footer a#authentic {
	background: transparent url(images/Authentic.gif) no-repeat scroll -999px;
	height:42px;
}

#footer a#vibrant {
	background: transparent url(images/Vibrant.gif) no-repeat scroll -999px;
	height:42px;
}

#footer a#relevant {
	background: transparent url(images/Relevant.gif) no-repeat scroll -999px;
	height:42px;
}

#footer .credit  {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#b78533;
	margin:22px 0 0 auto;
}

#footer p a {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#b78533;
	margin:0;
	text-decoration:none;
}

#footer p a:hover {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#341f0a;
	margin:0;
	text-decoration:none;
}