/* csstyles_gray.css: Author Vinitha Balan*/
/* Universal style rule */
*{
/* Block all browser default margins and padding */
  margin:0;
  padding:0;
}

/*general styles*/
img{
	display:block;
	width:100%;
}

.italic{
	font-style:italic;
	font-weight:bold;
}

.center{
	text-align:center;
}

.left{
	text-align:left;

}

.bold{
	font: bold 11pt Georgia, "Times New Roman", Times, serif;	
}

.red{
	color:red;
}


body {
	background:#eeeeee url(images/lgrey015.jpg) repeat ;
	font-size:100%;
	text-align:center;
}

#wrapper{
  	width: 60em;
  	background-color:  #FFFFFF;
	/* Set right and left to auto for centering */
   	margin: 0 auto;   
}

/*----- ucsf header styles--------*/
#ucsf {
	background:#666;
	margin:0;
	height:30px;
	overflow:hidden;
	font:12px/1.6 Verdana, Arial, Helvetica, sans-serif;
}
#ucsf li {
	float:left;
	color:#fff;
	list-style:none;
	margin-top:5px;
	padding-right:5px;
}
#ucsf li a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
}
#ucsf #img {
	margin-top:0;
 }

/* ----------baneer styles-------------*/
#banner{
/* Image courtesy http://www.bittbox.com/freebies/free-high-res-grungy-paper-textures */
	background: #C0A27F url(images/free_grunge_paper_2.jpg) repeat;
}

#logo{
	width:7em;
	height:7em;
	float:left;
} 

#logo img{
  	width:75%;
 	margin: .5em 0em auto 6em; 
} 

#slogan{
	text-align:left;
	height:7em;
	font-family: Georgia, "Times New Roman", Times, serif;
    	font-weight:bold;
	color: #fff;
}

#t1{
	font-size:42px;
    	line-height: 1.7em;
	letter-spacing:0.05em;
	margin-left:2em;
}

#t2{
	font-size:17px;
	color: #000;
	font-weight:bold;
	letter-spacing:0.05em;

}
#t3{
	font-size:10px;
	margin-left:9em;
}

/*------------main horizontal menu styles-------------*/
#menu{
   	margin-left:0em;
	margin-right:0em;
 	height:1.6em;
}

/* Remove bullets from ul in the menu */
#menu ul, #footer ul{
  	list-style-type:none;
}

/* List items in the menu */
#menu li, #footer li{
  	float:left;
}

/* Applies to menubar links, unvisited and visited */
#menu a,
#menu a:link,
#menu a:visited{
  	width:10.3235em;
}

/* Applies to menubar links, unvisited and visited */
#menu a,
#menu a:link,
#menu a:visited,
#footer a,
#footer a:link,
#footer a:visited
{
  	text-decoration:none;
	color:#000;
	font-family: Georgia, "Times New Roman", Times, serif;
  	font-size:80%;
	font-weight:bold;
	display:block;
  	height:2.5em;
 	border-right:solid 5px #eee;
	text-align:center;
	line-height:2.5em;
	outline-style:none;
}

/* Menu hover and active links */
#footer a:hover,
#footer a:active
{
	color:#000;
}

#menu a:hover,
#menu a:active,
#menu li.selected a:link,
#menu li.selected a:visited
{
	color:#000;
	font-family:"Arial Black";
	
}

#menu li.home {  
	background: #aaa;
} 

#menu li.about{  
	background: #C0A27F;
 } 

#menu li.lifewrap{  
	background-color:#C6C7A0 ;
 } 

#menu  li.work{  
	background-color: #deb887 ;
 } 
#menu  li.publ{  
	background-color: #CCC681;
 } 
#menu  li.news{  
	background-color: #9CB29E  ;
 } 
#menu  li.support{  
	background-color: #D0C09D ;
 } 

#menu  li.support a{  
	border-right:solid 5px #D0C09D ;
 } 

/*-----------gray space above the menuand below the content-----------*/

#space{
	margin-left:0em;
	background:#eeeeee url(images/lgrey015.jpg) repeat ;
	height:1.5em;
	width:60em;
}

#white_space{
	margin-left:0em;
	background:#fff;
	height:1em;
}


