/* Global CSS */

body{
	background-color:#FFFFFF;
	background-image:url(IMG/body-bg.png);
	background-repeat:no-repeat;
	background-position: top center;
	Font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
	img{
	border:none;
	}
	
@font-face {
       font-family: Gnuolane;
       src: local("Gnuolane"), url("fonts/gnuolane.ttf") format("truetype");
       font-weight: normal;
       font-style: normal;
}

a:link {
	color:#007b8e;
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	color:#0095b7;
	}
a:hover {
	text-decoration: none;
	color:#008399;
	}
a:active {
	text-decoration: none;
	}

h1{
	font-family: Gnuolane, sans-serif;
	font-weight:normal;
	font-size:48px;
	color:#666666;
	line-height:48px;
	text-transform:uppercase;
	padding:0px;
	margin:0px;

}

h2{
	font-family: Gnuolane, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	font-size:36px;
	line-height:36x;	

	}

h3{
	font-family: Gnuolane, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	font-size:24px;
	line-height:24px;

	}

hr{
	background-image:url(IMG/hr.png);
	height:22px;
	width:100%;
	border:none;
	background-repeat:no-repeat;
	}	
	
#wrap{
	margin: 0 auto;
	width: 800px;
}

#top-section{
	height: 30px;
}

#header{
	border-top: 1px solid #ccc;
	height: 55px;
	
}

#banner{
	height: 200px;
	}

#home-rotation{
	height: 450px;
}

#left-container{
	float:left;
	width: 475px;
	min-height:400px;
	border-right:1px solid #ccc;
	line-height:18px;
	}

	#left-container h3{
	font-family: Gnuolane, sans-serif;
	font-weight:normal;
	font-size:30px;
	color:#666666;
	line-height:20px;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
}

	#left-container h4{
	font-family: Gnuolane, sans-serif;
	font-weight:normal;
	font-size:20px;
	color:#666666;
	line-height:20px;
	text-transform:uppercase;
	padding:5px;
	margin:0px;
	width:25px;
	border: 1px solid #ccc;
	}
	

#left-container h1, #left-container h2, #left-container h3, #left-container h4, #left-container p, #left-container table  {
	margin-left: 15px;
	padding-right:15px;
	} 
 
	.table-alt{
	background-image:url(IMG/main-alt.png);
	}

	.table-alt-medium{
	background-image:url(IMG/table-alt-medium.png);
	}
	
	#left-container table{
	padding:1px;
	border:1px solid #ccc;
	margin-left:15px;
	}
	

	#left-container li{
	list-style-image:url(IMG/bullet.png);
	}
	
	#project-info{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height:40px;
	line-height:0px;
	padding-top:5px;
	width:475px;
	
	}
	
		#project-info img{
		float:right;
		padding-top:2px;
		padding-right:130px;
		}
	
		#project-info-box{
		background-image:url(IMG/images/projects-img_06.png);
		height:30px;
		display:block;
		position:absolute;
		font-family: Gnuolane, sans-serif;
		text-transform:uppercase;
		padding-top: 5px;
		color:#fff;		
		margin-left:15px;
		}
		
		#project-info-box h3{
		font-size:24px;
		font-weight:normal;
		color:#FFFFFF;
		line-height:24px;
		margin:0;
		padding:0 10px 0 10px;
		}
		
		.bottom-border{
		border-bottom: 1px dotted #00666e;
		}
		
	.emphasis{
	color:#007b8e;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	}
	
	#next-step{
	height:40px;
	border-bottom:1px solid #ccc;
	}
	
		#toggle{
		float:right;
		padding-top:4px;
		}
		
		#breadcrumbs{
		float:left;
		font-size:12px;
		color:#a6c3ce;
		padding-top:12px;
		}
		

	.haiti{
	background-image:url(IMG/project-bg/haiti.png);
	background-repeat:no-repeat;
	}
	
	.east-africa{
	background-image:url(IMG/project-bg/east-africa.png);
	background-repeat:no-repeat;
	}
	
	.mission-sos{
	background-image:url(IMG/project-bg/mission-sos.png);
	background-repeat:no-repeat;
	}
	
	.pitt{
	background-image:url(IMG/headings/philly.png);
	background-repeat:no-repeat;
	}
	
	.orphan{
	background-image:url(IMG/project-bg/orphan.png);
	background-repeat:no-repeat;
	}

	.cpbutton{
	padding-right:5px;
	}


