/*
 *  BepSite/page.css
 *
 *  2008-12-15
 *
 *
 *
 *
 **/
 
h1,h2,h3,h4,p 
{ 
  margin-left:   0px; 
  margin-top:    4px; 
  margin-right:  0px; 
  margin-bottom: 0px; 
} 
h1 
{ 
  font-size:1.9em; 
}
h2 
{ 
  font-size:1.1em;
}
h3 
{ 
  font-size:1em;
}
#topPane
{
  background-color: #FFFFFF;
}
body
{ 
  margin:           0px; 
  padding:          0px; 
  color:            #000000; 
  font-family:      Arial,Helvetica,sans-serif;
  background-color: #c0c0c0;
  font-size:        8pt;
  cursor:           default;
}

*.copyright  
{ 
  text-align: center; 
  font-size:  7pt; 
  color:      #E5E5E5;
}


#page              
{ 
  wwidth:            1024px;
  hheight:           768px;
  width:            950px;
  height:           600px;
  margin-left:      auto;
  margin-right:     auto;
  margin-top:       10px;
  margin-bottom:    10px;
  background-color: #ffffff;
  border-width:     1px;
  border-style:     solid;
  border-color:     #909090;
  border-collapse:  collapse;
}

iframe#navigatorBar
{
  position:          relative;
  top:               0px;
  height:            59px; 
  wwidth:             1024px;
  width:             950px;
}
#navigator
{
  padding-left:      59px;
  padding-top:       20px;
  font-family:       helvetica,arial,sans-serif;
  font-size:         13pt;
  font-weight:       700;
  color:             #c0c0c0;
  text-decoration:   none;
  font-variant:      small-caps;
}
.navigatorItem:hover
{
  cursor: pointer;
  color:  #808080;
}
iframe#chapterBar
{
  position:          relative;
  top:               0px;
  height:            114px; 
  wwidth:             1024px;
  width:             950px;
  vertical-align:    middle;
  text-align:        right;
}
#chapter
{
  padding-top  :     18px;
  padding-right:     25px;
  font-family:       Arial,Helvetica,sans-serif;
  font-size:         21pt;
  font-weight:       700;
  color:             #ffffff;
  text-decoration:   none;
  font-variant:      small-caps;
}
div#content           
{
  border:           none;
  top:              115px;
  position:         fixed;
  _width:             1024px;
  width:             950px;
  height:           100%;
  background-color: #ffffff;
  vertical-align:   top;
}
#footerBar
{
  position:          relative;
  top:               10px;
  height:            12px; 
  wwidth:             1024px;
  width:             950px;
}
#footer
{
  position:          relative;
  ttop:               70px;
  top:               20px;
  text-align:        center;
  vertical-align:    bottom;
  font-family:       Arial,Helvetica,sans-serif;
  font-size:         8pt;
  font-weight:       400;
  color:             #c0c0c0;
  text-decoration:   none;
}
.highlight
{
  color:             #ff9933
}






#contentPane
{
  hheight:           500px;
  height:           380px;
  border:           none;
  margin:           0px;
  padding:          0px;
}
div#left
{
  float:            left;
  margin-left:      -724px;
  margin-top:       0px;
  width:            274px;
}
div#middle
{
  float:            left;
  margin-left:      274px;
  width:            450px;
  overflow:         hidden;
}
div#scrollBar
{
  position:         relative;
  ttop:              0px;
  float:            left;
  width:            6px;
  hheight:           500px;
  height:           380px;
  background-color: #f0f0f0;
}
div#right
{
  float:            right;
  wwidth:            294px;
  width:            220px;
}
iframe#leftPane
{
  border:           none;
  position:         relative;
  top:              0px;
  left:             0px;
  width:            274px;
  hheight:           500px;
  height:           380px;
  vertical-align:   top;
  bbackground-color: #fff0f0;
}

/*
  Both Safari and Internet Explorer have the body's scrollbar on the same element:
    html { overflow: hidden; }
  Whereas Opera and Firefox have it on the body.
    html,
    body { overflow: hidden; }
 */
iframe#middlePane
{
  overflow:         hidden;
  border:           none;
  position:         relative;
  top:              0px;
  left:             0px;
  width:            450px;
  hheight:           500px;
  height:           380px;
  vertical-align:   top;
  bbackground-color: #f0fff0;
}
iframe#rightPane
{
  border:           none;
  position:         relative;
  top:              0px;
  left:             0px;
  wwidth:            294px;
  width:            220px;
  hheight:           500px;
  height:           380px;
  vertical-align:   top;
  bbackground-color: #f0f0ff;
}
div#up
{
  width:            6px;
  height:           6px;
  background-color: #336699;
}
div#thumbPad
{
  top:              1px;
  bottom:           480px;
  position:         relative;
  width:            6px;
  height:           10px;
  background-color: #336699;
}
div#down
{
  top:              494px;
  position:         absolute;
  width:            6px;
  height:           6px;
  background-color: #336699;
}