body {
	font-family: 'Georgia', 'Times New Roman', Times, serif;
	font-size: 12px; line-height: 15px;
	color: #1a1a1a;
}

/* GENERAL STUFF */

a { color: #34597a; }
a:hover { background-color: #e3ef20; }

p {
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 19px;
}

div.sub_content p {
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 15px;
}

div.menu p {
	margin: 0;
	font-size: 11px;
}


.people p {
	margin: 0;
}


/* NEW */
#container h2, p.lead, p.lead2, .article h2 , .idea h2, .governance h2, #container .rss h2 {
	font-size:16px;
	line-height:20px;
	margin:20px 0;
}
/* NEW END */


#flash_header, #slideshow {
	height: 300px;
	width: 530px;
	overflow: hidden;
	margin: 0;
	border: 0; padding: 0;
	background: #eee;
}

#flash_header * {
	margin: 0 !important;
	border: 0 !important;
	padding: 0 !important;
}


#container {
	width: 960px;
}

#footer {
	margin: 12px 208px;
	padding: 5px 0;
	width: 530px;
	font-family: Arial, Helvetica, sans-serif;
	color: #94a1ac;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; line-height: 12px;
	margin: 0;
}

#footer a { color: #94a1ac; }
#footer a:hover { color: #34597a; background: none; }
#footer hr { color: #aebecb; background: #aebecb; height: 1px; border: 0; margin: 15px 0 12px 0; }

#print_link {
	display: block; height: 12px;
	padding: 0 0 0 20px;
	background: url(../images/print_icon.gif) 0 -12px no-repeat;
}

#footer #print_link:hover {
	background: url(../images/print_icon.gif) 0 0 no-repeat;
}


/* MENU */

#mainmenu {
	float: left;
	width: 183px;
	margin-left: 7px;
}

ul#big_menu {
	margin-top: 29px;
	border-top: 1px solid #94a1ac;
}

div.menu ul {

	/* text in menus that is not a link: light blue */
	color: #94a1ac;

	width: 183px;
	font-size: 19px;
	line-height: 28px;
	
	
	/* for last line after margin */
	/*padding-bottom: 27px;
		border-bottom: 1px solid #94a1ac;*/
}


div.menu li.hasChildren a { 
	background: url('/media/images/menu_plus.gif') 175px 6px no-repeat;
}

div.menu li { border-bottom: 1px solid #94a1ac; }

div.menu li a {
	display: block;
	text-decoration: none;
	padding: 0 3px;
}

/* other stuff in menu, needs padding! */
div.menu li p, div.menu li h3 { padding: 0 3px; }

div.menu li p { line-height: 16px; margin: 8px 0 4px 0; }
div.menu li p.sub { margin: 4px 0 0 0; }

div.menu li.hasChildren a:hover { 
	background: #e3ef20 url('/media/images/menu_plus.gif') 175px 6px no-repeat;
}

div.menu li.hasChildren ul li a,
div.menu li.hasChildren ul li a:hover { background-image: none; }
div.menu li.hasChildren ul li a { margin-right: 3px; }

div.menu li ul li { border: 0; }
div.menu li ul li ul + li { padding-top: 16px; }
div.menu li ul li ul { border: 0; padding: 0; }
div.menu li ul li ul li { height: 16px; }
div.menu li.topspace { margin-top: 16px; }


/* second level menus */
div.menu li ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; line-height: 16px;
	border-top: 1px solid #94a1ac;
	border: 0; margin: 0; padding: 0;
}

#searchfield input {
	width: 120px;
	height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;

}

.tickboxes {
	margin-left:-4px;
}
 

p.tickboxes label {
	color: #34597a;
}

p.submit input {
	margin-top: 8px;
	margin-left: -2px;
}


li img.rss { margin-bottom: -2px; }

.active, #themes li.current_page_item a { background: #e3ef20; }



/* PEOPLE INTERFACE
Uses the same script as menu, but redefines uls and lis through .styles */


