html { font-family: sans-serif ;  background: white;  padding: 0px ; height:100% ; }

body { margin: 0 ;  padding: 0 ;} 

body#toppage { height:100% ; width:100% ;
  background-color: white ;
  padding: 0 ; margin:0 ;
}

#trailing { clear:both ; position:relative ; font-size:10pt ; border:0 ; 
  height:20px ; width:100% ; margin:0 auto ;  padding:0 ; background-color: #c0650f ; color:white ; 
}
#trailing .rest { position:absolute; bottom:2px ; right:20px ; }

table.tocitem { margin:0px ; padding:0px ; border-collapse:collapse ; border-spacing:0px ;}
td.tocicon { border-style:none; margin:0px ; padding:0px ; width:52px  ; vertical-align:top ; } 
td.tocicon img { margin:0px; padding:0px ; border:0px ; }
td.toctext { border-style:none; padding-left:10px ; border:0px ; vertical-align:middle ; } 
.toctext h2 { margin:0 ; padding:0 ;} 
.toctext h3 { margin:0 ; padding:0 ;} 
.toctext h4 { margin:0 ; padding:0 ;} 
.toctext h5 { margin:0 ; padding:0 ;} 
.toctext p { font-size:9pt ; margin:0 ; padding:0 ; } 

div.headlineimage { margin-top: 20px ; text-align:center ; }
#toppage div#leftpane .headline { text-align:center ; } 

body.article {
  background-color: white ;  margin: 0 auto ;  padding: 0 ;
  position:relative;
  min-height: 100%; width:100% ;
  background: transparent url("images/articlebg.png") no-repeat left top ;
}

#header { 
height:50px ; width:100% ; margin:0 ; padding:0 ; background-color:#e7a00e ; color:white ; 
}

#header .title {  position:relative ; height: 30px ; width: 100% ; 
 background: transparent url(images/joyofscience.png) no-repeat right top ;
}

#header .rest { position:relative ; height: 20px ; width:100% ; }
#header .lefttpane { float:left ; }
#header .rightpane { float:right ; }
#header .title span { position:absolute; bottom:0 ; left:20px ; font-size:18pt ; font-weight:bold ; width:20em ;}
#header .rest .leftpane span { position:absolute; bottom:2px ; left:20px ; font-size:10pt ; width:80% ;}
#header .rest .rightpane span { position:absolute; bottom:2px ; right:20px ; font-size:10pt ; width:15em ;}

#footer { position:absolute ; bottom:0 ; font-size:10pt ;
  height:20px ; width:100% ; margin:0 auto ;  padding:0 ; background-color: #e7a00e ; color:white ; 
}
#footer .title { position:absolute; bottom:2px ; left:20px ; }
#footer .rest { position:absolute; bottom:2px ; right:20px ; }

.article #maintext { margin:0 auto ; padding:15px ; font-size:12pt ; }
.article #maintext p {position:relative; left:210px ; min-width:250px; width:70% ; } 
.article #maintext li {position:relative; left:210px ; min-width:250px; width:70% ; } 
.article #maintext li li {position:relative; left:0px ; min-width:0px; width:auto ;}
.article #maintext dl {position:relative; left:210px ; min-width:250px; width:70% ; }
.article #maintext li table {position:relative; left:0px ; margin:5px ; border-collapse:collapse ; border-spacing:0 ; 
      empty-cells:show ; border:1px solid #C0C0C0 ;} 
.article #maintext table {position:relative; left:210px ; margin:5px ; border-collapse:collapse ; border-spacing:0 ; 
      empty-cells:show ; border:1px solid #C0C0C0 ;} 
.article #maintext table tr,td,th {position:relative; left:0px ; min-width:0px; width:auto ; border:1px solid #C0C0C0 ; }
.article #maintext h1 {position:relative; left:20px ; width:95% ; border-bottom:4px solid black ;} 
.article #maintext h2 {position:relative; left:20px ; width:95% ; border-bottom:2px solid black ;} 
.article #maintext h3 {position:relative; left:210px ; width:70% ; border-bottom:1px solid black ;} 
.article #maintext h4 {position:relative; left:210px ; width:70% ;} 
.article #maintext h5 {position:relative; left:210px ; width:70% ;} 
.article #maintext .proglist p {position:relative; left:210px ; width:70% ; 
         padding:10px ; font-size:10pt ;} 
