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

* {margin: 0px; padding:0px}

body {
	background-color:#CCCCCC;	
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#007e7a;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 130%;
	}
	
	
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	color:#007e7a;
	padding-top:5px;
	padding-left: 10px;
	padding-right: 15px;
	line-height: 120%;
	margin-bottom: .75em;
	}
	
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	color:#000;
	padding-top:5px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 120%;
	}
	

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	font-style:italic;
	color:#000;
	padding-top:5px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 120%;
	}


h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	color:#000;
	margin-top:1em;
	padding-top:5px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 120%;
	}	
	
	
p#sub_text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#000;
	line-height: 140%;
	margin-top: .5em;
	margin-bottom: 1em;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom:0;
	}

p#sub_text2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#000;
	line-height: 140%;
	margin-top: .5em;
	margin-bottom:0;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom:0;
	}
	

p#staff_name {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	font-weight:bold;
	color:#007e7a;
	margin-top:20px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 120%;
	}

p#staff_info {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#000;
	margin:0;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom:0;
	}

p#readmore {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#000;
	margin:0;
	line-height: 120%;
	padding-left: 10px;
	padding-right: 15px;
	}


p#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.65em;
	color:#FFFFFF;
	text-align:center;
	line-height: 140%;
	}
	


a:hover {color:#zf6c69;
}

#container {
	width:800px;
	height:auto;
	margin:auto;
	padding:0;
	background-color:#FFFFFF;
}

#masthead {
	margin:0;
	padding:0;
	width:800px;
	height:132px;
	background-image: url(../images/topbackground.gif);
	background-repeat: repeat-x;	
	}
	
#cryp_logo {
	margin:0;
	padding:0;
	width:228px;
	height:132px;
	background-image: url(../images/cryp_logo.gif);
	background-repeat: no-repeat;
}

#masthead_right {

	margin:0;
	padding:0;
	width:572px;
	height:132px;
	float:right;
	
	}

#tag {
	margin:0;
	padding:0;
	width:572px;
	height:94px;
	background-image: url(../images/cryp_title_new.gif);
	background-repeat: no-repeat;
	
	}
	
#navigation {
	width:572px;
	height:21px;
	padding:17px 0px 0px 20px;
	margin:0px;
}

#navigation ul {
	margin:0;
	padding:0;
	list-style:none;
	
	background: url(../images/navigation.gif) top left no-repeat;
	width: 563px;
	height:21px;
	
}

#navigation ul li {
	background:none;
	float:left;
	text-indent: -9999px;
	padding:0;
	height:21px;
	position:relative;
}

#navigation ul li a {
	outline:none;
	border:none;
	background: url(../images/navigation.gif) top left no-repeat;
	display:block;
	height:21px;
	text-decoration:none;
	overflow:hidden;
}

#navigation ul li.about a {background-position:0 0;width:86px;}
#navigation ul li.about a:hover {background-position:0px -25px;}
#navigation ul li.about a.selected {background-position:0px -25px;}

#navigation ul li.youth a {background-position:-86px 0;width:101px; }
#navigation ul li.youth a:hover {background-position:-86px -25px;}
#navigation ul li.youth a.selected {background-position:-86px -25px;}

#navigation ul li.family a {background-position:-187px 0;width:101px; }
#navigation ul li.family a:hover {background-position:-187px -25px;}
#navigation ul li.family a.selected {background-position:-187px -25px;}

#navigation ul li.volunteer a {background-position:-288px 0;width:82px; }
#navigation ul li.volunteer a:hover {background-position:-288px -25px;}
#navigation ul li.volunteer a.selected {background-position:-288px -25px;}

#navigation ul li.help a {background-position:-370px 0;width:85px; }
#navigation ul li.help a:hover {background-position:-370px -25px;}
#navigation ul li.help a.selected {background-position:-370px -25px;}

