/*
Katya Tepelyan
NYC
02/08
k.tepelyan@gmail.com
*/

@charset "UTF-8";
/* CSS Document */

body, #content, #footer {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body {
			text-align: center;	
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:11px;	 
			line-height:16px; 
			background-color:#fff;
}



a:link, a:visited{
			font-size:9px; 									
			text-transform:uppercase;
			color:#996600;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			text-decoration:none;
}
		
		a:hover {
					color:#999999;
		}

.ML_20 {
			margin-left:20px;
}

.FL {
			float:left;
			margin: 10px 10px 0 30px;
}

.right {text-align:right;}

.bright {border-right:1px solid #ccc;}

.chapter {font-size:10px; line-height:14px;}

#all {
			text-align:left;
			width: 950px;
			margin: 0 auto;
			padding: 0px 10px 0 10px;			
			height:900px;			
}

#title{
			float:left;
			width:380px;	
}

#menu{
			float:left; 											
			background-image:url(../img/head.jpg); background-repeat:no-repeat; background-position:top;
			padding: 123px 0 10px 30px;			
			margin: 0;	
			width:530px;			
}

#menutable a:link {
			font-size:9px;
			font-weight:normal;
			text-transform:uppercase;
			text-decoration:none;
			line-height:13px;
			color:#000;
			font-family:Arial, Helvetica, sans-serif;
}

#menutable a:visited {
			font-size:9px;
			font-weight:normal;
			text-transform:uppercase;
			text-decoration:none;
			line-height:13px;
			color:#000;
			font-family:Arial, Helvetica, sans-serif;
}

		#menutable a:hover, #menutable a:hover.visited{
				color:#999;
		}


#leftHOME{
			clear:both;			
			float:left;
			margin:30px 0 0 0;
			width:365px;				
}

		#facts{
					position:relative;				
					width:148px;
					height:203px;
					margin:0;
					padding: 15px 54px 0 177px;
					background-image:url(../img/thefacts_wt.jpg);
					background-repeat:no-repeat;
					background-position:left;				
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:11px;
					color: #4C3839;			
		}	
		
				#facts p {
							margin:0; line-height:15px; color:#000;
				}

		
		#join{
					position:relative;					
					width:238px;
					height:91px;
					background-image:url(../img/join_lt.jpg);
					background-position: top; 
					background-repeat:no-repeat;
					margin:-4px 0 0 42px;
					padding: 5px 0 0 62px;
					font-size:9px;
		}
		
			#join p {
						margin:0;
			}
			
			#join a {
						font-size:16px;
						font-weight:bold;
						text-decoration:none;
						color: #000;							
			}
			
				.yo {
							border:1px solid #999; 
							font-size:10px;
							font-family:Arial, Helvetica, sans-serif;							
				}
		

#contentHOME{
			float:left;
			margin: 30px 0 10px 30px; 		
			width:540px;
}

		

		#contentHOME h1{
					font-size:11px;
					margin: 5px 0 2px 0;
					font-family:Georgia, "Times New Roman", Times, serif;	
					color: #000;
					font-weight:bold;						
		}
		
		#contentHOME h2 {
					font-size:9px;
					margin: 0px 0 0 0;
					font-family: Arial, Helvetica, sans-serif;
					color:#000;
					text-transform:uppercase;
					font-style:italic;
					
		}
		
		#contentHOME h3 {
					font-size:13px;
					margin: 0 0 3px 5px;
					font-family:Georgia, "Times New Roman", Times, serif;
					color:#4c3839;
					font-weight:normal;
		}
		
			#contentHOME H3 a {
						font-weight:normal;
			}

		#col1{
					float:left; 
				 	width:170px;
					margin:0;
					padding:0;
		}
		
		p {
					margin:5px 0 0 0;
		}
		
				#news {
							margin:0 0 15px 0;
							padding:0;														
				}
						
						#news h1, #events  h1 {
									margin-top:2px;
									color:#4c3839;
									font-size:11px;
									font-style:normal;	
									font-family:Georgia, "Times New Roman", Times, serif;															
									font-weight:bold;
									margin-bottom:0;
									}									
						
						#news p {
									margin:2px 0 2px 0;
						}
						
						#news p.date, #reviews p.date {margin:-2px 0 8px 0; font-weight:normal; font-style:normal;  color:#666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
						#events p.date {margin:8px 0 0 0; font-weight:bold; font-style:normal;  color:#666;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
				
				#events {
							margin: 0;	
							padding:0;							
				}				
				
						.float {
									float:left;									
									margin: -2px 0 0 2px;;
						}	
						.border {
									border:1px solid #ccc;
						}				
						
						.clear {
									clear: both;  																
						}												
		
		#col2{
					float:left; 
					width: 175px; 
					margin: 0 0 0 10px;
		}
		
				#share {
							margin: 15px 0 0 0;
				}
				
				#game {
							margin:0 0 0 0;
				}
				
				#issues{margin:0 0 0 0;}				
					#issues p.issues {padding-left:0px;}
					
		
		#col3{
					float:left; 
					margin: 0 0 0 10px;					
					width: 175px;
		}
		
					#fromthebook{
								margin:10px 0 0 0;
								padding:0;			
					}
					
							#fromthebook p {																
										font-style:italic;														
							}
							
					#reviews{
								margin:0 0 0 0; 
								padding:0;								
					}							
							
							#reviews p.who {
										font-family:Arial, Helvetica, sans-serif;							
										color:#000;
										font-size:10px;
										font-weight:normal;
							}				

