/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body{line-height:1;}
blockquote,q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{
	border-collapse:collapse;
	border-spacing:0;
}
* {font-size:100.01%;}
html{
	font-size:62.5%;
	height:100%;
	min-width:970px;
}
body{
	margin:0;
	height:100%;
	font:1em Arial, Helvetica, sans-serif;
	color:#564a3a;
	background:url(../images/bg-body.jpg) 50% 0;
}
a{
	text-decoration:none;
	color:#736112;
}
a:hover{text-decoration:underline;}
img{border-style:none;}
input,
textarea,
select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper{
	width:100%;
	overflow:hidden;
	min-height:100%;
	background:url(../images/bg-wrapper.jpg) repeat-x 50% 100%;
}
* html #wrapper{
	height:100%;
	overflow:visible;
}
.w1{
	background:url(../images/bg-w1.jpg) repeat-x;
	width:100%;
}
.w2{
	width:970px;
	margin:0 auto;
	min-height:704px;
	overflow:hidden;
}
* html .w2{
	height:704px;
	overflow:visible;
}
#header{
	width:947px;
	padding:29px 23px 26px 0;
	overflow:hidden;
}
.logo{
	text-indent:-9999px;
	float:left;
	background:url(../images/logo.png) no-repeat;
	width:214px;
	height:69px;
}
.logo a{
	height:100%;
	overflow:hidden;
	display:block;
}
.nav-holder{
	background:url(../images/bg-nav.gif) no-repeat;
	width:686px;
	padding:7px 0 0 12px;
	float:right;
	margin:9px 0 0;
}
#nav{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:686px;
	text-align:center;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
}
#nav li{float:left;}
#nav a{
	color:#fff;
	display:block;
	text-align:center;
	padding:13px 0 14px;
	background:url(../images/separator-nav.gif) no-repeat 100% 0;
}
#nav a:hover{
	text-decoration:none;
	background:url(../images/hover.png) repeat-x top left;
}
#nav li.last{background:none;}
#nav .active .first,
#nav .first:hover{background:url(../images/bg-nav-hover.gif) no-repeat 0 -47px;}
#nav li.on {background:url(../images/hover.png) repeat-x top left;}
#nav li.on a:hover{background:url(../images/hover.png) repeat-x top left;}
#nav .last{background:none;}
#nav .active .last:hover,
#nav .last:hover{background:url(../images/bg-nav-hover.gif) no-repeat 100% 0;}
#main{
	width:100%;
	overflow:hidden;
	padding:0 0 45px;
}
.visual{
	overflow:hidden;
	height:1%;
	margin:0 0 36px;
}
.visual img{display:block;}
.main-holder{
	overflow:hidden;
	width:100%;
}
#content{
	float:left;
	width:638px;
	padding:0 0 0 26px;
	font:1.3em/1.5em Arial, Helvetica, sans-serif;
}
.stories{
	background:url(../images/text-stories.gif) no-repeat;
	width:204px;
	height:21px;
	text-indent:-9999px;
	margin:0 0 12px;
	overflow:hidden;
}
#content .text-holder{
	overflow:hidden;
	height:1%;
	padding:0 67px 0 0;
}
#content p{padding:0 0 12px;}

/* ====================== HEADERS ====================== */
.a-big{
	background:url(../images/text-a-big.gif) no-repeat;
	width:177px;
	height:19px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 3px;
}
.bio{
	background:url(../images/bio.png) no-repeat transparent;
	width:350px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 5px 0;
}
.events{
	background:url(../images/upcoming-events.png) no-repeat transparent;
	width:350px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 5px 0;
}
.who{
	background:url(../images/whoweare.png) no-repeat transparent;
	width:350px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 5px 0;
}

