/* --------------------------------- */
/* Copyright (c) 2001-2004 by        */
/* Philip Shaw, all rights reserved. */
/* --------------------------------- */
/*
  Move the Code Style logo down
  beneath the menus:
  background-position: [horiz.] [vert.]
*/

#MenuBar, #LinkBar{
  float:            none;
  width:            80%;
  position:         absolute;
  left:             17%;
  border:           none;
}
/*
  z-index necessary to make links
  visible in Netscape 6
*/
#MenuBar{
  top:              10.6em;
  z-index:          4;
}
#LinkBar{
  top:              9.1em;
  z-index:          3;
}
/*
  Main menu and link styles identical.
*/
#Menu1, #Menu2, #Menu3, #Menu4, #Menu5,
#Link1, #Link2, #Link3, #Link4, #Link5{
  float:            left;
  width:            16%;
  border-style:     solid;
  border-color:     #128606 #128606 #128606 #128606 #128606;
  margin:           0.6% 0.3%;
  padding-left:     1%;
  color:            #128606;
  background:       #BFB588;
  font-family:      sans-serif;
  font-weight:      normal;
  font-size:        14px;
 }
 
#Link1, #Link2, #Link3, #Link4, #Link5{
    font-size:        20px;
 }
/*
  Differences in menu and link styles.
*/
#Menu1, #Menu2, #Menu3, #Menu4, #Menu5{
  border-width:     0px 2px 1px 2px;
  visibility:       hidden;
}
#Link1, #Link2, #Link3, #Link4, #Link5{
  border-width:     2px 2px 1px 2px;
  visibility:       visible;
  height:           1.3em;
}
/*
  Must override float on the menu divs.
*/
#Menu1 UL, #Menu2 UL, #Menu3 UL,
#Menu4 UL, #Menu5 UL{
  float:            none;
  margin:           0em 0em 0em 1em;
  padding:          0.2em 0em 0.5em 0em;
  font-family:      san-serif;
}
#Menu1 A:visited, #Menu2 A:visited,
#Menu3 A:visited, #Menu4 A:visited, #Menu5 A:visited,
#Link1 A:visited,
#Link2 A:visited, #Link3 A:visited,
#Link4 A:visited, #Link5 A:visited{
  color:            #128606;
  background:      #BFB588;
}
#Menu1 A:link, #Menu2 A:link,
#Menu3 A:link, #Menu4 A:link, #Menu5 A:link,
#Link1 A:link,
#Link2 A:link, #Link3 A:link,
#Link4 A:link, #Link5 A:link{
  color:            #128606;
  background:       #BFB588;
}
#Menu1 A:hover, #Menu2 A:hover,
#Menu3 A:hover, #Menu4 A:hover, #Menu5 A:hover,
#Link1 A:hover,
#Link2 A:hover, #Link3 A:hover,
#Link4 A:hover, #Link5 A:hover{
  color:            #8B4513;
  background:      #BFB588;
}
/*
  Substitute padding for omitted
  Code Style URI.
*/
.Title{
  padding-top:      1em;
}
/*
  Push #Header down to make room for
  menus, margin-top doesn't have the
  same effect with IE5.5 and Mozilla,
  so the logo image must be moved set
  to 100% (bottom) too.
*/
#Header{
  padding-top:      4%;
  background:       url(/images/CodeStyle.gif)
                    transparent
                    no-repeat
                    96% 100%;
  color:            #000;
}
