/*  *********************************************  *
 *  This style sheet is for the banner page only.  *
 *  Include after MASTER.CSS.                      *
 *  *********************************************  */

/*  The body is the "banner" frame in the viewer.  */

body {

/*  Set the height from the viewer. This is not necessary at run-time but 
    helps at design-time - or might if Expression Web recognised "height" 
    for BODY. Internet Explorer doesn't either - yet the CSS specification 
    even shows an example.  */

  height:120px;

  /*  Since we plan to have tabs (for subwebs) flush with the frame, we are 
      as well to work from the frame everywhere and thus have no margin. 
      Though the margin is supposed to be zero by default, an unwanted 
      margin is seen (in Internet Explorer) unless a zero margin is 
      specified.  */

  margin:0px;

  /*  Set a horizontal colour gradient for the background, but specify a 
      plain colour for when the filter is unavailable (most notably when 
      the security option "Binary and script behaviors" is not enabled).  */

  background-color:#4477AA;
  filter:progid:DXImageTransform.Microsoft.Gradient (startColorStr="#7799BB", endColorStr="#115599", gradientType="1");
}

/*  ***********  */
/*  Positioning  */

/*  The banner is laid out in several blocks. Lay them out first and then 
    specify styles for each.  */

div {
  border:none;
  margin:0px;
  padding:0px;
}

/*  The Banner DIV is the whole of the "banner" frame of the viewer. Set the 
    height from the viewer. This is not necessary at run-time but helps at 
    design-time. (Microsoft's HTML documentation doesn't allow "height" for 
    BODY.) 

    By the way, setting a 100% width on a DIV that is an immediate child of 
    the BODY gives the DIV only 100% of what's left in the body after 
    allowing for a vertical scrollbar. One way to avoid losing the width is 
    to disable scrolling in the banner FRAME (in VIEWER.HTM), but try not to 
    depend on this.  */

#Banner {
  height:120px;
  left:0px;
  min-width:800px;
  position:absolute;
  top:0px;
  width:100%;
}

/*  The top left of the Banner is for a Logo, which may be either or both of 
    an image or some text.  */

#Logo {
  left:0px;
  position:absolute;
  top:0px;
}

/*  At the top right of the Banner are some site-wide links.  */

#Links {
  position:absolute;
  right:0px;
  top:0px;
}

/*  All the space below the Header is for navigating Subwebs.  */

#Subwebs {
  bottom:0px;
  left:0px;
  position:absolute;
}

#Search {
  bottom:0px;
  position:absolute;
  right:0px;
}

/*  **********  */
/*  Decoration  */

#Banner {
}

/*  ====  */
/*  Logo  */

#Logo img {
  margin:10px;
}

#Logo p {
  color:#FFFFFF;
  font-family:"Times New Roman", Times, serif;
  font-size:32px;
  font-style:italic;
  margin:24px 10px;
  white-space:nowrap;
}

/*  =====  */
/*  Links  */

#Links {
  font-size:12px;
  /* padding:1ex 0px; /* if using inline list */
}

#Links a {
  background-color:#224488;
  color:#CCCCCC;
  padding:1ex 1em;
}

#Links a:hover {
  background-color:#88AACC;
  color:#FFFFFF;
}

/*  =======  */
/*  Subwebs  */

#Subwebs {
  font-size:14px;
  margin-left:10px;
  /* padding:7px 0px; /* if using inline list */
}

#Subwebs li {
  margin:0px 2px;
}

/*  Default links  */

#Subwebs a {
  background-color:transparent;
  border-color:#DDDDEE;
  border-style:solid;
  border-width:1px 1px 0px 1px;
  color:#CCCCCC;
  padding:1ex 1em; 
  /* padding-top:6px; /* if using inline list */
  /* padding-bottom:7px; /* if using inline list */
}

/*  Default links when hovered  */

#Subwebs a:hover {
  background-color:#88AACC;
  color:#FFFFFF;
}

/*  Current link  */

#Subwebs .Current a, 
#Subwebs .Current a:hover {
  background-color:#DDDDEE;
  color:#000000;
}

/*  ==========  */
/*  Search Box  */

#Search {
  background-color:transparent;
  color:#CCCCCC;
}

#Search form {
  margin:10px;
}

/*  Copyright © 2007-2009. Geoff Chappell. All rights reserved.  */