@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/******* the general styles ******/
	body{
		font: 12px Tahoma;
		color: #484840;
		background: #fff;
		
	}
	a{
		text-decoration: none;
		color: #6699cc;
	}
	a:hover{
		background-color:#ebf0f2;
		color: #6699cc;
		text-decoration:underline;
	}
	
	strong {font-weight:bold;}
	
	ul li {
		background-image:url(../images/square.gif);
		background-position:5px 8px;
		background-repeat:no-repeat;
		padding:0 0 0 20px;
	}

	#menu li{
		background: none !important;
		padding:0 !important;
	}

	#footer_nav li{
		background: none !important;
	}
	
	#wrapper{
		background-color:#EEEEEE;
	}

	.container{
		width:1024px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;
		background-color:#fff;
		
	}
	.navigation li{
		float: left;
		padding-left:10px;
		font-size: 1.1em;
		font-weight: normal;
		line-height:2.2em;
	}
	.navigation li a{
		color: #6699cc;
		text-decoration:none;
	}
	.navigation li a:hover{
		color: #6699cc;
		text-decoration:underline;
	}
	 .navigation li.active a{
	 	color: #6699cc;
		background-color:#ebf0f2;
	}
	
	.blank_space{
		padding-right:20px;
	}
	
	table{
		width:100%;
		margin-bottom:20px;
		
	}
	td{padding: 5px 0;}
	td.bluebg{
		background-color:#ebf0f2;
		text-align:center;
	}
	
/***** The basic layout *****/
/***** header layout ******/
	#header{
		width:1024px;
		margin: 0 auto;
		height: 133px;
		background: #FFFFFF;
		position: relative;
		overflow:hidden;
	}
	
	#logo{
		margin:10px 0 0 10px;
		float:left;
	}
	
	#life_logo {
		float:left;
		margin:20px 0 0 30px;
	}
	
	#project_info {
		float:left;
		font-size:16px;
		margin:20px 0 50px 9px;
		width:515px;
	}
	
	#project_title {
		color:#ff9900;
		margin-bottom:15px;
	}
	
	#project_title p {padding:0 0 3px 0px;}
	#project_title strong {padding:0 0 3px 0px;}
	
	#project_funding {
		color:#669933;
		font-size:11px;
	}
	#project_funding p {padding:0 0 3px 0px;}
/******** main area layout ********/
	#main{
		padding:5px 0 0px 0;
	}
	
	#main_container{
		padding-bottom:10px;
		min-height:450px;
	}
	
	#leftcolumn{
		float: left;
		width:220px;/*
		height:470px;*/
		margin:0 0 0 0;
		/*background-color: #ebf0f2;*/
		/*border: solid 1px #d2d4d5;*/
	}
	#center{
		float: left;
		width:570px;
		padding: 0 12px 30px 12px;
		line-height:1.8em;
	}
	
	#rightcolumn{
		float: left;
		width:180px;
		padding-right:0px;
		margin-right:5px;
	}
	
/****** bottom layout *********/
	#bottominfo{
		border-top: 5px solid #42423b;
		background: #ebf0f2;
		padding-bottom:10px;
		width: 1024px;
		overflow: hidden;
		margin:0 auto;

		line-height:1.8em;
	}
	.bottomcolumn{
		float: left;
		width:288px;
		margin:0 18px 0 10px;
	}
	.bottomright{
		margin-right:0;
	}	
	
/***** the header styles *****/
	#header .container{
		height: 210px;
	}
	
	h1{
		position: absolute;
		top: 50px;
		left:220px;
		font-size:22px;
	}
	
	h1 a{
		font: 22px/22px tahoma;
		font-weight:300;
		letter-spacing: -2px;
		display: block;
		color: #a49c8f;
	}
	
	h1 a:hover{
		color: #a49c8f; 
		background-color:#fff;
		text-decoration:none;	
	}
    
    h4 {
        color:#669933;
        font-size:14px;
        border-bottom:1px solid #669933;
    }
	
	/*#flags{
		position:absolute;
		right:160px;
		top:55px;
	}
	
	#flags img{
		padding-left:15px;
	}
	*/
	/* top navigation position (the styles are in the "general" section)*/
	#header_nav{
		position:absolute;
		right:30px;
		top:50px;
	}
	
	#slogan{
		position: absolute;
		left:270px;
		top:130px;
		height: 125px;
		color: #a49c8f;
		font-weight:600;			
		font-size: 1.2em;
	}
	#slogan span{
		color:#6699cc;
	}
	/* breadcrumb */
	#breadcrumb{
		padding-left:10px;
		line-height:2em;
	}
	
