*{

margin:0px;

padding:0px;

}



body {

	font-size: 62.5%; /* Resets 1em to 10px */

	font-family: 'Verdana', Lucida Grande, Arial, Sans-Serif;

	background: #D5D6D7 url('images/vikashbgcolor.jpg');

	color: #333;

	text-align: center;

	}

	

body {

	margin: 0 0 0 0;

	padding: 0;

	}

#page {

	background-color: #ffffcc;

	margin: 0px auto;

	width:774px;

	padding: 0;

	border: 0px solid #959596;

	}

#header {

	background-color: #FFFCE3;

	padding: 0;

	height: auto;

	width: 774px;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 1px;

	}

#vikash_logo{

background-color:#00CCFF;

text-align:left;

width:120px;

}



#vijash_donate{

background-color:#FFFFFF;

text-align:right;

}



#vikash_header{

background-color:#FFFFFF;

width:774px;

height:96px;

text-align:left;

background-image:url(images/vikash_logo.gif);

background-position:top left;

background-repeat:no-repeat;

}

#vikash_front{

width:774px;

height:auto;;

}



#content {

font-family:'Arial', Helvetica, sans-serif;


padding-top:12px;

padding-left:10px;

padding-right:10px;

line-height:17px;

font-size:13px;

background-color: #FFFCE3;

text-align:left;
line-height:17px;
font-size:13px;
height:auto !important; height:645px;
}



.clear {

	clear: both;

}



#footer {

	padding: 0;

	margin: 0;

	width: 774px;

	clear: both;
	background-color:#009532;

	
	}



#footer p {

	margin: 0;

	padding: 20px 0;

	text-align: center;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	}

.post {

	margin: 0 0 34px;

	text-align: justify;


	}



.post hr {

	display: block;

	}

	

/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

/* End Images */



div#navigation {

	clear: both;

	padding: 0 0 0 4px;

	background:#FFFFFF;

	background-color:#FFFFFF

	

}



#nav, #nav ul {

	margin: 0px 0;

	list-style-type: none;

	font-weight: bold;

	font-size: 16px;

	float: left;

}



#nav a.whatwedo {

	display: block;

	width: 152px;

	height: 67px;

	background-image: url(images/whatwedo.gif);

	background-repeat: no-repeat;

	background-position: top left;

	margin: 0 34px 0 0;

}



#nav a.whatwedo:hover {

	display: block;

	width: 152px;

	height: 67px;

	background-image: url(images/whatwedo.gif);

	background-repeat: no-repeat;

	background-position: 0px -85px;

	margin: 0 34px 0 0;

}



#navigation.whatwedo_current a.whatwedo {

	display: block;

	width: 152px;

	height: 67px;

	background-image: url(images/whatwedo.gif);

	background-repeat: no-repeat;

	background-position: 0 -85px;

	margin: 0 34px 0 0;

}



#navigation.whatwedo_current a.whatwedo:hover {

	display: block;

	width: 152px;

	height: 67px;

	background-image: url(images/whatwedo.gif);

	background-repeat: no-repeat;

	background-position: 0px -85px;

	margin: 0 24px 0 0;

}



#nav a.contactus {

	display: block;

	width: 152px;

	height: 67px;

	background-image: url(images/contactus.gif);

	background-repeat: no-repeat;

	background-position: top left;

	margin: 0 44px 0 0;

}



#nav a.whatwedo:hover {

	display: block;

	width: 152px;

	height: 67px;

	background-image: url(images/whatwedo.gif);

	background-repeat: no-repeat;

	background-position: 0px -85px;

	margin: 0 34px 0 0;

}



#navigation.whatwedo_current a.whatwedo {

	display: block;

	width: 152px;

	height: 67px;

	background-image: url(images/whatwedo.gif);

	background-repeat: no-repeat;

	background-position: 0 -85px;

	margin: 0 34px 0 0;

}



#navigation.whatwedo_current a.whatwedo:hover {

	display: block;

	width: 152px;

	height: 67px;

	background-image: url(images/whatwedo.gif);

	background-repeat: no-repeat;

	background-position: 0px -85px;

	margin: 0 40px 0 0;

}





#nav a.whoweare {

	display: block;

	width: 152px;

	height: 67px;

	background-image: url(images/whoweare.gif);

	background-repeat: no-repeat;

	background-position: top left;

	margin: 0 40px 0 0;

}



#nav a.whoweare:hover {

	display: block;

	width: 152px;

	height: 67px;

	background-image: url(images/whoweare.gif);

	background-repeat: no-repeat;

	background-position: 0px -86px;

	margin: 0 40px 0 0;

}



#navigation.whoweare_current a.whoweare {

	display: block;

	width: 152px;

	height: 67px;

	background-image: url(images/whoweare.gif);

	background-repeat: no-repeat;

	background-position: 0 -85px;

	margin: 0 40px 0 0;

}



#navigation.whoweare_current a.whoweare:hover {

	display: block;

	width: 152px;

	height: 67px;

	background-image: url(images/whoweare.gif);

	background-repeat: no-repeat;

	background-position: 0px -70px;

	margin: 0 40px 0 0;

}