/*+++++++++++++++++++++++++++++++ INNER PAGES ++++++++++++++++++++++++++++++++++*/							
							
#leftINNER{						
			float:left;
			margin:13px 0 0 0;
			width:365px;						
}

	#submenu {
				float:right;			
				width:555px;
				height:80px;
				padding: 10px 0 0 400px;						
				margin:0;
	}		
		
				#leftINNER p, #leftINNER li, #leftINNER ul {
							font-family:Georgia, "Times New Roman", Times, serif;		
							font-size:12px;
							color: #4C3839;	
							margin: 0 0 10px 10px;	
				}
				
				#intheworld h1{
							font-family:Georgia, "Times New Roman", Times, serif;
							font-size:16px;
							color:#666;
							font-weight:normal;
							margin: 0 0 0 10px;
				}
				
					/* Unique id's made because IE6 doesnt acknowledge class based background image alternates. It does not show the image but holds the space for it. Bizzare. */
					#populationITW { 
								position:relative;								
								width:345px;
								height:168px;
								margin:-50px 0 0 0;
								padding: 50px 10px 0 16px;	
								background-image:url(../img/content_box/ITW_population.jpg);
								background-repeat:no-repeat;
								background-position:left;				
					}
						
					#povertyITW{
								position:relative;								
								width:345px;
								height:168px;
								margin:-50px 0 0 0;
								padding: 50px 10px 0 16px;		
								background-image:url(../img/content_box/intheworld_poverty.jpg);
								background-repeat:no-repeat;
								background-position:left;										
					}				
					
					#globalITW{
								position:relative;								
								width:345px;
								height:168px;
								margin:-50px 0 0 0;
								padding: 50px 10px 0 16px;		
								background-image:url(../img/content_box/global_ITW.jpg);
								background-repeat:no-repeat;
								background-position:left;										
					}				
					
					#ccITW{
								position:relative;								
								width:345px;
								height:168px;
								margin:-50px 0 0 0;
								padding: 50px 10px 0 16px;		
								background-image:url(../img/content_box/ITW_cc.jpg);
								background-repeat:no-repeat;
								background-position:left;							
					}
					
					#bioITW {
								position:relative;								
								width:345px;
								height:168px;
								margin:-50px 0 0 0;
								padding: 50px 10px 0 16px;		
								background-image:url(../img/content_box/ITW_bio.jpg);
								background-repeat:no-repeat;
								background-position:left;			
					}
					
					#waterITW{
								position:relative;								
								width:345px;
								height:168px;
								margin:-50px 0 0 0;
								padding: 50px 10px 0 16px;		
								background-image:url(../img/content_box/ITW_water.jpg);
								background-repeat:no-repeat;
								background-position:left;			
					}
					
					#intheworld  ol {margin:-10px 0 0 0;}
					#intheworld li {margin: 0 0  0 0;}
				
				
					#povertyPHOTO{
								position:relative;					
								width:238px;
								height:200px;					
								margin:-7px 0 0 40px;
								padding: 5px 0 0 62px;
								font-size:9px;
								background-image:url(../img/photos/poverty_LT.jpg);
								background-position: top; 
								background-repeat:no-repeat;		
					}
					
					#populationPHOTO{
								position:relative;					
								width:238px;
								height:200px;					
								margin:-7px 0 0 40px;
								padding: 5px 0 0 62px;
								font-size:9px;
								background-image:url(../img/photos/population_LT.jpg);
								background-position: top; 
								background-repeat:no-repeat;		
					}	
					
					#globalPHOTO{
								position:relative;					
								width:238px;
								height:200px;					
								margin:-7px 0 0 40px;
								padding: 5px 0 0 62px;
								font-size:9px;
								background-image:url(../img/photos/global_LT.jpg);
								background-position: top; 
								background-repeat:no-repeat;		
					}	
						
							#ccPHOTO{
										position:relative;					
										width:238px;
										height:200px;					
										margin:-7px 0 0 40px;
										padding: 5px 0 0 62px;
										font-size:9px;
										background-image:url(../img/photos/cc_LT.jpg);
										background-position: top; 
										background-repeat:no-repeat;		
							}																				
											
							#bioPHOTO{
										position:relative;					
										width:238px;
										height:200px;					
										margin:-7px 0 0 40px;
										padding: 5px 0 0 62px;
										font-size:9px;
										background-image:url(../img/photos/bio_LT.jpg);
										background-position: top; 
										background-repeat:no-repeat;		
							}			
							
							#waterPHOTO{
										position:relative;					
										width:238px;
										height:200px;					
										margin:-7px 0 0 40px;
										padding: 5px 0 0 62px;
										font-size:9px;
										background-image:url(../img/photos/water_LT.jpg);
										background-position: top; 
										background-repeat:no-repeat;		
							}																				
																							

