body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color:#FFF;
	text-align:center;
	background-image:  url("../images/body_bg.gif");
	background-repeat: repeat-x;
	background-position: top left;
	background-attachment: fixed;
}

h1 {
	
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

h2 {
	
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
}

h3 {
	text-align: left;
	font-size: 1em;
	font-weight: bold;
}

h4 {
	text-align: left;
	font-weight: bold;
}

h5 {
	text-decoration: underline;
}

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

a:visited {
	color: #ccc;
	text-decoration: none;
}

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

a:hover {
	color:#fff;
	text-decoration: underline;
}

p {
	text-align: justify;
}

li {
	text-align: justify;
}

#wrapper {
	position:relative;
	width:730px;
	margin:0 auto 0 auto;
	background-color:#FF6600;
	border-bottom:4px solid #006600;
	text-align:left;
	padding:15px 15px 0 15px;
}
/* Box model hack \*/
* html #wrapper {
	width: 760px;
	w\idth: 730px;
}
/* */

#top {
	width:760px;
	margin:0 auto 0 auto;
	height:86px;
	text-align:right;
	background-color:transparent;
	background-image:  url("../images/top.gif");
	background-repeat: no-repeat;
	background-position: top left;
}

#toppicture {
	width:760px;
	margin:0 auto 0 auto;
	height:300px;
	background-image:  url("../images/orphans.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	background-color:#FF6600;
	
}

#date {

	color:#FFFFFF;
	font-size:10px;
	width:745px;
	height:15px;
	text-align:right;
	margin:0 auto 0 auto;
	padding: 0 15px 0 0;
	background-color:#006600;
}

#sidepanel {
	position: absolute;
	top:350px;
	left:15px;
	text-align: left;
	vertical-align: bottom;
	padding: 27px;
	margin: 0px;
	background-color: #FF9933;
	width: 126px; 
}

#navigation {
	position: absolute;
	top:15px;
	left:15px;
	text-align: left;
	vertical-align: bottom;
	padding: 0px;
	margin: 0px;
	background-color: #FF9933;
}
#navigation ul {
	width: 180px;
	color: #000;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navigation li {
	border-top: 1px solid #FFCC99;
	border-right: 1px solid #FFCC99;
	border-bottom: 1px solid #CC6600;
	border-left: 1px solid #CC6600;

}
#navigation a {
	color:#fff;
	font-weight:bold;
	text-decoration: none;
	display: block;
	height: 25px;
	width: 172px;
	padding-left: 6px;
		
}

body.home #navigation ul li a.home,
body.meetus #navigation ul li a.meetus,
body.programs #navigation ul li a.programs,
body.gallery #navigation ul li a.gallery,
body.supportus#navigation ul li a.supportus,
body.getintouch #navigation ul li a.getintouch,
body.guestbook #navigation ul li a.guestbook {
	background-color: #FF7000;
}

	
#navigation a:hover {
	text-decoration: none;
	background-color: #FF7000;
}

.left {
	float:left;
}

.right {
	float:right;
}

img.left , img.right {
	border:1px solid #009900;
	margin: 5px 0 15px 15px;
}

ul.nav {
	list-style-type: none;
}

ul.nav a {
	color:#009900;
	text-decoration:none;
}

ul.nav a:hover {
	color:#009900;
	text-decoration:underline;
}

.content {
	margin-left: 195px;
	background-image:  url("../images/shadow.gif");
	background-repeat: repeat-y;
	background-position: top right;
	padding:15px;
	background: #D0A684;
	background-image:  url("../images/contentbg2.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	border-top: 1px solid #FFCC99;
	border-right: 1px solid #FFCC99;
	border-bottom: 1px solid #CC6600;
	border-left: 1px solid #CC6600;
}
/*
.shadow-top {
	height:7px;
	width:7px;
	float:right;
	background-image:  url("../images/shadow-top.gif");
	background-repeat: no-repeat;
	background-position: top right;
}

.shadow-bottom {
	margin-left: 195px;
	height:7px;
	background-image:  url("../images/shadow-bottom.gif");
	background-repeat: repeat-x;
	background-position: top left;
}

.shadow-left {
	height:7px;
	width:7px;
	float:left;
	background-image:  url("../images/shadow-left.gif");
	background-repeat: no-repeat;
	background-position: top left;
}

.shadow-corner {
	height:7px;
	width:7px;
	float:right;
	background-image:  url("../images/shadow-corner.gif");
	background-repeat: no-repeat;
	background-position: top right;
}

.content {
	padding:15px;
	background: #D0A684;
	margin: 0 7px 0 0;
	background-image:  url("../images/contentbg2.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
}

.content img {
	width:256px;
	height:256px;
	border: none;
	margin:0 0 15px 15px;
	clear:right;
	float:right;
}
*/
.content a {
	color: #006600;
	text-decoration: underline;
}

.content a:visited {
	color: #003300;
	text-decoration: underline;
}

.content a:active {
	color:#009900;
	text-decoration: underline;
}

.content a:hover {
	color:#009900;
	text-decoration: none;
}

.content input.text {
	width:400px;
	background: #FFECCC;
	border: 1px solid #009900;
}

.content textarea {
	width:400px;
	height:300px;
	background: #FFECCC;
	border: 1px solid #009900;
}


.content input.button {
	background: #006600;
	border-top: 1px solid #009900;
	border-left: 1px solid #009900;
	border-right: 1px solid #003300;
	border-bottom: 1px solid #003300;
	color:#fff;
}
/*
.content table {
	margin: 0 auto;
	font-size: 90%;
	background: #FFECCC;
	border:1px solid #006600;
}

.content table td, .content table th {
	border:1px solid #006600;
}
*/
.content img.project {
	height:292px;
	width:447px;
	margin:5px auto;
	border:1px solid #006600;
}

.float-right {
	float:right;
}

.float-left {
	float:left;
}

.clear {
	clear:both;
}

.bold {
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}
.emphasis {
	font-size: 1em;
}

/*div {border:1px solid black;}
*/
#footer p {
	font-size: 90%;
	color: #666;
}

.education {
        color: OrangeRed;
    }

.health {
        color: MediumBlue;
    }

.infrastructure {
        color: Brown;
    }

.livelihood {
        color: ForestGreen;
    }