#nav a.whyitmatters {

	display: block;

	width: 173px;

	height: 51px;

	background-image: url(images/whyitmatters.png);

	background-repeat: no-repeat;

	background-position: top left;

	margin: 0 40px 0 0;

}



#nav a.whyitmatters:hover {

	display: block;

	width: 173px;

	height: 51px;

	background-image: url(images/whyitmatters.png);

	background-repeat: no-repeat;

	background-position: 0px -70px;

	margin: 0 40px 0 0;

}



#navigation.whyitmatters_current a.whyitmatters{

	display: block;

	width: 173px;

	height: 51px;

	background-image: url(images/whyitmatters.png);

	background-repeat: no-repeat;

	background-position: 0 -70px;

	margin: 0 40px 0 0;

}



#navigation.whyitmatters_current a.whyitmatters:hover {

	display: block;

	width: 173px;

	height: 51px;

	background-image: url(images/whyitmatters.png);

	background-repeat: no-repeat;

	background-position: 0px -70px;

	margin: 0 40px 0 0;

}



#nav a.getinvolved {

	display: block;

	width: 152px;

	height: 67px;

	background-image: url(images/getinvolved.gif);

	background-repeat: no-repeat;

	background-position: top left;

	margin: 0 40px 0 0;

}



#nav a.getinvolved:hover {

	display: block;

	width: 152px;

	height: 67px;

	background-image: url(images/getinvolved.gif);

	background-repeat: no-repeat;

	background-position: 0px -85px;

	margin: 0 40px 0 0;

}



#navigation.getinvolved_current a.getinvolved {

	display: block;

	width: 152px;

	height: 67px;

	background-image: url(images/getinvolved.gif);

	background-repeat: no-repeat;

	background-position: 0 -85px;

	margin: 0 40px 0 0;

}



#navigation.getinvolved_current a.getinvolved:hover {

	display: block;

	width: 152px;

	height: 67px;

	background-image: url(images/getinvolved.gif);

	background-repeat: no-repeat;

	background-position: 0px -85px;

	margin: 0 40px 0 0;

}



#nav a.waystogive {

	display: block;

	width: 151px;

	height: 51px;

	background-image: url(images/waystogive.png);

	background-repeat: no-repeat;

	background-position: top left;

	margin: 0 40px 0 0;

}



#nav a.waystogive:hover {

	display: block;

	width: 151px;

	height: 51px;

	background-image: url(images/waystogive.png);

	background-repeat: no-repeat;

	background-position: 0px -70px;

	margin: 0 40px 0 0;

}



#navigation.waystogive_current a.waystogive {

	display: block;

	width: 151px;

	height: 51px;

	background-image: url(images/waystogive.png);

	background-repeat: no-repeat;

	background-position: 0 -70px;

	margin: 0 44px 0 0;

}



#navigation.waystogive_current a.waystogive:hover {

	display: block;

	width: 151px;

	height: 51px;

	background-image: url(images/waystogive.png);

	background-repeat: no-repeat;

	background-position: 0px -70px;

	margin: 0 44px 0 0;

}



#nav a.donatenow {

	display: block;

	width: 151px;

	height: 51px;

	background-image: url(images/donatenow.png);

	background-repeat: no-repeat;

	background-position: top left;

}



#nav a.donatenow:hover {

	display: block;

	width: 151px;

	height: 51px;

	background-image: url(images/donatenow.png);

	background-repeat: no-repeat;

	background-position: 0px -70px;

}



#navigation.donatenow_current a.donatenow {

	display: block;

	width: 151px;

	height: 51px;

	background-image: url(images/donatenow.png);

	background-repeat: no-repeat;

	background-position: 0 -70px;

}



#navigation.donatenow_current a.donatenow:hover {

	display: block;

	width: 151px;

	height: 51px;

	background-image: url(images/donatenow.png);

	background-repeat: no-repeat;

	background-position: 0px -70px;

}



#nav a.current {

	display: block;

	width: 141px;

	height: 51px;

	background-image: url(images/whatwedo.gif);

	background-repeat: no-repeat;

	background-position: 0px -70px;

}



#nav a.current:hover {

	display: block;

	width: 141px;

	height: 51px;

	background-image: url(images/whatwedo.gif);

	background-repeat: no-repeat;

	background-position: 0px 0px;

}



#nav li {

	float: left;

	margin: 0;

	padding: 0;

}



#nav li ul.first {

	position: absolute;

	padding: 0;

	width: 330px;

	left: -999em;

	background-color: #fff;

	border: 3px solid #89ad3f;

}



li.firstitem {

	width: 330px;

	height: 32px;

	background-color:#fff;

	border-bottom: 2px dotted #ccc;

	padding: 0;

	margin: 0;

}



li.firstitem:hover {

	width: 330px;

	height: 32px;

	background-color: #89ad3f;

	border-bottom: 2px dotted #106881;

	visibility: visible;

	padding: 0;

	margin: 0;

}



