body {
	background: white;
	padding: 0;
	margin: 0;
	text-align: center;
}


#page {
	display: block;
	width: 950px;
	margin: 0px auto;
}

/*------------------------------- Header Elements------------------------------------*/

#header {
	width: 100%;
	margin-top: 10px;
	height: 151px;
}

#header-col-1 {
	float: left;
	width: 403px;
	height: 151px;
}

#header-col-2 {
	float: right;
	width: 547px;
	height: 151px;
}

.breadcrumbs {
	float:right;
}

#language { float: right; text-align: right; }

#signup { clear:both; width:100%; margin-top:5px; padding:1em; }

#signup-hdr { text-align:left; color:#ccc; font-weight:bold; font-size:110%; padding: 15px 0px; }
#signup-body { text-align:left; }

#mailinglist-form .email {  font-weight:bold; }
#mailinglist-form .postalcode {  font-weight:bold; padding-left:1em;  }
#mailinglist-form input[type=submit] {
    background-image: \;
    height: 22px;
    width: 45px;
    margin: 0 0 0 1em;
    padding: 0;
    vertical-align: bottom;
    font-size: 13px;
    font-weight: bold;
}

#signup-form-error {  margin-top: .5em; font-size: 16px; font-weight:bold; }
#signup-form-thanks {  margin-top: .5em; font-size: 16px; font-weight:bold; }

/*-------------------------------- Main Body Elements------------------------------------*/

#page-body {
	width: 100%;
	display: block;
}


#content {
	display: block;
	width: 750px;
	min-height: 500px;
	float: right;
	text-align: left;
}

#blog {
	width: 100%;
	background: #eeeeee;
	float: left;
}

.runner { clear: both; height: 16px; width: 100%; }

.text-block { padding: 10px 30px; min-height: 500px; }

#footer { clear: both; text-align: center;
	width: 950px;
	height: 50px;
}

#footer div {
	width: 300px;
	height: 50px;
	text-align: center;
	vertical-align: top;
	margin: 0px auto;	
	padding-top: 10px;
}

/*---------------------------------- Sidebar Elements------------------------------------*/

#sidebar { float: left; width: 200px; text-align: left; min-height: 500px; }
#sidebar a,#sidebar p { color: #aaaaaa; }

#main-lav ul {	margin-left: 0px; }
#main-nav li {	padding: 5px; }

#main-nav li ul.level-two { display: none; font-size: 80%; }
#main-nav li.selected ul.level-two { display: block; }
#main-nav a { color: #aaaaaa; font-size: 120%; font-weight: bold; }

#main-nav a.selected { color: #ffffff; }
#main-nav a:hover { color: #dddddd; }


.sidebar-item { clear: both; width: 100%; text-align: left; margin-bottom: 20px; }
.sidebar-item .sidebar-item-content { margin-right: 10px; padding-bottom: 20px; }
.sidebar-link { min-height: 42px; height: 42px; }
.sidebar-icon {  float: left; width: 42px; margin-right: 5px; padding-bottom: 0px;}

#mission div { padding-top: 30px;   }

/*-------------------------- Project Page Elements------------------------------------*/

.project-index-item {
	display: block;
	height: 160px;
	width: 750px;
	margin: 10px 0px;
}

.project-index-item img {
	height: 160px;
	width: 90px;
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px;
}

.project-index-desc-bg {
	padding:0px;
	margin: 0px;
	display: block;
	float: left;
	width: 600px;
	height: 160px;
	background: #ffffff url('/media/images/left_border.gif') repeat-y;;
}

.project-index-desc {
	padding: 10px 30px;
}

#project {
	width: 750px;
	min-height: 500px;
	display: block;
	float:none;
}

.project-desc {
	padding-left: 159px;
}

/*-------------------------- Front Page Elements------------------------------------*/

.fp-header {
	width: 100%;
}

.fp-header div {
	padding-left: 10px;
}

#fp-project-list {
	height: 280px;
	padding-left: 30px;
	padding-top: 10px;
	margin-bottom: 10px;
}

.fp-project {
	text-align: center;
	position: relative;
	float: left;
	width: 161px;
	height: 280px;
	margin: 0 5px;
	padding: 0px;
	line-height: 1em;
}

.fp-project a {
	width: 161px;
}

.fp-project a p {
	position: absolute;
	margin: 0px;
	top: 0px;
	left: 0px;
	height: 80px;
	width: 161px;
	padding-top:10px;
	display: block;
	font-size: 120%;
	font-weight: bold;
}

.fp-project a p span { padding: 5px; }

.fp-project a:hover p {
	background: url('/media/images/transparency2.png');
}

.fp-text a {
	color: #ffffff;
}

#fp-latest-blog-posts {
	width: 100%;
	min-height: 300px;
	text-align: left;
}

#fp-latest-blog-posts div {
	width: 300px;
	float: left;
	margin-right: 20px;
	padding: 20px;
}

