html,body{
	background:url(../images/bg.gif) repeat-x;
	padding:0;
	margin:0;
	font:normal 12px Arial;
	color:#838282;
	text-align:justify
}

a{
	color:#838282
}

a:hover{
	color:#ffa911
}

hr{
	width:80%;
	color:#f5f5f5;
	background-color:#f5f5f5;
	height:1px;
	border:none
}

.container{
	background:url(../images/bgContainer.gif) 0 331px no-repeat;
	width:872px;
	margin:0 auto
}

.masthead img{
	border:none
}

.sideNav{
	float:left;
	width:178px;
	padding:0 0 0 21px
}

.sideNav ul{
	background:#fff;
	border-left:2px solid #f6f6f6;
	border-right:2px solid #f6f6f6;
	padding:11px 15px 20px 15px;
	margin:0;
	list-style:none
}

.sideNav ul li{
	border-bottom:1px solid #f1f1f1
}

.sideNav li a{
	text-decoration:none;
	display:block;
	height:12px;
	padding:5px 0 5px 14px;
	color:#524f4d
}


.sideNav li a:hover, .sideNav li a.active{
	color:#ffa911
}

.topCurve{
	padding:3px 0 0 0	
}

#navlist2 {
	font:normal 12px arial;
	text-align:left;
	margin: 0;
	width: 175px;
	padding: 2px;
	}

#navlist2 ul {
	list-style:none;
	margin-left: 0;
	padding-left:0;
	
	}
	
#navlist2 li {
	line-height:10px;
	margin: 0;
	padding: 0.25em;
	border-top: 1px solid #dfdfdf;
}

#navlist2 h1 {
	padding:0 0 0 10px;
	margin:0;
	font:bold 16px Arial;
	color:#156b25;
	text-align:left
	}
	
.aboutBox, .membershipBox{
	border-left:2px solid #f6f6f6;
	border-right:2px solid #f6f6f6;
	padding:10px;
	font:normal 11px Arial
}

.aboutBox h1, .membershipBox h1{
	border-bottom:1px solid #cdcdcd;
	padding:0 0 5px 0;
	margin:0 0 7px 0;
	font:bold 16px Arial;
	color:#156b25;
	text-align:left
}

.aboutBox a{
	color:#ffa910;
	text-decoration:none
}

.aboutBox a:hover{
	color:#f00
}

.membershipBox{
	text-align:center
}

.membershipBox img{
	display:block;
	margin:10px auto 3px auto;
	border:none
}

.membershipBox a{
	color:#838282;
	text-decoration:none
}

.membershipBox a:hover{
	color:#f00
}

.content{
	float:right;
	width:648px;
	padding:0 21px 0 0
}

.contentInside{
	float:right;
	width:608px;
	padding:15px 42px 15px 15px
}

.contentInside h1{
	background:url(../images/orangeBulltet.gif) 0 7px no-repeat;
	border-bottom:1px solid #dfdfdf;
	padding:0 0 5px 20px;
	margin:0;
	font:bold 24px Arial;
	color:#3a3735
}

.contentInside h2{
	padding:10px 0 0 0;
	margin:0;
	font:bold 16px Arial;
	color:#838282
}

.contentInside h3{
	background:#f5f5f5;
	padding:15px 0;
	margin:0;
	font:bold 14px Arial;
	text-align:center
}

.contentInside h3 strong{
	display:block;
	font:normal 12px Arial
}

.contentInside h3 em{
	display:block;
	font:italic 12px Arial
}


.contentInside2{
	float:right;
	width:608px;
	padding:15px 42px 15px 15px
}

.contentInside2 h1{
	background:url(../images/orangeBulltet.gif) 0 7px no-repeat;
	border-bottom:1px solid #dfdfdf;
	padding:0 0 5px 20px;
	margin:0;
	font:bold 24px Arial;
	color:#3a3735
}

.contentInside2 h2{
	padding:10px 0 0 0;
	margin:0;
	font:bold 16px Arial;
	color:#838282
}

.contentInside2 h3{
	background:#f5f5f5;
	padding:15px 0;
	margin:0;
	font:bold 14px Arial;
	text-align:center
}

.contentInside2 h3 strong{
	display:block;
	font:normal 12px Arial
}

.contentInside2 h3 em{
	display:block;
	font:italic 12px Arial
}

.contentInside2 p{
	margin: 0px;	
}

.mainContent{
	float:left;
	width:466px
}

.welcomeBox{
	background:url(../images/b3.gif) repeat-x #f6f6f6;
	padding:16px 20px
}

.welcomeBox h1{
	background:url(../images/orangeBulltet.gif) 0 7px no-repeat;
	padding:0 0 10px 20px;
	margin:0;
	font:bold 24px Arial;
	color:#3a3735
}

.welcomeBox .more{
	padding:10px 0 0 0
}

.welcomeBox .more a{
	background:url(../images/btnMore.gif) no-repeat;
	display:block;
	margin:0 0 0 330px;
	width:86px;
	text-align:center;
	text-decoration:none;
	font:bold 12px Arial;
	line-height:27px
}

.projectBoxTop{
	background:url(../images/d2.gif) top right no-repeat #f6f6f6;
	margin:20px 0 0 0
}

.projectBox{
	background:#f6f6f6;
	padding:5px 10px
}

.projectBox h1{
	background:url(../images/bgFeatured.gif) no-repeat;	
	float:left;
	width:140px;
	margin:-20px 0 0 0;
	font:bold 12px Arial;
	color:#fff;
	text-align:center;
	line-height:28px
}

.projectBox h3{
	float:right;
	margin:0 0 10px 0;
	font:bold 11px Arial
}

