/* 
Colors: 
red: 81C6E2

Reference:		
TRANSPARENCY	     	filter: alpha(opacity=95);     -moz-opacity: 0.95;

*/

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography */

body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1 {font-size:2.5em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.5em;}
h3 {font-size:1.4em;line-height:1.2;margin-bottom:0.8em;color:#666666;font-weight:bold;}
h3.sub { margin-top: -.6em;color:#666666;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;font-weight:bold;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
a {color:#993333;text-decoration:underline;}
a:focus, a:hover {color:#6F0800;}
blockquote {font-size:1.2em;margin:1.5em;color:#333;font-style:italic;}
blockquote p.credit {font-size:1.0em;margin:-1.0em 0 1.5em 0 !important; color:#666666;font-style:italic;}
blockquote p.credit a {color:#333;}
blockquote h2 { font-size: 1.2em; font-weight: bold;}
blockquote h6 { font-weight: normal; color: #666666;}

#the-book-reviews blockquote { font-style:normal;font-size:1.0em;margin:3em ;}
#the-book-reviews blockquote p.credit {margin:1.5em 0 1.5em 0;}
#the-book-reviews blockquote strong { color: #CC0000; }
#the-book-reviews blockquote .imgLeft, #the-book-reviews blockquote .imgRight { border: 1px solid #666666; }

strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 2.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table.dataTable {margin-bottom:1.4em;width:100%;border: 1px solid #CCCCCC;}
.dataTable th {font-weight:bold;background:#CECECE;}
#pageTable .dataTable th, #pageTable .dataTable  td, #pageTable .dataTable caption {padding:4px 10px 4px 5px;}
.dataTable tr.even td {background:#e5ecf9;}
.dataTable tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.9em;margin-bottom:1.875em;line-height:1.5em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.pullquoteRight, .pullquoteLeft { padding: 0 4px 0px 8px; float: right; width: 200px;  
margin: 10px 0 10px 20px; border: 1px solid #CBCBCB; border-left: 8px solid #CBCBCB; border: none; border-top: 3px double #CBCBCB; border-bottom: 3px double #CBCBCB; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; 
line-height: 120%; text-align: center; }
.pullquoteLeft p,.pullquoteRight p, .pullquoteFull p {font-family: Georgia, "Times New Roman", Times, serif;font-size: 1.2em;line-height: 120%;margin:1.2em 0;}
.pullquoteLeft {float: left; margin: 10px 20px 10px 0; text-align: left; }
.quoteCredit {text-align: right;  font-style: normal; margin-bottom:0; }
.pullquoteFull {padding: 0px 4px 0px 8px; 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; }
.note { font-style: italic; color: #666; margin: 10px 0; }
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}

/* icons */
/* gray icons (default) */
a.pdf { background:url(../images/icons/pdf.gif) right 0 no-repeat;padding: 0 14px 0 0; }
li.audio {list-style:none;background:url(../images/icons/audio.gif) 0 3px no-repeat;margin-left:-1.5em;padding-left:1.5em;}
li.video {list-style:none;background:url(../images/icons/video.gif) 0 3px no-repeat;margin-left:-1.5em;padding-left:1.5em;}
li.slideshow {list-style:none;background:url(../images/icons/slideshow.gif) 0 3px no-repeat;margin-left:-1.5em;padding-left:1.5em;}
li.news {list-style: none;background:url(../images/icons/news.gif) 0 3px no-repeat;margin-left:-1.5em;padding-left:1.5em;}
/* red icons: <ul class="red"> */
ul.red li {list-style:none;background:url(../images/icons/dot-red.gif) 1px 5px no-repeat;margin-left:-1.5em;padding-left:1.5em;}
ul.red li.audio {background-image:url(../images/icons/audio-red.gif);background-position: -1px 3px;}
ul.red li.video {background-image:url(../images/icons/video-red.gif);background-position: -1px 3px;}
ul.red li.slideshow {background-image:url(../images/icons/slideshow-red.gif);background-position: -1px 3px;}
ul.red li.news {background-image:url(../images/icons/news-red.gif);background-position: -1px 3px;}

/* images */
p img.left, .imgLeft {float:left;margin:0.2em 1.5em 1.5em 0;padding:0;}
p img.right, .imgRight {float:right;margin:0.2em 0 1.5em 1.5em;}
p img.right, p img.left, .imgLeft img, .imgRight img,.imgFull img  {}
div.imgRight, div.imgLeft {width: 300px;}
div.imgRight img, div.imgLeft img {border: 1px solid #CBCBCB; }
div.lightbox { width: 250px;}
div.lightbox img {border: 1px solid #000; }
#juliette-fournot div.lightbox img {border: 1px solid #CBCBCB; }
div.lightbox p.note { margin-top: 0;}
.enlarge { font-size:.8em;margin-top:0em;margin-bottom:0em;line-height:1.875em;color:#8F8F8F;text-align:right; }
.enlarge a { color:#8F8F8F;text-decoration:none;padding: 0 0 5px 14px;background: url(../images/icons/magnify-plus.gif) no-repeat 0 2px ; }
.credit { font-size:.8em;margin-top:0em;margin-bottom:0em;line-height:1.325em;color:#8F8F8F;text-align:right; }
.caption { font-size:.8em;margin-bottom:0em;line-height:1.325em;color:#4F4F4F;clear:both; }
.imgRight a { color: #4F4F4F; }
.enlarge { text-align: right; font-size: 11px; margin-bottom: 0; }
.enlarge a { color: #4F4F4F; text-decoration:none;   padding: 0 0 5px 14px; 
	background: url(/images/global/icons/magnify.gif) no-repeat 0 2px ; }

/* layout */
body {background: #fff;}															
#container { max-width: 900px; background: #fff;margin: 10px auto;
	width:expression( document.body.clientWidth > (900/12) *  parseInt(document.body.currentStyle.fontSize)? "900px": "auto" ); }
#pageHeader { display: relative; width: 100%; height: 145px; background: #666666; border-bottom: 5px solid #000;}
#printHeader {display:none;}
#pageHeader	img { display: inline; }
#pageTable, #pageTable td { padding:0;margin:0;	}
#pageBody { width:710px;background:#fff;}
#pageContent { padding: 35px;background: #fff; border-right:1px solid #CCCCCC;}
#pageFooter { background: #5F0700; color:#ffffff;	padding:12px 12px 12px 12px;  font-size:.9em;   }
#pageFooter p#footerLinks { color: #8F4C47; }
#pageFooter p#footerLinks a { padding: 0 2px; }
#pageFooter p {color: #fff; margin:5px;}
#pageFooter a {color:#fff;}
#rightCol { width: 192px; background: #CECECE;  }
#leftCol { width: 190px; background: #CECECE;  text-align: center; }

#pageNav { margin: 0 0 10px 0; padding: 0; list-style: none; text-align: left; }
#pageNav li { background: none; margin: 0; padding: 0; display: inline; line-height: normal; }
#pageNav a { display: block; background: #DEDEDC; color: #CC0000; text-decoration: none;
	border-bottom: 1px solid #CECECE; font-weight: bold; padding: 8px 10px; } 
#pageNav a:hover { background: #eee; }
#pageNav .on a { background: #999999; color: #fff; }
#pageNav .on a:hover { background: #999999; color: #fff; }
#pageNav .on h6 { color: #CFCFCF; }

#pageNav .subNav { padding: 0; margin: 0; list-style-type: none;border-bottom:1px solid #CECECE;}
#pageNav .subNav li { margin: 0; padding: 0;  }
#pageNav .subNav a { line-height: 12px; color: #CF0003; background:#DEDEDC;
	padding: 6px 10px 6px 24px; font-weight: normal; 
	border: none; font-size: 11px;  border-right: 1px solid #DEDEDC;}
#pageNav .subNav a:hover {background-color: #eee; color:#CF0003;}
#pageNav .subNav .on a {background-color: #999999;color:#fff;}
#pageNav .subNav .on a:hover {background-color:#BFBFBF;color: #000;}

#pageNav .subNav li a { }
/*
#pageNav a#didier-lefevre { background-image: url(../images/didier-lefevre-small.jpg);background-position: 10px 0; background-repeat:no-repeat; padding-left:55px;}
#pageNav a#emmanuel-guibert { background-image: url(../images/emmanuel-guilbert-small.jpg);background-position: 10px 0; background-repeat:no-repeat; padding-left:55px;}
#pageNav a#juliette-fournot { background-image: url(../images/juliette-fournot-small.jpg);background-position: 10px 0; background-repeat:no-repeat; padding-left:55px;}
*/

#pageOptions { width: 100px; float: right; }

#pageTitles h1 { margin: 0;}
#pageTitles h2 { font-size:1.7em; margin: .15em 0 0 0; }
#pageTitles { margin:0 0 1.5em; }

.item { margin: 0 0 10px 0; padding: 10px;  border: 1px solid #A1A1A1; background: #eee; }

/* misc */
.spacer 			{ clear: both;  visibility:hidden; height:0px; font-size:0px; line-height:0px; }			/* used to fix CSS float bugs */
.leftHalf		{ float:left;	 	width:50%; 	position:relative;	}
.rightHalf		{ float:right; 	width:49%; 	position:relative; 	}

 /******* 	GENERAL PAGE AREAS		*******/

.sidebar {float:right;margin:0 0 20px 20px; width:220px; background: #eee; 
	padding: 10px; border:1px solid #CBCBCB; color: #666; line-height: 18px;}
.sidebar h2 {font-size:1.2em;margin-bottom:0.4em; font-weight:bold;}
.sidebar ul { margin-bottom: 0px;  }

.sidebarContent { margin: 10px; text-align:left;}
.sidebarContent p { font-size:0.9em; }
.sidebarContent h2 {font-size:1.2em;margin-bottom:0.2em;font-weight:bold;}

.player { margin-bottom: 1em; }
/*
h3 {font-size:1.4em;line-height:0.8;margin-bottom:0.8em;color:#666666;font-weight:bold;}
h3.sub { margin-top: -.6em;color:#666666;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
*/

.morelink 			{ color:#FDBF56; text-decoration:underline;			}
.callout1 			{ float:right; border:1px solid #CCCCCC; margin:18px 18px 8px 28px; padding:10px 12px 12px 12px; width:185px;
				  	 	  color:#696969; font-size:11px; line-height:14px;	}

/* USAGE: .leanrmore 
note: specify width for .learnmorebg for IE6, if other than 170px
<div class="learnmore">
  <a href="" class="learnmorebg">Text</a>
</div>
*/			
.learnmore { font-family:Verdana, Arial, Helvetica, sans-serif; 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; margin:5px 0; width: 160px; }
.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 { color:#fff; }
.learnmore span { color: #FFCC00; }

.map { float: right; width: 300px; margin: 0 0 10px 10px; text-align:right;  }
.map iframe {border: 1px solid #CECECE;}
.map small a { color: #8F8F8F; }
.map {color: #8F8F8F; }

#exhibit-thumbs { margin: 0 0 10px 0; width:88%; }
#exhibit-thumbs img { float: left; margin: 0 8px 10px 0; }
#exhibit-thumb img.last { margin-right: 0; }

.videoEmbed { float: right; width: 320px; margin: 0 0 10px 10px; }

#the-people .imgLeft { width:200px;margin-right:12px; text=align:center; }
#the-people .imgLeft a {font-weight:bold;}
#the-people p { margin-bottom:4px;text-align:center;}

#msf-website { margin: 0 0 6px 0; text-align:right; font-size:0.9em;color:#ccc; }
#msf-website a {color:#ccc; background: url(../images/msf-logo-small.png) left -1px no-repeat; padding: 0 0 4px 27px; margin-left:-2px;  }

#pressKitImages td img { border: 1px solid #CBCBCB; }
#pageTable #pressKitImages.dataTable td {padding:10px 10px 10px 5px; }

#articleOptions { float: right; margin: 0 0 0 10px; }
#articleOptions ul { margin: 0; padding: 0; }
#articleOptions li { margin: 0 0 5px 0; padding: 0; list-style: none; background: none !important; }
#articleOptions a { color: #4C4C4C; font-size: 11px; text-decoration: none; text-transform: uppercase; padding-left: 20px; }
a#articlePrint { background: url(/images/global/icons/printer.gif) 2px 2px no-repeat; }
a#articleEmail { background: url(/images/global/icons/mail.gif) 2px 2px no-repeat; }
a#articleShare { background: url(/images/global/shareIcon.gif) 0 0 no-repeat;  padding-bottom: 4px ; }
a#articleDonate { background: url(/images/global/icons/arrow_fwd.gif) 4px 3px no-repeat; color: #000; font-weight: bold; }
a#articleComment {  background: url(/images/global/icons/comment.gif) 3px 1px no-repeat;  }

/* COMMENTS */
#contentComments ol { margin: 0 0 0 10px; }
#postComments { margin-top: 10px; }
.comment { padding: 10px 0 5px 0; border-bottom: 1px solid #CCCCCC; }
.commentInfo { width: 85px; font-size: 11px;   float: left; margin-right: 5px; }
.commentBody { width: 500px; float: left; }


/* Flickr images */
#flickr_badge_wrapper td img { border: 1px solid #CBCBCB; margin: 0 5px 0 0; width: 100px;  }

#flickr img { float: left; margin: 0 5px 5px 0;  background:#3f4e4e; padding: 2px; width: 215px; height: 144px; }
#flickrSidebar { width: 168px; margin : 0 auto; }
#flickrSidebar img {margin: 0 2px 5px 2px;  background:#3f4e4e; padding: 2px; float: left; }

/* FORMS */
.fform INPUT 		{ 	padding:2px; margin:0px; 	font-size:13px;	   
							color:#000000; 
				  	      border: 1px solid #CCCCCC; 	
					 		border-top-color:#000000;	
					  		border-left-color:#000000;	   }
.fform SELECT 		{  padding:0px; margin:0px; 	font-size:13px;	   
							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 INPUT.checkbox	 	{ border:0px;	 margin:0px; 	padding:0px;}
.fform INPUT.clean		 	{ border:0px;	 margin:0px; 	padding:0px;}

/*
.fform INPUT.formButton 	{ font-size:13px; border: 1px solid #666666;
					  				  text-decoration:none;	 padding: 1px 5px 1px 5px;	margin: 0 0px 0px; 
					  				  background-color:#eee; }  			  
.fform INPUT.formButton:hover 	{ background-color:#CCCCCC;}
.fform INPUT.formButton:active { border-style: inset;}
*/

.fform INPUT.formButton 	{ 
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background-color: #FFFFFF;
background-image: url(/cms/assets/images/background_form_element.gif);
background-repeat: repeat-x;
color: #333333;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;}  			  
.fform INPUT.formButton:hover 	{ background-color:#CCCCCC;}
.fform INPUT.formButton:active { border-style: inset; border-color: #cccccc; }

/* ajax form */
#log_res.ajax-loading {
	padding: 10px 0;
	background: url(/images/global/spinner.gif) no-repeat center; }


/* css validation */
.validation-failed { border: 1px solid #f00; }
.validation-passed { 	border: 1px solid green; }
.validation-advice { color: #DC0204; font-size: 11px; margin: 0; padding: 0; }
.warning { border: 1px solid #c66; }
.warning-advice { margin: 2px; padding: 2px; color:#fff; background-color:#bbb; }

.simpleRow							{ padding: 2px; }									  
.simpleRow label				{ font-size:11px; 
													/* font-weight: bold; color:#333333; */
													padding: 0 2px 0 0; }
.simpleRow label2				{ font-size:12px; font-weight: bold; 
													padding: 0 2px 0 4px; color:#333333;}
.simpleRow .note				{ font-size:11px; font-weight: normal; line-height:12px; color:#666666;  padding: 2px 0 0 0;}

.simpleRow .content 		{float: left; width: 280px; padding: 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;}

.subOption { padding-left:20px; }