.article #maintext .proglist pre {position:relative; left:210px ; width:70% ; background-color:#E0E0E0 ; 
         padding:10px ; font-size:10pt ; font-family: Monaco, Consolas, monospace;} 
.article #maintext .algorithm p {position:relative; left:210px; width:70%; background-color:#FFF; font-family: font-family: "Courier New", Consolas, monospace;
         padding:10px ; font-size:10pt ; border:#E0E0E0 solid 1px; line-height: 1.2 ;} 
.article #maintext .algorithm-no-border p {position:relative; left:210px; width:70%; background-color:#FFF; 
		font-family: font-family: "Courier New", Consolas, monospace; padding:10px ; font-size:10pt ; border 0; line-height: 1.2 ;} 
.article #maintext blockquote p {border-left-color:#E0E0E0 ; border-left-width:7px ; border-left-style:solid ; 
         padding-left: 10px ; } 
.article #maintext .cmdline p {padding:10px ; position:relative; left:210px ; width:70% ; background-color:#FFEFE0 ; 
         font-family:font-family: "Courier New", Consolas, monospace; font-size:10pt ;  }
.article #maintext .cmdline pre {position:relative; left:210px ; width:70% ; background-color:#FFEFE0 ; 
         padding:10px ; font-size:11pt ; font-family: Monaco, Consolas, monospace; } 
.article #maintext pre {position:relative; padding:10px ; font-size:11pt ; font-family: Monaco, Consolas, monospace;} 
.article #maintext .att p {padding:7px ; border:solid 3px #E0E0B0 ; position:relative; left:210px ; width:50% ; 
      background-color:#FFFFC0 ;  font-size:11pt ;  }
.article #maintext .note { position:absolute ; left:20px ; } 
.article #maintext .note p {position:relative; left:0px ; width:200px ;  min-width:50px ; line-height:1.1; font-size:9pt ;} 
.article #maintext .note h5 {position:relative; left:0px ; width:200px ;  min-width:50px ; line-height:1.1; font-size:9pt ;} 
.article #maintext .note pre {position:relative; left:0px ; width:200px ;  min-width:50px ; line-height:1.1; font-size:10pt ; font-family: Monaco, Consolas, monospace; } 
.article #maintext .note .rescale img {position:relative; left:0px ; width:200px ; } 
.article #maintext .fig { position:relative; left:210px ; width:60% ; line-height:1.1; font-size:9pt ;}
.article #maintext .eqn { position:relative; left:230px ; width:70% ; line-height:1.0; font-size:11pt ; font-family:font-family: "Courier New", Consolas, monospace; }
.article #maintext .remark { font-weight: bold; color: #931d0b; background-color: #daffec ; }
.article #maintext .attn { word-break: normal; font-weight: bold; color: #cc0000; }
.article #maintext .code { position:relative; left:230px ; width:70% ; line-height:1.2; font-size:10pt ; font-family:font-family: "Courier New", Consolas, monospace; }
.article #maintext .button { padding-left: 4px; padding-bottom: 1px; padding-right: 4px; padding-top: 3px; border-width: 1px;  background:linear-gradient(#FFF, #CCC) ; color: #111; margin: 0px; border-color: #999 #555 #777 #999 ; border-style: solid;  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;   }

/*
h1 {
  text-transform: uppercase ;
}
*/

a:link { color: #9e662f ; text-decoration: none; }
a:visited { color: #9e662f ; text-decoration: none; }
a:hover { color: #400 ; text-decoration: underline; }

#header a:link { color: #511 ; text-decoration: none; }
#header a:visited { color: #511 ; text-decoration: none; }
#header a:hover { color: #511 ; text-decoration: underline; }

#footer a:link { color: #511 ; text-decoration: none; }
#footer a:visited { color: #511 ; text-decoration: none; }
#footer a:hover { color: #511 ; text-decoration: underline; }


.dummybox { height:40px ; }