@charset "UTF-8";


body 
{padding-left:450px;
background-image:url('img/pedagogybackground.gif');
background-position:top left;
background-repeat: no-repeat;
font-family: Georgia, serif;
line-height: 1.3em;
color: #333;
margin: 0;
max-width:900px;
    }

    #wrapper { max-width: 1360px; margin: 76px auto; margin-right:30px;}
    sup a { font-weight: bold; padding: 1px; color:#FF0000; text-decoration: none; }
    #footnote_box {
      font-size: 14px;
      background: white;
      padding: 0 10px;
      margin: 10px;
      border: 1px solid #888;
      -moz-box-shadow: 0px 0px 5px #888;
      -webkit-box-shadow: 0px 0px 5px #888;
      box-shadow: 0px 0px 5px #888;

    }

h1,h2,h3,h4,h5,h6 { margin: 0px;
  font-family: Helvetica, Arial, sans-serif
        }

.futurared {
	font-family: futura, century gothic, arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 90%;
	text-transform: uppercase;
line-height: 1.3em;
	color: #cc0000;
}	

.futuraredsubhed {
	font-family: futura, century gothic, arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.5em; 
margin:30px 0px -20px 0px;
	text-transform: uppercase;
line-height: 1.8em;
	color: #cc0000;
}	


.futurared a {color: #ffffff;}


h3.futurared {
	font-size: 18px;
	color: #ffffff;
	background-color: #cc0000;
	margin-bottom: 20px;
	margin-top: 50px;
	padding-left: 20px;
}

i {font-size:1.05em;font-weight: lighter;}

.toc {position:fixed;right:0px;top:0px;font-family: futura, century gothic, arial, sans-serif;background-color: #cc0000;color: #ffffff;padding:10px;padding-right:30px;}

.toc  a {color: #ffffff;}

blockquote .translation { display: none; }
blockquote:hover .original { display: none; }
blockquote:hover .translation { display: inline; }

i .translation { display: none; }
i:hover .original { display: none; }
i:hover .translation { display: inline; }