/***** banners *****/

	#top_banner{
		background-color:#FFFFFF;
		height:70px;
		margin:0 auto;
		position:relative;
		width:1024px;
		text-align:center;
	}
	
	#top_banner a:hover {background:#ffffff;}
	
	#left_banner{
		float:left;
		width:120px;
		height:140px;
		background-color: #ebf0f2;
		border: solid 1px #d2d4d5;
		margin:25px;	
	}
	
/****** the content styles *******/
	/* left column */
	.leftbox{
		padding: 10px 23px 10px 23px;
		margin-bottom:3px;
		
	}
	
	#members_area {
		color:#58584D;
		font-size:1.1em;
	}
	#members_area h3 {padding:3px 5px !important;}
	#login_form { padding: 5px}
	#login_form span {display:block;margin-top:5px;}
	#login_submit { background-color:#EBF0F2;border:medium none;cursor:pointer;height:20px;margin:5px 0 5px 0;width:80px;}
	
	.box {border:1px solid #D2D4D5;padding:10px;text-align:center;font-weight:bold;clear:left; font-size:12px;margin:0 0 8px 0}
	.box2 {border:1px solid #669933;padding:8px 8px 8px 50px;font-weight:bold;clear:left; font-size:12px;margin:0 0 8px 0;background-color:#FFF;}
	.box2 a {color:#669933;}
	.box2 a:hover {text-decoration:underline}
	
	/*ul.leftbox{
		font-size: 1em;
	}
	*/
	#search{
		float:left;
		margin-top:20px;
		/*position:absolute;
		bottom:100px;
		left:5px;*/
	}
	.f_search{
		
	}
	.search{
		float: left;
		width: 100px;
		height: 15px;
		padding:3px 5px;
		border: 2px solid #6699cc;
		font-size:1.3em;
	}
	.b_search{
		display: block;
		float: left;
		width: 55px;
		line-height:1.2em;
		text-align: center;
		background: #6699cc;
		border: 1px solid #fff;
		color: #fff;
		cursor: pointer;
		margin:0;
		font-size:1.4em;
		padding:3px 8px 2px 8px; /* IE6 */
	}
	
	/* center column. */
	/*You will find these classes in the views, not the layout.tpl*/
	
	h2{
		background-color:#6699cc;
		color: #fff; 
		font-size:1.5em;
		line-height:1.5em;
		padding-left:3px;
	}
	h3{
		clear:both;
		background-color:#ebf0f2;
		color: #484840; 
		font-size:1.3em;
		line-height:1.5em;
		font-weight:bold;
		margin:0px 0;
		padding:3px 0;
		
	}
	
	/* right column */
	.rightbox_wrapper{
		background-color: #ebf0f2;
		padding:5px;		
		margin-bottom: 20px;
		overflow: hidden;
		font-size:1em;
		line-height: 1.5em;
		color: #58584D;
		float:right;
		border: solid 1px #d2d4d5;
	}
	.rightbox{
		overflow: hidden;
		padding-bottom:0px;
	}
	
	.news_wrapper{
	   width:168px;
	}
	.news_wrapper h4{
		font-size:1.2em;
		color: #6699cc;
		font-weight:bold;
		padding-top:5px;
        border-bottom:none !important;
	}
	.news_wrapper p{
		font-size:11px;
	}
	
	.news_wrapper a{
		float:right;
		color:#6699cc;
		text-decoration:none;		
	}
		
	.news_wrapper a:hover{
		text-decoration:underline;	
	}
	
	.news .details, .news .description{
		float:left;
		width:360px;		
	}
	
	.news .logo{
		float:right;
		width:100px;
		padding-right:10px;
		padding-top:32px;
	}
	
	.news .logo img{
		margin-bottom:10px;
	}
	
/********* layout for associates and projects *********/
	.content{		
		width:480px;
		margin:10px 0 0 20px;
	}	
	
	.content li{
		clear:both;
		list-style-image:url(../images/square.gif);		
	}
	.content li a{
		font-size:1.2em;		
	}
	
	.details h4{
		font-size:1.2em;
		font-weight:bold;
		margin:5px 0 0 0;
        border-bottom:none !important;
	}
	
	.details table{
		margin-top:10px;
		border:1px solid #d2d4d5;
		vertical-align:top;
		font-size:1.2em;
		line-height:1.5em;
	}
	
	.details table td{
		padding:5px;
	}
	
	.associate .details, .content .description{
		float:left;
		width:360px;		
	}
	
	.associate .logo, .content .logo{
		float:right;
		width:70px;
		padding-right:10px;
	}
	
	.associates_views{
  		font-size:1em;
  		text-align:right;
  		padding-top:5px;
	}
	
/********* layout for gallery *********/

	.article_wrapper #images p{
		float:left;
		margin-right:30px;

	}
	
	.article_wrapper #images p img{
		border:1px solid #EEEEEE;
	}
	
	.caption{
		font-size:0.95em;
		font-style:italic;
	}
	
	
	
