/*-----------------------------------------------
             HealthDevelopment.org
----------------------------------------------- */


/*------------- General Styles  ------------- */

body {
	margin-left: 0px;
	margin-top: 0px;
	width:auto;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;

}

html {
	height:100%;
}

.style1 {
	color: #6A1F26;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style2 {
	color: #818181;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.style3 {
	color: #666666;
	font-size: 28px;
	font-family: "Trebuchet MS";
	line-height: 35px;
}
.style4 {
	color: #000000;
	font-size: 32px;
	font-family: Arial, Helvetica, sans-serif;
}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 19px;
}
.style6 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	line-height:30px;
	font-family: Arial, Helvetica, sans-serif;
}
.style7 {
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
	font-weight:bold;
}
.styleheader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}

.style9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	line-height: 18px;
	text-decoration: none;

}
.style10 {color: #89B668; text-decoration: none;}
.style11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	line-height: 21px;
	text-decoration: none;
}
.style11A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #338E47;
	line-height: 21px;
}
.style11B {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #338E47;
	line-height: 21px;
}

.style12 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.style13 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #A4A4A4;
	font-style: italic;
	line-height: 21px;
}
.style14 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #A4A4A4; font-style: italic; line-height: 21px; }
.style15 {
	color: #338E47;
	text-decoration: none;
}
.style16 {
	color: #338E47;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 19px;  /*25px; */
}
.style16H {
	color: #338E47;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 25px;
	background-color: #BDF09B;
}

.style17 {
	color: #CBC5C5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: normal;
}
/*------------- Layout & Background Styles  ------------- */

	#wrapper {
		margin-top:0px;
		padding:0;
		margin-left:12px;
		text-align:left;
		width:1000px;
		height:100%;
		position:relative;
	}

/*------------- Top Header  ------------- */
    #LeftHeader {
		width:69px;
		position:absolute;
		top:18px;
		left:0px;
	}

    #LogoHeader{
		width:129px;
		position:absolute;
		top:20px;
		left:75px;	    	
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 18px;
		line-height:21px;
		color:#333333;	
	}
	
    #AboutHeader {
		width:141px;
		position:absolute;
		top:33px;
		left:220px;	
		height:56px; 
		background-image:url(images/newdesignspliceB2_06.gif);
	}

	#AboutHeader:hover { 
		background-image:url(images/newdesignspliceB2_06-over.gif);
     } 

    #WorkHeader {
		width:133px;
		position:absolute;
		top:33px;
		left:361px;	
		height:56px; 
		background-image:url(images/newdesignspliceB2_07.gif);
	}

	#WorkHeader:hover { 
		background-image:url(images/newdesignspliceB2_07-over.gif);
     } 

    #StoriesHeader {
		width:125px;
		position:absolute;
		top:33px;
		left:494px;	
		height:56px; 
		background-image:url(images/newdesignspliceB2_08.gif);
	}

	#StoriesHeader:hover { 
		background-image:url(images/newdesignspliceB2_08-over.gif);
     } 

    #JoinHeader {
		width:133px;
		position:absolute;
		top:33px;
		left:619px;	
		height:56px; 
		background-image:url(images/newdesignspliceB2A_09.gif);
		z-index:3;

	}

	#JoinHeader:hover { 
		background-image:url(images/newdesignspliceB2A_09-over.gif);
		z-index:3;
     } 

	.HeaderText {
		margin:22px;
		padding-left:20px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 14px;
		color: #666666;
		text-decoration: none;
		z-index:4;

	}

	.HeaderText2 {
		margin:22px;
		padding-left:12px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 14px;
		color: #666666;		
		text-decoration: none;
	}


    #BoxHeader {
		width:213px;
		position:absolute;
		top:33px;
		left:752px;	
		height:56px;
		background-image:url(images/newdesignspliceB2A_10.gif);
		z-index:1;
	}


    #Search {
		padding-left:135px;
		position:relative;
		top:33px;
		left:619px;	
		height:56px;
		z-index:2;
	}
	
    .searchBox{
        padding-left:40px;
        padding-top:23px;
        position:relative;	
        height:56px;
        width:326px;
        border:0;
		font-size: 13px;
		font:Arial, Helvetica, sans-serif;
        background-color:transparent;
        z-index:3;	
    } 

    .searchBox1{
        padding-left:40px;
        padding-top:3px;
        position:relative;	
        height:56px;
        width:326px;
        border:0;
		font-size: 13px;
		font:Arial, Helvetica, sans-serif;
        background-color:transparent;
        z-index:3;	
    } 

    .searchBox2{
        padding-left:40px;
        padding-top:-18px;
        position:relative;	
        height:56px;
        width:326px;
        border:0;
		font-size: 13px;
		font:Arial, Helvetica, sans-serif;
        background-color:transparent;
        z-index:3;	
    } 




	
    .searchbutton{
        background-image:url(images/newdesignspliceB2_10.gif);
	    background-repeat:no-repeat;
	    left:346px;
        width:130px;
	    height:56px;
	    border:0;
	    position:absolute;
        z-index:4;	

    }
	
    .searchbutton:hover{
        background-image:url(images/newdesignspliceB2_10-over.gif);
	    background-repeat:no-repeat;
        width:130px;
	    height:56px;
    }

    #WordHeader {
		width:647px;
		position:relative;
		top:-33px;
		left:-305px;
	}

    #WordHeader1 {
		width:647px;
		position:relative;
		top:-13px;
		left:-305px;
	}

    #MenuHeader {
		width:1087px;
		position:absolute;
		top:5px; /* 8px */
		float:right;
	}