.mission{
	background:url(../images/ourmission.png) no-repeat transparent;
	width:300px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 5px 0;
}
.who{
	background:url(../images/whoweare.png) no-repeat transparent;
	width:350px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 5px 0;
}
.contactme{
	background:url(../images/contact.png) no-repeat transparent;
	width:350px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 5px 0;
}
.services{
	background:url(../images/services.png) no-repeat transparent;
	width:350px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 5px 0;
}
.gift{
	background:url(../images/giftofstory.png) no-repeat transparent;
	width:350px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 5px 0;
}
.folktale{
	background:url(../images/folktale.png) no-repeat transparent;
	width:350px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 5px 0;
}
.kwanzaa{
	background:url(../images/kwanzaa.png) no-repeat transparent;
	width:350px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 5px 0;
}
.choices{
	background:url(../images/youngpeople.png) no-repeat transparent;
	width:350px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 5px 0;
}
.products{
	background:url(../images/products.png) no-repeat transparent;
	width:350px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 5px 0;
}
.our_vision{
	background:url(../images/vision.png) no-repeat transparent;
	width:350px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 5px 0;
}
/* ====================== HEADERS ====================== */
.item-block{
	float:right;
	margin:-47px 0 0;
	padding:0 13px 0 20px;
	list-style:none;
}
.item-block li{
	float:left;
	position:relative;
	padding:0 15px 0 0;
}
.item-block img{display:block;}
.btn-buy{
	background:url(../images/btn-buy.png) no-repeat;
	width:37px;
	height:37px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	right:4px;
	bottom:4px;
	cursor:pointer;
}
.cd{right:29px;}
.text-block{
	padding:13px 0 0;
	line-height:1.4em;
	height:1%;
}
.info-section{
	overflow:hidden;
	width:638px;
	margin:0 0 0 -6px;
	position:relative;
}
#content .info-box{
	float:left;
	background:url(../images/bg-info-box.png) no-repeat;
	width:301px;
	height:111px;
	padding:18px 0 0 3px;
	margin:0 13px 0 0;
	color:#371e0f;
	font:11px/18px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	overflow:hidden;
}
.img-box{
	background:url(../images/frame.png) no-repeat;
	padding:11px 13px 17px 14px;
	width:82px;
	float:left;
	margin:-13px 0 0 0;
	position:relative;
	cursor:pointer;
}
* html .img-box{margin-right:3px;}
.info-holder{
	padding:13px 20px 0 6px;
	margin:0 0 2px;
	overflow:hidden;
}
.info-box h4{
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#fef2b3;
	letter-spacing:2px;
	padding:0 0 2px;
}
#content .btn-you-tube{
	position:relative;
	display:inline-block;
	margin:-3px 0 0;
	top:4px;
}
.contact-form{margin:0 0 0 -5px;}
.contact-form fieldset{
	float:left;
	letter-spacing:0;
}
.contact-form .area{
	padding:3px 0 0;
	float:left;
	width:140px;
}
.contact-form .text{
	background:url(../images/bg-text.png) no-repeat;
	width:124px;
	padding:3px 7px 3px 9px;
	margin:-3px 0 0;
	overflow:hidden;
}
.contact-form .text input{
	float:left;
	border:0;
	background:none;
	font:10px/13px Arial, Helvetica, sans-serif;
	color:#767676;
	margin:0;
	padding:5px 0 6px 0;
	width:124px;
	position:relative;
}
.btn-join{
	float:left;
	position:relative;
	margin:18px -15px 0 0;
	cursor:pointer;
	border:0;
	width:39px;
	height:43px;
	background:url(../images/btn-join.png) no-repeat;
}
#sidebar{
	float:right;
	width:255px;
	padding:4px 4px 0 0;
}
#sidebar h4{
	width:100%;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 14px;
	background:url(../images/text-sidebar-heading.gif) no-repeat;
}
.follow{height:16px;}
#sidebar .upcoming{
	height:20px;
	background-position:0 -84px;
	margin:0 0 6px;
}
.social-networks{
	margin:0;
	padding:0 0 26px;
	list-style:none;
	overflow:hidden;
	height:1%;
}
.social-networks li{
	float:left;
	padding:0 9px 0 0;
}
.social-networks a{
	display:block;
	background:url(../images/ico-social-networks.gif) no-repeat;
	width:26px;
	height:29px;
	overflow:hidden;
	text-indent:-9999px;
}
.social-networks .linkedin{background-position:-35px 0;}
.social-networks .twitter{background-position:-69px 0;}
.social-networks .ico01{background-position:-105px 0;}
.social-networks .rss{background-position:-138px 0;}