/******* bottom information ********/
	
	.bottomcolumn h3{
		border-bottom: 3px solid #6699cc;
		color: #484840; 
		font-size:1.2em;
		font-weight:bold;
		padding:12px 0px 7px 35px;
		background-color:#FFFFFF;
	}
	
	.bottomcolumn h3.downloads{
		background-image:url(../images/download.gif);
		background-repeat:no-repeat;
		background-position:top left;
	}
	.bottomcolumn h3.links{
		background-image:url(../images/globe.gif);
		background-repeat:no-repeat;
		background-position:top left;
	}	
	
	.bottomcolumn p{
		padding: 10px 35px 10px 5px;
		font-size: 1.2em;
	}
	.bottomright{ 
		background-image:url(../images/post_it.gif);
		background-repeat:no-repeat;
		background-position:top;
		width:257px;
		height:120px;
		padding:0;
	}
	#post_it, .newsletter-outer{
		position:relative;
		top:46px;
		left:28px;
		width:200px;
		color: #484840;
		padding:0px;
		
	}
	#post_it span{
		color:#484840; 
		font-size:1.2em;
		font-weight:bold;
		padding-right:50px;
		
	}
	
	.f_newsletter{
		position:relative;
		top:53px;
		left:50px;
	}
	.newsletter-field{
		width: 130px;
		height: 17px;
		padding:3px 5px ;
		margin-top:2px;
		margin-left:10px;
		border: 2px solid #6699cc;
		font-size:1.3em;
	}
	.newsletter-button{
		display: block;
		float: left;
		line-height:1.2em;
		text-align: center;
		background: #6699cc;
		border: 2px solid #fff;
		color: #fff;
		cursor: pointer;
		margin:8px 0 0 5px;
		font-size:1.4em;
		padding:2px 8px; /* IE6 */
	}
	.newsletter-button.subscribe{
		width: 75px;
	}
	.newsletter-button.unsubscribe{
		width: 90px;
	}	
	.btn{
		background:#6699CC none repeat scroll 0 0;
		border:2px solid #FFFFFF;
		color:#FFFFFF;
		cursor:pointer;
		display:block;
		float:left;
		height:25px;
		margin:8px 0 0;
		text-align:center;
		padding:3px 8px; /* IE6 */
	}
	
	/* for the list of links at the bottom (Links & Downloads) */
	
	.bottom_links{
		font-size: 1.2em;
		padding-top:10px;
		padding-left:20px;
	}
	ul.bottom_links li{
		border-bottom: 1px dashed #d1cfcd;
		margin-left:20px;
		margin-left:2px;
		
	}
	ul.bottom_links li a{
		color: #6699cc;
		display: block;
		padding:0px 0 0 2px;
		
	}
	ul.bottom_links li a:hover{
		background-color: #ebf0f2;
		color:#6699cc;
	}
	
	
