div.projectBody {
	width:950px;
	clear:both;
	margin:0;
	padding:0;
}	


div.projectColumn {
	width:750px;
	float:left;
	margin:0;
	padding:0;
}

div.projectColumnHeader{
	width:100%;
	float:left;
	margin:0;
	padding:0;
}	



div.middleMenuBar{
	clear:both;
	width:750px;
	padding: 1.5em 0 1.5em 1em;
	margin:0;
    background-color:#ebede4;
	
}
#filterUI {
	/*color:#898989; /*grey */
	/*color:#ffffff;*/
	width:100%;
	margin:0;
	padding:0em 0 0em .5em;
	border-bottom:1px solid #ffffff;
	background-color:#ebede4;
}	

div.filterHeader {

	line-height:1.6em;
	padding:.5em 0 0 .5em;

}

div.filterForm {
	
	/*background-color:#dedede;*/
	/*height:105px;*/
	margin:0em 0 0em 0;
	padding:1em 0 0 .5em;
	width:990px;
	

}

div.filterForm ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0 .8em 0 0;
	width:20%;
}

div.filterForm select {
}

div.filterForm ul.impacts {
	text-align:center;
	width:auto;
}

	div.filterForm ul span {
		display:block;
		padding-bottom:.5em;
	}

	div.filterForm ul li {
		float:left;
		text-align:center;
		padding:0;
		margin:0;
		width:40px;
	}

div.filterFormButtons {
	clear:both;
	text-align:center;
	padding: .8em 0 .0em 0;
	margin: 0 0 .5em 0;
	
}

div#projectList {
	padding:0;
	margin:0;
	float:left;
}	









div.spacer {
  clear: both;
  height:1px;
  margin:0;
  padding:0;
  line-height:.1em;
  /*When you float an element with CSS, it no longer takes up any “space” and the background and border show up above the images instead of surrounding them. We need to put some content other than the floated DIVs into the container DIV. Like a spacer DIV:*/
 }
 
	div.project {
		
		
		border-top:1px solid #ffffff;
		border-bottom:1px solid #ebede4;
		
		padding:0;
		margin:0;
		width:750px;
		color:#03b5d2;
		background-color:#ffffff;
		
		cursor:pointer;
	
		
	}

 
	div.projectHeader {
		font-size:1.1em;
		line-height:1.2em;
		padding:.1em .3em .1em .3em;
		margin:0;
		width:100%;
		color:#03b5d2;
		background-color:#ebede4;
	}
	

 
	div.projectHeader div {
		padding:0;
		margin:0;
	}
	
	div.projectSelected {
	
		/*background-color:#f2f4eb;*/
		background-color:#fffce2;
	}

	div.projectExcluded {
	
		/*background-color:#f2f4eb;*/
		background-color:#e0ffff;
	}


	div.projectCheckbox {
		width:100px;
		float:left;
		padding:2em 1em 0 1em;
	}	
		div.projectCheckboxHeader {
			width:105px;
			float:left;
			display:inline;
			text-align:center;
			font-weight:normal;
		}
			* html  div.projectCheckboxHeader {
				width:95px;
			}

		div.projectCheckbox div.projectCheckboxWrapper {
			float:left;
			padding:.5em 0 0 0;
			margin:0;
			width:100%;
			text-align:center;
		}	
		
		* html div.projectCheckbox div.projectCheckboxWrapper {
		
			padding:0 0 0 0;
			width:100%;
			text-align:center;
		}

		div.projectCheckbox div.projectCompletionTag {
		/*background: transparent url(/images_calculator/completed.png) no-repeat center;*/
			width:2px;
			height:24px;
			text-align:center;
			float:right;
			padding:0;
			margin:0;
		}

	div.projectRowLili {
		width:55px;
		float:left;
		text-align:center;
		font-size:1.5em;
		line-height:4em;
		font-weight:bold;
		background: transparent url(/images_calculator/circle_project_light.png) no-repeat center;
	}

	div.projectRowLiliCompleted {
		color:#ffffff;
		width:55px;
		float:left;
		text-align:center;
		font-size:1.5em;
		line-height:4em;
		font-weight:bold;
		background: transparent url(/images_calculator/circle_project.png) no-repeat center;
	}
	
	div.projectRowLiliHeader {
		width:55px;
		float:left;
		display:inline;
		text-align:center;
		font-weight:normal;
	}

			
			* html  div.projectRowLiliHeader {
				width:40px;
			}


	div.projectInfo {
		float:left;
		margin:0 0 0 1em;
		padding:0;
		width:300px;
	
	}

		div.projectTitle {
			width:200px;
			float:left;
			padding:0 0 0 0;
			margin:0 0 .3em 0;
			font-size:1.4em;
			line-height:1.2em;
			font-weight:bold;
		}
	
			div.projectTitleHeader {
				width:210px;
				float:left;
				display:inline;
				text-align:center;
				font-weight:normal;
			}
			
			* html  div.projectTitleHeader {
				width:210px;
			}



		div.projectMoney {
			width:50px;
			float:left;
			text-align:center;
			padding:0 0 0 0;
			font-size:1.2em;
			line-height:1.2em;
		}


		div.projectImpact {
			width:70px;
			/*height:70px;*/
			float:left;
			text-align:center;
			padding:0 0 0 0;
		}


			div.projectImpact img {
			}

		div.projectDetails{
			clear:both;
			text-align:left;
			float:left;
			width:99%;
			margin:0;
			padding:0;
			display:inline;
			overflow:hidden;
		}
		
			div.projectDescription {
				clear:both;
				text-align:left;
				float:left;
				width:100%;
				margin:.5em 0 0 0;
				padding:0;
				display:inline;
				font-size:1.2em;
				line-height:1.4em;
			}
	
			div.projectBreakdown {
				clear:both;
				float:left;
				width:100%;
				margin:0;
				padding:.5em 0 .5em 0;
				font-size:1.2em;
				line-height:1.2em;
			}
					div.projectBreakdown ul {
						list-style:none;
						margin:0;
						padding:0;
						width:100%;
					}
					div.projectBreakdown ul li {
						float:left;
						margin:.4em 0 0 0;
						padding:0;
						width:33%;
						font-weight:bold;
					}
					div.projectBreakdown ul li label {
						float:left;
						margin:0;
						padding:0 .2em 0 0;
						float:left;
						font-weight:normal;
					}

		div.projectToggle{
			clear:both;
			margin:1em 0 1em 0;
			padding:0 0 0 0;
			width:97%;
			text-align:left;
		}
		 div.projectToggle a, div.projectToggle a:link,
         div.projectToggle a:active, div.projectToggle a:visited {
			color:#FF8111;
			
					 
			font-size:1.2em;
			line-height:1.2em;
			text-decoration:underline;
			
			padding:.1em .2em .1em 0em;
			margin:0 0 0 0;
			cursor:pointer;
	
        }
		
		 div.projectToggle a.over, div.projectToggle a.over:link,
         div.projectToggle a.over:active, div.projectToggle a.over:visited {
			color:#039fb8;
					 
			font-size:1.2em;
			line-height:1.2em;
			text-decoration:none;
			
			padding:.1em .2em .1em 0em;
			margin:0 0 0 0;
			cursor:pointer;
        }


	div.projectResources {
		float:left;
		 color:#898989;
		 width:195px;
		margin:0 0 0 0;
	}
	
	div.projectResources p {
		padding:0;
		margin:0 0 .6em 0;
		line-height:1.7em;
	}
	
	div.projectResources p a {
		padding:0;
		margin:0 0 0 0;
	}
	
		 div.projectResources p a.resource, div.projectResources p a.resource:link,
		        div.projectResources p a.resource:active, div.projectResources p a.resource:visited {
				color:#03b5d2;
				font-size:1.2em;
		 		
		  }
		
		  div.projectResources p a.resource:hover {
		  		color:#03b5d2;
				font-size:1.2em;
		  }
	
		 div.projectResources p a.resourceMore, div.projectResources p a.resourceMore:link,
		        div.projectResources p a.resourceMore:active, div.projectResources p a.resourceMore:visited {
		        text-transform:uppercase;
				font-size:.9em;
		  }
		
		  div.projectResources p a.resourceMore:hover {
				text-transform:uppercase;	 
		  }
				

		div.projectCol {
			width:50px;
			float:left;
			text-align:center;
			display: table-cell; vertical-align: middle;
		}
				

		div.projectColImpact {
			width:70px;
			float:left;
			text-align:center;
			display: table-cell; vertical-align: middle;
		}
		
		div.projectCompleted {
			width:220px;
			float:left;
			text-align:left;
		}
	
	.header {
	
		height:10px;
		display:inline;
		text-align:center;
		font-weight:normal;
		
	
	}