/* ------------left column styles ----------------*/
#leftcolumn{
	float:left;
	width:15em;
	background-color:#fff;
}

.left_column_index_header {
	margin:1em auto;
	width:80%;
	letter-spacing: 0.1em;
	background: url(images/gradient78691799.png) no-repeat center;
	font:  14pt Georgia, "Times New Roman", Times, serif;	
}

.left_column_long_header {
	margin:1em auto;
	width:80%;
	letter-spacing: 0.1em;
	background: url(images/gradient23473175.png) no-repeat center;
	font: 13pt Georgia, "Times New Roman", Times, serif;	
}

.left_column_img { 
    	float: left; 
    	margin: auto 1em;
	width:30%;
}
.left_column_vision_img{
	float: left; 
    	margin: auto 1em;
	width:30%;
}
.left_column_text{
	margin:1em auto;
	width:80%;
	font: .8em "Trebuchet MS", Arial, Helvetica, sans-serif;	
	letter-spacing: 0.03em;
	line-height:20px;
	color:#320;
	text-align:left;
}

/*----------right side content styles -------------*/
#content{
	margin-left:15em;
  	background: #fff;
	text-align:center;
	border:1px solid #888;
}

/* Applies to images in the content div */
#content img{
  	margin:0 auto; 
}
/* for the slide show*/
#fadeshow1{
	margin:0 auto;
	border:2px solid #666;

}

.img_float_container{
	float:left;
	margin-left:2.5em;
}
.img_float_space{
	float: left;
	width : 2em;
}

.float_left1{
  	float: left;
	width:28%;
  }

.spacer {
	height:1em;
	clear: both;
  }

/* shadow around images*/
.blur{
	background-color: #aaa; /*shadow color*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}

.shadow,.img_content, .img_content2{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.shadow{
	background-color: #aaa; /*shadow color*/
	color: inherit;
}

.img_content{
	background-color: #ddf; /*background color of content*/
	text-align: center;
	font: bold 10pt Georgia, "Times New Roman", Times, serif;
	border: 1px solid #666;
  	padding: 20px;
}

.img_content2{
	background-color:#fff;
	border: 1px solid #ccc;
	margin: 0 auto;
}

.img_content a,
.img_content a:link,
.img_content a:visited{
	color:#000;
}


.content_header {
	width:90%;
	margin: 1em auto;
	height: 32px;
	letter-spacing: 0.1em;
	font: bold 15pt Georgia, "Times New Roman", Times, serif;

}

.content_text {
	text-align:justify;
	width:90%;
	margin: .5em auto;
	line-height: 20px;
	letter-spacing: 0.08em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  	font-size:.9em;
}

.content_text ul {
	padding-left:4em;
}

.content_text ul li{
	list-style-type: decimal;
}

/* content text style for maternal_health_links.htm file*/
.maternal_health_links_text{
	text-align:left;
	width:90%;
	margin: .5em auto;
	line-height: 20px;
	letter-spacing: 0.05em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  	font-size:.9em;

}

.content_text a,
.content_text a:link,
.content_text a:visited,
.content_text a:hover,
.content_text a:active,
.left_column_text a,
.left_column_text a:link,
.left_column_text a:visited,
.left_column_text a:hover,
.left_column_text a:active,
.maternal_health_links_text a,
.maternal_health_links_text a:link,
.maternal_health_links_text a:visited,
.maternal_health_links_text a:hover,
.maternal_health_links_text a:active

{
	color:#09c;
	font-weight:bold;
	text-decoration:none;
}

#footer{
	float:left;
   	background-color:#666;
   	margin-left:0em;
 	height:1.9em;
}

#footer a,
#footer a:link,
#footer a:visited
{
	width : 24.60em;
	color:#fff;
}

#copyright{
   	background-color:#eee;
   	margin-left:0em;
 	height:1.9em;
	font:  .8em "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:center;
}


/*--------left column menu styles for pages other than the main page ----------------*/
#sub_page_menu {
	margin:.5em auto;
	width:80%;
	font:bold  1em "Trebuchet MS", Arial, Helvetica, sans-serif;
  	color:#000;
	letter-spacing: 0.04em;
	text-align:center;
}

#sub_page_menu a,
#sub_page_menu a:link,
#sub_page_menu a:visited
{
	text-decoration: none;
	color:#000;
	display:block;
}