#navigation ul li.map a {background-position:-456px 0;width:86px; }
#navigation ul li.map a:hover {background-position:-456px -25px;}
#navigation ul li.map a.selected {background-position:-456px -25px;}

#navigation ul ul {
	width:120px;
	z-index:99;
}

li ul {
  display:none;
  position: absolute; 
  top: 21px;
  left: 0;
  width:120px;
  background-image:none !important;
  z-index:99;
  }
  
#navigation ul ul li{
	float:none;
	z-index:99;
	width:150px;
	border:1px solid #fff;
	border-width:1px 1px 0 1px;
	background-image:none !important;
	}
#navigation ul ul li a,
#navigation ul ul li a:active,
#navigation ul ul li a:link,
#navigation ul ul li a:visited {
	float:none;
	height:21px;
	width:150px;
	line-height:21px;
	text-indent:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	display:block;
	background-position:10px center;
	background-repeat:no-repeat;
	background-image:none !important;
	background-color:#2f6c69;
	color:#fff;
	z-index:99;
	
}

#navigation ul ul li a:hover {
	background-color:#3f918d;
	background-repeat:no-repeat;
	background-position:10px center;
	background-image:none !important;
	color:#fff;
	width:150px;
	z-index:99;
}
 
li:hover ul, li.over ul { display: block; }



#bar_graphic {
	margin:0;
	padding:0;
	width:800px;
	height:40px;
	background-image: url(../images/stripe.gif);
	background-repeat: repeat-x;
	}


#left_sidebar {
	margin:0;
	width:228px;
	height:auto;
	padding-top: 40px;
	}
	
#left_sidebar_sub {
	margin:0;
	width:228px;
	height:auto;
	padding-top:40px;
	}

#sidebar_image {
	margin:0;
	padding:0;
	width:228px;
	height:350px;
	background-image:url(../images/home_side_image1.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	}

#side_nav_background {
	margin:0;
	padding:0px;
	width:228px;
	height:auto;
	background-repeat:no-repeat;
	background-position: bottom;
	background-color: #007e7a;
	}
	
#side_nav {
	margin:0;
	padding-top:10px;
	padding-bottom: 10px;
	}

#side_nav li {
	margin:0;
	padding:0px;
	list-style:none;
	padding-top: 1px;
	padding-bottom: 1px;
	}
	
#side_nav ul a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	line-height:160%;
	color:#fff;
	text-decoration:none;
	margin:0;
	padding:0px;
	padding-left:20px;
	width:208px;
	display:block;
	border-bottom: solid #fff 1px;
	}
	
#side_nav ul a:hover {
	background-color:#FFCC33;
	color: #000;
	}
	
#side_nav ul#cw a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	line-height:160%;
	color:#fff;
	text-decoration:none;
	margin:0;
	padding:0px;
	padding-left:20px;
	width:208px;
	display:block;
	border-top: solid #fff 1px;
	border-bottom: solid #fff 1px;
	
	}	
	
	#side_nav ul#cw a:hover {
	background-color:#FFCC33;
	color: #000;
	}
	
#side_nav li#youth_sub{
	margin:0;
	padding:0px;
	list-style:none;
	padding-left: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
	}
	
#side_nav ul#side_sub_nav a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	line-height:160%;
	color:#ffcc33;
	text-decoration:none;
	margin:0;
	padding:0px;
	padding-left:20px;
	width:188px;
	display:block;
	border-bottom:none;
	}
	
#side_nav ul#side_sub_nav a:hover {
	color: #fff;
	background-color: #007e7a;
	}	
	
	
	
	
	
	
	
#side_nav ul a.last {
	border-bottom:none;
}
	
	
#side_nav_image_youth{
	margin:0;
	padding:0;
	width:228px;
	height:220px;
	background-image:url(../images/youth_side_pic.jpg);	
	}

#side_nav_image_themain{
	margin:0;
	padding:0;
	width:228px;
	height:220px;
	background-image:url(../images/themain_side_pic.jpg);	
	}