#contentINNER{
			float:left;
			margin: 0 0 20px 30px;			
			width:540px;			
			padding-top:0;				
}


	#issuesBODY {
				margin: 0 0 0 5px;				
	}
		
			.issuesMENU {
						margin:0 0 0 -5px;
						padding:0;
			}
	
	
			.issuesBODY{
						float:left;
						margin: 10px 0 20px 0px;	
						padding:10px 5px 10px 0;
				/*		border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;*/										
			}								
			
			.issuesPHOTO{
						float:left;
						margin: 25px 0 0 0px;
						width:250px;
			}				
		
				.issuesBODY p {
							padding:10px 0 0 0;
							font-family:Georgia, "Times New Roman", Times, serif;
							font-size:13px;
							line-height: 18px;										
				}
				
								
				.issuesBODY li {
							font-family:Georgia, "Times New Roman", Times, serif;
							font-size:13px;
							line-height: 16px;				
							padding: 5px 0 0 0;
				}
				
				.issuesBODY H1 {
							font-family:Georgia, "Times New Roman", Times, serif;
							font-size:16px;
							color:#999;
				
				}
				
				.issuesBODY H2 {
							padding: 0;			
							line-height:30px;							
							font-family:Georgia, "Times New Roman", Times, serif;
							font-size:30px;
							font-weight:normal;
							color:#4c3839;
							margin: 5px 0 20px 15px;							
				}
				
				.issuesBODY H3 {
							font-size:16px; 
							ont-family:Georgia, "Times New Roman", Times, serif;
							color:#4c3839;
							margin: 15px 0 10px 0px;	
				}
				
/************************* contentRIGHT body for all pages EXCEPT "The Issues" -----------------------------*/
	
