@import url("../../css/default.css?b852"); 

/* 
Table of Contents
~~~~~~~~~~~~~~~~~
 » SITE-WIDE
   » Generic Components
   » Top-Shelf
   » Header
   » Content
   » Footer
   » Posts
 » PAGE-SPECIFIC
   » Home
   » Asset Pages
   » FAQ
   » Admin Pages
   » other...

Default new styles to the appropriate page-specific section.
Make them site-wide if appropriate. 
Keep site-wide cleaner; problems in this area affect more pages.
*/


body{
    /*background:#674d29;
    background:#4b381d url(images/bg_dfn.gif) repeat-x left top;*/    
    background:#fff url(images/bg_header_dfn.jpg) repeat-x left top;
}



#shell{ background:#fff url(images/bg_header_dfn.jpg) repeat-x left top; border-left:solid 1px #000; border-right:solid 1px #000; }
#header{ background-image:none; }

.loginInfo{ background:transparent; }
.loginInfo a:link, 
.loginLink a:link, 
.loginInfo a:active, 
.loginLink a:active, 
.loginInfo a:visited,
.loginLink a:visited{ color:#333; }
.loginInfo a:hover,
.loginLink a:hover{ text-decoration:underline; }

.clientDonate a:link, .clientDonate a:active, .clientDonate a:visited{ background-color:#674d29; border-top:solid 1px #666633; color:#eee !important; }
.clientDonate a:hover{ background-color:#333; border-top:solid 1px #444; color:#fff; text-decoration:none; }






/********************************************************************/
/*																	*/
/*  SITE-WIDE														*/
/*																	*/
/********************************************************************/


/*************************************/
/* Generic Components  -  SITE-WIDE */
/***START***************************/
	body {
		/*background:#674d29;*/
		/*background:#4b381d url(images/bg_dfn.gif) repeat-x left top;*/
		background:#fff url(images/bg_header_dfn.jpg) repeat-x left top; 
		}
		#shell { 
			/*border-left:solid 1px #000; 
			border-right:solid 1px #000; */
			border: none;
			background: none;
			}
/***END*******************************/
/* Generic Components  -  SITE-WIDE */
/***********************************/


/*************************************/
/* Top Shelf  -  SITE-WIDE			*/ 
/***START***************************/
	.topShelf {
		margin-bottom: 20px;
		}
	.loginInfo{ 
		background:transparent; 
		color:#666;
		}
	.loginLink a:link, 
	.loginLink a:active, 
	.loginLink a:visited { 
		color:#333; 
		}
	.loginLink a:hover { 
		text-decoration:underline; 
		}
	.clientDonate a:link, 
	.clientDonate a:active, 
	.clientDonate a:visited { 
		background-color:#674d29; 
		border-top:solid 1px #666633; 
		color:#eee !important; 
		}
	.clientDonate a:hover{ 
		background-color:#333; 
		border-top:solid 1px #444; 
		color:#fff; 
		text-decoration:none; 
		}
/***END*******************************/
/* Top Shelf  -  SITE-WIDE			*/ 
/***********************************/


/*************************************/
/* Header  -  SITE-WIDE				*/ 
/***START***************************/
	#header{ background-image:none; }
	#header h1 { 
		/*display:block;*/
		margin: 0 20px 0 0;
		width: 141px; 
		height: 62px; 
		background: url(images/logo_dfnSmall.gif) no-repeat left top;	
		
		float:left;
		} /* width:297px; */
	#header h1 a { 
		display:block; 
		width:162px; /* re: was 180px */
		height:62px; 
		text-indent:-9999px; 		
		} /* width:297px; */
	#mainNav {
		float: left;
		clear: none;		
		}
	#mainNav ul {
		width: 775px;	/* #header width - (#header h1) (width + margin-x) = 936 - (141 + 20) = 775px */
		}
/***END*******************************/
/* Header SITE-WIDE					*/ 
/***********************************/


/*************************************/
/* Content  -  SITE-WIDE			*/ 
/***START***************************/
/***END*******************************/
/* Content  -  SITE-WIDE			*/ 
/***********************************/


/*************************************/
/* Footer  -  SITE-WIDE				*/ 
/***START***************************/
/***END*******************************/
/* Footer  -  SITE-WIDE				*/ 
/***********************************/


/*************************************/
/*   -  SITE-WIDE				*/
/***START***************************/
/***END*******************************/
/*   -  SITE-WIDE				*/ 
/***********************************/
















/********************************************************************/
/*																	*/
/*  PAGE-SPECIFIC													*/
/*																	*/
/********************************************************************/