#right-container{
	float:right;
	width: 300px;
	}
	
	

#filler{
	height:10px;
	width:475px;
	clear:both;
	border-right:1px solid #ccc;
}

#footer{
	height: 175px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	color:#999999;

}

	#footer-left{
	width:400px;
	float:left;
	margin-left:10px;
	}
	
		#footer-left ul{
		margin:0;
		padding:0;
		padding-left:5px;
		}
		
		#footer-left li{
		list-style:none;
		}
		
		#footer-left p{
		margin:0;
		padding:0;
		padding-left:5px;
		color:#999999;
		}
		
		#footer-left .title{
		color:#7cb3bf;
		text-transform:uppercase;
		font-size:10px;
		}
		
		#general{
		float:left;
		width:130px;
		height:75px;
		}
		
		#links {
		float:right;
		width:130px;
		border-left: 1px solid #ccc;
		height:75px;
		}
		
		#projects {
		margin-left:130px;
		margin-right:130px;
		padding-left:1px;
		padding-right:1px;
		border-left: 1px solid #ccc;
		height:75px;
		}
		
		.heightfix:before {
		content:'.';
		display:block;
		visibility:hidden;
		height:0;
		}

		
	
	#footer-right{
	width:350px;
	float:right;
	}

.right{
float:right;
}

.left{
float:left;
}

/* Coda Slider */

#wrapper {
    width: 800px;
    margin: 0 auto;
	padding-top:15px;
	padding-bottom:10px;
}

#wrapper h2{
color:#666666;
padding:0px;
margin:0px;
}

#wrapper h3{
padding:0px;
margin:0px;
font-size:24px;
}

#wrapper table{
	font-size:14px;
	padding-right:15px;
	}

#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    min-height: 250px;
    width: 798px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background-image:url(IMG/trips-bg.png);
	background-repeat:no-repeat;
	border:1px solid #ccc;

}

.scrollContainer div.panel {
    padding: 20px;
    min-height: 210px;
    width: 750px;
}


.border-bottom{
	border-bottom:1px solid #ccc;
	}


ul.navigation {
    list-style: none;
    padding: 0;
    padding-bottom: 9px;
	height:150px;

}

ul.navigation li {
    display: inline;
	float:left;
	height:70px;
	padding-bottom:10px;
}

ul.navigation a {
    text-decoration: none;
	display:block;
	width:150px;
	height:70px;
	padding: 0px 5px 0px 5px;
}

ul.navigation img{
border:none;
width:152px;
height:70px;
}

ul.navigation a:hover {
    background-color:none;
}

ul.navigation a.selected {
    background-color:none;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 140px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -50px;
}

.scrollButtons.right {
    right: -50px;
}


/*Form */

input{
border: 1px solid #ccc;
padding:10px;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
}

textarea{
border: 1px solid #ccc;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
padding:10px;
}

#contact-form .text{
	padding:15px;
	font-size:16px;
	color:#999999;
	}
	
#contact-form .text:focus{
	color:#000000;
	background-image:url(IMG/input-bg.png);
	background-repeat:repeat-x;
	}
	
#contact-form .text-black{
	padding:15px;
	font-size:16px;
	color:#999999;
	}

#contact-form .submit{
background-image:url(IMG/send-button.png);

}

#pageslide-slide-wrap {
	background-image:url(IMG/body-bg.png);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}

#pageslide-slide-wrap h2{
	font-size:24px;
	padding:0;
	margin:0;
	}

#trips-contact{
padding: 20px 10px 10px 20px;
}


#trip-close img{
float:right;
}

/*Twitter*/

#query{
border:1px solid #dedfde;
width:350px;
}
.tweet .tweet_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
	background-image:url(IMG/body-bg.png);
	background-repeat:no-repeat;
    }
    .tweet .tweet_list li {
      overflow: auto;
      padding: .5em;
	  }
      .tweet .tweet_list li a {
         }
	.tweet .tweet_list .tweet_even {
		background-image:url(IMG/trips-bg.png);
		background-repeat:no-repeat;
		border-bottom:1px solid #dedfde;
		border-top:1px solid #dedfde;

	   }
    .tweet .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img {
        vertical-align: middle; }