/* EVENTS - STYLES */
.events-block{
	overflow:hidden;
	height:1%;
	color:#564a3a;
	padding:0 0 11px;
}
.events-block ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
}
.events-block li{
	overflow:hidden;
	height:1%;
	vertical-align:top;
	padding:0 0 16px 2px;
	margin:0 0 13px;
	background:url(../images/divider-sidebar.gif) repeat-x 0 100%;
}
.events-block-big{
	overflow:hidden;
	height:1%;
	color:#564a3a;
	padding:0 0 11px;
}
.events-block-big ul{
	margin:0;
	padding:0;
	overflow:hidden;
	width:100%;
}
.events-block-big li{
	overflow:hidden;
	height:1%;
	vertical-align:top;
	list-style-type:none;
	padding:0 0 12px 2px;
	margin:0 0 13px;
	background:url(../images/divider-sidebar.gif) repeat-x 0 100%;
}

.date{
	float:left;
	width:27px;
	text-align:center;
	padding:0 7px 0 0;
	color:#51330f;
	font:bold 2.2em/1.0em Arial, Helvetica, sans-serif;
}
.events-block-big .date{
	padding:0 22px 0 0;
}
/* Events End*/
* html .date{padding-right:4px;}
.date span{
	display:block;
	font:0.4em/1.2em Arial, Helvetica, sans-serif;
	padding:5px 0 0;
	letter-spacing:1px;
}
.events-block ul p{
	font:1.1em/1.4em Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}
.events-block a{font-weight:bold;}
.contact-block{
	overflow:hidden;
	width:100%;
	color:#473d2f;
	letter-spacing:1px;
	font:1.1em/1.45em Arial, Helvetica, sans-serif;
}
#sidebar .contact-information{
	background-position:0 -334px;
	height:16px;
	margin:0 0 8px;
}
.contact-block address{
	font-style:normal;
	display:block;
}
.contact-block address span{display:block;}
.contact-block dd{
	float:left;
	margin:0 3px 0 0;
}
* html .contact-block dd{margin:0;}
.contact-block dt.email{float:left;}
.contact-block dd.email{float:none;}
.contact-block a{color:#473d2f;}
* html .contact-block dt{margin-right:-4px;}
#footer{
	width:100%;
	overflow:hidden;
	text-align:center;
	color:#e8dfd3;
	padding:0 0 39px;
}
#footer ul{
	margin:0;
	padding:0 0 9px;
	list-style:none;
}
#footer li{
	display:inline;
	padding:0 10px 0 15px;
	background:url(../images/separator-footer.gif) no-repeat 0 2px;
}
#footer a{color:#2f2317;}
#footer li.first-child,
#footer li:first-child{background:none;}
blockquote {
	border-bottom:1px solid #c5bdaa;
	padding:5px 10px 2px 10px;
	margin:7px 0;
	background:#e4ded2;
}
blockquote h5 {color:#675a18;}


/* Full Contact*/
#full_contact {
    margin:20px 0 10px 0;
}
#full_contact input, #full_contact  textarea {
    width:80%;
    margin:0 auto 10px auto;
    padding:2px 0 0 4px;
    border:1px solid #dcdcdc;
    color:#a9a9a9;
    font-size:12px;
    font-family:arial, helvetica, sans-serif;
}
#full_contact  input {height:17px;}
#full_contact textarea {
    height:63px;
    padding:4px 3px 0 3px;
    font-size:12px;
}
#full_contact #button-submit {
    width:65px;
    height:23px;
    text-align:right;
    margin:0;
    border:0;
    background:transparent;
}
full_contact #formfields p {
    margin-top:11px;
    margin-bottom:11px;
}
#full_contact  select {
    width:20%;
    margin:0 auto 10px auto;
    padding:2px 0 0 4px;
    border:1px solid #dcdcdc;
    color:#a9a9a9;
    font-size:12px;
    font-family:arial, helvetica, sans-serif;
}
/* Contact Form*/
#main .main-holder .text-holder ul.bullets{
	margin-bottom:30px;
	padding-left:20px;
	}
ul.bullets li{
	list-style:disc;}