/****** footer ******/
	#footer{
		width:1024px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;
		clear:both;
		float:none;
		font-size: 1.2em;
		background:#FFFFFF;
	
	}
	
	#partners{
		clear:both;
		float:none;
		margin:20px 5px;
		overflow:hidden;
		position:relative;
		text-align:center !important;
	}

	#partners h4{
		text-align:center;
		font-weight:bold;
		margin-bottom:10px;
        border-bottom:none !important;
        color:#484840 !important; 
	}
	
	#partners div{
		display: block;
		float:left;
		margin-right:5px;
		margin-bottom: 15px;
		line-height: 90px;
		text-align:center;
		height: 90px;
	}

	#partners div a {
		height:120px;
		width:160px;
		line-height: 120px;
	}
	
	#partners div a:hover {
		background-color:#FFFFFF;
	}
    
    #partners div a:hover img{
		/* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    
      /* IE 5-7 */
      filter: alpha(opacity=85);
    
      /* Netscape */
      -moz-opacity: 0.85;
    
      /* Safari 1.x */
      -khtml-opacity: 0.85;
    
      /* Good browsers */
      opacity: 0.85;

	}
	
	#partners img{
		border:0;
		line-height: 120px;
	}
	
	#footer_info{
		height:40px;
	}

	#designby{
		height: 23px;
		padding:2px 0 0 5px;
		margin-top: 5px;
		text-align:center;
	}
	#designby p{display:inline; margin:0px;}
	
	#footer_nav{
		float: right;
		padding:7px 3px 0 0;
		font-size: 0.9em;
	}
	
/*********************/	
	input {
		outline:none;
	}
	
	p{
		text-align: justify;
		font-size:12px;
		padding:5px 0 10px 0;
	}
	
	.clear{
		clear:both;
		float:none;
	}
	
	hr{
		border-top:none !important;
		border-bottom:1px dashed #D1CFCD !important;
		border-left:none !important;
		border-right:none !important;
		margin:0 !important;
		padding:0 !important;
		height:1px;
	}
	
/******* Contact form ******/

.question{
	font-size:1.2em;
	font-weight:bold;
	margin:5px 0 0;
	float:left;
}
.author{
	float:right;
	display:inline;
	color:#666666;
	font-size:10px;
	margin:5px 0 0;
}

.searchresults{
	padding-top:10px;
}

form .container {background-color:#FFFFFF;margin:0 0;overflow:hidden;position:relative;width:100%;}
form label {display:block;margin-top:5px}

.bigbox_bg {margin:0 10px 10px 0;float:left;}

.bigbox {background-color:#A8CC82;font-size:14px;font-weight:bold;height:95px;padding:3px;position:relative;
text-align:center;width:201px;}

.bigbox:hover {cursor:pointer}
.bigbox a {color:#FFFFFF;}
.bigbox a:hover {text-decoration:underline}

#pilot {margin:20px 0 0 0;}

#static p {padding:5px 0 3px 5px}

.pilot1 {background-image:url('../images/icon1.jpg');background-repeat:no-repeat;background-position:8px 5px;}
.pilot2 {background-image:url('../images/icon2.jpg');background-repeat:no-repeat;background-position:8px 0;}
.pilot3 {background-image:url('../images/icon3.jpg');background-repeat:no-repeat;background-position:8px 0;}
.pilot4 {background-image:url('../images/icon4.jpg');background-repeat:no-repeat;background-position:8px 0;}

#contact input, #contact textarea, #announcements input, #announcements textarea {border:1px solid #ccc;padding:2px}
#announcements select {border:1px solid #ccc;padding:2px;width:70px}
#contact .checkbox, #announcements .checkbox {border:none !important}
#announcements label {width:230px;display: inline-block;vertical-align: top;margin-top:0 !important}
#announcements #verify {margin:0 0 0 230px}
#contact label {width:180px;display: inline-block;vertical-align: top;margin-top:0 !important}
#contact .container, #announcements .container {margin-bottom:10px}
#contact .submit {margin-left:180px}
#announcements .image {display:inline-block;}
#announcements label.accept {float:right;width:545px;}
#announcements input.accept {float:left;margin-top:4px;}

span.error, span.required,span.asterisk-required {color:red} 
.success {color:green;font-weight:bold;border:1px solid #ccc;padding:8px}

.advbox {margin:8px 0;padding:5px;border:1px solid #ccc;text-align:left;overflow:hidden;line-height:1.5em}
.advbox .img {float:left;margin:0 15px 0 0}
.advbox .body {float: left;width:75%}
.more {text-align: right;}

#announcement-table td {padding:1px;}

.light {color:#888}

.green, .green:hover, .green:active, .green:visited {color:#669933;}

.banner {text-align: center;}