/************************
RESETS
**********************/
* {
	margin:0;
	padding:0;
	}
	
body{
	line-height:150%;
	font-family:"Trebuchet MS", "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px; 
	color:#4A4A4A;
	background:#0F5A6F;
	}

li {list-style:none;}

a:link, a {
	-moz-outline: none 0;
	outline: none 0;
	color:#1B85A9;
	text-decoration:none;
	}
	
a:visited { 
	color:#1B85A9;
	text-decoration:none;
	}

a:hover{color:#000;}

a:active{color:#000;}

img {border:none;}

em {
	color:#FF8D29;
	font-weight:bold;
	font-style:normal;
	}

small {color:#999;}

h1, h2, h3, h4 {
	font-weight:normal;
	font-size:12px;
	line-height:120%;
	}
 
table {border-collapse: collapse;} 
tr, td, th {vertical-align: top;}

/************************
COMMON ELEMENTS
**********************/
.clear {clear:both;}
.right{float:right;}
.left {float:left;}

.title {
	color:#000;
	display:block;
	font-size:18px;
	font-family:"Georgia", times, serif;
	font-weight:normal;
	line-height:120%;
	padding-bottom:8px;
	}
	
.link {
	background:url(/images/static/arrow02.gif) no-repeat left 4px;
	padding-left:13px;
	}
	
.image {
	margin:0 auto 0 auto;
	text-align: center;
	}	
	
.image img, .image-large img {
	border:1px solid #CCC;
	padding:3px;	
	}

.image-large {margin-left:20px;}

.caption {
	background: url(/images/static/icon-caption.gif) no-repeat right 5px;
	color:#666; 
	font-size:10px; 
	font-style: italic; 
	padding-right:7px;
	text-align:right; 
	}
	
.col-side .image img {margin:0 0 20px 0;}	
	
	
.emph-a {
	color:#FF8D29;
	font-weight:bold;
	}

.emph-b {
	color:#419E0A;
	font-weight:bold;
	}
	
/************************
GENERAL LAYOUT
**********************/
#wrap {background:#E4E4E4 url(/images/static/header-bg.jpg) repeat-x 0 0;}
	
#content-wrap	 {
	margin:0 auto;
	width:900px;
	padding-bottom:30px;
	}
	
#header {
	height:112px;
	position:relative;
	}
	
#sidebar {
	width:150px;
	margin-right:35px;
	float:left;
	}
	
#content {
	float:left;
	width:715px;
	}

#footer-wrap{background:#1A90AC url(/images/static/footer-bg.gif) repeat-x bottom;}
	
#footer{
	clear:both;
	margin:0 auto;
	padding:0 0 15px 0;
	width:900px;
	font-size:12px;
	}


/************************
HEADER
**********************/

#header a { color:#FFF;}

#logo {
	background:url(/images/static/logo.jpg) no-repeat 0 0;
	display:block;
	float:left;
	height:80px;
	text-indent:-9999px;
	width:415px;
	}
	
#top-links {
	float:right;
	position:absolute;
	top:35px;
	right:0;
	} 
	
#top-links li {float:left;}

#top-links li a{
	color:#FFF;
	display:block;
	float:left;
	height:21px;
	margin:0 0 0 10px;
	}
	
#top-links li a:hover {color:#000;}

#menu {
	clear:both;
	height:31px;
	}

#menu li {float:left;}

#menu li a {
	background:url(/images/static/menu.jpg) no-repeat ;
	display:block;
	height:31px;
	text-indent:-9999px;	
	}

#menu li #home {
	background-position: 0 0;
	width:72px;
	}

#menu li #about-us {
	background-position: -72px 0;
	width:126px;
	}

#menu li #programmes {
	background-position: -198px 0;
	width:110px;
	}

#menu li #members{
	background-position: -308px 0;
	width:93px;
	}

#menu li #partners{
	background-position: -401px 0;
	width:84px;
	}
	
#menu li #media-room {
	background-position: -485px 0;
	width:113px;
	}

#menu li #citymatch {
	background-position: -598px 0;
	width:95px;
	}

#menu li #home:hover, #menu .selected #home {background-position: 1px -31px; width:73px;}
#menu li #about-us:hover, #menu .selected #about-us {background-position: -71px -31px;  width:127px; }
#menu li #programmes:hover, #menu .selected #programmes {background-position: -197px -31px;  width:111px;}
#menu li #members:hover, #menu .selected #members {background-position: -307px -31px; width:94px;}
#menu li #partners:hover, #menu .selected #partners {background-position: -400px -31px;  width:85px;}
#menu li #media-room:hover, #menu .selected #media-room{background-position: -484px -31px; width:114px;}
#menu li #citymatch:hover ,#menu .selected #citymatch {background-position: -597px -31px; width:96px;}
#menu li a:hover , #menu .selected a {margin-left:-1px;}

.search input, .search button {border:none;}

.search .box {
	background: url(/images/static/search-bg.jpg) no-repeat;
	float:left;
	height: 18px;	
	margin: 0 5px 0 8px;
	padding:4px 3px 0 5px;	
	width: 160px;
	}

.search .box:focus, .search .box:hover  {
	background: url(/images/static/search-bg.jpg) no-repeat left -22px;
	outline: none;
	}