#nav li ul.second {

	position: absolute;

	padding: 0;

	width: 350px;

	left: -999em;

	margin: -4px 0 0 0;

	background-color: #fff;

	border: 3px solid #89ad3f;

}



li.seconditem {

	width: 350px;

	height: 32px;

	background-color:#fff;

	border-bottom: 2px dotted #ccc;

}



li.seconditem:hover {

	width: 350px;

	height: 32px;

	background-color: #89ad3f;

	border-bottom: 2px dotted #106881;

	visibility: visible;

}



#nav li ul.third {

	position: absolute;

	padding: 0;

	width: 270px;

	left: -999em;

	margin: -4px 0 0 0;

	background-color: #fff;

	border: 3px solid #106881;

}



li.thirditem {

	width: 270px;

	height: 32px;

	background-color:#fff;

	border-bottom: 2px dotted #ccc;

}



li.thirditem:hover {

	width: 270px;

	height: 32px;

	background-color: #89ad3f;

	border-bottom: 2px dotted #106881;

	visibility: visible;

}



#nav li ul.fourth {

	position: absolute;

	padding: 0;

	width: 270px;

	left: -999em;

	margin: -4px 0 0 0;

	background-color: #fff;

	border: 3px solid #106881;

}



li.fourthitem {

	width: 270px;

	height: 32px;

	background-color:#fff;

	border-bottom: 2px dotted #ccc;

}



li.fourthitem:hover {

	width: 270px;

	height: 32px;

	background-color: #89ad3f;

	border-bottom: 2px dotted #106881;

	visibility: visible;

}



#nav li ul.fifth {

	position: absolute;

	padding: 0;

	width: 270px;

	left: -999em;

	margin: -4px 0 0 0;

	background-color: #fff;

	border: 3px solid #89ad3f;

}



li.fifthitem {

	width: 270px;

	height: 32px;

	background-color:#fff;

	border-bottom: 2px dotted #ccc;

}



li.fifthitem:hover {

	width: 270px;

	height: 32px;

	background-color: #89ad3f;

	border-bottom: 2px dotted #89ad3f;

	visibility: visible;

}



#nav li ul a {

	display: block;

	width:  auto;

	height: 32px;

	color: #106881;

	text-decoration: none;

	padding: 7px 0 0 16px;

}



#nav li ul a:hover {

	display: block;

	width:  auto;

	height: 32px;

	color: #FFF;

	text-decoration: none;

	padding: 7px 0 0 16px;

}



#nav li:hover ul {

	left: auto;

	padding: 0;

	margin: 0;

}



#nav li:hover ul, #nav li.sfhover ul {

	padding: 0;

	margin: 0;

}



#carousel{

		width:500px;

		height:300px;

			

	}

	

	#carousel img{

		width:250%;

		height:auto;

		border:0px solid #FFFFFF;

		display:block;

	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
#content img{
float:left; 
margin: 0 8px 0px 0; 
padding: 3px; 

}

#image .caption { font-size: 80%;
                  font-family: Verdana, Arial, sans-serif;
                  text-align: center; }

#content img.right{
float:right; 
margin: 0 8px 0px 0; 
padding: 3px; 
border: 1px solid   #FF6600;
}

div.spacer {
  clear: both;
  }

.clearer {clear: both;}
.left {float: left;}
.right {float: right;}
/* End Images */


.whoweare{
margin-left:5px;
background: url('img/whoweare.jpg');
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10.5pt;
width: 215px;
height:260px;
margin-bottom:5px;
text-align:left;
}

.feature_heading{
font:"serif", Times, serif;
font-size:14px;
font-weight:600;
margin-top:2px;

}
.feature_text{
text-align:left;
text-decoration:none;
}

.feature_text a{
text-decoration:none;
}

.feature_text a:hover{
text-decoration:underline;
}
h1{
font-size:18px;
margin-bottom:10px;
font:"Times New Roman", Times, serif;
color:#4b0619;
}

h2{
margin:0;
padding:0;
margin-bottom:12px;

}

h3{
font-size:14px;
margin-bottom:10px;
font:"Times New Roman", Times, serif;
}
.nil li {
padding:1px;
list-style:none;
}
.nil img{
float:none; 
padding: 3px; 

}
.fword{
color:#4b0619;
}

div.spacer {
  clear: both;
  }

.clearer {clear: both;}
.left {float: left;}
.right {float: right;}

.our_programme{
margin: 20px 8px 0px 0; 
padding: 3px; 
border: 1px   dashed  #dcd1b5;
height:230px;
width:65%;
}

.our_programme img{
float:left; 
margin: 0 8px 0px 0; 
padding: 3px; 
border: 1px solid  #FFFFFF;
}
.our_programme li{
list-style:none;
padding-bottom:10px;
font-weight:600;
}

.our_programme li a{
text-decoration:underline;
color:#0099FF;
}

.our_programme li a:hover{
text-decoration:none;
color:#CC3300;
}