/* =============================================================== */
/*        General Defaults:  html, body, etc.                      */
/* =============================================================== */

  html                  { margin: 0; padding: 0; }

  body                  {
    margin:              0; 
    padding:             0; 
    min-width:           600px;
    background-color:    #000000;
/*  background:          url(../images/background.gif);  */
    color:               white;  
    font:                90% Verdana, Arial, Helvetica, sans-serif;
  }

 a:link    {color: #FFFF00; font: bold italic 1.0em verdana, arial, helvetica, sans-serif;  text-decoration: none}  
 a:visited {color: #FFFF00; font: bold italic 1.0em verdana, arial, helvetica, sans-serif;  text-decoration: none}  
 a:hover   {color: #FF0000; font: bold italic 1.0em verdana, arial, helvetica, sans-serif;  text-decoration: none}  
 a:active  {color: #FFFF00; font: bold italic 1.0em verdana, arial, helvetica, sans-serif;  text-decoration: none} 


  h1  { font:  bold italic  2.00em/1em  verdana, arial, helvetica, sans-serif;   }
  h2  { font:  bold italic  1.75em/1em  verdana, arial, helvetica, sans-serif;   }
  h3  { font:  bold italic  1.50em/1em  verdana, arial, helvetica, sans-serif;   }
  h4  { font:  bold italic  1.25em/1em  verdana, arial, helvetica, sans-serif;   }
  h5  { font:  bold italic  1.00em/1em  verdana, arial, helvetica, sans-serif;   }
  h6  { font:  bold italic   .70em/1em  verdana, arial, helvetica, sans-serif;   } 
  p   { font:               1.0em/1.5em verdana, arial, helvetica, sans-serif;   }


/* ==================================================================== */ 
/* No borders around images in hyperlinks:                              */

   a img {border: none;}

/* ==================================================================== */ 

  .center              {
     text-align:        center;
  }


  .italic               {
    font-style:          italic;
  }

  .yellow              {
    color:               yellow;
    font-style:          italic;
  }

  .tan                 {
    color:              #FFBB77;                       
    font-style:          italic;
  }

  .red                 {
    color:              #FF0000;                       
    font-style:          italic;
  }

  .blue                {
    color:              #0080FF;                       
    font-style:          italic;
  }

  .copyright           {
    color:               #0080FF;                              
    font:                italic .8em/1.4em  verdana, arial, sans-serif;
    text-align:          center;

  }

/* ======================================================== */   
/*  Temporary Patch - outline tables to view structure      */
/*    table {border: 2px solid red;      margin: 3px;}      */
/*    td    {border: 2px solid purple;    padding 2px;}     */
/* ======================================================== */   
                                                    
  table                 { 
         margin: 3px;
         width: 100%;  margin: 0;
  }

  table td              {
        padding: 30px;
        border-width: 0;
        vertical-align: top;
        font-family: verdana, arial, helvetica, sans-serif;
  }
 
  
/* =============================================================== */
/*    Banner - replaces heading text:                              */
/* =============================================================== */

  div#banner            { 
    z-index:             100;
    background-color:    black;
    margin:              0; 
    padding:             0; 
    height:              110px;   
    width:               1000px;      position:            absolute;  
         top:            0;        
       left:             0;       

    overflow:            hidden;   
  }

  #banner  span         {
    margin:              0; 
    padding:             0; 
    height:              110px;   
    width:               100%;      position:            absolute;  
         top:            0;        
       left:             0;       
    background:          #000000 url(../images/galibier_logo_110x1000.gif) top left no-repeat;
  }
                                                                                         
/* =============================================================== */
/*         Outer Container for all Content                         */
/* =============================================================== */

  div#container         {
    background-color:    #000000;
    margin:              0;
    padding:             0;
    z-index:             90;
    position:            absolute;
         top:            142px;    
        left:            0%;
       right:            0%;  
      bottom:            0%;  
  }

/* =============================================================== */
/*                Left Column                                      */
/* =============================================================== */
  div#col_left           {

    z-index:             90;
    padding:             2em  1% 2em 1%;
    position:            absolute;
         top:            145px;  
        left:            0;
       right:            20%;
      bottom:            0;
       width:            17.5%;
    border-right:        0px solid #DDDDDD;    /* reduced to 0 width  */
/*  border-top:          1px solid #EEEEFF;       blue */
  }

/* =============================================================== */
/*                Center Column                                    */
/* =============================================================== */

  div#col_center         {
    z-index:             90;
/*  background-color:    #777;   */
    padding:             0px;
    position:            absolute;
         top:            145px;  
        left:            20%;
       right:            80%;
      bottom:            0;
       width:            60%;     
/*  border-top:          1px solid gray;   */
  }

/* =============================================================== */
/*                Right Column                                     */
/* =============================================================== */

  div#col_right          {

    z-index:             90;
    padding:             2em  1% 2em 1%;
    position:            absolute;
         top:            145px;  
       right:            0;         
        left:            80%;
      bottom:            0;
       width:            17.5%;     
    border-left:         0px solid #DDDDDD;    /* reduced to 0 px */
/*  border-top:          1px solid #DDDDFF;       blue */  
  }
  
/* =============================================================== */
/*        Main Product Photo                                       */
/* =============================================================== */

  div#photo_525         {
    z-index:             90;
    padding:             0px;
    position:            absolute;
         top:            20px;  
       right:            15%;         left:            15%;

       width:            525px;     border:              0;
  }
  