#side_nav_image_artscrafts{
	margin:0;
	padding:0;
	width:228px;
	height:220px;
	background-image:url(../images/artscrafts_side_pic.jpg);	
	}

#side_nav_image_wellness{
	margin:0;
	padding:0;
	width:228px;
	height:220px;
	background-image:url(../images/wellness_side_pic.jpg);	
	}

#side_nav_image_literacy1{
	margin:0;
	padding:0;
	width:228px;
	height:220px;
	background-image:url(../images/literacy1_side_pic.jpg);	
	}

#side_nav_image_mainu{
	margin:0;
	padding:0;
	width:228px;
	height:220px;
	background-image:url(../images/mainu_side_pic.jpg);	
	}

#side_nav_image_garden{
	margin:0;
	padding:0;
	width:228px;
	height:220px;
	background-image:url(../images/garden_side_pic.jpg);	
	}

#side_nav_image_events{
	margin:0;
	padding:0;
	width:228px;
	height:220px;
	background-image:url(../images/events_side_pic.jpg);	
	}

#side_nav_image_cokatawiconi{
	margin:0;
	padding:0;
	width:228px;
	height:220px;
	background-image:url(../images/cokatawiconi_side_pic.jpg);	
	}

#side_nav_image_advarts{
	margin:0;
	padding:0;
	width:228px;
	height:220px;
	background-image:url(../images/advarts_side_pic.jpg);	
	}

#side_nav_image_dance{
	margin:0;
	padding:0;
	width:228px;
	height:220px;
	background-image:url(../images/dance_side_pic.jpg);	
	}

#side_nav_image_literacy2{
	margin:0;
	padding:0;
	width:228px;
	height:220px;
	background-image:url(../images/literacy2_side_pic.jpg);	
	}

#side_nav_image_mbb{
	margin:0;
	padding:0;
	width:228px;
	height:220px;
	background-image:url(../images/mbb_side_pic.jpg);	
	}

#side_nav_image_pff{
	margin:0;
	padding:0;
	width:228px;
	height:220px;
	background-image:url(../images/pff_side_pic.jpg);	
	}



#donate {
	margin:0;
	padding:0;
	width:228px;
	height:77px;
	background-image:url(../images/donate.gif);
	background-repeat:no-repeat;
	background-position: right;
	}

#sub_donate {
	margin:0;
	padding:0;
	width:228px;
	height:77px;
	background-image:url(../images/donate.gif);
	background-repeat:no-repeat;
	background-position:center;
	}

#newsletter {
	margin:0;
	padding:0;
	width:228px;
	height:46px;
	background-image:url(../images/newsletter.gif);
	background-repeat:no-repeat;
	background-position:right;
	}

#sub_newsletter {
	margin:0;
	padding:0;
	width:228px;
	height:46px;
	background-image:url(../images/newsletter.gif);
	background-repeat:no-repeat;
	background-position:center;
	}


#logos {
	margin:0;
	padding:0;
	width:228px;
	height:155px;
	}
		
#bbb {
	margin:0;
	padding:0 10px 0 0;
	width:70px;
	height:108px;
	float:right;
	background-image:url(../images/bbb.gif);
	background-repeat:no-repeat;
	}
	
#needslist {
	margin:0;
	padding-left:10px;
	width:126px;
	height:40px;
	background-image:url(../images/needlist.gif);
	background-repeat:no-repeat;
	background-position:center;
	}

#facebook {
	margin:0;
	padding:0;
	width:126px;
	height:55px;
	background-image:url(../images/facebook_logo.gif);
	background-repeat:no-repeat;
	background-position:center;
	}

	
#page_content {
	margin:0;
	padding-top:50px;
	width:572px;
	height:auto;
	float:right;
	}
	
	
	
#slideshow {
	margin:0;
	padding-top:50px;
	padding-right:100px;
	width:400px;
	height:300px;
	float:right;
	}
		
	
	