.projectBox h3 a{
	text-decoration:none
}

.projectBox img{
	border:none
}

.projectBoxBottom{
	background:url(../images/d3.gif) bottom right no-repeat #f6f6f6;
	margin:0 0 5px 0
}

.greenBoxContainer{
	width:231px
}

.greenBoxTop{
	background:url(../images/a2.gif) top right no-repeat
}

td.greenBoxTop{
	background:url(../images/a2.gif) top right no-repeat;
	width:231px
}

.greenBox{
	background:url(../images/a5.gif) repeat-x #00813f;
	padding:10px 15px;
	font:normal 11px Arial;
	color:#fff
}

.greenBox a{
	color:#fff;
	text-decoration:none
}

.greenBox a:hover{
	color:#F90;
	text-decoration:underline
}

.greenBox a.more{
	color:#fff600	
}

.greenBox h1{
	background:url(../images/orangeBulltet.gif) 0 2px no-repeat;
	border-bottom:1px solid #80cda6;
	padding:0 0 5px 17px;
	margin:0;
	font:bold 16px Arial;
	color:#fff
}

.greenBox p{
	margin:7px 0 7px 20px
}

.greenBox ul{
	padding:0 0 0 10px;
	margin:7px 0 7px 10px;
	list-style:url(../images/orangeBulltetSmall.gif)
}

.greenBoxBottom{
	background:url(../images/a3.gif) bottom right no-repeat
}

.subContent{
	float:right;
	width:178px
}


.clear{
	clear:both
}



.footer{
	background:url(../images/bgFooter.gif) repeat-x #00a551;
	padding:20px 0;
	margin:15px 0 0 0;
	text-align:center;
	font:normal 11px Arial;
	color:#fff
}

.footer a{
	text-decoration:none;
	color:#fff
}

.footer a:hover{
	color:#ffa70b	
}

.footer ul{
	padding:0;
	margin:0;
	list-style:none
}

.footer ul li{
	display:inline	
}

.footer li a{
	padding:0 3px
}

.newsDate{
	display:block;
	font:italic 11px Arial
}

.contactForm{
	background:#f8f8f8;
	padding:15px;
	text-align:center
}

.inputField{
	border:1px solid #acacac;
	width:250px
}

.contactButton{
	background:#01803d;
	padding:3px 5px;
	color:#fff;
	border:none
}

.projectsNav{
	border:1px solid #f5f5f5;
	padding:7px 10px;
	margin:15px 0 0 200px;
	list-style:none;
	text-align:center;
	font:normal 11px Arial
}

.projectsNav li{
	display:inline;
	margin:0 0 0 7px
}

.projectsNav li.completed{
	background:url(../images/bgCompleted.jpg) no-repeat;
	padding:2px 13px 2px 22px
}

.projectsNav li.ongoing{
	background:url(../images/bgOngoing.jpg) no-repeat;
	padding:2px 20px 2px 22px
}

.projectsNav li a{
	text-decoration:none
}

.projectsList{
	padding:0;
	margin:0;
	list-style:none
}

.projectsList a{
	color:#838282;
	text-decoration:none
}

.projectsList a:hover{
	color:#ffa911
}

.projectsList li{
	background:#f5f5f5;	
	padding:10px;
	margin:0 0 2px 0
}

.projectsList li img{
	float:left;
	border:1px solid #fff;
	margin:0 10px 0 0
}

.projectsList li img.not-availabe{
	border:2px solid #efefef
}

.projectsList li strong{
	display:block;
	font:bold 14px Arial
}

.projectsList li em{
	display:block
}

.projectsList li p{
	margin: 0px;
}

.pagination{
	padding:0;
	margin:15px 0 0 0;
	list-style:none;
	text-align:center
}

.pagination a{
	text-decoration:none
}

.pagination li{
	display:inline;
	border:1px solid #d1d1d1;
	padding:2px 2px 2px 4px;
	margin:0 2px
}

.projectsListOngoing{
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
	font:normal 11px Arial
}

.projectsListOngoing a{
	text-decoration:none
}

.projectsListOngoing li{
	height:260px
}

.projectsListOngoing li.left{
	float:left;
	width:294px
}

.projectsListOngoing li.right{
	float:right;
	width:294px
}

.projectsListOngoing li div{
	border:1px solid #f5f5f5;
	padding:25px 0;
	margin:0 0 10px 0
}

.projectsListOngoing li div:hover{
	background:#f5f5f5
}

.projectsListOngoing li img{
	display:block;
	border:none;
	border:1px solid #f5f5f5;
	margin:0 auto
}

.projectsListOngoing li img.not-availabale{
	padding:25px 55px
}

.projectsListOngoing li strong{
	display:block;
	font:bold 12px Arial
}

.projectsListOngoing li em{
	display:block;
	font:italic 11px Arial
}

.projectDetails{
	width:486px;
	padding:0;
	margin:15px auto;
	list-style:none;
	text-align:center
}

.projectDetails li.image{
	border:1px solid #f5f5f5;
	margin:0 0 2px 0
}

.projectDetails li.caption{
	background:#f5f5f5;
	padding:5px 0;
	margin:0 0 15px 0
}

.tblorg{
	border:0;
	width:100% 	
}

.tblorg td{
	padding:2px;
	vetical-align:top;
}

.tblorg td.title{
	text-align:center;
	padding:1px;
	vertical-align:top
}

.tblorg td.title p{
	font: 14px arial bold;	
}

.tblorg td img{
	border:4px solid #eff0e6;
	padding:1px;
	background:#eeeeee;
	margin-bottom:2px
}