/* 501brazil_screen.css */

*
{
padding: 0px;
margin: 0px;
list-style-type: none;
}

html, body{ 
margin:0; 
padding:0; 
text-align:center;
color:white;
/* background-image: url('../i/bg_flw.gif'); */
} 

#container{ 
width:780px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;
padding: 0px 1px 0px 1px;
background-color: white;
color:black;
}

#container_home{ 
width:780px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;
padding: 0px 0px 0px 0px;
background-color: black;
color:black;
}

/* =GLOBAL FORMATTING */

.more a:link, .more a:visited {
font-family: georgia, times, "times new roman";
font-size: 14px;
line-height: 18px;
color: #0000cc;
text-decoration: none;
}
	
.more a:hover {
font-family: georgia, times, "times new roman";
font-size: 14px;
line-height: 18px;
color: red;
text-decoration: underline;
}

.date 
{
font-size: 12px;
line-height: 18px;
}

h1 
{
font-size: 36px;
font-weight: normal;
line-height: 36px;
margin: 0px 0px 6px 0px;
padding: 0px;
}

h2
{
font-family: verdana, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 11px;
padding: 3px 0px 4px 22px;
margin-bottom: 15px;
background-color: #F0EFEE;
background-image: url('../i/arrow_down.gif');
background-repeat: no-repeat;
background-position: 9px 6px;
}

.subsectitle
{
font-family: georgia, times, "times new roman";
font-weight: normal;
color: #000000;
font-size: 24px;
line-height: 26px;
padding: 0px;
margin: 0px;
margin-bottom: 0px;
}

#sectionheading32
{
font-family: georgia, times, "times new roman";
color: #000000;
font-size: 32px;
line-height: 32px;
padding: 0px;
margin: 0px;
}

#sectionheading18
{
font-family: georgia, times, "times new roman";
color: #000000;
font-size: 18px;
line-height: 22px;
padding: 0px;
margin: 0px;
}

#sectionheading24
{
font-family: georgia, times, "times new roman";
color: #000000;
font-size: 24px;
line-height: 26px;
padding: 0px;
margin: 0px;
}

.backtotop
{
padding: 0px 0px 0px 22px;
background-image: url('../i/arrow_up.gif');
background-repeat: no-repeat;
background-position: 9px 6px;
}

.prev
{
padding: 0px 0px 0px 22px;
background-image: url('../i/arrow_left.gif');
background-repeat: no-repeat;
background-position: 9px 6px;
}

.next
{
padding: 0px 0px 0px 500px;
background-image: url('../i/arrow_right.gif');
background-repeat: no-repeat;
background-position: 7px 6px;
}

* html .next 
{
padding: 0px 0px 0px 22px; /* magic button for IE */
}

.next:hover {
text-decoration: none;
} 

p#sources
{font-size: 10px; line-height: 14px;}

/* =GENERAL LAYOUT STUFF */

#twocols{
width:635px; 
float:right; 
position:relative; 
}

/* Float containers fix: */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* =STORY HEADER */

#storyheader{
position:relative; 
height:100px; 
background-color:white; 
width:100%;
padding: 0px 0px 12px 0px;
margin: 0px;
}

#storytitle
{
font-family: georgia, times, "times new roman";
font-size: 18px;
color: #ffffff;
width: 122px;
height: 90px;
padding: 6px;
background-color: #248215;
}

#storytitle a, storytitle a:hover, storytitle a:visited
{
color: #ffffff;
text-decoration:none;
}


* html #storytitle 
{
width: 134px; /* Tan */
height: 100px;
}

#sectiontitle
{
position: absolute;
top: 5px;
left: 150px;
font-family: georgia, times, "times new roman";
color: #248215;
}

#sectiondesc
{
font-family: georgia, times, "times new roman";
color: #000000;
font-size: 24px;
line-height: 26px;
padding: 0px;
margin: 0px;
}



#sectiondesc18
{
font-family: georgia, times, "times new roman";
color: #000000;
font-size: 18px;
line-height: 20px;
padding: 0px;
margin: 0px;
}

#sectionheading
{
font-family: georgia, times, "times new roman";
color: #000000;
font-size: 36px;
line-height: 36px;
padding: 0px;
margin: 0px;
}

/* =STORY NAV - LEFT COL*/

.navcontainer 
{ 
width:145px; 
float:left; 
position:relative; 
background-color:white; 
padding: 0px;
margin: 0px;
}

* html .navcontainer  
{
width: 134px; /* Tan */
}

.navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: verdana, sans-serif;
font-size: 11px;
}

.navcontainer li
{
margin: 0px 0px 5px 0px;
}

.navcontainer a
{
display: block;
padding: 6px;
width: 120px;
background-color: #ffffff;
border-bottom: 1px solid #E9E5E5;
}

* html .navcontainer a
{
width: 134px; /* Tan */
}

.navcontainer a:link, .navlist a:visited
{
padding: 6px;
color: #03990A;
text-decoration: none;
border: 1px solid #E9E5E5;
}

.navcontainer a:hover, .navcontainer a#current
{
padding: 6px;
background-color: #F0EFEE;
border: 1px solid #03990A;
color: #03990A;
}