#sub_page_menu li {
	list-style:none;
	height:25px;
	border-top:#fff solid;
	border-bottom:#fff solid;
	border-width:.9em;
}

#sub_page_menu li.wide {
	height:45px;
}

/*----------------left column menu style for about page -----------*/
/* The gradient images have been created using GRSites.com Texture maker*/ 
#left_column_about { 
    	font: bold .9em "Palatino Linotype", "Book Antiqua", Palatino, serif;
  	color:#996633;
	text-align:center;
	background-color:#fff;
}

#sub_page_menu #about{
	background-color:#C0A27F;
}

#about li.selected,
#about a:hover,
#about a:active{
	background: #C0A27F url(images/sub_about.png);
	display:block;
	height:25px;
}
/*letter from director menu*/
#sub_page_menu li.wide.selected,
#about  li.wide a:hover,
#about  li.wide a:active {
	background: #C0A27F url(images/sub_about_1.png);
	display:block;
	height:45px;
}

/*----------------left column menu style for lifewrap page -----------*/
#left_column_lifewrap { 
    	font: bold .9em "Palatino Linotype", "Book Antiqua", Palatino, serif;
  	color:#60613a;
	text-align:center;
	background-color:#fff;
}

#sub_page_menu #lifewrap {
	background-color:#C6C7A0 ;
}

#lifewrap li.main{
	background: url(images/sub_lifewrap.png) repeat-x center;
}

#lifewrap li.selected,
#lifewrap a:hover,
#lifewrap a:active{
	background: url(images/sub_lifewrap.png) repeat-x center;
	display:block;
	height:25px;
}

/*----------------left column menu style for where we work page -----------*/
#left_column_work { 
    	font: bold .9em "Palatino Linotype", "Book Antiqua", Palatino, serif;
  	color:#bc7454;
	text-align:center;
	background-color:#fff;
}

#sub_page_menu #work {
	background-color:#deb887;
}

#work li.main{
	background: url(images/sub_work.png) repeat-x center;
	
}

#work li.selected,
#work a:hover,
#work a:active {
	background: url(images/sub_work.png) repeat-x center;
	display:block;
	height:25px;
}

/*----------------left column menu style for publication page -----------*/
#left_column_publication{
	font: bold .9em "Palatino Linotype", "Book Antiqua", Palatino, serif;
  	color:#77821b;
	text-align:center;
	background-color:#fff;
}

#sub_page_menu #publication {
	background-color:#CCC681;
}

#publication li.main{
	background: url(images/sub_publication.png) repeat-x center;
}

#publication  li.selected,
#publication  a:hover,
#publication  a:active {
	background: url(images/sub_publication.png) repeat-x center;
	display:block;
	height:25px;
}

/*----------------left column menu style for news page -----------*/
#left_column_news{
	font: bold .9em "Palatino Linotype", "Book Antiqua", Palatino, serif;
  	color:#7aa17c;
	text-align:center;
	background-color:#fff;
}

#sub_page_menu #news {
	background-color:#9CB29E;
}

#news li.main{
  	background: url(images/sub_news.png) repeat-x center;
}

#news  li.selected,
#news  a:hover,
#news  a:active {
  	background: url(images/sub_news.png) repeat-x center;
	display:block;
	height:25px;
}

/*----------------left column menu style for support page -----------*/
#left_column_support{
	font: bold .9em "Palatino Linotype", "Book Antiqua", Palatino, serif;
  	color:#8c7c59;
	text-align:center;
	background-color:#fff;
}

#sub_page_menu #support {
	background-color:#D0C09D ;
}

#support li.main{
  	background: url(images/sub_support.png) repeat-x center;
}

#support  li.selected,
#support  a:hover,
#support  a:active{
  	background: url(images/sub_support.png) repeat-x center;
	display:block;
	height:25px;
 }


/*---------------sub pages content styles ------------------*/

#about_content_header {
	background: url(images/about.png) no-repeat ;
	text-align:left;
	padding-left:15px;
}

#lifewrap_content_header {
	background: url(images/lifewrap.png) no-repeat ;
	text-align:left;
	padding-left:15px;
}