#youth_image {

	margin-top:40px;
	margin-left:15px;
	padding-right:20px;
	background-image:url(../images/youth_image.jpg);
	background-repeat:no-repeat;
	width:179px;
	height:256px;
	float:right;
	}

	
#themain_image {

	margin-top:40px;
	margin-left:15px;
	padding-right:20px;
	background-image:url(../images/themain_image.jpg);
	background-repeat:no-repeat;
	width:179px;
	height:256px;
	float:right;
	}

#artscrafts_image {

	margin-top:40px;
	margin-left:15px;
	padding-right:20px;
	background-image:url(../images/artscrafts_image.jpg);
	background-repeat:no-repeat;
	width:179px;
	height:256px;
	float:right;
	}
	
	
#wellness_image {

	margin-top:40px;
	margin-left:15px;
	padding-right:20px;
	background-image:url(../images/wellness_image.jpg);
	background-repeat:no-repeat;
	width:179px;
	height:256px;
	float:right;
	}



#literacy1_image {

	margin-top:40px;
	margin-left:15px;
	padding-right:20px;
	background-image:url(../images/literacy1_image.jpg);
	background-repeat:no-repeat;
	width:179px;
	height:256px;
	float:right;
	}


#mainu_image {

	margin-top:40px;
	margin-left:15px;
	padding-right:20px;
	background-image:url(../images/mainu_image.jpg);
	background-repeat:no-repeat;
	width:179px;
	height:256px;
	float:right;
	}
	
	
	
#garden_image {

	margin-top:40px;
	margin-left:15px;
	padding-right:20px;
	background-image:url(../images/garden_image.jpg);
	background-repeat:no-repeat;
	width:179px;
	height:256px;
	float:right;
	}
	
	
	
#events_image {

	margin-top:40px;
	margin-left:15px;
	padding-right:20px;
	background-image:url(../images/events_image.jpg);
	background-repeat:no-repeat;
	width:179px;
	height:256px;
	float:right;
	}
	
	
#cokatawiconi_image {

	margin-top:40px;
	margin-left:15px;
	padding-right:20px;
	background-image:url(../images/cokatawiconi_image.jpg);
	background-repeat:no-repeat;
	width:179px;
	height:256px;
	float:right;
	}
	
	
#advarts_image {

	margin-top:40px;
	margin-left:15px;
	padding-right:20px;
	background-image:url(../images/advarts_image.jpg);
	background-repeat:no-repeat;
	width:179px;
	height:256px;
	float:right;
	}


#dance_image {

	margin-top:40px;
	margin-left:15px;
	padding-right:20px;
	background-image:url(../images/dance_image.jpg);
	background-repeat:no-repeat;
	width:179px;
	height:256px;
	float:right;
	}
	
	
#literacy2_image {

	margin-top:40px;
	margin-left:15px;
	padding-right:20px;
	background-image:url(../images/literacy2_image.jpg);
	background-repeat:no-repeat;
	width:179px;
	height:256px;
	float:right;
	}
	
	
#mbb_image {

	margin-top:40px;
	margin-left:15px;
	padding-right:20px;
	background-image:url(../images/mbb_image.jpg);
	background-repeat:no-repeat;
	width:179px;
	height:256px;
	float:right;
	}
	
	
#pff_image {

	margin-top:40px;
	margin-left:15px;
	padding-right:20px;
	background-image:url(../images/pff_image.jpg);
	background-repeat:no-repeat;
	width:179px;
	height:256px;
	float:right;
	}

#page_text {
	margin:0;
	padding-top:40px;
	width:572px;
	height:auto;
	}
	

	
#footer {
	margin:0;
	padding:10px 0 0 0;
	width:800px;
	height:50px;
	background-color:#007e7a;
	clear: both;
	text-align: center;
	vertical-align: middle;
	}
	
		

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
	/* End hide from IE-mac */