div.menu ul.wide {
	width: 530px;
}

div.menu ul.wide li.hasChildren a { 
	background: url('/media/images/menu_plus.gif') 520px 6px no-repeat;
}

div.menu ul.wide li.hasChildren a:hover { 
	background: #dcdcdc url('/media/images/menu_plus.gif') 520px 6px no-repeat;
}

#content div.board ul.wide li.slide a:hover { 
	background: none;
	cursor: default;
}



.meta2 a {
	display: inline; 
	text-decoration: underline;
}

div.menu li ul.subwide p {
	font-size: 13px; line-height: 15px; color: #000000;
	margin-top: 10px;
}
div.menu li ul.subwide p.meta2 {
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
}

div.menu li ul.subwide h2 {
	font-size: 19px; line-height: 22px; color: #000000;
	margin-top: 10px; padding-left: 3px; margin-bottom:5px; width: 450px;
}

div.menu li ul.subwide {
	font-family: Georgia, Times, serif;
	border: 0; margin: 0; padding: 0; width: 530px;
	padding-top: 3px;

	/* this padding causes jumps with slidetoggle */
	/* padding-bottom: 50px; */
}

div.menu ul.wide li { width: 530px; }
div.menu ul.wide h4 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; line-height: 16px; color:#000000;
	padding-left:5px; padding-bottom:5px;}
	

.people { 
	margin-bottom: 60px; 
}



#content .people h4 {
	margin-bottom: 0;
	padding-left: 3px;
}

#content.project ul  {
	list-style-type: disc;
	list-style-position: outside;
	font-size: 16px;
	line-height: 20px;
	padding:  0 0 0 16px;
	margin-bottom: 15px;
	width:  480px;
}

#content.project h3  {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 15px;
	width:  480px;
}

#content .people ul {
	list-style: none;
	margin: 0; padding: 0;
	border:  none;
}

#content .people ul li {
	line-height: 24px;
}

#content .people a span {
	margin-left: 6px;
	color: #333;
	font-size: 11px; line-height: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#content .people p a {
	margin: 0; padding: 0;
	background: none;
}

#content .people ul li ul { 	
	border-top: 1px solid #e0e0e0;
	width:  auto;
}


/* H1 CHELSFIELD */

div.menu h1 { margin-top: 25px; }
div.menu h1 a {
	display: block;
	text-indent: -9999px;
	
	height: 64px;
	width: 183px;
	
	background: url('/media/images/chelsfield_140x25.gif') 0 0px no-repeat;	
	
	padding: 15px 0;
	
}

div.menu h1 a:hover { 	
	background: url('/media/images/chelsfield_140x25.gif') 0 0px no-repeat;	
}

div.menu h1 #printlogo {
	display: none;
}

/* this is necessary */
li.spacer {
	height: 50px; width: 50px;
	border: 0; padding: 0; margin: 0;
}


/* CONTENT */



#content {
	float: left;
	width: 530px;
	margin: 24px 18px 0 18px;
	padding: 0 0 100px 0;
}

#content h4 {
	border-bottom: 1px solid #94a1ac;
	padding-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;	
	font-size: 11px;
}

#content h4 {
	margin-bottom: 7px;
}
div.header h4{
	margin-top:8px;
}
div.sub_content h4 , div.main_content h4 {
	margin-bottom: 15px;
	margin-top:-13px;
}

div.sub_content h4, div.sub_content {
	width: 207px;
}

div.main_content h4,  div.main_content{
	width: 302px;
}



div.main_content {
	float: left;
	margin-right: 21px;
	font-size:  16px;
	line-height: 20px;
}




div.sub_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;	
	float: left;
}
div.sub_content p{
	margin-bottom:1em;
}
div.sub_content a{
	color:black;
}


div.sub_content p.archive_post { margin-bottom: 2em; }

p#image_headers img {
	position:  relative;
	z-index: 2;
}

#content div.header {
	margin-bottom: 20px;
	clear: both;
}

