/* * *   SR4 style sheet - Humboldt Nation look  * * */

/*
 * This is based on a tech feel with Humboldt "redwood" colours.
 * White background with a redwood on the lower right-hand corner; 
 * Links are not underlined, they are indicated by colour.
 * Hovering brings the link underlining.
 * Primary accents are green, secondary russet, tertiary red.
 * Narrow sans-serif font.
 */


body
 {
  color: black ;
  background-color: white ;
  background-image: url(images/Corner_redwood.jpg) ;
  background-repeat: no-repeat ;
  background-position: bottom right ;
  background-attachment: fixed ;
 }


/*** Font styles ***/

body, p, li, td
 {
  font-family: "Arial Narrow", "Arena Condensed", "Futura Condensed", Helvetica, Arial, Verdana, sans-serif;
  /* Long version to work with Netscape 4.x */ 
 }

p.tagline
 {
  font-family: Decker, Arial, Verdana, sans-serif ;
  text-indent: 2em ;
 }

p.dialog
 {
  margin-left: 1em ;
  text-indent: -1em ;
 }

p.decker
 {
  font-family: Decker, Arial, Verdana, sans-serif ;
  font-size: 90% ;
  margin-left: 2em ;
 }

em
 {
  color: #CC3300 ;
 }

span.info
 {
  font-family: Decker, Arial, Verdana, sans-serif ;
  font-size: 80% ;
 }

span.signature 
 {
  font-style: italic ; 
  margin-left: 40px ;
 }


/*** Heading styles ***/

h1, h2, h3, h4, h5
 {
  font-family: Decker, Arial, Verdana, sans-serif  ;
  text-transform: uppercase ;
  letter-spacing: -0.1em ;
  word-spacing: -0.2 em ;
  padding-top: 2ex ;
  color: #003300 ;
 }


/*** Link styles ***/

a:link, a:active, a:visited
 {
  text-decoration: none ;
 }

a:hover
 {
  text-decoration: underline ;
 }

a:link
 {
  color: #CC3300 ;
 }

a:active
 {
  color: #009933 ;
 }

a:visited
 {
  color: #006633 ;
 }


/*** Table styles ***/

table.main
 {
  width: 100% ;
  margin-bottom: 60px ;
 }

th.titleblock
 {
  width: 100% ;
  height: 100px ;
  border-width: 0 ;
  background-image: url(images/redwood_band.jpg) ;
  background-repeat: repeat-x ;
  background-color: #006633 ;
  padding: 10px ;
  color: white !important;
  font-family: 
 }

th.titleblock h1
 {
  color: white ;
 }

td.menubar
 {
  width: 249px ;
 }

td.sidetab
 {
  width: 75px ;
 }

td.maintext
 {
  width: 90% ;
  background-image: url(images/sr4_pagetop_r.jpg) ;
  background-repeat: no-repeat ;
  background-position: left top ;
  padding-left: 20px ;
  padding-top: 60px ;
  padding-right: 95px ;
  padding-bottom: 20px ;
  border-top-width: 0 ;
  border-bottom-width: 0 ;
  border-right-width: 0 ;
  border-left: 1px solid silver ;
 }

td.mainfooter
 {
  width: 90% ;
  height: 432px;
  background-image: url(images/sr4_pagebottom_r.gif) ;
  background-repeat: no-repeat ;
  background-position: left top ;
  padding-bottom: 150px ;
  padding-left: 20px ;
  padding-right: 125px ;
  padding-top: 40px ;
  border-top: 1px solid silver ;
  border-bottom-width: 0 ;
  border-right-width: 0 ;
  border-left: 1px solid silver ;
 }

table.menu
 {
  width: 249px ;
  border-width: 0 ;
  color: #003300 ;
  padding: 0 ;
  margin: 0 ;
 }

td.menuhead
 {
  width: 249px ;
  height: 101px ;
  border-width: 0 ;
  background-image: url(images/menu_top.jpg) ;
  background-repeat: no-repeat ;
  padding-left: 40px;
  padding-right: 25px ;
  padding-top: 50px ;
  font-family: Decker, Arial, Helvetica, Verdana, sans-serif;
 }

td.menuhead h1
 {
  font-size: 115% ;
  padding: 0 ;
 }
 
td.menutext
 {
  width: 249px ;
  border-width: 0 ;
  background-image: url(images/menu_bk.jpg) ;
  background-repeat: repeat-y ;
  padding-left: 50px;
  padding-right: 25px ;
  padding-right: 10px ;
  padding-bottom: 20px ;
  font-family: Decker, Arial, Helvetica, Verdana, sans-serif;
 }

a.menu1
 {
  color: #006633 ;
  font-weight: bold ;
  font-size: 95% ;
  white-space: nowrap ;
 }

a.menu2
 {
  color: #006633 ;
  font-weight: normal ;
  font-size: 85% ;
  white-space: nowrap ;
 }

td.menutext p
 {
  font-family: Decker, Arial, Helvetica, Verdana, sans-serif;
  font-size: 85% ;
 }
 
td.menufoot
 {
  width: 249px ;
  height: 105px ;
  border-width: 0 ;
  background-image: url(images/menu_bottom.jpg) ;
  background-repeat: no-repeat ;
  padding-left: 40px;
  padding-right: 25px ;
  font-family: Decker, Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold ;
 }

table.infeed-h
 {
  width: 500px ;
  height: 348px ;
  border-width: 0 ;
 }

td.infeed-h
 {
  width: 500px ;
  height: 348px ;
  border-width: 0 ;
  padding-top: 15px ;
  padding-left: 20px ;
  padding-bottom: 30px ;
  padding-right: 20px ;
  text-align: center ;
  vertical-align: middle ;
 }

table.notebox
 {
  width: 243px ;
  border-width: 0 ;
 }

th.noteboxtop
 {
  width: 243px ;
  height: 50px ;
  border-width: 0 ;
  background-image: url(images/boxtop.jpg) ;
  background-repeat: no-repeat ;
  padding-top: 10px ;
  padding-left: 10px ;
  padding-right: 10px ;
  font-family: Decker, Arial, Helvetica, Verdana, sans-serif;
 }

td.noteboxmain
 {
  width: 243px ;
  border-width: 0 ;
  background-image: url(images/boxmiddle.jpg) ;
  background-repeat: repeat-y ;
  padding-left: 10px ;
  padding-right: 10px ;
  padding-bottom: 20px ;
  font-family: Decker, Arial, Helvetica, Verdana, sans-serif;
 }

table.charnotes
 {
  width: 223px ;  
  border-width: 0 ; 
 }

table.charnotes td
 {
  border-width: 0 ; 
  font-family: Decker, Arial, Helvetica, Verdana, sans-serif ;
  font-size: 10pt;
 }

table.infeed-v
 {
  width: px ;
  height: px ;
  border-width: 0 ;
 }


/*** Paragraph styles ***/

p.quote
 {
  font-style: italic ;
  margin-left: 20px ;
  margin-right: 20px ;
 }


/*** Division styles ***/

div.notes
 {
  font-size: 85% ;
 }


/*** Image styles ***/

img.infeed-h
 {
  width: 460px ;
  height: 303px ;
  border: 0 ;
 }


/*** List styles ***/

dt
 {
  font-weight: bold ;
  color: #006633 ;
 }
 
dd
 {
  font-style: normal ;
  margin-bottom: 1em ;
 }

ul li
 {
  list-style-type: square ;
  padding-bottom: 1ex ;
 }