#work_content_header {
	background: url(images/work.png) no-repeat ;
	text-align:left;
	padding-left:15px;
}

#publication_content_header {
	background: url(images/publication.png) no-repeat ;
	text-align:left;
	padding-left:15px;
}

#news_content_header {
	background: url(images/news.png) no-repeat ;
	text-align:left;
	padding-left:15px;
}

#support_content_header {
	background: url(images/support.png) no-repeat ;
	text-align:left;
	padding-left:15px;
}


.content_header_1{
	font: bold 14pt Lucida Sans Unicode, Lucida Grande, sans-serif;
	color : #996633;
	text-align:left;
	width:90%;
	margin: 1em auto;

}

.content_header_2{
	text-align:left;
	width:90%;
	margin: 0em auto 1em auto;
	font: bold 12pt "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color : #000;
}

.content_header_news{
	font: bold 14pt Lucida Sans Unicode, Lucida Grande, sans-serif;
	color : #7aa17c;
	text-align:left;
	width:90%;
	margin: 1em auto;
}

.content_header_lifewrap{
	font: bold 14pt Lucida Sans Unicode, Lucida Grande, sans-serif;
	color : #82946d;
	text-align:left;
	width:90%;
	margin: 1em auto;
}

.content_header_support{
	font: bold 14pt Lucida Sans Unicode, Lucida Grande, sans-serif;
	color : #8c7c59;
	text-align:left;
	width:90%;
	margin: 1em auto;
}

.content_header_publication{
	font: bold 14pt Lucida Sans Unicode, Lucida Grande, sans-serif;
	color : #77821b;
	text-align:left;
	width:90%;
	margin: 1em auto;
}

.job_title{
	line-height: 20px;
	letter-spacing: 0.08em;
	font: bold .9em "Palatino Linotype", "Book Antiqua", Palatino, serif;
  	color: red;
}

#goal_text{
	font: bold 1.1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#953;
	margin:1em 7em;
}

/*---------- styles for images used in the main page and the sub pages-------------- */
.country_map,.about_img, .mexico{
	width:50%;
	margin:0 auto;
}
.bixby_img{
	width:40%;
	margin:0 auto;
}

.india_map, .mexico_map, .pakistan_map, .usa_map, .world_map{
	width:70%;
	margin:0 auto;
}

.news_img{
	width:60%;
	margin:0 auto;
}

.card_img{
	width:90%;
	margin:0 auto;
}

.book_img{
	width:20%;
	margin:0 auto;
}

.sign_img{
	clear:left;
	width:25%;
	margin: auto 1.5em;
}

.year_text{
	font-weight:bold;
	color:#C6C7A0; 
}

.ayorunbo_img{
	float:left;
	margin: auto 1em auto 2.3em;
	width:30%;
}

.juana_img{
	float:left;
	margin: auto 1em auto 2.3em;
	width:35%;
}

.sculpture1{
	float:left;
	margin: auto 1em auto 2.3em;
	width:20%;
}
.sculpture2{
	float:right;
	margin: .8em 2.3em auto 1em;
	width:20%;
}

.cute_baby{
	float:left;
	margin: 1em 2.3em;
}
.pathfinder{
	float:right;
	margin: auto 2.3em;
}

.egypt1{
	float:right;
	margin: 1em 2.3em;
	width:50%;
}
.egypt2{
	float:left;
	margin: auto 2.3em;
	width:30%;
}

.nigeria2{
	float:left;
	margin:auto 2.3em;
	width:50%;
}

.mexico1{
	float:left;
	margin:auto 1em auto 2.3em;
	width:49%;
}

.zambia_quote{
	width:90%;
	float:left;
	margin: auto 2.3em;
}

.zambia{
	float:right;
	margin: 1em 2.3em;
	width:50%;
}
.mexico2{
	float:right;
	margin:auto 2.3em auto 1em;
	width:36%;
}
.director{
	float:left;
	margin:1.7em 1.5em .5em 2.3em;
	width:20%;
}

.who_we_are{
	float:left;
	margin: .2em 1em auto 2.3em;
}

.who_we_are2{
	float:left;
	margin: .5em 1em auto 2.3em;
}

.minna_img{
	float:right;
	width:15%;
	margin:1.5em 6em 1em 0em;
}