.navcontainer a:hover
{
color: red;
}

.navcontainer a#current
{
border: 1px solid #CCCCCC;
}

/* =SIDEBAR - RIGHT COL*/

#sidebar
{
width:190px; 
float:right; 
position:relative; 
background-color:white;
margin-left: 20px;
margin: 0px;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 16px;
}

#sidebar ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: verdana, sans-serif;
font-size: 11px;
}

#sidebar li a img
{
float: left;
margin-right: 10px;
}

#sidebar li
{
margin: 0px 0px 5px 0px;
}

#sidebar a
{
display:block;
background-color: #ffffff;
text-decoration: none;
border: none;
width: 190px;
height: 50px;
}

#sidebar a
{
color: red;
background: url('../i/bg_nav.debug.gif') top left no-repeat;
}

#sidebar a:hover, a#on
{
background-position: -190px 0;
}

#sidebar a:link, .sidenavlist a:visited
{
text-decoration: none;
}



/* =SIDEBAR INTERVIEWS*/


#authorbio
{
width: 190px;
}

/* =CONTENT - MIDDLE COL*/

#content
{
background-color: white;  
float: left; 
display:inline; 
position: relative; 
width:435px; 
padding: 0px;
margin: 0px;
font-family: georgia, times, "times new roman";
font-size: 14px;
line-height: 20px;
}

#content a:link, #content a:visited {
color: #1367C6;
text-decoration: none;
}
	
#content a:hover {
color: red;
text-decoration: underline;
}

#content p
{
padding-bottom: 14px;
}


/* =CONTENT JOURNAL */

.entrytitle
{
font-family: georgia, times, "times new roman";
color: #000000;
font-size: 24px;
line-height: 26px;
}

#content .faqlist
{
margin-left: 5px;
}

#content .faqlist li
{
margin: 10px 0px 10px 0px;
}

 #content li, #topiclist li
{
padding-left: 10px;
background-image: url('../i/triangle-red.gif');
background-repeat: no-repeat;
background-position: 0 .5em;
}

#credits li
{
padding-left: 0px;
background-image: none;
}

/* THE REST */

#footer{
height:30px; 
margin-top: 50px;
padding-top: 20px;
border-top: solid 1px #E8E6E4;
background-color:white; 
clear:both;
}

#footer_home {
height:30px; 
margin-top: 0px;
padding-top: 20px;
border-top: solid 1px #214569;
background-color: black;
clear: both;
text-align:center;
}

#footer_home a:hover {
color:white;
}

.boxfactleft, .boxfactright
{
color: white;
font-family: verdana, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 16px;
border: none;
padding: 0px;
margin: 0px;
width: 150px;
background-color: gray;
}

.boxfactleft
{
float: left;
clear:left;
border: none;
margin-right: 15px;
margin-bottom: 15px;
margin-top: 15px;
}

.boxfactright
{
float: right;
clear: right;
border: none;
margin-left: 15px;
margin-bottom: 15px;
margin-top: 15px;
}

.boxfactleft p, .boxfactright p
{
margin: 10px;
}

 .photoboxleft
{
width: 200px;
float: left;
clear:left;
border: none;
padding: 0px;
margin: 0px;
margin-right: 15px;
}

 .photoboxright
{
width: 200px;
float: right;
clear: right;
border: none;
padding: 10px;
margin: 0px 0px 0px 0px;
}

.photocaption
{
font-family: verdana, sans-serif;
font-size: 10px;
line-height: 12px;
text-align: center;
color: gray;
}

.caption
{
display: block;
font-family: verdana, sans-serif;
font-size: 10px;
line-height: 12px;
color: gray;
}

img.photo
{
border: 1px solid black;
padding: 0px;
margin: 0px;
}

.hidden
{
visibility: hidden;
}

.dropcap {
float: left;
font-size: 69px;
line-height: 54px;
padding: 0px 5px 0px 0px;
margin: 0px;
font-family: georgia, times, "times new roman";
}

.pullquoteleft, .pullquoteright
{
width: 140px;
font-family: georgia, times, "times new roman";
font-size: 24px;
line-height: 28px;
color: #333333;
padding: 0px;
margin: 0px;
}

.pullquoteright {
float: right;
clear: right;
margin-left: 35px;
text-align: left;
}

* html .pullquoteright 
{
width: 200px; /* Tan */
}

.pullquoteleft {
float: left;
clear: left;
padding: 0px;
margin: 0px;
margin-right: 35px;
text-align: right;
}

.pullquote
{
font-family: georgia, times, "times new roman";
font-size: 24px;
line-height: 28px;
color: #333333;
}

* html .pullquoteleft 
{
width: 200px; /* Tan */
}

.graytext
{
color: gray;
}

.blacktext
{
color: black;
}

.toprule
{
border-top: solid 1px #E8E6E4;
padding: 0px;
margin: 0px 0px 3px 0px;
}

.bottomrule
{
border-top: solid 1px #E8E6E4;
padding: 0px;
margin: 3px 0px 3px 0px;
}

p#sources
{font-size: 10px; line-height: 14px;}

#reactscontainer {
text-align: center;
}