/* =============================================================== */
/*        Copyright & Footer                                       */
/* =============================================================== */
  div#footer            {
    z-index:             100;
    margin:              0;   
    padding:             0;
    position:            absolute;
      bottom:            22px;    
    width:               100%;      }

  p#footer_p            {       
/*  background-color:    #3A6DA5;            */
    color:               #FFFF00;           /* color="#0080FF" */        
    font:                italic 12px/1.4em  verdana, arial, sans-serif;
    text-align:          center;
  }

  div#copyright         {
    z-index:             100;
    margin:              0;   
    padding:             0;
    position:            absolute;
      bottom:            0px;    
    width:               100%;   

  }

  p#copyright_p         {       
/*    background-color:  #3A6DA5;                       */
    color:               #0080FF;          /* #FFFF00;  */        
    font:                italic 11px/1.4em  verdana, arial, sans-serif;
    text-align:          center;
  }



/* ==================================================================== */
/*               Top Navigation Bar Section                             */
/* ==================================================================== */
  div#topnav               {
    z-index:             100;
    background-color:    black;                  /* #3A6DA5;            */
    width:               100%;             
    position:            absolute;  
         top:            110px;     
        left:            0;         
     right:              0;  
    margin:              0;   
    padding:             0;     
  }
	
/* Top Navigation Bar - indentation (padding), font, etc.               */
  #topnav ul            {
    list-style-type:     none;
    margin:              0;
    padding:             2px 0px 2px 130px;
    border-bottom:       0px solid #000000;
    font:                bold 12px verdana, arial, sans-serif;  text-align: center;
  }

/* Top Navigation Bar - elements in the unordered list (menu)           */
  #topnav ul li         {
    background-color:    black;                 /* #3A6DA5;             */
    color:               #FFFFFF;
    float:               left;
    height:              25px;
    margin:              2px 4px 0px 2px;
    border:              0px solid #000000;     /* 1px solid #000000;   */
  }

/* Top Navigation Bar - Default characteristics for the links           */
  #topnav ul a:link, #topnav ul a:visited {
    display:             block;
    color:               #FFFFFF;
    background-color:    transparent;
    text-decoration:     none;
    padding:             4px;
  }

/* Top Navigation Bar - Hover characteristics                            */
  #topnav ul a:hover    {
    background-color:    #711515;                             /* black;  */
    color:               #FFFFFF;
  }

/* --------------------------------------------------------------------- */
/* Top Navigation Bar - ties class name in <link statement to            */
/* highlighted color on menu when page is active                         */
/* (uses <body id="  "> tag                                              */
/* --------------------------------------------------------------------- */
  body#home      li.home,
  body#forum     li.forum,
  body#news      li.news,    
  body#about     li.about,    
  body#products  li.products,
  body#order     li.order,   
  body#bargains  li.bargains,
  body#faqs      li.faqs,    
  body#support   li.support,
  body#links     li.links,
  body#rants     li.rants,   
  body#raves     li.raves,  
  body#owners    li.owners, 
  body#contact   li.contact
  { border-bottom: 2px solid #711515;         /* #3A6DA5;       */
    color:                   #FFFF00;
    background-color:        #FFFFFF;         /* #3A6DA5;       */
    font-style: italic; 
  }

/* Top Navigation Bar - also used to tie class name in link statement to <body id=" " in    */
  body#home      li.home     a:link,  body#home      li.home     a:visited,
  body#forum     li.forum    a:link,  body#forum     li.forum    a:visited,
  body#news      li.news     a:link,  body#news      li.news     a:visited,
  body#about     li.about    a:link,  body#about     li.about    a:visited,
  body#products  li.products a:link,  body#products  li.products a:visited,
  body#order     li.order    a:link,  body#order     li.order    a:visited,
  body#bargains  li.bargains a:link,  body#bargains  li.bargains a:visited,
  body#faqs      li.faqs     a:link,  body#faqs      li.faqs     a:visited,
  body#support   li.support  a:link,  body#support   li.support  a:visited,
  body#links     li.links    a:link,  body#links     li.links    a:visited,
  body#rants     li.rants    a:link,  body#rants     li.rants    a:visited,
  body#raves     li.raves    a:link,  body#raves     li.raves    a:visited,
  body#owners    li.owners   a:link,  body#owners    li.owners   a:visited,
  body#contact   li.contact  a:link,  body#contact   li.contact  a:visited
  { color:            #FFFF00;
    background-color: black;         /* #3A6DA5;       */
  }

/* Top Navigation Bar - restore hover behavior for current page     */
  body#home      li.home     a:hover,  
  body#forum     li.forum    a:hover,  
  body#news      li.news     a:hover,  
  body#about     li.about    a:hover,  
  body#products  li.products a:hover,  
  body#order     li.order    a:hover,  
  body#bargains  li.bargains a:hover,  
  body#faqs      li.faqs     a:hover,  
  body#support   li.support  a:hover,  
  body#links     li.links    a:hover,  
  body#rants     li.rants    a:hover,  
  body#raves     li.raves    a:hover,  
  body#owners    li.owners   a:hover,  
  body#contact   li.contact  a:hover
  { color:            #FFFF00;
    background-color: #711515;                          /* black;  */
  }