/*************************************/
/* Home  -  PAGE-SPECIFIC			*/ 
/***START***************************/
	#home #mainCol .intro { 
		height:auto; 
		position:relative; 
		}
		
	#home #mainCol ul.slideshow li#slide1 {
		/*background: url("images/home_slide1.jpg") no-repeat top left;*/
		background: url("images/slideshow-sprite.jpg") no-repeat 0 0;
		}
	#home #mainCol ul.slideshow li#slide2 {
		/*background: url("images/home_slide2.jpg") no-repeat top left;*/
		background: url("images/slideshow-sprite.jpg") no-repeat 0 -378px;
		}
	#home #mainCol ul.slideshow li#slide3 {
		/*background: url("images/home_slide3.jpg") no-repeat top left;*/
		background: url("images/slideshow-sprite.jpg") no-repeat 0 -756px;
		}
	#home #mainCol ul.slideshow li#slide4 {
		/*background: url("images/home_slide4.jpg") no-repeat top left;*/
		background: url("images/slideshow-sprite.jpg") no-repeat 0 -1134px;
		}
	#home #mainCol ul.slideshow li#slide5 {
		/*background: url("images/home_slide5.jpg") no-repeat top left;*/
		background: url("images/slideshow-sprite.jpg") no-repeat 0 -1512px;
		}
	#home #mainCol ul.slideshow li#slide6 {
		/*background: url("images/home_slide3.jpg") no-repeat top left;*/
		background: url("images/slideshow-sprite.jpg") no-repeat 0 -1890px;
		}
		
	#home #mainCol #banner1 {
		margin: 10px 0 0 0;
		padding: 10px 20px;
		color: #fff;
		background: url("images/bg_homeBanner.jpg") no-repeat top left;
		height: 95px;	/* 115 - 2*10 = 95 */
		width: 630px;	/* 670 - 2*20 = 630 */
		}
	#home #mainCol #banner1 #untouchable {
		font-size: 24px;
		float: left;
		font-variant: small-caps;
		vertical-align: bottom;
		}
	#home #mainCol #banner1 #dalitsofindia {
		padding-top: 4px;
		font-size: 20px;
		float: left;
		margin-left: 40px;
		font-variant: small-caps;
		vertical-align: bottom;
		}
	#home #mainCol #banner1 #textbody {
		font-size: 14px;
		line-height: 1.2;
		}
	#home #mainCol #banner1 a {
		margin-top: 4px;
		font-weight: bold;
		float: right;
		}
	#home #mainCol #banner1 a,
	#home #mainCol #banner1 a:visited,
	#home #mainCol #banner1 a:hover,
	#home #mainCol #banner1 a:active {
		color: #fff;
		}

	/* side-column sponsorship and donation buttons */
	a#sponsor-child-button,
	a#donate-button{
	    display:block;
	    margin-bottom:10px;
		text-decoration:none;
		width:254px;
	}
	a#sponsor-child-button:link,
	a#sponsor-child-button:visited{
		background: url(images/free-a-child-sprite.png) no-repeat 0 0;
		height:104px;
	}
	a#sponsor-child-button:hover,
	a#sponsor-child-button:active {
		background: url(images/free-a-child-sprite.png) no-repeat 0 -105px;	
	}		
	a#donate-button:link,
	a#donate-button:visited{
		background: url(images/donatenow-sprite.jpg) no-repeat 0 0;
		height:49px;
	}
	a#donate-button:hover,
	a#donate-button:active {
		background: url(images/donatenow-sprite.jpg) no-repeat 0 -50px;	
	}
	
	#home #sideColWide .video {
		margin: 0 0 10px 0;
		}
				
	/* follow buttons */
	#followUs .sectionHdr {
		margin-bottom: 0;
		}
		#followUs a.followFacebook,
		#followUs a.followTwitter{
			display:block;
			float:left;
			height: 80px;
			text-decoration:none; 
			width: 127px;
			}
		#followUs a.followFacebook:link, 
		#followUs a.followFacebook:active, 
		#followUs a.followFacebook:visited {
			background: url(images/btn_followuson_facebook_sprite.png) no-repeat 0 0;		
			}
		#followUs a.followFacebook:hover { 
			background: url(images/btn_followuson_facebook_sprite.png) no-repeat 0 -80px;
			}		
		#followUs a.followTwitter:link, 
		#followUs a.followTwitter:active, 
		#followUs a.followTwitter:visited { 
			background: url(images/btn_followuson_twitter_sprite.png) no-repeat 0 0;		
			}
		#followUs a.followTwitter:hover { 
			background: url(images/btn_followuson_twitter_sprite.png) no-repeat 0 -80px;
			}

	#home #sideCol #socialBookmarks,
	#home #sideColWide #socialBookmarks {	/* CG: hack for removing space below "Follow Us On" */
		margin-top: 15px;
		}