div.advertSky {

	float:left;
	margin-left:1em;

}			

		
/* LINKS */
a,a:link,a:active,a:visited, a:active {
	color:#03b5d2;
	margin:0;
	padding:0;
}

a:hover {
	text-decoration:none;
	margin:0;
	padding:0;
}

a.resourceButton,a.resourceButton:link,
a.resourceButton:active,
a.resourceButton:visited {
	color:#03b5d2;
	text-decoration:underline;
}

a.resourceButton:hover {
	text-decoration:none;
}


a.moreResourceButton,a.moreResourceButton:link,
a.moreResourceButton:active,
a.moreResourceButton:visited {
	font-size:1em;
	text-decoration:underline;
}

a.moreResourceButton:hover {
	text-decoration:none;
}


a.addProjectButton,a.addProjectButton:link,
a.addProjectButton:active,
a.addProjectButton:visited {
	color:white;
	text-decoration:none;
	background-color:blue;
}

a.addProjectButton:hover {
	background-color:black;
	color:white;
}



a.rounded,a.rounded:link,
a.rounded:active,
a.rounded:visited {


			border:none;
             text-decoration: none;
             font-weight:normal;
			 
			 
	text-decoration:none;
	background-color:#03b5d2;
	color:#FFFFFF;
	font-size:11px;
	padding: 2px 4px 2px 4px;
	vertical-align:middle;
	/*-moz-border-radius: 3px;*/
	margin-right:1em;
}

a.rounded:hover {
	text-decoration:none;
	background-color:#0293aa;
	border:none;
     text-decoration: none;
     font-weight:normal;
}




        div.filterFormButtons a.over, div.filterFormButtons a.over:link,
        div.filterFormButtons a.over:active, div.filterFormButtons a.over:visited {
				text-decoration:none;
				background-color:#0293aa;
				border:none;
			     text-decoration: none;
			     font-weight:normal;
				 cursor:pointer;
        }

        div.filterFormButtons a.over:hover {
        }
		
		
        div.filterFormButtons a.down, div.filterFormButtons a.down:link,
        div.filterFormButtons a.down:active, div.filterFormButtons a.down:visited {
				text-decoration:none;
				background-color:#0293aa;
				border:none;
			     text-decoration: none;
			     font-weight:normal;
				 cursor:pointer;
        }
		
		

h1 {

}