/*
   New Perspectives on JavaScript
   Tutorial 10
   Tutorial Case
   Filename: history.css

   This file contains styles used in the usconst.htm file to lay out 
   the Web page and format the contents of the historic document

*/

body {margin: 0px; background-color: white}
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif}

#logo {width: 100%; background-color: rgb(28,0,127)}

#logosub {color: white; position: absolute; top: 10px; text-align: right; width: 100%; 
          z-index: 2; padding-right: 20px; letter-spacing: 2; font-size:9pt;
          font-family: Arial, Helvetica, sans-serif}

#toc {width: 215px; font-size: 7pt; font-family: Arial, Helvetica, sans-serif;
      border: 2px solid rgb(28,0,127); background-color: rgb(212,219,255); position: absolute;
      top: 110px; left: 5px; padding: 5px}


#doctitle {position: absolute; top: 110px; left: 245px}
#doctitle h1 {font-size: 18pt}

#doc {position: absolute; top: 170px; left: 245px}
#doc h1 {font-size: 14pt}
#doc h2 {font-size: 11pt}
#doc h3 {font-size: 9pt; margin-bottom: 0px; margin-left: 20px}

#doc p {font-size: 9pt; margin-left: 20px; text-align: justify; margin-right: 20px}
#doc h3+p {margin-top: 0px}

#firstp:first-line {font-variant: small-caps}
#firstp span {float: left; font-size: 300%; line-height: 0.8; margin-right: 2px}