#container div.header h2 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 37px; line-height: 37px;
	color: #000; 
	margin-top: 0px;
}


div.meta p {
	margin-top: 0px;
	margin-bottom: 0px;
}


p.lead, p.lead2, .article h2 , .idea h2, .governance h2 {
	font-size:  16px;
	line-height: 20px;
	margin-bottom: 20px;
}

p.lead2 {
	width: 510px;
}

p.morelink {
	margin-bottom: 20px;
}

div.article p, div.project p, div.idea p, div.governance p , div.ambition p{
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 1em;
	width: 510px; 
}

p.backlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;	
	margin-bottom: 18px;
}

div.meta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 25px;
}



span.author { font-weight: bold; }

p.thumbs img {
	margin-right: 5px;
}

p.thumbs a:hover {
	background-color: #FFFFFF;
}

p.thumbs { margin-bottom:15px; }



#content h1 {
	font-size: 17px;
	margin-bottom: 18px;
	color: #34597a;
}

/* SLIDESHOW - where the hell is this from?

#slideshow {
	margin-top: 20px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 7px;
	
}

#slideshow #nav {
	display: block;
	margin-bottom: 8px;
}

#slideshow h1 {
	margin-bottom: 25px;
}

#slideshow img { margin-bottom: 5px; }
#slideshow p.caption { width: 300px; }

 */


/* COMMENTS */

#comments { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;	
	width: 490px;
}

#comments h4 {
	font-size: 16px;
	color: #34597a;
	font-weight: bold;
	margin-top: 25px;
	border:  0;
}

#comments ol {
	list-style-type: decimal;
	list-style-position: inside;
}
ol.search {
	list-style-type: decimal;
	list-style-position: outside;
	margin:  0 0 0 20px;
}

#comments ol li { margin-bottom: 25px;}

#comments ol li p { 
	margin-top: 8px; 
	margin-bottom: 8px; 
	font-size: 11px;
	width:  400px;
}

#comments cite {
	font-weight: bold;
}

.search {
	margin:  20px 0 10px 0;
}

ol.search li { 
	font-size: 12px;
	margin: 20px 0 24px 0;
}
.search h3 {
	font-size: 12px;
	font-weight:  bold;
	margin-bottom: 4px;
}
.search h3 a {
	text-decoration: none;
}
.search h3 + p, .search p.url {
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 0 0;
	overflow:  hidden;
}

.search p.url {
	font-family: Arial;
	font-size: 11px;
}

.prevnext {
	border-top: 1px solid #94a1ac;
	padding:  14px 20px;
	text-align:  center;
}
.prev {
	float: left;
}
.next {
	float: right;
}

#content p#searchfield {
	margin-top:  20px;
}

#content p.tickboxes { clear:  both; }
#content p.tickboxes label {
	 margin: 0 15px 0 0;
}
#content p.input { float:  left; }


#content input#s {
	float:  left;
	width:  400px;
	margin: 0 10px 10px 0;
	height:  18px;
}

#content input#searchsubmit {
	width:  100px;
	float: right;
	margin:  2px 0;
	height:  20px;
	padding:  0;
}

.commentator { color: #34597a; font-weight: bold; }
.field, fieldset.field_form input { width: 150px; height: 15px; margin-bottom: 8px; }
#comments label { 
	padding-left: 10px; 
	font-size:  11px;

}
#comments textarea { width: 400px; height: 200px; }
#submit { margin-top: 10px; }

div.sub_content img{
	margin-bottom: 5px;
}




/* themes overview */

div.themes_content h2 {
	font-size: 20px; line-height: 24px;
	margin: 0 0 15px 0;
	padding: 0;
}

div.themes_content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; line-height: 16px;

	padding-bottom: 10px;
	border-bottom: 1px solid #34597a;
	margin-bottom: 10px;
}

.box+h3 { margin-top: 50px; }

hr {
	margin: 20px 0; padding: 0; border: 0;
	border-bottom: 1px solid #34597a;
}