#blog-posts {
	width: 550px;
	float: left;
}

.blog-promote {
	width: 100%;
	padding-bottom: 10px;
}

.blog-promote .tweetmeme {
	width: 49%;
	float: left;
}

.blog-promote .share {
	width: 49%;
	float: right;
	text-align: right;
}

.post {
	padding: 20px;
	margin: 10px 10px;
}


#commentblock {
	width: 490px;
	float: left;
	padding: 20px;
	margin: -10px 10px 10px 10px;
}

.postmeta {
	width: 100%;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 1.5em;
}

.postmetaleft {
	float: left;
	width: 70%;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: inline;
	}

.postmetaright {
	float: right;
	width: 30%;
	text-align: right;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: inline;
	}

.post-content {
	margin: 20px 0px 40px 0px;
}


#commentblock ol {
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.commentdate {
	font-size: 12px;
	padding-left: 0px;
}

#commentlist li p {
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
}


.commentinfo {  clear: both; }

.commenttext {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	background: #FFFFFF url(images/comment.gif) no-repeat top left;
	}

#comment-form label {
	font-size: 80%;
}

#comment-table {
	margin: 20px 0px;
}
#comment-table td {
	vertical-align: top;
	padding: 5px;
}

#comment-form input,textarea {
	width: 400px;
}

#more-posts {
	width: 200px;
	padding-top: 10px;
	float: right;
}

.project-link-meta {
	height:40px;
	width: 100%;
	float: none;
	vertical-align: middle;
}

.project-link-meta a {
	margin-top: 1em;
}


.project-link-name {
	width: 350px;
	float: left;
}

.project-link-country {
	width: 50px;
	height:40px;
	float: left;
}
.project-link-organization {
	width: 150px;
	padding: 0px 10px;
	height:40px;
	float: right;
	text-align: right;
}

.project-link {
	margin-bottom: 40px;
}

.project-link-attributes {
	float: left;
	text-align: left;
	width: 120px;
	height:40px;
}


.press-item-hdr {
	margin-top: 10px;
	width: 100%;
	height: 2em;
}

.press-item-date {
	text-align: left;
	font-style: italic;
	float: left;
	width:12%;
}

.press-item-organization {
	float: left;
	text-align: left;
	width: 25%;
}

.press-item-title {
	float: left;
	width: 88%;
	text-align: left;
}

.press-item-desc {
	text-align: left;
	padding-left: 12%;
	width: 88%;
	font-style: italic;
	margin-bottom: 20px;
}

.press-release-body,.press-release-subject {
	margin-left: 40px;
	margin-top: 10px;
}
.press-release-date {
	margin-left: 40px;
	font-style: italic;
}

.publication-link {
	margin-top: 10px;
}

.press-section {
	padding-left: 5px;
}

.campaign {
	padding-top: 10px;
	padding-bottom: 10px;
}

.campaign-name {
	padding-bottom: .5em;
}

.campaign-name a {
	text-decoration: underline;
}

form#campaign input {
	width: 400px;
}


form#campaign th {
	text-align: right;
	vertical-align: top;
	padding-top: .5em;
	padding-right: 10px;
	width: 110px;
}

form#campaign td {
	padding: 5px;
}

form#campaign select {
	width: 400px;
}

form#campaign textarea {
	width: 400px;
	height: 50em;
}

.campaign-start-date { 
	text-style: italic;
}

.campaign-end-date { 
	text-style: italic;
}

#campaign-header {
	width: 100%;
	height: 180px;
}

#campaign-header-col1 {
	width: 78%; 
	float: left;
}

#campaign-header-col2 {
	width: 22%;
	float: right;
	text-align:center;
}

#campaign-count {
	margin: 0px 20px; 
	outline:#CCCCCC dotted thick;
	text-align: center;
	padding-bottom:15px;
}

#campaign-count-no {
	font-size: 3em;
	font-weight: bold;
}

#campaign-count-label {
	width: 100px;
	margin: 5px auto;
}

#campaign {
	width: 100%;
}

#spreadtheword { padding-left: 5px; 
}

#spreadtheword ul { margin-left: 0px; }

#spreadtheword ul li { list-style-type: none; margin-bottom: .5em; }

#spreadtheword li img { margin-right: 10px; vertical-align: middle; }

#spreadtheword li a {
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#crumbs {
	float: right;
}

#metrics td {
	padding: 5px;
	font-size: 80%;
}
.visit {
	float: right;
}

/*---------------------------- Metric Table -----------------------------*/

table.metrics { border: 1px solid #666666;  border-collapse: collapse; }
table.metrics th { background: #000000; color: #ffffff; font-size: 65%; text-align:center; border: 1px solid #666666;  }
table.metrics td 
{
	border: 1px solid #666666;
	padding: 5px;
	font-size: 80%;
}