.search .btn-search {
	background: url(/images/static/search-bg.jpg) no-repeat top right;
	cursor: pointer;
	float:left;	
	height: 22px;
	text-indent: -9999px;	
	width: 22px;
	}

.btn-join {
	background:url(/images/static/btn-join.jpg) no-repeat 0 0;
	display:block;
	float:right;
	height:22px;
	width:159px;
	position:relative;
	text-indent:-99999px;
	top:0;
	}

.btn-join:hover {background-position:0 -22px;}



/************************
SIDEBAR
**********************/

#sidebar .title {padding-bottom:10px;}
#sidebar .title a {color:#000;}
#sidebar .title a:hover {color:#1B85A9;}

.side-menu {background:url(/images/static/line01.gif) repeat-x 0 0;}

.side-menu ul{
	background:url(/images/static/line01.gif) repeat-x 0 bottom; 
	margin-bottom:20px;
	padding-top:10px;
	padding-bottom:2px;
	}

.side-menu ul li {
	background:url(/images/static/arrow01.gif) no-repeat left 5px;
	padding-left:13px;
	padding-bottom:8px;
	}

.side-menu ul li a {display:block;font-weight:bold;}
.side-menu ul li ul {background:none; padding-bottom:0; margin:0; display:none;}
.side-menu ul .active ul {display:block;}
.side-menu ul .active {background: url(/images/static/arrow-down-sidemenu.gif) no-repeat left 5px;}
.side-menu ul .active .selected, .side-menu ul .active li .selected, .side-menu ul .selected  {color:#000;}
.side-menu ul .active li a {color:#1B85A9;}
.side-menu ul .active li a:hover {color:#000;}

/************************
MAIN CONTENT
**********************/

.breadcrumbs {
	margin-bottom:15px;
	color:#666;
	font-size:10px;
	}

.breadcrumbs a {color:#8C8C8C;}
.breadcrumbs a:hover {color:#000;}	

.print {
	background:url(/images/static/btn-print.gif) no-repeat 0 0;
	cursor:pointer;
	display:block;
	height:24px;
	float:right;
	margin:0 20px 0 0;
	position:relative;
	text-indent:-99999px;
	width:64px;
	}

.print:hover {background-position:0 -24px;}

.box-large {
	background:#FFF url(/images/static/box-large-bg-head.gif) no-repeat 0 0;
	margin-bottom:20px;
	padding-top:20px;
	}

.title-main, .box-large h1{
	color:#000;
	font-size:30px;
	font-family: "Georgia", times, serif;
	line-height:110%;
	padding-right:20px;
	padding-bottom:15px;
	padding-left:20px;			
	}

.box-large .title-main{background:url(/images/static/title.gif) no-repeat 0 0;}
	
.title-outside {padding-left:0;}

.box-content {padding:0 20px 20px 0;}

.box-content p, .box-large p {padding-bottom:10px;}

.box-large .col-main {
	float:left;
	margin-right:20px;
	width:475px;
	}

.box-large .col-side {
	float:left;
	width:200px;
	margin-bottom:20px;
	}

.box-content-btm{
	background: #FFF url(/images/static/box-large-bg-btm.gif) no-repeat 0 bottom;
	padding:0 20px 0 0;
	}

.box-large .grey-box-large {
	background:#ECECEC;
	margin:10px 0;
	padding:10px 15px 15px 15px;
	}

.section {
	clear:both;
	padding:0 0 20px 20px;
	}

.title-mark { background:transparent url(/images/static/title-s.gif) no-repeat scroll 0 0;}

.box-small{
	background:url(/images/static/box-small-bg-head.gif) no-repeat 0 0;
	float:left;
	height:170px;
	line-height:130%;
	margin-right:15px;
	margin-bottom:20px;
	padding:15px 0 0 0;
	position:relative;
	width:350px;
	}
	
.box-small .title {padding-left:20px; }

.box-small .box-content {
	background: #FFF url(/images/static/box-small-bg-btm.gif) no-repeat 0 bottom;
	height:120px;
	overflow:hidden;
	padding-left:20px;
	}
	
.box-small .btn-more {
	position:absolute;
	bottom:15px;
	right:20px;
	}

.col-left {
	float:left;
	width:48%;
	}

.col-right {
	background:url(/images/static/line-vertical.gif) repeat-y 0 0;
	float:left;	
	padding-left:2%;
	width:48%;
	}

.box-side {
	background:#ECECEC url(/images/static/box-side-bg-head.gif) no-repeat top;
	clear:both;
	line-height: 130%;
	margin-bottom:15px;
	padding-top:10px;
	margin-top:20px;
	}

.box-side .box-side-content {
	background:#ECECEC url(/images/static/box-side-bg-btm.gif) no-repeat bottom;
	padding:0 10px 10px 10px;
	}

.box-side .title {color:#7E7E7E;} 

.box-side-content a, .box-side-content p {
	overflow:hidden;
	word-wrap: break-word;
	white-space: -moz-pre-wrap; /* Mozilla */
	}

.box-side .link-list li{
	background: url(/images/static/arrow01.gif) no-repeat left 3px;
	line-height: 120%;
	padding-bottom:5px;
	padding-left:13px;
	width:163px;
	}

.last {margin-right:0;}

#gmap span {display:none;}


/*BTN MORE*/

.btn-more, .btn-more-inner-box {
	border-color:#E1D8D2;
	border-style:solid;
	display:inline-block;
	}

.btn-more {
	float:right;
	border-width:1px 0;
	margin:0;
	}
	
.btn-more-inner-box {	
	background:#E1D8D2 url(/images/static/arrow-btn-more.gif) no-repeat 5px;
	border-width:0 1px;
	cursor:pointer;
	margin:0 -1px;
	display:inline-block;
	}

.btn-more-inner-box span {
	display:inline-block;
	height:100%;
	position:relative;
	}

.btn-more-inner-box span a{
	line-height:1.4em;
	padding:0 5px 0 15px;
	position:relative;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	}

.btn-more-inner-box .enlarge {background: url(/images/static/icon-enlarge.gif) no-repeat 5px center;}


/*BTN SMALL*/


.btn-s, .btn-s-inner-box {
	border-bottom:#11657E;
	border-top:#1B9BB9;
	border-left:#1985AB;
	border-right:#1985AB;
	border-style:solid;
	border-width: 1px;
	display:inline-block;
	}

.btn-s {
	border-width:1px 0;
	float:left;
	margin:0;
	background:none;
	}
	
.btn-s-inner-box {	
	background:#1B9BB9 url(/images/static/btn-s-bg.jpg) repeat-x bottom;
	cursor:pointer;
	margin:0 -1px;
	display:inline-block;
	}


.btn-s-inner-box span {
	display:inline-block;
	height:100%;
	position:relative;
	}

.btn-s-inner-box .arrow {
	background:url(/images/static/arrow-btn.gif) no-repeat 8px center;
	padding-left:12px;
	}

.btn-s-inner-box span a{
	color:#FFF;
	line-height:1.8em;
	padding:0 8px 0 8px;
	position:relative;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	}
	
.btn-s button {padding:3px 5px; color:#FFF;}

.btn-s-inner-box a:visited {color:#FFF;}
.btn-s-inner-box a:hover {color:#000;}

.btn-s-inner-box .pdf {
	margin-left:3px;
	background-position: left 3px;
	}

.btn-s-inner-box .pdf a {padding-left:2px;}

.box-large .btn-s {margin-right:10px; margin-bottom:10px;}

.link-ext {background:url(/images/static/link-external.gif) no-repeat right ; padding-right:12px;}

/* FORMS */

.form {width:560px; margin:15px auto 15px auto;}
.form li {padding:10px;}

.form .form-section {	
	background:url(/images/static/line-hz.gif) repeat-x left center;
	padding:10px 0 10px 15px;
	}

.form li h2 {
	color:#419E0A;
	padding:0 5px;
	display:inline;
	background:#FFF;	
	}

.form li label {
	display:block;
	font-weight: bold;
	float:left;
	padding:0 10px 0 10px;
	width:170px;
	}

.form .required {
	text-align: right;
	color:#666;
	font-style: italic;
	font-size:10px;
	padding:0;
	}
	
.form li label span, .required span {color:#419E0A; font-weight: normal;}

.form li div {
	width:300px;
	float:left;
	}

.form li div input , .form li div textarea{width:100%;}

.form li .radio input {width:auto;}
.form li .radio label {display:inline; float:none; padding-right:20px;}

.form .submit-button {
	border-top:1px solid #ECECEC;
	padding:10px 70px 10px 195px;
	margin-top:10px;
	}
	
.form .error {
	display:block;
	clear:both;
	color:#FF0000;
	line-height: 130%;
	padding-left:190px;
	}	

.submit-button .btn-s {width:auto; float:right;}
.form .submit-button label {display: inline; float:none; font-weight: normal;}

.form-s {margin-top:15px;}

.form-s label{
	display:block;
	float:left;
	width:100px;
	margin-bottom:15px;
	}
	
.form-s div {float:left; width:205px;}
.form-s div input {width:100%;color:#666;}
.form-s .submit-button {padding-left:100px;}
.form-s .submit-button  .forgot-pw {display:block; float:left;width:130px;}


/*LISTS*/
.grid-list li {
	float:left;
	line-height:130%;
	padding:10px 0;
	margin-right:10px;
	width:265px;
	}
	
.grid-list .last {margin-right:0;}

.grid-list li h3 a {
	background: url(/images/static/arrow02.gif) no-repeat right 4px;
	padding-right:13px;
	}
	
.detail-list {line-height:130%;}
.detail-list dt {font-weight: bold;}
.detail-list dd {padding-bottom:10px;}	
	
.img-thumb {
	float:left;
	height:81px;
	margin-right:10px;
	width:106px;
	}
	
.img-thumb a {
	display:block;
	background:#DEDEDE;
	padding:3px;
	}
	
.img-thumb a:hover {background:#1B85A9;}	
	
.img-thumb a img {
	height:75px;
	width:100px;
	}

.img-thumb-r img{border:3px solid #DEDEDE; float:right; margin-left: 3px;}
a.img-thumb-r:hover img {border-color:#1B85A9;}



/*lists*/
.list-points {padding:10px 0;}
.list-points li {background:url(/images/static/bullet-l.gif) no-repeat 0 4px; padding:0 0 10px 20px;}	
.list-points li h3 {color: #419E0A; font-weight:bold; margin-bottom:10px;}
.list-points dl {padding-bottom:15px;}
.list-points dl dt, .list-points table th {font-weight:bold;color:#000 ;text-align: left;}
.list-points table th {width:160px;}
.list-points dl dd	{background: url(/images/static/bullet.gif) no-repeat left 8px; padding-left:10px;}

.link-list li {
	background: url(/images/static/arrow02.gif) no-repeat left 4px;
	float:left;
	padding-left:13px;
	width:260px;
	}
.sitemap .link-list {float:left; width:300px; margin-right:20px; margin-bottom:20px;}
.sitemap .link-list .title, .sitemap .link-list .sub-ttl {background: none; padding-left:0;}


/*news, projects, events etc*/

.row-list {padding-bottom:10px;}	

.row-list li, table.row-list tr{
	background:url(/images/static/line-dot.gif) repeat-x top;
	line-height:130%;
	padding:10px 0;
	}
	
.row-list li .img-thumb {float:right;}

.main-visual {
	background: #FFF;
	border:1px solid #ECECEC;
	padding:3px;
	}	

.main-visual img {display:block; float:left; width:470px; height:213px;}


.highlight {
	background: #1A86AC;
	color:#FFF;
	height:193px;
	float:left;
	padding:10px;
	width:176px;
	}

table.row-list .page {background: none;}	
.pagination {margin:10px auto 20px auto; width:355px; }

.pagination a, .pagination strong{
	background-color:#F1F1F1; 
	-moz-border-radius: 2px;
	text-align:center;
	padding:5px 10px;
	}
	
.pagination a:hover {background-color:#FF9933;  color: #FFF;}
.pagination strong {background-color:#FF9933; color:#FFF;}

#logocontrol, #copyright{display:none;}

.blog-style {padding-bottom:30px;}

.blog-style img {
	border:1px solid #ECECEC;
	display:block;
	margin:10px auto;
	max-width:445px;
	padding:3px;
	}
	
.blog-style em {
	font-weight:normal;
	color:#666; 
	display:block;
	font-size:10px; 
	font-style: italic; 
	padding-right:7px;
	text-align:center; 
	margin-top:-10px;
	}
	
.dl {background:url(/images/static/icon-dl.gif) no-repeat left 0; padding-left:20px;}

/************************
HOME
**********************/
.home {background:url(/images/static/home-bg.jpg) repeat-x 0 0;}

.home #header-wrap{height:66px;}

.home #home-header {
	margin:0 auto;
	position:relative;		
	width:900px;
	}

.home #menu {padding-top:38px; }
.home #menu li a {background: url(/images/static/menu-home.jpg) no-repeat 0 0;}

.home #home-header #top-links {top:3px;}

.home #skyline-wrap { background: url(/images/static/skyline.gif) no-repeat center 39px;}

.home #skyline-content {
	height:275px;
	margin:0 auto;
	padding-top:25px;
	width:900px;	
	} 

.home #skyline-content {line-height:130%;}
.home #skyline-content .col-narrow p {margin-bottom:30px;}

.logo-home {
	background: url(/images/static/logo-home.gif) no-repeat 0 0;
	height:116px;
	margin-bottom:15px;
	text-indent:-99999px;
	width:266px;
	}	
	
.home #home-content-wrap {
	background:#E4E4E4 url(/images/static/home-content-bg.jpg) repeat-x 0 0;
	padding-bottom:20px;
	}

.home #home-content{
	margin:0 auto;
	padding-top:20px;
	width:900px;
	}
	
.home .col-narrow{
	float:left;
	margin-right:30px;
	width:280px;	
	}

.home-box-s {
	background:#FFF url(/images/static/home-box-s-bg-btm.gif) no-repeat 0 bottom;	
	margin-bottom:15px;
	}

.home-box-s-head {
	background:#FFF url(/images/static/home-box-s-bg-head.gif) no-repeat 0 top;
	display:block;
	font-family: "Georgia", times, serif;
	font-size:20px;
	font-weight:normal;
	padding:15px 20px 8px 20px;
	}	

.home-box-s-content {padding:0 20px 15px 20px;}
	
.home .col-wide{
	float:left;
	width:590px;
	}	

.home-box-l {
	background:#FFF url(/images/static/home-box-l-bg-btm.gif) no-repeat 0 bottom;	
	margin-bottom:15px;
	}

.home-box-l-head {
	background:#FFF url(/images/static/home-box-l-bg-head.gif) no-repeat 0 top;
	padding:15px 20px 0 20px;
	}
	
.home-box-l-content {padding:0 20px 15px 20px;}
.home-box-l-content .grid-list li {height:90px; overflow: hidden;}
.home-box-l-content .grid-list li h3{height:65px; overflow:hidden;}
.home-box-l-content .col-left .grid-list li {padding:10px 0 0 0; height:120px;}

.home .feature {float:left; width:145px;}
.home .feature h4 {margin-bottom:5px;}
.home .feature p {height:62px; overflow: hidden;}

.gallery-title {
	float:left;
	line-height:130%;
	padding-right:5px;
	width:112px;
	}

.gallery ul{
	float:left;
	width:433px;
	}
	
.gallery ul .img-thumb {margin-right:3px;}
	
.gallery ul .last {margin-right:0;}

.main-highlight {position:relative;}
.main-highlight .main-visual {width:580px; height:245px; float:none;}

.story {
	background: url(/images/static/story-bg.png) no-repeat left 0;
	left:324px;
	color:#FFF;
	line-height: 130%;
	height:120px;
	width:240px;
	top:55px;
	overflow:hidden;
	padding:10px;
	position:absolute;
	}

.story span {color:#D1E7EE; font-size:11px;}
.story quote {margin-top:10px; color:#FFF;}
.story a {color:#FFF;}

.cv img {
	float:left;
	margin-right:10px;
	}

.cv {line-height:130%;}
.home .cv-info {
	float:left;
	width:170px;
	}
	
.home .cv-info p { margin-bottom:5px;}

.home .col-right {width:275px;}
.home #map .map-area {
	position: relative;
	width: 167px;
	height: 110px;
	float:left;
	}

.home #map #map-hover li {
	position: absolute;
	z-index: 20;
	text-indent: -1000em;
	}
	
#europe {
	background: url(/images/static/map-europe.gif) no-repeat;
	width: 71px;
	height: 46px;
	top: 3px; 
	left: 0px;
	}


#middle-east {
	background: url(/images/static/map-middle-east.gif) no-repeat;
	width: 38px;
	height: 37px;
	top: 38px; 
	left: 42px;
	}


#south-asia {
	background: url(/images/static/map-south-asia.gif) no-repeat;
	width: 38px;
	height: 38px;
	top: 44px; 
	left: 76px;
	}

#south-east-asia{
	background: url(/images/static/map-south-east-asia.gif) no-repeat;
	width: 71px;
	height: 46px;
	top: 55px; 
	left: 109px;
	}
	
#east-asia{
	background: url(/images/static/map-east-asia.gif) no-repeat;
	width: 67px;
	height: 41px;
	top: 27px; 
	left: 87px;
	}

#australia{
	background: url(/images/static/map-australia.gif) no-repeat;
	width: 45px;
	height: 39px;
	top: 65px; 
	left: 3px;
	}	
	
#map .map-member-names {
	width:100px;
	float:left;
	margin-left:5px;
	font-size:10px;
	line-height: 120%;
	}

#transparent_map {
    position: absolute;
    z-index: 30;
    width: 167px;
    height: 105px;
    border: none;
}	
/************************
NEWS AND EVENTS
**********************/

.feature-icon {
	background: url(/images/static/icon-feature.jpg) no-repeat right;
	display:inline;	
	padding:5px 30px 5px 0;
	}

.ne-icon {
	background: url(/images/static/icon-megaphone.jpg) no-repeat right;
	padding:5px 40px 5px 0;
	}

.ne-cat {
	color:#878787;
	display:block;
	float:left;
	font-weight:normal;
	font-style:normal;
	font-size:10px;
	width:120px;
	}

.ne li {
	line-height:130%;
	padding-bottom:10px;
	}

.ne li h3 {clear:both;}

.date {
	color:#999;
	display:block;
	font-size:10px;
	width:120px;
	}
	
.rss {
	background: url(/images/static/icon-rss.gif) no-repeat left;
	padding:0 10px 0 20px;
	}

.cal {
	background: url(/images/static/icon-cal.gif) no-repeat left;
	padding-left:25px;	
	}
	
.box-small .rss, .box-small .cal {
	position: absolute;
	bottom:15px;
	left:20px;
	}

.btn-register {
	line-height:4em;	
	height:37px;
	margin:0 auto 20px auto;
	width:140px;
	}	
	
.btn-register a {
	background: url(/images/static/btn-register.jpg) no-repeat center center;
	color:#FFF;
	display: block;
	padding-left:45px;
	font-weight:bold;
	}
	
.btn-register a:hover {color:#000;}	

/************************
ABOUT CITYNET
**********************/	

.col-side-s {width:150px; float:left;}

/*National Chapter*/
.nc-list {width:100px; padding-left:5px;}
.nc-list li {padding-bottom:3px;}

.bangladesh {background:url(/images/static/nc-bangladesh-map.gif) no-repeat 300px 0;}
.indonesia {background:url(/images/static/nc-indonesia-map.gif) no-repeat 250px 0;}
.nepal {background:url(/images/static/nc-nepal-map.gif) no-repeat 280px 0;}
.sri-lanka {background:url(/images/static/nc-srilanka-map.gif) no-repeat 310px 0;}


/*Secondment Staff and Secreteriat Staff*/
.people-speech-list li {
	background:url(/images/static/speech-bg-top.gif) no-repeat right top;
	padding-bottom:20px;
	}
.people-list li {padding-bottom:20px;}
.people-speech-list img, .people-list img {
	padding:3px;
	border:1px solid #CCC;
	float:left;
	}
.people-list img {margin-right:10px;}
	
.people-speech-list li .speech  {
	background:#ECECEC url(/images/static/speech-bg-btm.gif) no-repeat right bottom;
	float:left;
	padding:10px;
	margin-left:30px;
	width:527px;
	}


.people-speech-list li .speech h3 {font-weight:bold; font-style:italic;}
.people-speech-list li .speech strong {
	color:#FF8D29;
	font-style:normal;
	font-weight:bold;
	display:block;
	}
	
/*Who we are*/

.history-list dt{
	color:#419E0A;
	float:left;
	font-weight: bold;
	padding-bottom:10px;
	width:70px;
	}

.history-list dd {
	float:left;
	padding-bottom:10px;
	width:385px;
	}

/*Organisational Structure*/

.org-wrap {
	background: url(/images/static/icon-arrow.gif) no-repeat 262px 80px;
	}

.org-box-s {
	background:#ECECEC url(/images/static/org-box-s-top.gif) no-repeat 0 0;
	border-radius: 1.6em;
	float:left;
	margin-right:20px;
	padding-top:10px;
	margin-bottom:20px;
	width:240px;
	}

.org-box-s-content {
	background:#ECECEC url(/images/static/org-box-s-btm.gif) no-repeat 0 bottom;
	padding:0 10px 10px 10px;
	}
	
.org-box-l {
	background:#ECECEC url(/images/static/org-box-l-top.gif) no-repeat 0 0;
	border-radius: 1.6em;
	float:right;
	padding-top:10px;
	width:410px;
	} 

.org-box-l-content {
	background:#ECECEC url(/images/static/org-box-l-btm.gif) no-repeat 0 bottom;
	padding:0 10px 10px 10px;
	}

.org-box-l-content p {margin-bottom:10px;}
.org-box-l ul {
	background:#FFF;
	padding:10px;
	margin-bottom:20px;
	}

.org-box-l li {
	background: url(/images/static/bullet.gif) no-repeat left 8px;
	padding:0 0 5px 8px;
	}
	
.org-box-l .emph-a {background: none; padding-left:0;}	
		
/************************
PROGRAMMES
**********************/
.side-menu .pr-side {display:block;}

.pr-connect {margin-bottom:0;}
.pr-connect .box-content-btm{
	background:url(/images/static/pr-connect.gif) no-repeat center bottom;
	padding-bottom:35px;
	}

.pr {padding-top:15px;}
.link-expl {padding-right:20px; float:right;}
.pr-explanation {padding-right:20px;}

.grid-list-pr {background:url(/images/static/grid-list-bg.gif) repeat-y 0 0;}
.grid-list-pr li {
	float:left;
	width:327px;
	height:98px;
	padding:10px 10px 10px 0;	
	overflow:hidden;
	}
	
.grid-list-pr li p {padding-bottom:0; line-height:120%; max-height:46px; overflow:hidden;}	
.grid-list-pr .last {padding-left:10px; padding-right:0;}
.grid-list-pr li a img {border:3px solid #DEDEDE; float:right; margin-left: 3px;}
.grid-list-pr li a:hover img {border-color:#1B85A9;}
.grid-list-pr li h3 {padding-bottom:10px;}
.grid-list-pr li h3 span {display:block; font-size:11px; line-height:110%;}

.pr-waste, .pr-water, .pr-disaster, .pr-infra, .pr-mdg, .pr-ict, .pr-c2c, .pr-cb {line-height:100%; padding-left:35px;} 
.pr-infra, .pr-disaster, .pr-cb, .pr-c2c {padding-top:5px; margin-bottom:5px;}
.pr-waste {background:url(/images/static/icon-pr-waste.gif) no-repeat left 0;}
.pr-water {background:url(/images/static/icon-pr-water.gif) no-repeat left 0;}
.pr-disaster {background:url(/images/static/icon-pr-disaster.gif) no-repeat left 0;}
.pr-infra {background:url(/images/static/icon-pr-infra.gif) no-repeat left 0;}
.pr-mdg {background:url(/images/static/icon-pr-mdg.gif) no-repeat left 0;}
.pr-ict {background:url(/images/static/icon-pr-ict.gif) no-repeat left 0; }
.pr-c2c {background:url(/images/static/icon-pr-c2c.gif) no-repeat left 0;}
.pr-cb {background:url(/images/static/icon-pr-cb.gif) no-repeat left 0;}

.box-large h1.pr-waste, .box-large h1.pr-water, .box-large h1.pr-disaster, .box-large h1.pr-infra, .box-large h1.pr-mdg, .box-large h1.pr-ict, .box-large h1.pr-c2c, .box-large h1.pr-cb {margin-left:20px; padding-top:0; padding-left:35px;}

.grid-list-pr li .pr-ict {padding-bottom:5px;}


.pr-disaster-s, .pr-infra-s, .pr-water-s, .pr-waste-s, .pr-mdg-s, .pr-ict-s, .pr-c2c-s, .pr-cb-s{padding:2px 0 3px 23px;}
.pr-disaster-s	{background:url(/images/static/icon-pr-disaster-s.gif) no-repeat left 4px;} 
.pr-infra-s {background:url(/images/static/icon-pr-infra-s.gif) no-repeat left 4px;}
.pr-water-s{background:url(/images/static/icon-pr-water-s.gif) no-repeat left 4px;}
.pr-waste-s{background:url(/images/static/icon-pr-waste-s.gif) no-repeat left 4px;}
.pr-mdg-s{background:url(/images/static/icon-pr-mdg-s.gif) no-repeat left 4px;}
.pr-ict-s{background:url(/images/static/icon-pr-ict-s.gif) no-repeat left 4px;}
.pr-c2c-s {background:url(/images/static/icon-pr-c2c-s.gif) no-repeat left 4px;}
.pr-cb-s{background:url(/images/static/icon-pr-cb-s.gif) no-repeat left 4px;}

.publication-single-s img { 
	border:3px solid #DEDEDE; 
	float:left;
	margin:0 5px 10px 0;
	}

.publication-single-s a:hover img {border-color:#1B85A9;}

.service-list .img-thumb {float:right;}
	
/************************
MEDIA ROOM
**********************/

.search-filter {
	background:url(/images/static/line-dot-double.gif) repeat-x 0 0;
	padding:15px 0;
	}


.search-filter form, .search-tags{
	background:url(/images/static/line-dot-double.gif) repeat-x 0 bottom;
	padding-bottom:15px;
	}

.search-filter label {font-size:20px; font-family:Georgia, Times, serif;padding-right:4px;}

.search-tags li {display:inline;}

.pdf, .media-list-s li{
	background:url(/images/static/icon-pdf.gif) no-repeat left 0;
	padding-left: 18px;
	}
	
.media-list-s li {padding-bottom:5px; padding-left:20px;}


.box-small .ne-cat {width:180px;}

.citynet {background:url(/images/static/icon-citynet.gif) no-repeat; width:40px; height:14px; text-indent: -9999px; display:block; float:left;}

.media-item-left {
	float:left;
	width:100px;
	text-align:left;
	}

.media-item-left a img {border:3px solid #ECECEC; }
.media-item-left .btn-more a {width:40px;}

.media-item-detail {
	float:left;
	width:570px;
	}

.media-item-detail .ne-cat {width:auto;}
.media-item-detail .hide {background-image: url(/images/static/arrow-down.gif);}
.extension {display:none;}
.media-item-detail h2 {padding-bottom:5px;}
.row-list h2 {font-weight:bold; font-size:14px; }


/*PUBLICATIONS*/
table.row-list td {padding:10px 10px 10px 0; }
table.row-list .media-item-left img {margin-bottom:5px;}
table.row-list .media-item-left {width:61px;float:none;}
table.row-list .media-item-detail {width:400px;float:none;}
table.row-list .get-media {width:70px;}
table.row-list .media-item-left .btn-more{float:none;}
table.row-list .type {width:100px;}

/*FOR MEDIA*/
.media-kit {
	background: url(/images/static/media-kit-bg.jpg) no-repeat bottom;
	margin-bottom:20px;
	width:170px;
	padding:0 15px 15px 15px; 
	}
	
.media-kit-title {
	background: url(/images/static/media-kit-icon.jpg) no-repeat top;	
	color:#599E0B;
	padding:15px 10px 15px 70px;
	}
	
.btn-media-kit {
	margin:10px auto 0 auto;
	width:170px;
	}
	
.btn-media-kit a{
	background: url(/images/static/btn-download-kit.jpg) no-repeat center center;
	color:#FFF;
	display: block;
	height:33px;
	line-height:110%;
	padding-top:4px;	
	padding-left:30px;
	font-weight:bold;
	}
.btn-media-kit a span {
	color:#7BAEBD;
	font-weight: normal;
	font-size:10px;
	}	
	
.btn-media-kit a:hover {color:#000;}	
	
.feedback, .double-line {
	background:url(/images/static/line-dot-double.gif) repeat-x 0 top;
	color:#666;
	line-height: 130%;
	margin-top:30px;
	padding-top:15px;	
	}
	
.feedback .feedback-content, .double-line-btm{
	background:url(/images/static/line-dot-double.gif) repeat-x 0 bottom;
	padding-bottom:20px;
	}

.feedback .title {
	background:url(/images/static/icon-feedback.jpg) no-repeat right 3px;
	color:#000;
	display: inline;
	padding-right:30px;
	}


/*e-News*/
.box-blue {
	background:url(/images/static/bg-blue-stripe.gif) 0 0;
	clear:both;
	padding:5px 10px 5px 10px;
	}
.box-blue .title {padding-bottom:0;}
#mc_embed_signup fieldset {border:none; margin-top:5px;}
.mc-field-name {float:left; width:200px;}
.mc-field-group input {width:210px; margin-bottom:10px;}
#mce-responses {clear:both; margin-top:5px;}
.box-small #mce-MMERGE1 {float:left; width:190px;}
.box-small #mc_embed_signup #mce-EMAIL{width:280px;}
.box-small #mc_embed_signup .btn-s {float:left;}



/************************
MEMBER
**********************/	
.icon-login {background: url(/images/static/icon-login.jpg) no-repeat right; padding:8px 35px 8px 0;}

.sub-nav {background: url(/images/static/sub-nav-r.jpg) no-repeat right 0; height:39px;}
.sub-nav li {background: url(/images/static/sub-nav-center.jpg) repeat-x 0 0 ; display:inline; float:left; }
.sub-nav li.left {background: url(/images/static/sub-nav-l.jpg) no-repeat left top; }
.sub-nav li a {display:block; font-weight:bold; height:23px; padding:8px 20px 8px 20px;}
.sub-nav li a:hover, .sub-nav li .active {color:#FFF; background:#333;}
.sub-nav li.left a:hover, .sub-nav li.left .active {background:#333 url(/images/static/sub-nav-l-hover.gif) no-repeat left 0;}

.member-list {clear:both; margin:20px 0; width:100%;}
.data {margin-bottom:20px;}
.member-list tr, .data tr {background:url(/images/static/line-dot.gif) repeat-x left bottom ;}
.member-list td, .data td, .data th {padding:8px 20px;}
.data th {padding-left:0;}
.member-list .name {width:100px;}

.single-member-brief {width:370px; float:left; margin-bottom:20px;}
.single-member-brief dl { margin-bottom: 10px;}
.single-member-brief dl dt{
	font-weight:bold;
	float:left;
	width:110px;
	}

.single-member-brief dl dd {
	float:left;
	width:260px;
	}
	
.single-member-brief .image {position:relative; float:right;}	

.join-box {background:url(/images/static/join-bg.gif) no-repeat 0 0;}
.join-box p {width:200px;}
.join-box .box-content {background: none;}

.app-process {margin-bottom:20px;}
.app-process li {padding:0 10px;}	
.app-process .step{color:#000;  font-weight:bold;background:url(/images/static/bg-blue-stripe.gif) 0 0; padding: 10px 10px 0 10px; margin-bottom:5px;}
.app-process .step img {float:right;}

.app-process-s li {float:left; margin-right:2px;}
.app-process-s .step-1 {width:170px;}
.app-process-s .step-2 {width:160px;}
.app-process-s .step-3 {width:275px;}

.fee-calc {padding:20px;margin-bottom:20px; }
.fee-calc input {margin-bottom: 10px}

.box-quote {background: url(/images/static/box-quote-head.gif) no-repeat 0 0; padding-top:10px; }
.box-quote p {background: #FFE4CC;padding:0 10px 0 10px;}
.box-quote cite {background:url(/images/static/box-quote-btm.gif) no-repeat 0 0; display: block;padding-top:20px;}

/*MYPAGE*/

.mypage-box {float:left; margin-right:20px; margin-bottom:30px; width:325px;}
.mypage-box-right {float:left; margin-bottom:30px; width:325px;}

.box-green {background: url(/images/static/box-green-bg.gif) 0 0; padding:15px;}
.box-green .emph-b {background:url(/images/static/bullet-l.gif) no-repeat 0 4px; padding-left:20px;}

.icon-report { background: url(/images/static/icon-report.jpg) no-repeat right; padding-right:30px;}
.report .btn-s {float:right;}
.report .emph-b {padding-bottom:10px;}
.btn-s .upload {background: url(/images/static/icon-upload.gif) no-repeat 8px center; padding-left:12px;}

/************************
PARTNERS
**********************/	

.partner-list {padding:20px 0;}

.partner-list li {
	float:left;
	line-height: 130%;
	text-align:center;
	margin-right: 7px;
	overflow:hidden;
	padding-bottom:30px;
	width:105px;
	height:150px;
	}
	
.partner-list li .p-logo {
	border: 1px solid #ECECEC;
	display:table-cell;
	line-height:70em;
	height:105px;
	padding:5px;
	vertical-align:middle;
	width:95px;
	}

/************************
FOOTER
**********************/

#footer {
	background: url(/images/static/footer-shadow.jpg) no-repeat center 0;
	padding-top:30px;
	}

#footer .title {color:#A3D3DE;}
	
#footer a {color:#FFF;}
#footer a:hover {color:#000;}

#footer ul {padding-bottom:10px;}

#footer ul li {
	background: url(/images/static/arrow-footer.gif) no-repeat left 5px;
	padding:0 0 5px 15px;
	}

.footer-col-l {
	float:left;
	margin-right:30px;
	width:280px;
	}
	
.footer-col-c {
	float:left;
	margin-right:30px;
	width:350px;
	}	
	
.footer-col-r {
	float:left;
	width:210px;
	}	
	
#footer .btn-footer {
	background: url(/images/static/btn-footer.gif) no-repeat 0 0;
	color:#1B85A9;
	font-weight: bold;
	display: block;
	height:22px;
	margin-bottom:10px;
	padding:2px 5px 0 20px;
	width:185px;
	}

#footer .btn-support {
	background-image:  url(/images/static/btn-footer-support.gif);
	margin-bottom:20px;
	}
	
#footer .btn-com {
	display:block;
	float:left;
	height:24px;
	margin-bottom:20px;
	text-indent: -9999px;
	width:100px;
	}
	
#footer .flickr {background: url(/images/static/btn-flickr.gif) no-repeat 0 0; margin-right:10px; }
#footer .facebook {background: url(/images/static/btn-facebook.gif) no-repeat 0 0;}


.disclaimer {
	color:#041B21;
	clear:both;
	padding-top:20px;
	text-align:center;
	}

.mc-field-group .mce_inline_error[style] {
    margin: 0 !important;
    padding: 0 !important;
    color: red !important;
    background: none !important;
}

#mce-success-response[style] {
    display: none !important;
}

/************************
CLEARS FLOATS
**********************/
.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }




/************************
THEPLANT ADD
************************/

.news-thumbnail{
	padding-bottom:6px;
	padding-left:6px;
	padding-top:24px;
}





.lead, .colead{
  font-weight:900;
}
.colead{
	margin-bottom:8px;
}