div.box p.teaser {
	padding-right: 100px;
	margin: 0 0 15px 0;
}

.newstitle { font-size: 11px; font-weight: bold; color: #34597a; }

/* themes content */

/* RELATED */

#related {
	margin:24px 0px;
	float: left;
	width: 183px;
}

/* diffenrence to main menu */

#related ul {
	width: 183px;
	font-size: 13px;
	line-height: 26px;	
	/* for last line after margin */
	border-top: 1px solid #94a1ac;
}

#related ul li ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; line-height: 16px;
	border: 0; margin: 0;
	border-top: 1px solid #94a1ac;
	/* this padding causes jumps with slidetoggle */
	/*padding-bottom: 50px;*/
}

#related ul li ul li ul {
	border:  0; padding: 0;
}




/* FOR THE MAILINGLIST FORM */

/* form styles */

form.mailinglist {
	margin: 25px 0;
	text-align: left;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
	
	padding:  5px 0 10px 0;
	border-bottom:  1px dotted #ccc;
	margin:  0 0 25px 0;
}

fieldset.noborder {
	border: none;
}

legend {
	display: none;
}

form.mailinglist h3 {
	clear: both;
	padding: 5px 0px 10px 0px;
	font-size: 14px;
}

form.mailinglist label {
	display: block;
	width: 400px;
	font-size: 12px;
	line-height: 16px;
	padding: 0;
}

form.mailinglist input {
	font-family: Georgia, Times, serif;
	color: #666;
	font-size: 13px;
	line-height: 16px;	
	display: block;
	margin-top: 3px;
	height: 18px;
}

form.mailinglist select {
	float: left;
	display: block;
}

form.mailinglist label.field-first,
form.mailinglist label.field-address,
form.mailinglist label.field-city,
form.mailinglist label.field-email {
	clear: left;
}



form.mailinglist label.field-city,
form.mailinglist label.field-phone {
	float: left;
	margin: 0px 15px 10px 0px;
	width: 200px;
}

form.mailinglist label.field-first,
form.mailinglist label.field-last,
form.mailinglist label.field-email {
	float: left;
	margin: 0px 15px 10px 0px;
	width: 400px;
}


form.mailinglist label.field-city input,
form.mailinglist label.field-phone input {
	float: left;
	width: 200px;
	padding: 0px;
}

form.mailinglist label.field-first input,
form.mailinglist label.field-last input,
form.mailinglist label.field-email input {
	width:  200px;
	float:  left;
	margin: 0 10px 0 0;
}

form.mailinglist label.field-state {
	float: left;
	margin-right: 10px;
	width: 100px;
}

form.mailinglist label.field-state select {
	width: 100px;
	float: left;
	margin-top: 3px;
}

form.mailinglist label.field-zip {
	float: left;
	width: 100px;
}

form.mailinglist label.field-zip input {
	float: left;
	width: 100px;
}

form.mailinglist label.field-organization {
	float: left;
	width: 315px;
	margin: 3px 0px 10px 0px;
}

form.mailinglist label.field-organization input {
	float: left;
	width: 315px;
}

form.mailinglist label.field-address {
	float: left;
	width: 315px;
	margin: 0px 0px 10px 0px;
}

form.mailinglist label.field-address2 {
	float: left;
	width: 315px;
	margin: 0px 0px 5px 0px;
}



form.mailinglist label.field-address input {
	float: left;
	width: 315px;
	margin: 3px 0 0 0;
}


form.mailinglist label.field-address2 input {
	float: left;
	width: 315px;
	margin: 0 0 0 0;

}

form.mailinglist input#radiobutton_1,
form.mailinglist input#radiobutton_2,
form.mailinglist input#radiobutton_3,
form.mailinglist input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

form.mailinglist label.radioitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

textarea {
	display: block;
}

/* for checkboxes */
form.mailinglist input#cb_subscribe {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}

form.mailinglist label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 30px 0px;
}

