//--------------------------------------------------------------
// javascript generated css for nav bar
// Note: #NBLINKS corresponds to this.id = 'NBLINKS' in NavBarLinks()
//

css = " \
table#NBLINKS \
{ \
; border-collapse:collapse \
; margin-left:5px \
; margin-right:16px \
; margin-top:1em \
; width:100% \
; font-family: sans-serif \
; font-size:80% \
; border:0 \
} \
\
table#NBLINKS tr td \
{ \
; text-align:center \
; border: 1px solid #444444 \
; } \
\
table#NBLINKS tr td.Link \
{ \
; b-order: 1px solid #AAA \
} \
table#NBLINKS tr td.Here \
{ \
; b-order: 1px solid #CCC \
; font-weight:bold \
; background-color: #92B7E2 \
; color: #000000 \
} \
"

document.write ('<STYLE TYPE="text/css">' + css + '</STYLE>')


//--------------------------------------------------------------
function NavBarLinks ()
{
  this.id = 'NBLINKS'           // use NBLINKS in css specifiers

  this.groups =
  [
    { linkClass:'Link'
    , links:
      [ { i: '' }
      , { i: 2 }
      , { i: 3 }
      , { i: 4 }
      , { i: 5 }
      ]
    , textTemplate: "Nav ##i##"
    , destTemplate: "NavigationBar##i##.html"
    }
  ]

  this.outColor  = "#FFFFFF"   // mouse out background color
  this.overColor = "#20B153"   // mouse over background color

  this.linkAtClass   = "Here"  // use Here in css specifiers
}