/*------------- Content Boxes  ------------- */

    #SideText {
	width:191px;
	margin-left:8px;
	top:113px;
	position:absolute;
	z-index:1;
	}



    #SmallBox1 {
		width:414px;
		height:277px;
		margin-left:223px;
		top:113px;
		position:absolute;
		background-image:url(images/newdesignspliceB2_14.gif);
		z-index:1;
	}

    .SmallBoxHeader {
		position:relative;
		margin-top:12px;
		padding-top:12px;

	}

    .SmallBoxText {
		position:absolute;
		top:100px;
		left:25px;
		text-align:left;
		width:180px;
		z-index:2;
	}


    .SmallBoxPhoto {
		float:right;
		margin-top:-5px;
		z-index:1;
        background-color:transparent;

	}

    .LongBoxText {
		position:relative;
		top:20px;
		text-align:center;
		width:875px;
	}


    #SmallBox2 {
		width:414px;
		height:277px;
		margin-left:682px;
		top:113px;
		position:absolute;
		background-image:url(images/newdesignspliceB2_14.gif);
		z-index:1;
	}

    #LongBox {
		width:875px;
		height:194px;
		top:382px;
		margin-left:223px;
		position:absolute;
		background-image:url(images/newdesignspliceB2_17.gif);
		z-index:1;
	}

/*------------- Inside Pages  ------------- */

    #InsideBox {
		width:435px;
		margin-left:223px;
		top:113px;
		position:absolute;
		background-image:url(images/newdesignspliceB3_07.gif);
	    background-repeat:repeat;
		z-index:1;
	}

    #InsideBoxTitle {
		width:435px;
		top:-10px;
		text-align:center;
		position:relative;
	}

    #InsideBoxHeader {
		width:435px;
		top:-10px;
		height:40px;
		padding-top:1px;
		text-align:center;
		position:relative;
		background-image:url(images/newdesignspliceB3_09.gif);
	    background-repeat:no-repeat;
		z-index:9;
	}

    #InsideBoxText {
		width:400px;
	}

    #InsideBoxFooter {
		width:435px;
		height:24px;
		position:relative;
		background-image:url(images/newdesignspliceB3_16.gif);
	    background-repeat:no-repeat;
	}

    #InsidePhotos {
		width:416px;
		margin-left:680px;
		top:113px;
		position:absolute;
		z-index:1;
	}

    #InsideMenu {
	width:255px;
	margin-left:10px;
	top:123px;
	position:absolute;
	color: #CBC5C5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: normal;
	z-index:1;
	}

	a.InsideText:link {color:#CBC5C5;}      /* unvisited link */
	a.InsideText:visited {color:#CBC5C5;}  /* visited link */
	a.InsideText:hover {color:#338E47; text-decoration:none;}  /* mouse over link */
	a.InsideText:active {color:#338E47; text-decoration:none;}  /* selected link */

/*------------- Form Layout  ------------- */


.form{
	width: 425px;
	padding: 0px;
	margin: 0px auto;
}

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
	float: left;
	width: 110px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9A9A9A;
  }

div.row span.formw {
  float: right;
  width: 300px;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #9A9A9A;
  } 

.formfont{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #9A9A9A;
}  

div.spacer {
  clear: both;
  }