body	{ margin: 0; 
	color: #333333; 
	background: #505050 url(../images/bg.jpg) repeat-x;
	width: 100%;
	text-align: center;  }	
/*#idSub  {background: #505050 url(../images/bg_sub.jpg) repeat-x;}*/
			
body, table	{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;  }
	
/*********************************************************** 
links
************************************************************/
a { color: #333; } /* blue: #156EAF */
a:hover { text-decoration:none; }
a.linkButton { background: #BEBDBD; color: #000; font-weight: bold; text-decoration: none;
	font-size: 12px; padding: 2px 4px; border: 1px solid #BEBDBD;
	border-right: 1px solid #8C8B8B; border-bottom: 1px solid #8C8B8B	; }
a:hover.linkButton { background: #CCCCCC; }
/*********************************************************** 
header
************************************************************/
#siteTitle { display: none; }
h1, h2, h3, h4, h5, h6 { color: #000000; }
/* h1,h2: 	article and page titles) */
h1	{ font-size: 20px; line-height:26px; font-weight:bold; margin:0 0 10px 0;  }																
h2	{ font-size: 17px; line-height:19px; font-weight:bold; margin: 20px 0 10px 0; }		
h2 a	{ text-decoration: none; line-height: 120%; }		
h2 a:hover	{ color: #000000;}		
/* h3,h4,h5: 	misc uses; h3 is red, h4 is gray */
h3 	{ color: #D00000; font-size: 13px; line-height:19px; font-weight:bold; margin: 0 0 5px 0;}
h3 a { text-decoration: none; color: #dd0000; }
h4 	{ color: #C00202; font-size: 13px;  font-weight:bold; margin: 12px 0 0; }
/* h5: 	used on sub pages for article headings */
h5 	{ font-size: 14px; line-height:15px; font-weight:bold; margin: 0 0 5px 0;}
/* h6: 	used on home page for type of articles 	(press release, media feature, etc) */
h6 	{ text-transform: uppercase; font-size: 10px; font-weight: normal;  color: #8C8C8C; margin:0; }
h6 a, h6 a:visited {  text-decoration: none;  color: #8C8C8C;}
h6 a:hover { color: #797778; text-decoration: underline; }

/*********************************************************** 
lists
************************************************************/
ul { margin: 0; padding-left: 15px; }
ol { margin: 0 0 10px 22px;	padding: 0;	}	
#pageContent li {	margin: 2px 0; padding: 0;	}
#pageContent li.title { background: none; padding-left: 0; font-weight: bold; margin-top: 15px; 
												color: #5F5F5F; }
.eventList { margin: 10px 0 0 5px; }
/*********************************************************** 
page areas
************************************************************/
#idHome		{}		/* assigned to homepage Body tag */
#idSub		{}		/* assigned to subpage Body tag */
#pageContainer { height: 100%; margin: 0 auto;  width: 100%; width: 954px;text-align: left;  }
#pageHeader		{ position: relative; width: 100%; height: 212px;  
	background: #424242 url(../images/header.jpg) no-repeat; color: #D8D8D8;  }
/*#idSub #pageHeader		{ position: relative; width: 100%; height: 116px; 
	background: #424242 url(../images/header_sub.jpg) no-repeat;   }*/
#pageHeader	 a { color: #fff; font-size:10px; }
.langLinks { margin-left: 10px; }
.langLinks a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight: bold; text-decoration: none; }
.langLinks a:hover { background-color: #dd0000; color: #fff; }
#pageMainContent { width: 100%;  background: #ffffff url(../images/bg_content.gif) repeat-y;}
#pageTable 		{ height: 100%; width: 100%; }
#pageContent	{ padding: 10px 20px 30px 15px; }
#pageFooter		{ 	background: #505050 url(../images/footer.gif) top no-repeat; 
	 color:#8C8C8C;	padding:20px 12px 12px 12px;  
	 font-size:11px; line-height: 120%;   }
#pageFooter a  { color:#ffffff;	text-decoration:none; padding: 0 6px;}
#pageFooter a:hover { text-decoration:underline;}
#rightCol { float: right; width: 320px; margin: 0 0 0 15px; }

.nosidebar #pageMainContent {  background-image:  url(../images/bg_content-nosidebar.gif); }
.nosidebar #pageHeader { background-image: url(../images/header-nosidebar.gif);}
.nosidebar #pageFooter {  background-image:  url(../images/footer-nosidebar.gif) ; }

#guide #pageFooter {  background-image:  url(../images/footer-guide.gif) ; }
#guide #pageHeader { background-image: url(../images/header-guide.gif); }
#guide #pageMainContent { background: #ffffff url(../images/bg_guide.gif) repeat-y;}
#guide-sidebar { width:135px;margin-left:8px;}
#guide-sidebar h2 {margin-top: 0;}

/*********************************************************** 
map
************************************************************/
.googleMap { float: right; margin: 0 50px 10px 10px; text-align: right; }
.googleMap iframe { border: 1px solid #999999; }
.googleMap a { color: #999999; font-size: 11px; text-align: right; }
/*********************************************************** 
sidebars
************************************************************/
.pageCol {   }
#pageLeftCol { width: 165px; padding: 0 5px 0 2px; margin: 0 15px 0 0; }
.sidebarSection { margin-bottom: 10px; }
.sidebarItem { margin-bottom: 10px; }
 
.pageCol ul { margin: 0; padding:0; }
.pageCol ul li { padding-bottom: 0; }
.pageCol ol { margin: 0 0 0 22px; padding:0; }
.pageCol ol li { padding-bottom: 10px; }
/*********************************************************** 
tables
************************************************************/
				
.dataTable 			{ border:1px solid #CBCBCB; margin: 0 0 20px 0;}
.dataTable th 		{ padding:4px; background:#797778; color:#EFEFF1; font-weight:bold; font-size:12px; text-align: center; vertical-align: bottom; }
.dataTable td 		{ padding:4px; }
.dataTable td. 		{ padding:4px; }
.dataTable tr.alt { background: #eee; }
.dataTable ul li { list-style: url(bullet_arrow-light.png); }
.formTable { font-size: 90%; }
.formTable th { text-align: right; padding-top: 5px; font-weight: normal; }
.formTable td { padding: 4px; }
/*********************************************************** 
miscellaneous
************************************************************/
tr,td				{ vertical-align:top;	}
p 					{ margin:0px 0px 5px 0px; padding:0 0 5px 0;				}
hr					{ height:1px; border:0px; color:#CCCCCC; background:#CCCCCC;	}
form				{ margin:0; padding:0;						}
sup 			{ font-size:8px; line-height:0px; font-family: Arial;}
.spacer 			{ clear: both; } 
.break 			{ clear: both; margin: 0; line-height: 0; } 
.leftHalf		{ float:left;	 	width:50%; 	position:relative;	}
.rightHalf		{ float:right; 	width:49%; 	position:relative; 	}
.smallText 		{ font-size:11px;	line-height:12px;	}
.tinyText 		{ font-size:10px;	line-height:11px;	}
.errormsg 		{ color:#E81600;		} 

img {	border: none; text-decoration: none;	}
img.middle { vertical-align:middle;}
.imgLeft { float: left; margin: 0 15px 10px 0; }
.imgRight { float: right; margin: 0 0 10px 10px; }
.imgBorder { border: 1px solid #5A4E65; }
.credit, .caption { margin: 0 0 10px 0;
	text-align: right; color:#696969; font-size: 11px; line-height:normal; }
.leftCol { float: left; width: 49%; }
.rightCol { float: right; width: 49%; }
ul.leftCol { float: left; width: 43%; }
ul.rightCol { float: right; width: 43%; margin-left:0; padding-left:0;}
.note { color: #666; font-size: .85em; }
.media { margin-bottom: 10px; border-bottom: 1px solid #CBCBCB; padding-bottom: 10px; }
.media img { border: 1px solid #9F9F9F; }
.eventDate { font-weight: bold; font-size: 13px; color: #0F527F; }

#mediaHighlights .media { width: 130px; float: left; margin: 10px 20px 0 0; border: none; font-size: 11px; }
#mediaHighlights .media h2 { font-size: 12px; font-weight: bold; margin: 0 0 5px 0; color:#333;}
#mediaHighlights .media img { margin: 0 0 5px 0; }


.pdf { background: url(icon_pdf-mini.gif) 0% 50% no-repeat; line-height: 24px; padding: 5px 0 5px 20px; }
.doc { background: url(icon_doc.gif) 0% 50% no-repeat; line-height: 24px; padding: 5px 0 5px 20px; }
#refugeeHotSpots h2 { margin: 20px 0 20px 0; }
#refugeeHotSpots h4 { margin: 0 0 10px 0; }
#refugeeHotSpots .imgLeft img { border: 1px solid #A3A2A2; }
#refugeeHotSpots ul { margin-left: 5px; }
#refugeeHotSpots li { margin-left: 0; }
.hotspot { margin-bottom: 20px;  }
.hotspot .text { width: 530px; float: right;  }

/*********************************************************** 
callout boxes
************************************************************/
.callout 			{ float:right; margin:0 18px 10px 28px; 
								padding:10px 12px 12px 12px; width:185px;
								color:#696969; font-size: 11px; line-height:150%; 
								background: #eee;
								border: 1px solid #A1A1A1;
								border: 1px solid #CBCBCB;  	}
.calloutLeft 	{ float:left; margin:18px 18px 10px 8px; 
								padding:10px 12px 12px 12px; width:185px;
				   			color:#696969; font-size:90%; line-height:150%;  
								border: 1px solid #A1A1A1;
								border: 1px solid #CBCBCB;   }
.callout h2, .calloutLeft h2 { margin: 0 0 10px 0; }
.callout h1, .callout h3, .callout h4, .callout h5, .callout h6 { margin-top: 10px; }
.calloutLeft h1, .calloutLeft h3, .calloutLeft h4, .calloutLeft h5, .calloutLeft h6 { margin-top: 10px; }
.item { background: #eee; border: 1px solid #CBCBCB; padding: 5px; margin: 5px 0; }
.item a { text-decoration:none; }
.item h6, .item .caption { text-align:left; }
.item-border { border: 1px solid #CBCBCB; padding: 10px; }
#imageDownloads img { float: left; margin: 0 10px 10px 0; }
/*********************************************************** 
round corners
************************************************************/
.round_rect-1 { background: url(../images/round_rect-bottom-left.gif) no-repeat left bottom; }
.round_rect-2 { display: inline-block; background: url(../images/round_rect-bottom-right.gif) no-repeat right bottom; }
.round_rect-3 { background: url(../images/round_rect-top-left.gif) no-repeat left top;
	position: relative; }
.round_rect-4 { background: url(../images/round_rect-top-right.gif) no-repeat right top;
  padding: 14px 12px 20px 12px; position: relative;}
#aboutRefugees { background-color: #eee; float: right; width: 410px; color:#696969; font-size: 12px; line-height:150%; 
								margin: -30px 0 10px 20px; }
#aboutRefugees h2 { margin-top:0; color: #d00000; }
#profileControls { width: 400px; float: right; padding-right: 10px; margin-top:-50px; margin-bottom:35px;}
#profileControls #prevLink, #profileControls #nextLink { text-decoration:none; font-weight:bold; background:url(rcbutton-red-right.gif) no-repeat 100% 50%; height:24px; padding: 4px 0px 8px; color:#fff; }
#profileControls a #Linkbg { background:url(rcbutton-red-left.gif) no-repeat 0% 50%; height:24px; padding: 5px 9px 0px; }
#profileControls a { color:#fff; }
.firstp { width: 330px; }
.profilePic { border: 1px solid #CBCBCB; }
#profile1, #profile2, #profile3 { display: none; }
#refugeeHotSpots .hotspot .imgLeft .enlargeLink { border: none; float: right; }
#enlargedPhoto { margin: 0 auto 0 auto; width: 750px; height: 500px; text-align: center;}
#enlargedPhoto img {}
#idEnlargeImage {margin: 0; background: #000000; color: #ffffff; font-size: 11px; }
#idEnlargeImage a { color: #ffffff; }
#photoDetails { width: 750px;  margin: 0 auto; padding: 7px 3px;}
#photoControls { float: right; width: 100px; }
#photoDetails #caption { float: left; }
/*********************************************************** 
page titles		
************************************************************/
#pageTitles {  margin-bottom: 20px; }
#pageTitles h2 { margin-top:-5px; color: #8C8C8C;  }
.pullquoteRight, .pullquoteLeft  { width: 250px; line-height: 1.2em;  background: url(../images/icon_quotation-open.gif) no-repeat 0% 0%; text-align: right; }
.pullquoteRight { float: right; margin: 0px 0px 10px; }
.pullquoteLeft { float: left; margin: 0px 0px 10px; }
.pullquoteFull { padding: 10px 10px 5px; border: 3px double #CBCBCB;
	font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; 
	line-height: 120%; margin: 10px 0; }
blockquote { background: url(../images/icon_quotation-close.gif) no-repeat 100% 100%; border:none; margin: 0px; padding: 0px 30px 0px 37px; font-style: italic; text-align: center; font-family: "Times New Roman", Times, serif; font-size: 1.2em; }
.readmore { float: right; font-style: normal; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; background:url(bullet-red.gif) no-repeat 0% 60%; padding-left: 12px; }
.learnmore { text-decoration:none; font-weight:bold; background:url(rcbutton-red-right.gif) no-repeat 100% 50%; height:24px; padding: 0px 0px 5px; text-align:center; float:right; }
.learnmorebg { background:url(rcbutton-red-left.gif) no-repeat 0% 50%; height:24px; display:block; padding: 5px 9px 0px; color:#fff; text-decoration:none; }
.learnmore a:hover, .learnmore a:focus { color:#fff; }
.box li { list-style: none; }
/*.profiletop { background:url(../images/rounded-corners.gif) no-repeat 0% 0%; height:10px; clear:both; width: 550px; }
.profile { padding:5px 10px; border:1px solid #cbcbcb; border-width:0 1px; background-color:#eee; }
.profilebottom { background:url(../images/rounded-corners.gif) no-repeat 0% 100%; height:10px; clear:both; width: 550px; }*/
.iconlist { list-style: none; padding-left: 0; }
.iconlist a { text-decoration: none; }
.iconlist a:hover { text-decoration: underline; }
.icon { padding: 5px 0 0 28px; min-height: 24px; display: block; background-repeat: no-repeat; background-position: 0% 40% }
.icon.slideshow { background-image: url(../images/icon_slideshow.gif); }
.icon.podcast { background-image: url(../images/icon_podcast.gif); }
.icon.video { background-image: url(../images/icon_video.gif); }
.icon.audio { background-image: url(../images/icon_audio.gif); }
.icon.globe { background-image: url(../images/icon_globe.gif); }
.icon.news { background-image: url(../images/icon_news.gif); }
.icon.press { background-image: url(../images/icon_press.gif); }
.icon.title { text-decoration: none; font-weight: bold; font-size: 18px; color: #000; }
.thumb { float:left; width: 200px; margin: 0px 25px 3em 0px; }
.thumb img { border: 1px solid #ccc; text-align: center; }
.thumb .text { margin: 4px 0px; font-style: italic; }
.twocols { float: left; margin-right: 10px; width: 49%; }

#upcomingexhibits { list-style: none; margin: 0px 10px 0px 0px; }
#upcomingexhibits li { padding: 5px 0px 0px; border-bottom: 1px solid #eee; height: 85px; }
.largeNum { font-size: 20px; font-weight: bold; }

.backToTop a { background: url(arrow_expand_up.gif) no-repeat 0% 50%; padding: 0 0 0 13px; 
font-size: 11px; text-decoration: none; float: right; color: #666; }

#donateTextLink { margin-top: 20px;  }
#donateTextLink a {  padding: 0 0 2px 30px; background: url(../images/msf-small.gif) 0 0 no-repeat; 
	color: #DD0000; text-decoration: none; }
#donateTextLink a span { color: #000000; background: none; } 
#donateTextLink a:hover { color: #333333; }

/* ---------- ---------- from rfgc_nav.css ---------- ---------- */


#pageLeftCol h3 { margin: 30px 0 10px 10px; font-size: 20px; }

/******************* 
header nav
********************/

#headerNav { position: absolute; top: 5px; right: 0; color: #505050;	}
#headerNav a { color: #ffffff; font-size: 11px; }

/******************* 
left nav
********************/

.mainNav { list-style: none;  margin: 0; padding: 0;  }
.mainNav li	{ padding: 0; margin: 8px 0 4px 0;  }

.mainNav a { color: #424242; font-size: 14px; padding: 4px 15px 4px 10px; font-weight: bold; text-decoration: none;  display: block; margin: 0; line-height: 14px; }

.mainNav a:hover, #mainNav li.over a  { background: #D00000; color: #ffffff; }
.mainNav li.on a  { background: #d00000;  color: #ffffff; }

.mainNav #donate a {  }

	 
.mainNav li { margin: 0;  display:inline;}
.mainNav a.eventOver{ /*color: #7F7F7F;*/ }

.mainNav.mainNav li.title { font-size: 16px; font-weight: bold; color: #D00000; padding: 0 0 3px 10px; 
	 display:block; margin-top: 15px; }

.campDates { font-size: 11px; font-weight: normal; padding: 0;  color: #797979;}

.mainNav a:hover .campDates { color: #ffffff; }	
.mainNav .on a .campDates { color: #ffffff; }

.subNav li a { font-size: 12px; padding-left: 25px;  }
.mainNav li .subNav li a { background: none; color: #000; }
.mainNav li .subNav li.on a { color: #dd0000; }

/* ---------- ---------- from rfgc_forms.css ---------- ---------- */

/********* CODE REFERENCE:	 *********** 
//GOOGLE TOOLBAR 	 background-color: #FFFFFF !important;		
********************/

/*******	FORM CLASSES	class="fform"  *******/
.fform INPUT {	padding:2px; margin:0px; font-size:11px;	   
								color:#000000; border: 1px solid #CCCCCC; 	
								border-top-color:#000000;	border-left-color:#000000; }
.fform SELECT {	padding:0px; margin:0px; 	font-size:12px;	   
								color:#000000; border: 1px solid #CCCCCC; 	
					 			border-top-color:#000000; border-left-color:#000000; }
.fform TEXTAREA	{	padding:2px; margin:0px; 	font-size:12px;	   
									color:#000000; border: 1px solid #CCCCCC; 	
					 				border-top-color:#000000; border-left-color:#000000; } 	
.fform .noborder { border: none; }							
.fform INPUT.checkbox { border:0px;	 margin:0px; 	padding:0px;}
.fform INPUT.clean { border:0px;	 margin:0px; 	padding:0px;}

.fform INPUT.formButton { font-size:12px; font-weight:bold;
					  				  text-decoration:none;	 padding: 1px 5px 1px 5px;	margin: 0 0px 0px; 
					  				  background-color:#8C8C8C; color:#FFFFFF;	
 					 				  border:outset 2px #8C8C8C;	}  			  
.fform INPUT.formButton:hover 	{ background-color:#AFAFAF;}
.fform INPUT.formButton:active { border-style: inset;}

									  
.fform label				{ font-size:12px; width:42%; float:left; text-align: right; font-weight: bold;  text-align: right; padding: 0 0 0 0; color:#333333;
	clear: both; }

.SimpleRow-Label				{ font-size:12px; width:42%; float:left; text-align: right; font-weight: bold;  text-align: right; padding: 0 0 0 0; color:#333333;}
.SimpleRow-Note				{ font-size:11px; font-weight: normal; line-height:12px; color:#666666;  padding: 2px 0 0 0;}
.SimpleRow-Field				{ width:58%; float:right; text-align: left; }
.SimpleRow-FieldPad			{ padding:0 0 0 10px }
.SimpleRow-Space				{ clear: both; height:5px; font-size:1px; line-height:1px;}

.SimpleRow-Req					{ font-size:11px;		line-height:12px;	float:left; padding-top:6px;}		


.SimpleRow-Label-Small		{ width:50%; float:left; text-align: right; font-size:11px;  text-align: right; padding: 0 0 0 0; color:#a1a2a2; font-weight:Bold}
.SimpleRow-Note-Small		{ font-size:11px; font-weight: normal; line-height:11px; color:#666666;  padding: 2px 0 0 0;}
.SimpleRow-Field-Small		{ font-size:11px; width:50%; float:right; text-align: left; color:#000000; }
.SimpleRow-FieldPad-Small	{ padding:0 0 0 5px }
.SimpleRow-Space-Small		{ clear: both; height:2px; font-size:1px; line-height:1px;}


.button, .button:visited, .button:hover, .button:active			{ 
					  font-size:12px; font-variant: small-caps; font-weight:Bold;
					  text-decoration:none;	 padding: 1px 5px 1px 5px;	margin: 0 0px 0px;
					  background-color:#0039a2; color:#FFFFFF;	
 					  border: 2px solid #000000; 	
					  border-top-color:#CCCCCC;	
					  border-left-color:#CCCCCC;	
					  }

.button:hover 	{ background-color:#0053ec;}
.button:active { border-style: inset;}


.gallery img { float: left; border: 1px solid #9F9F9F; margin: 0; }
