@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 a.last {
	border-bottom:none;
}
	
#side_nav_image_about{
	margin:0;
	padding:0;
	width:228px;
	height:220px;
	background-image:url(../images/about_side_pic.jpg);	
	}	
	
	
	
#side_nav_image_history{
	margin:0;
	padding:0;
	width:228px;
	height:220px;
	background-image:url(../images/history_side_pic.jpg);	
	}

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

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

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

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

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


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

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

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

#side_nav_image_endowment{
	margin:0;
	padding:0;
	width:228px;
	height:220px;
	background-image:url(../images/endowment_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;
	}
	
	
#history_image {

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

	
#about_image {

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

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


#contact_image {

	margin-top:40px;
	padding-right:125px;
	background-image:url(../images/contact_image.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:225px;
	float:right;
	
	}

#help_image {

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

#inkind_image {

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

#money_image {

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

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

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


#staff {
height:200px;
}

#staff {
	padding:0;
}

#staff {
	padding-top:35px;
	}

#staff img {
	float:left;
	border: 1px solid #CCCCCC;
	background-color: #007e7a;
	padding: 3px;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 15px;	
}

#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 */