#contentRIGHT{
			float:left;
			margin: 30px 0 20px 30px;			
			width:520px;			
			padding-top:0;				
}
					
					#contenRIGHT p{
								font-family:Georgia, "Times New Roman", Times, serif;
								font-size:13px;
								line-height:18px;
								color:#000; 
								margin:0 0 0 20px;
					}
					
				
					#contentRIGHT ol li{ 							
								margin: 0 0 10px -10px;								
					}
					
			  #contentRIGHT p.who {								
								font-weight:bold;
								margin:20px 0 0 0;
								font-style:italic;														
					}
					
							#contentRIGHT .date {
										font-weight:normal;
							}
	
				#contentRIGHT H1 {
							font-family:Georgia, "Times New Roman", Times, serif;
							font-size:14px;
							font-weight:normal;
							font-style:italic;
							color:#000;		
							margin: 5px 0  10px 0;	
				}
				
				#events_col1{
							float:left;
							width:250px;							
							margin: 0 20px 0 0;
				}
				#events_col2{
							float:left;
							margin: 0 0 0 10px;
							width:240px;
				}				
				
				#news_col1{
							float:left;
							width:350px;							
							margin: 0 10px 0 0;
							border-right:1px solid #ccc;
				}
						#news_col1 p {font-size:11px;margin:2px 0;}
						#news_col1 p.date {font-weight:bold;}
						#news_col1 p.source {font-weight:bold; color:#4c3839; margin:2px 0;}
										
				
				#news_col2{
							float:left;
							margin: 0;
							padding: 0 0 0 10px;
							width:130px;						
				}				
				
				#network_col1 {
							float:left;
							width:320px;							
							margin: 0 10px 0 0;
							border-right:1px solid #ccc;
				}
				#network_col2{
							float:left;
							margin: 0;
							padding: 0 0 0 10px;
							width:160px;
					}
					
				#links_col1 {
							float:left;
							margin:0;
							padding:0 10px 0 10px;
							width:340px;
				}
				
							#links_col1 a {background-image:url(../img/arrow.jpg);  background-repeat:no-repeat; padding: 0 0 0 10px;}
							#links_col1 p, #links_col2 p {margin-bottom:15px;} 
				
				#links_col2 {
							float:left;
							margin:0;
							padding:0 0 0 10px;
							width:150px;
				}					
					
				
				#contentRIGHT.events h1{
							font-family:Georgia, "Times New Roman", Times, serif;
							font-size:18px;
							width:200px;
							font-weight:bold;
							color:#000;
							margin: 10px 0 0 0;
							padding: 0 0 5px 0;
													
				}			
				
				#contentRIGHT.events h2{
							font-family:Georgia, "Times New Roman", Times, serif;
							font-size:12px;			
							width:200px;										
							color:#000;				
							margin: 10px 0 3px 0;				
							padding-top: 4px;
				}
				 
				 #contentRIGHT.events h3{
							font-family:Georgia, "Times New Roman", Times, serif;
							font-size:16px;
							font-weight:normal;;
							color:#4c3839;
							margin: 3px 0 15px 0;	
							border:none;
				}
				
				#contentRIGHT.events h4 {
						font-family:Georgia, "Times New Roman", Times, serif;
						font-size:14px;
						margin:-10px 0 5px 0;
						color:#666666;
						font-weight:normal;
				}
				
			
				
				#contentRIGHT.events p {
							margin: 0px 0 10px 0;
							line-height:14px;
				}
				
				#contentRIGHT.reading {
							/*margin:35px 0 0 0px;
							overflow:visible;*/
				}
				
	
				.poverty img {
							margin: 0 0 0 20px;
				}							

#footer {
			clear:both;			
			float: left;				
			border-top:2px solid #ebece6;
			margin: 30px 0 0 0;		
			width:90%;	
}

			#buy {
						margin:10px 0 0 0;
						float:left;						
			}
			
			#footer_text{
						float:right;
						margin: 10px 0 0 0;
						color:#999;
			}
			
			#footer a {
					color:#1C581B;
					font-weight:normal;
					text-transform:none;
					font-size:11px;		
			}
			
			#footer a:hover {color:#999;}
			
			
/******ROTATING  HOME PAGE STYLE*/

#scriptspaginate {
			margin: 0 10px 0 -5px;
}

.paginationstyle{ /*Style for pagination divs*/
			width: 150px;
			text-align: right;
			padding: 2px 0;
			margin: 10px 0;
}

.paginationstyle select{ /*Style for pagination divs' select menu*/
			border: 1px solid navy;
			margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
			padding: 0 5px;
			font-size:10px;
			text-decoration: none;
			border:1px solid #ccc;
			color:#000;
			background-color:#ebece6;
}

.paginationstyle a:hover, .paginationstyle a.selected{
			color: #000;
			background-color: #CCC;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
			border: 0;
			padding: 0;
}

.paginationstyle a.imglinks img{
			vertical-align: bottom;
			border: 0;
}

.paginationstyle a.imglinks a:hover{
			background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
			color: #000;
			background-color: yellow;
}