/*
  Created:   2000-11-12
  Issued     2001-01-11
  Modified:  2005-02-23

  Copyright (c) 2001-2005 by Philip Shaw, phil@codestyle.org

  This work is licensed under the Creative Commons
  Attribution-NonCommercial-ShareAlike License.
  To view a copy of this license, visit
  http://creativecommons.org/licenses/by-nc-sa/2.0/
  or send a letter to Creative Commons, 559 Nathan
  Abbott Way, Stanford, California 94305, USA.
*/

/*
  Move the Code Style logo down
  beneath the menus:
  background-position: [horiz.] [vert.]
*/

#MenuBar, #LinkBar {
  float:            none;
  border:           none;
  margin: 0px;
  padding: 0px;
}
#LinkBar {
	background-color: #AEBA89;
	height: 25px;
	text-align: center;
	overflow: hidden;

	position: absolute;
	left: 9px;
	top: 160px;

	z-index: 3;
}
#MenuBar {
	width: 790px;

	position: absolute;
	left: 8px;
	top: 180px;

	z-index: 4;
}


/*
  Main menu and link styles identical.
*/
#Menu1, #Menu2, #Menu3, #Menu4, #Menu5, #Menu6, #Menu7, #Menu8,
#Link1, #Link2, #Link3, #Link4, #Link5, #Link6, #Link7, #Link8 {
  float:            left;
  margin:				3px 1.5px 3px 1.5px;
  padding:				2px 4px 2px 4px;
  color:            #FFF;
  background:       #798B47;
  font-family:      Verdana, Tahoma, Helvetica, sans-serif, arial;
  font-weight:      bold;
  font-size:        11px;
}

/*
  Differences in menu and link styles.
*/
#Menu1, #Menu2, #Menu3, #Menu4, #Menu5, #Menu6, #Menu7, #Menu8 {
  border-width:     0px 2px 1px 2px;
  visibility:       hidden;
}
#Link1, #Link2, #Link3, #Link4, #Link5, #Link6, #Link7, #Link8 {
  border-width:     2px 2px 1px 2px;
  visibility:       visible;
  height:           1.3em;
  text-align: 		  center;
}

/*
  Specific link widths.
*/

#Link1 {
width: 68px;
}
#Link2 {
width: 55px;
}
#Link3 {
width: 79px;
}
#Link4 {
width: 100px;
}
#Link5 {
width: 103px;
}
#Link6 {
width: 107px;
}
#Link7 {
width: 78px;
}
#Link8 {
width: 112px;
}



/*
  Specific menu styles.
*/
#Menu3, #Menu4, #Menu5, #Menu6, #Menu8
{
display: none;
}

#Menu1 {
position: absolute;
left: 0;
width: 180px; height: 89px
}
#Menu2 {
position: absolute;
left: 6.5em;
width: 132px; height: 43px
}
#Menu7 {
position: absolute;
left: 52em;
width: 160px; height: 58px
}



#Menu1, #Menu2, #Menu7
{
  float:            left;
  margin:				1px 1.5px 2px 1.5px;
  padding:				2px 4px 0px 0px;
  color:            #FFF;
  background:       #798B47;
  font-family:      Verdana, Tahoma, Helvetica, sans-serif, arial;
  font-weight:      bold;
  font-size:        11px;
}



/*
  Must override float on the menu divs.
*/
#Menu1 UL, #Menu2 UL, #Menu3 UL,
#Menu4 UL, #Menu5 UL, #Menu6 UL, #Menu7 UL, #Menu8 UL {
  float:            none;
  margin:           0em 0em 0em 0.6em;
  padding:          0.2em 0em 0.5em 0em;
  font-family:      Verdana, Tahoma, Helvetica, sans-serif, arial;
  list-style:       none;
}

#Menu1 LI, #Menu2 LI, #Menu3 LI, #Menu4 LI, #Menu5 LI, #Menu6 LI, #Menu7 LI, #Menu8 LI {
	  font-size:       10px;
}

/*
  Make the whole width of the links
  active -- height necessary for IE 5.5
*/
#LinkBar a, #MenuBar a {
  display:          block;
  height:           1.3em;
}
#Menu1 a:visited, #Menu2 a:visited,
#Menu3 a:visited, #Menu4 a:visited,
#Menu5 a:visited, #Menu6 a:visited, 
#Menu7 a:visited, #Menu8 a:visited, 
#Link1 a:visited, #Link2 a:visited, 
#Link3 a:visited, #Link4 a:visited, 
#Link5 a:visited, #Link6 a:visited, 
#Link7 a:visited, #Link8 a:visited {
  color:            #FFF;
  background:       #798B47;
}
#Menu1 a:link, #Menu2 a:link,
#Menu3 a:link, #Menu4 a:link,
#Menu5 a:link, #Menu6 a:link, 
#Menu7 a:link, #Menu8 a:link, 
#Link1 a:link, #Link2 a:link,
#Link3 a:link, #Link4 a:link,
#Link5 a:link, #Link6 a:link,
#Link7 a:link, #Link8 a:link {
  color:            #FFF;
  background:       #798B47;
}
#Menu1 a:hover, #Menu2 a:hover,
#Menu3 a:hover, #Menu4 a:hover,
#Menu5 a:hover, #Menu6 a:hover, 
#Menu7 a:hover, #Menu8 a:hover, 
#Link1 a:hover, #Link2 a:hover,
#Link3 a:hover, #Link4 a:hover,
#Link5 a:hover, #Link6 a:hover,
#Link7 a:hover, #Link8 a:hover {
	color:           #E4E9CC;	
	background:      #798B47;
	text-decoration: 	  none;
}
/*
  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:      5px;
  background:       url(/images/CodeStyle.gif)
                    transparent
                    no-repeat
                    96% 100%;
  color:            #000;
}