#sharethis_0 {  margin: 3px 0 0 22px;  float: left;}

/***********common***********/
body{font:13px/15px "Calibri", "Helvetica Neue", "Myriad Pro", Arial, Helvetica, sans-serif; color: #666;}
*{padding:0; margin:0; border:0; }
/*  left{float:left}*/
/* right{float:right} */
.clear{clear:both; display: block;}
a{text-decoration:none; border:none; color:#89c409;}
#left_container a:hover, #right_container a:hover{text-decoration:none; color: white; background-color: #89c409;}
img{float:left}
li { margin: 0 ;}
span { color: #bbb; font-style: italic;}
dl, dd { font-family: helvetica; color:666;}
#left_container  .left_content dd li { font-size: 14px; color: #666; margin-left: 20px;}
/***********common ends***********/

/***********layout starts***********/
#layout{width:900px; margin:0 auto}

/***********header starts***********/
#header{float:left; width:900px; margin: 15px 0;}
#nhlogo { margin: 0 0 15px 0;}
/***********header right_links starts***********/
#header .right_links{float:left; width:650px; padding-top:15px; ;}
#header .right_links .image_section{float:right; width:auto; }
#header .right_links .image_section img{float:left; margin-left:18px; width:auto; display:inline;}
#header .right_links ul{float:right; width:auto; padding-top:15px; clear:both}
#header .right_links li{float:left; width:auto; padding:0 10px; border-right:1px #666 solid; line-height:10px; list-style: none;}
#header .right_links li.last{border-right:none; padding:0 0 0 10px}
#header .right_links li a{font:12px/14px Verdana, Arial, Helvetica, sans-serif; color:#666;}
/***********header right_links ends***********/

/***********menu starts***********/
#menu{float:left; width:900px; padding:8px 0 12px; }
#menu ul{float:left; width:auto; padding-top:7px; z-index: 999}
#menu li{float:left; width:auto; padding:7px 15px; border-right:1px #e0e0e0 solid; line-height:8px; position:relative; list-style: none;}
#menu li.first{padding-left:0;}
#menu li.last{ border-right:none;}
#menu li a{color:#333333; font-size:20px; line-height:8px; display: block;}
#menu li a:hover{text-decoration:none}

#menu li ul{position:absolute; top:20px; left:15px; display:none; width:148px; margin:2px 0 0px 0; padding:7px 0 12px 0; border:1px solid #cccccc;background:#fff;}
#menu ul.drop ul{float:left; list-style:none; width:148px; font:12px/14px Arial, Helvetica, sans-serif; color:#666666;background:#fff;}
#menu ul.drop li{float:left;  margin:0; padding:0; width:142px; background:#fff; padding:0 0 3px 6px;}
#menu ul.drop li a{color:#333; text-decoration:none; float:left; display:block; padding: 6px 5px 6px 2px; text-align: left; font:normal 12px/12px "Helvetica Neue", "Myrid Pro", Arial, Helvetica, sans-serif; }
#menu ul.drop li a:hover{text-decoration:underline; background-color: #89c409; color:white; text-decoration:none}

#menu li:hover ul, #menu li.over ul{display:block;} 

#menu a:hover { background-color: white; }

/***********form starts***********/
#menu form{float:right; width:auto;}
#menu fieldset{float:left; width:auto}
#menu input.text{float:left; border:1px #999999 solid; width:190px; padding:5px 0 0 9px; margin-right:8px; display:inline; height:20px; color:#8f8f8f;}
#menu input.button{float:left; width:35px; cursor:pointer; height:27px }
/***********form ends***********/
/***********menu ends***********/

.hidden { display: none;}


/***********header ends***********/

/***********body container starts***********/
#body_container{float:left; width:900px; padding-top:2px;}

/***********left container starts***********/
#left_container{float:left; width:666px; margin-right:14px; display:inline; overflow: hidden;}
#left_container li { margin: 0 0 0 60px;}
#left_container img{float:left; padding-right: 3px;}
#left_container .left_content{float:left; border:1px #cccccc solid; margin-top:10px; width: 664px;}
#left_container .impact {font-size:30px; color:#89c409;}
#left_container .left_content h3{float:left; width:646px; background:#f0f0f0; padding:14px 0 14px 18px; font-size:30px; line-height:32px; color:#89c409; font-weight: 400; margin-bottom:15px;}
#left_container .left_content h4{ padding:18px 0 17px 18px; font-size:24px; line-height:32px; color:#666; font-weight: 400;}
.new h4 { text-transform: small-caps;}

#left_container .left_content h4.last{padding-top:5px}
#left_container .left_content h5 { font-size:18px; line-height:26px; padding: 20px 20px 5px 18px; color:#666;}
#left_container .left_content h6 { font-size:12px; line-height:16px; padding: 5px 10px; color:#666;}
#left {width: 320px;float: left; padding:12px 15px 15px 15px; }
#left_container #left h3 { background-color: white; }
#left_container #left p { float: left; }
#right {width: 200px;float: right; }

#left_container .left_content ol{padding:0 10px 9px 18px; font-size:14px; line-height:14pt; color:#666;}
#left_container .left_content p{padding:0 10px 9px 18px; font-size:14px; line-height:14pt; color:#666;}
#left_container .left_content p.last{padding-bottom:0}
#left_container .rightimage {float:right;margin:10px 10px 5px 10px;padding-right: 20px;}

#left_container .left_content a.readmore{float:right; width:auto; background:url(../images/a_bg.jpg) no-repeat right 5px; padding-right:12px; margin:2px 14px 13px 0; display:inline; color:#999;}
#left_container .left_content ul{padding:0 10px 9px 18px; font-size:14px; line-height:14pt; color:#666;}
#left_container .left_content li{padding:0 10px 9px 18px; font-size:14px; line-height:14pt; color:#666;}



#left_container .image_section{float:left; width:648px; padding-top:16px; padding-left:8px;}
#left_container .image_section .row1{float:left; width:648px;}
#left_container .image_section .row2{float:left; width:618px; padding-left:30px}
#left_container .image_section .row3{float:left; width:618px; padding-left:30px}

#left_container .image_section .row1 img{float:left; width:auto; padding:6px 10px 24px 0}
#left_container .image_section .row2 img{float:left; width:auto; padding:0 28px 24px 0}
#left_container .image_section .row3 img{float:left; width:auto; padding:0 48px 72px 0}
#left_container table {clear: both;}

/***********left container ends***********/

/***********right container starts***********/
#right_container{float:left; width:220px;}
#right_container .quote_box{float:left; border:1px #ccc solid; width:218px; margin-bottom:10px; padding-bottom: 0px;}
#right_container .right_content{float:left; border:1px #ccc solid; width:218px; margin-bottom:10px; padding-bottom: 10px;}
#right_container .right_content h3{float:left; width:210px; background:#f1f1f1; color:#949494; font:normal 28px/30px "Helvetica Neue", "Myrid Pro", Arial, Helvetica, sans-serif; text-transform:uppercase; padding:4px 0 4px 8px ; font-weight: 100;}
#right_container .right_content h3 span{color:#666666; font-weight: 300;}
#right_container .right_content img{float:left; padding-bottom: 10px;}
#right_container .right_content .holder{float:left; width:218px; padding-bottom:5px}
#right_container .right_content p{float:left; padding:10px 19px 0 12px; color:#999; width:187px; display:block}
#right_container .right_content p.last{padding:0 19px 60px 12px;}
#right_container .right_content a{ ; padding-right:12px; margin:2px 14px 13px 0; display:inline;}
#right_container .right_content p strong{color:#666666}

#right_container .about_image {float:left; padding-bottom: 10px; padding-right: 10px; padding-leftt:10px;}
.aboutinfo img { margin: 10px; }
.aboutinfo h4 { display: block; }
.caps { text-transform: uppercase; color: #89c409; font-size: 10px;  }
.pdf { background: #fff url(../common/images/pdf_icon_small.jpg)  no-repeat left 5px; padding: 0px;}


/***********right container ends***********/

/***********footer starts***********/
#footer{float:left; width:894px; border-top:1px #cccccc solid; padding:16px 0 70px 6px; margin-top:52px}
#footer ul{float:left; width:894px;}
#footer li{float:left; width:auto; border-right:1px #cccccc solid; padding:0 12px; list-style: none; margin: 0px;}
#footer li.first{padding:0 12px 0 0; color:#333;}
#footer li.last{border-right:none;}
#footer li a{color:#666;}
#footer li a:hover{text-decoration: underline;}

#footer p{float:left; width:894px; padding:10px 12px 0 0; color:#b0b0b0;}
#footer span.bullet{background:url(../images/bullet.jpg) no-repeat 0 16px; padding:10px 12px 0 7px; margin-left:5px; display:inline; }
/***********footer ends***********/

/* ### success stories ### */
.photoessay { clear: both; width: 100%; border: 1px solid black;}
.photoessay img, .photoessay h2, .photoessay p { float:left; display: inline;}
.photoessay h4, .photoessay p {  width: 400px }



/* ### FAQ ### */
dl {font-size: 14px; padding-left: 25px; color: #666;}
dl dt { cursor: pointer; display: inline; width: inherit; font-size: 15px; color: #89c409; padding: 0 10px}
dl dt:hover { text-decoration: underline; }
dl dd {margin: 0px 0 10px 0; padding-left: 20px; display: none; line-height: 14pt;}
dl dd ul {padding-left: 20px;}
dl dd ul li { list-style-type: circle;}
ul li {font-size: 14px; color: #666;}


/********* luke/shaun additions ********/

/* IMGs */
.leftimage {float:left;margin:0px 10px 0px 0px;}
/* IMGs */


/* ### SEARCH STUFF ### */

#cse-search-box #searchbox { border: 1px solid #ddd; padding: 4px; }
#cse-search-box #submitbutton { padding: 5px; }
#cse-search-results { padding-left: 20px;}

/************* photo credits SECTION *****************/
div#photo_credits {margin-top: 10px; padding-left: 45px;}
div#photo_credits h1 {margin: 0 0 10px 0; text-indent: -999px; overflow: hidden; background: url("../images/photo_credits_title.png") no-repeat transparent; width: 536px; height: 30px;}

div#photo_box {margin-left: auto; margin-right: auto; width: 600px;}
div#photo_box a {margin: 0px;}
div#photo_box img {padding: 10px;  margin: 13px; border: #ccc 1px solid;}




/*### IMPACT SECTION ### */
.success-item  { vertical-align: top; margin: 10px;}

.success-item h5 {font-size:18px; line-height:24px; padding: 20px 20px 5px 18px; color:#333; float: left; display:inline; }
.success-item p { float: left; display: inline;}
.success-item img { width: 150px; height: 100px; float: left; display:inline;width: auto; }


.collabinit { display: block; clear: both; margin: 0 0 20px 0; padding: 10px; }
.collabinit img { margin: 0 30px; }
.collabinit h5, .collabinit p { padding: 0 0 0 20px;}
.collabinit:hover { background-color: #eee; cursor: pointer; }









/* ### About Timeline */

ul.demo {
		padding: 0;
		margin: 0;
		background: #ffffff;
		border: solid 1px #cc9;
	}
	/* REQUIRED * the "slidingPanelsActivated" class added to container by the plug-in, allows for different presentation if JavaScript is disabled */
	ul.slidingPanelsActivated {		display:block;		position:relative;  padding: 0;	margin: 0; height: 37em;
	}

	ul.demo li {
		display: block;
		padding:10px;
		margin:0 0 0 0;
	}

	/* REQUIRED * the "slidingPanelsActivated" class added to container by the plug-in, allows for different presentation if JavaScript is disabled */
	ul.slidingPanelsActivated li {
		display:block;
		position:absolute;
		overflow:hidden;
		/* "left" and "width" properties set automatically */
		top: 0;

		/* edit "padding" and "margin" with care, as they can mess things up across browser */
		padding: 0;
		margin: 0;

		/* "height" of 100% recommended to keep panels all the same height as the container */
		height:100%;
	}

	/* colors assigned to individual panels for demonstration, recommended to make a panel's background color same as container's background color */
	ul#timeline { 	margin: 70px 0 0;}
	ul#timeline li {background:#f0f0f0; border: 5px solid #fff;color: #222; padding: 10px; margin:0px; }
	ul#timeline li:hover { cursor: pointer; }
	
	ul#timeline li h2 { background: #89c408; color: #222; font-size: 25px; padding: 10px 3px;}
	ul#timeline .milestones {padding-bottom: 10px; border-bottom: 1px dashed #ddd;}
	ul#timeline .milestones h4 { color: #222; font-size: 14px; width: 300px; line-height: 18px; margin: 5px 0; padding: 5px 0;}
}

/**GET INVOLVED **/

form  { background-color: #fff; }
.form-si { font-size: 14px; color: #444}
.form-si input, textarea, select { margin: 6px; padding: 5px; border: 1px solid #ddd; font-size: 13px; ;}
 
.form-si input:focus, .form-si textarea:focus { background-color: #ddd;}
.form-si input:hover, .form-si textarea:hover  { background-color: #eee;}
.error { color: red; font-size: 11px; }
.form-si input .error { border-color: 2px solid red;}

#special-giving .item { height: 400px; position: relative; background-color: #eee; padding: 30px; margin: 10px auto 0px; }
#special-giving img { width: 300px; height: 200px;}


#feedback-div {
    padding: 20px;
    width: 250px;
    background: #ccc;
    border: 1px solid #29216d;
}

ul#member-quake li { margin-top: 0; margin-bottom: 0;}