/***END*******************************/
/* Home  -  PAGE-SPECIFIC			*/ 
/***********************************/


/*************************************/
/* Take Action  -  PAGE-SPECIFIC	*/
/***START***************************/
	.takeActionIntro { 
		background-image: none;
		}
	.takeActionIntro p {
		width: 70%;
		}
	
	.takeActionIntro .slideshow {
		margin-top: 30px;
		height: 307px !important;
		}
	.takeActionIntro .slideshow li {
		height: 307px;
		}
	.takeActionIntro .slideshow #slide1 {
		background: url("images/takeaction_slide1.jpg") no-repeat 0 0;
		}
	.takeActionIntro .slideshow #slide2 {
		background: url("images/takeaction_slide2.jpg") no-repeat 0 0;
		}
	.takeActionIntro .slideshow #slide3 {
		background: url("images/takeaction_slide3.jpg") no-repeat 0 0;
		}
	.takeActionIntro .slideshow #slide4 {
		background: url("images/takeaction_slide4.jpg") no-repeat 0 0;
		}
	.takeActionIntro .slideshow #slide5 {
		background: url("images/takeaction_slide5.jpg") no-repeat 0 0;
		}
	.takeActionIntro .slideshow li .ribbon {
		/*  li height - 20px - ribbon height = 307 - 20 - 45 = 242px  */
		margin-top: 242px;
		}
	.takeActionIntro .slideshow li .ribbon .ribbon_block .ribbon_button {
		background: url("images/bg_ribbon_button.png") repeat-x 0 0;
		}
	.takeActionIntro .donateChampionShare {
		margin: 30px 0 0 0;
		width: 936px;
		}
	.takeActionIntro .donateChampionShare li {
		/* 3-column spacing; ratio of column-width to inter-column-margin-width */
		/*  3*208px + 2*156px = 936px; 208px/156px = 4/3  */
		width: 208px;
		margin: 0;
		}
	.takeActionIntro .donateChampionShare li h3 a {
		color: #000;
		}
	.takeActionIntro .donateChampionShare li h3 a:hover {
		color: #666;
		}
	.takeActionIntro .donateChampionShare li.sponsor,
	.takeActionIntro .donateChampionShare li.champion {
		margin: 0 156px 0 0;
		}
	.takeActionIntro .donateChampionShare li.sponsor {
		border-top: solid 6px #c68b3d; 
		}
		
	.takeActionIntro .video {
		clear: left;
		padding: 30px 0;
		margin: 0 auto;
		width: 670px;
		/*height: 390px;*/
		}
	.fundraising{ display:none; }
	
	
/***END*******************************/
/* Take Action  -  PAGE-SPECIFIC	*/
/***********************************/


/*************************************/
/* Search.aspx  -  PAGE-SPECIFIC	*/ 
/***START***************************/
	.searchResultsAlternatingStyle { background-color: #EAEAEA; }
/***END*******************************/
/* Search.aspx  -  PAGE-SPECIFIC	*/ 
/***********************************/


/*************************************************/
/* About Pages  -  PAGE-SPECIFIC				*/ 
/***START***************************************/
.width70 {
	width: 655px;	/* 70% of 936px */
	}
.about_content ol li {
	margin-left: 20px;	/* See .master for IE7 override */
	}
#about_1 h2#whoisdfn {
	background: url("images/whoisdfn.jpg") no-repeat bottom left;
	padding: 0 0 137px 0;
	}
#about_1 h3#dsouza {
	background: url("images/dsouza.jpg") no-repeat bottom left;
	padding: 0 0 137px 0;
	}
#about_2 h2#whoarethedalits {
	background: url("images/whoarethedalitpeople.jpg") no-repeat bottom left;
	padding: 0 0 137px 0;
	}
#about_2 h3#culture_caste {
	background: url("images/cultureandcaste.jpg") no-repeat bottom left;
	padding: 0 0 137px 0;	/* image height + 14px (14px = 1.0em) */
	}
#about_3 ol {
	margin-bottom: 30px;
	}
/***END*******************************************/
/* About Pages  -  PAGE-SPECIFIC				*/ 
/***********************************************/


/*************************************/
/*   -  PAGE-SPECIFIC			*/ 
/***START***************************/
/***END*******************************/
/*   -  PAGE-SPECIFIC			*/ 
/***********************************/
