/*CSS stylesheet for MSF website - Authors in the Front Line*/
/* code html>body added to allow different code for IE6 and IE5 browsers if necessary */
body {color:#000; font: 70% verdana,arial,helvetica,sans-serif; margin: 0 auto; text-align: left;}
/*container for whole page*/
a {text-decoration: none;}
h1#hidden {font-size: 1px; padding: 0; margin: 0; border: 0; visibility: hidden;}
h2 {font-size: 2.4em; color: #c00; font-weight: normal; padding-top: 0; margin-top: -8px;}

#container {width: 751px; margin: 0; padding: 0; border: 0; text-align: left; background-color: #fff;}

/*banners with background image and title - different banner for home page and each article*/
#banner, #banner-chad, #banner-sierra, #banner-gaza, #banner-cambodia, #banner-burundi, #banner-assam, #banner-armenia, #banner-congo, #banner-colombia, #banner-brazil, #banner-uzbekistan, #banner-ukraine, #banner-nuba, #banner-morocco, #banner-uganda {width: 741px; margin: 5px 0 0 10px; padding: 0; border: 0; height: 130px;}
#banner {background: #fff url(../images/banner-home.jpg) no-repeat 0 5px;}
#banner-chad {background: #fff url(../images/chad/banner-chad.jpg) no-repeat 0 5px;}
#banner-sierra {background: #fff url(../images/sierra/banner-sierra-w.jpg) no-repeat 0 5px;}
#banner-gaza {background: #fff url(../images/gaza/banner-gaza-b.jpg) no-repeat 0 5px;}
#banner-cambodia {background: #fff url(../images/cambodia/banner-cambodia.jpg) no-repeat 0 5px;}
#banner-burundi {background: #fff url(../images/burundi/banner-burundi.jpg) no-repeat 0 5px;}
#banner-assam {background: #fff url(../images/assam/banner-assam.jpg) no-repeat 0 5px;}
#banner-armenia {background: #fff url(../images/armenia/banner-armenia.jpg) no-repeat 0 5px;}
#banner-congo {background: #fff url(../images/congo/banner-congo.jpg) no-repeat 0 5px;}
#banner-colombia {background: #fff url(../images/colombia/banner-colombia.jpg) no-repeat 0 5px;}
#banner-gaza {background: #fff url(../images/gaza/banner-gaza.jpg) no-repeat 0 5px;}
#banner-brazil {background: #fff url(../images/brazil/banner-brazil.jpg) no-repeat 0 5px;}
#banner-uzbekistan {background: #fff url(../images/uzbekistan/banner-uzbekistan.jpg) no-repeat 0 5px;}
#banner-ukraine {background: #fff url(../images/ukraine/banner-ukraine.jpg) no-repeat 0 5px;}
#banner-nuba {background: #fff url(../images/nuba/banner-nuba.jpg) no-repeat 0 5px;}
#banner-morocco {background: #fff url(../images/morocco/banner-morocco.jpg) no-repeat 0 5px;}
#banner-uganda {background: #fff url(../images/uganda/banner-uganda.jpg) no-repeat 0 5px;}

/*top navigation - not currently used*/
/*#nav1 {width: 740px; text-align: center; margin: 0 0 10px 10px; padding: 0; height: 1.8em; border-bottom: 2px #ccc solid; border-top: 2px #ccc solid; background-color: #ddd;}
html>body #nav1 {margin: 0 0;}
#nav1 ul {list-style: none; padding: 0; width: 50em; margin: 0 auto; white-space: nowrap;}
#nav1 li {float: left; margin: 0;}
#nav1 a {display: block; font: 0.8em geneva,arial,helvetica,sans-serif; padding: 0 15px; height: 2em; line-height: 2em;
color: #000; text-decoration: none; text-align: center; float: left; font-weight: bold; text-transform: uppercase; background-color: #ddd;}
#nav1 a:hover {color: #000; background-color: #fff;}*/

/*maincontent - just a container for article and right-hand column, includes background faux-column on right*/
#maincontent {width: 740px; margin: 20px 0 0 10px; padding: 0; border-left: 1px solid #c00; background: #fff url(../images/greybgline.gif) repeat-y 100% 0;}
html>body #maincontent {width: 739px;}

/*article - contains main text of page, usually article*/
#article {float: left; width: 515px; margin: 10px 10px 10px 5px; padding: 0; border: 0; background-color: #fff;}
html>body #article {width: 510px; margin: 10px 10px 10px 10px;}
#article p {color: #333; margin: 1em 0; line-height: 1.4em;}
#article a:hover {color: #c00;}
p#page {text-align: right;}
p#page strong {color:#c03;}

/*styles for home page*/
#article-home {float: left; width: 515px; margin: 0 10px 10px 5px; padding: 0; border: 0; background-color: #fff;}
html>body #article-home {width: 510px; margin: 0 10px 10px 10px;}
#article-home p {color: #333; margin: 0.8em 0; line-height: 1.4em;}
#article-home a:hover {color: #c00;}
#homepage-grey {margin: 0; padding: 0; background-color: #ddd;}
html>body #homepage-grey {margin-top: 8px;}
#homepage-grey h1 {background-color: #ddd; color: #ddd; font-size: 2em; font-weight: normal; padding-top: 0; margin-top: -8px;}
.image-left-home {float: left; margin: 0 8px 8px 0;}
#headline-home {float: right; width: 179px; border:0; padding: 0;}
html>body #headline-home {width: 174px; margin-top: -10px; margin-bottom: 12px;}
#headline-home p {font: 2em georgia,times new roman,times,serif; color: #fff; background-color: #666; margin: 0; padding: 8px;}
html>body #headline-home p {padding: 12px 8px;}

/*righthand column*/
#rightcolumn {float: left; width: 170px; margin: 10px 5px 10px 20px; padding: 0; border: 0;  background-color: #ddd;}
#rightcolumn h2 {color: #c00; font-size: 1em; font-weight: bold; margin: 8px 0 12px;}
.article-title {background-color: #eee; margin: 5px 0; padding: 5px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 3px solid #ccc; border-left: 3px solid #ccc;}
.article-title p {margin-top: 0; margin-bottom: 0; color: #666;}
.article-title a {color: #666;}
.article-title a:hover {color:#000;}

/*foot page containing MSF address etc*/
#footer {width: 741px; margin: 10px 0 10px 10px; padding: 5px 0; border: 0; background-color: #c00; color: #fff;}
#footer p {text-align:center;}

/*styles for clearing horizontally aligned divs */
.clear {clear: both; height: 1px; font-size: 1px;}
.clear-large {clear: both; height: 10px; font-size: 1px;}
#clear1 {clear: both; height: 1px; font-size: 1px; background: #fff url(../images/greybgline.gif) repeat-y 100% 0;}
#clear2 {width: 740px; margin: -1px 0 10px 10px; padding: 0; clear: both; height: 4px; font-size: 1px; border-left: 1px solid #c00; border-bottom: 1px solid #c00; background: #fff url(../images/whitebgline.gif) repeat-y 100% 0;}
#clear-banner {width: 740px; margin: 0 0 10px 10px; clear: both; font-size: 1px; padding: 0; height: 0.4em; border-bottom: 2px #ccc solid; border-top: 2px #ccc solid; background-color: #ddd;}

/*headlines for articles*/
#headline {float: left; width: 155px;}
#headline h1 {font-size: 2.4em; color: #c00; font-weight: normal;}
#headline h1.inside-page {font-size: 2em;}
#headline h2 {color: #666; font-size: 1.2em; margin-top: 20px;} 
#headline2 {float: right; width: 343px; border-left: 2px solid #000; padding-left: 5px;}
html>body #headline2 {width: 336px;}
#headline2 p {font: 2.2em georgia,times new roman,times,serif; color: #fff; background-color: #666; margin: 0; padding: 10px;}
#headline2 p.inside-page {font-size: 1.5em;}
#headline2 p.armenia {font-size: 1.9em;}

/*information box*/
.inforight {float: right; width:350px;} /*allows padding and margins to be set on child elements without them displaying differently between browsers (IE)*/
.infoleft {float: left; width:350px;}
#infobox {padding: 0 6px; margin: 6px; border: 3px solid #990000; background-color: #666666;}
#infobox h1 {color: #ffffff; font-weight: bold; font-size: 1em;}
#infobox p {color: #ffffff; font-style: italic;}

/*author's picture and details*/
#author {float: left; width: 520px; background-color: #666; margin:0; padding:0;}
#author p {color: #fff; font-size: 0.9em; font-weight: bold; padding: 0 5px 0 300px;}
.authorimg {float: left;}

/*image placing*/
.logo-position {margin-left: 3px; margin-top: 3px;}
.image-right {float: right; margin: 0 0 0 8px;}
.image-left {float: left; margin: 0 8px 0 0;}

/*caption and image border styling*/
.imageborder {padding:4px; border:1px solid #666666;}
.caption {background-color:#666666; color:#ffffff; font-weight:bold; padding: 4px; margin-top: 4px;}

/* styles for text variations common to all articles */
p#highlighted-para {color: #c00; font-weight: bold;}
.highlighted-text {color: #c00; font-weight: bold;}
.center-text {text-align: center;}
.subheading {font-weight: bold;}
.smalltext {font-size: 0.9em; color: #ccc;}