form.mailinglist textarea {
	margin-top: 3px;
}

form.mailinglist input.submit { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}


#mainmenu li.current-cat a {
	background: #e3ef20;
}

hr.bluedots10 {
	width: 10px;
	height: 1px;
	border:0; margin: 5px 0; padding: 0;
	background: url("images/bluedots_10.gif") 0 0 repeat-x;
}

hr.bluedots25 {
	width: 25px;
	height: 1px;
	border:0; margin: 10px 0 15px 0; padding: 0;
	background: url("images/bluedots_10.gif") 0 0 repeat-x;
}

#content h4 span.searchterm {
	font-weight:  bold;
}

.ambition h2 {
	font-size: 17px;
	line-height:  20px;
	margin-bottom: 8px;
	color: #34597a;
}

.ambition p {
	font-size:13px;
	width: 510px;
}

.ambition h2 + p {
	margin-bottom: 20px;
}

/*

#content.governance ul, #content.project ul{
	list-style-type: disc;
	list-style-position: outside;
	line-height: 20px;
	padding:  0 0 0 16px;
	margin-bottom: 15px;
	width:  480px;
}

*/

#content ul {
	width:  480px;
	font-family: Arial, sans-serif;
	font-size: 18px; line-height: 20px;
	list-style-type: disc;
	list-style-position: outside;
	padding: 0 0 0 16px; 
	margin: 0 0 16px 0;
}

#content.about-us_content ul {
	font-family: Georgia, Times, serif;
	font-size: 16px; line-height: 20px;
}

#content ul li {
	margin-bottom: 6px;
}


#content.governance li {
	font-size: 13px;
	margin-bottom: 0;
}




#container a.active {
	 background: #e3ef20;
}

strong {
	font-weight: bold;
}

#content.project strong { color: #34597a; }

#content.project div.related { margin-top:  3em; }
#content.project div.related h4 { margin-bottom:  1em; }
#content.project div.related  p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;	
	width: 500px;
}

#content.project div.related  p { margin: 0; }


ul.errorlist li, ul.errorlist{
	display:inline;
	color:red;
}




/* new slides */

#mySlides {
	border-bottom: 1px solid #94a1ac;
}

div.mySlide h3 {
	font-family: Georgia, Times, serif;
	font-size: 17px; line-height: 18px;
	font-weight: normal;
}

div.mySlide h3 a {
	display: block; width: 100%;
	padding: 4px 0 4px 3px;
	color: #34597a;
	text-decoration: none;
	border-top: 1px solid #94a1ac;
}

div.mySlide h3 a.open {
	padding: 4px 0 3px 3px;
	border-bottom: 1px solid #e0e0e0;
}


div.mySlideContent {
	padding-left: 3px;
	padding-bottom: 30px;
}

#content div.mySlideIntro {
	margin: 15px 0 12px 0;
	font-family: Arial, sans-serif;
	font-size: 18px; line-height: 20px;
}

#content div.mySlideIntro ul {
	font-family: Arial, sans-serif;
	font-size: 16px; line-height: 20px;
	list-style-type: disc;
	list-style-position: outside;
	padding: 0 0 0 16px; margin: 0;
}

#content div.mySlideIntro li { 
	margin-bottom: 6px; 
}

div.mySlideText { width: 460px; }

/* fix people */

#content li.slide {
	font-family: Georgia, Times, serif;
	font-size: 16px; line-height: 24px;
}

/* new projects submenu */

#portfolio li { 
	display: block;
	margin: 4px 0 8px 0;
	min-height: 16px;
	height: auto;
}
#portfolio li li { margin: 0; }

#portfolio li li ul { margin: 2px 0 4px 0; } /*  display: none; */
#portfolio li li ul li a { padding-left: 16px; }

#portfolio span { display: block; padding: 0 3px; }

/* fix menu on ie6 */

#mainmenu ul ul li { line-height: 16px; display: block; /*border: 1px dotted; */ zoom: 1; }