/*********************************************************
 * Cascading Style Sheet for yankgulchmusic.com Home page
 * File Name:  ygm.css Date: 2007_03_20
 *********************************************************/
/******************************
 *       Home Page Styles   
 ******************************/
.BackHome {
        z-index: 0;
        position: absolute;
        background-image: url('JPGFILES/CabinSnowHome.jpg');
        background-color: Black;
        top:  0px;
        left: 0px;
        width: 698px;
        height:430px;
        border-style: dotted;
        border-width: 0px;
        }

.FrontHome { 
        z-index: 1;
        position: absolute;     
        top:    100px;
        left:   10px;
        width:  600px;
        height: 150px;
        text-align: right;
        color: White;
        }

.HdqtsHome { 
         z-index: 1;
        position: absolute;     
        top:    350px;
        left:   120px;
        width:  200px;
        height: 5px;
        text-align: left;
        color: Black;
        font-size: xx-small;
         }

.LinksHome { 
        z-index: 1;
        position: absolute;     
        top: 380px;
        left: 50px;
        width:600px;
        height:50px;
        text-align: center;
        color: blue;
        }

/* Defs of a "YellowLink" class. */
a.YellowLink:link {
	color:yellow;
	}
a.YellowLink:active {
	color:red;
	}
a.YellowLink:visited {
	color: rgb(255,200,150);
	}
a.YellowLink:hover {
	color: white;
	}
/* End Defs of "YellowLink" */

/******************************
 *    End Home Page Styles   
 ******************************/

/******************************
 *    Regular Page Styles in "index.html" directory   
 ******************************/
.TopBack {
        z-index: 0;
        position: absolute;
        background-image: url('JPGFILES/CabinSnowPages.jpg');
        top:  0px;
        left: 0px;
        width: 546px;
        height:100px;
        border-style: dotted;
        border-width: 0px;
        }

.Hdqts { 
         z-index: 1;
        position: absolute;     
        top:    90px;
        left:   10px;
        width:  200px;
        height: 5px;
        text-align: left;
        color: Black;
        font-size: xx-small;
         }

.TopFront { 
        z-index: 1;
        position: absolute;     
        top:    10px;
        left:   10px;
        width:  600px;
        height: 80px;
        text-align: center;
        color: White;
        }

.TopFrontRight { 
        z-index: 1;
        position: absolute;     
        top:    10px;
        left:   610px;
        width:  108px;
        height: 120px;
        text-align: right;
        }

.Links { 
        z-index: 1;
        position: absolute;     
        top: 110px;
        left: 10px;
        width:150px;
        height:400px;
        text-align: left;
        color: blue;
        }

.Center { 
        z-index: 1;
        position: absolute;     
        top: 110px;
        margin-left: 151px;
        margin-right: 151px;
        padding-left:  12px;
        padding-right:  12px;
        }

td.left { 
        width: 20%;
        z-index: 1;
        vertical-align: top;
        margin-left: 10px;
        }

td.right { 
        width: 80%;
        z-index: 1;
        vertical-align: left;
        margin-right: 10px;
        }

 .td{
      vertical-align: left;
  }

  td.Lefttext {
      width: 120px;
      text-align: right;
      vertical-align: top;
  }

/******************************
 *    Page Styles in /DETAILSFILES directory   
 ******************************/
.TopBackDet {
        z-index: 0;
        position: absolute;
        background-image: url('../JPGFILES/CabinSnowPages.jpg');
        top:  0px;
        left: 0px;
        width: 546px;
        height:100px;
        border-style: dotted;
        border-width: 0px;
        }


/***********************************
 *   Styles for the Order Form     *
 ***********************************/
  body.Order { 
      width: 700px;
               }

.Address{ 
      text-align: center;
      width: 600px;
      margin: 50px; 
    }

 table.Order {
      width: 600px;
      text-align: center;
      font-size: 95%;  
      border-style: solid;
      border-color: Black;
      border-width: 0px;
      border-collapse: collapse
    }

tr.Tall { 
      height: 24px;
      }

  th.Quantity {
      border-style: solid;
      border-top-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-right-width: 1px;
      width: 50px;
      text-align: center;
  }

  th.Code {
      border-style: solid;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      width: 70px;
      text-align:   center;
  }

  th.Item {
      border-style: solid;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      text-align: center;
  }

  th.Unitprice {
      border-style: solid;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      width: 50px;
      text-align: center;
  }

  th.Total  {
      border-style: solid;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      width: 70px;
      text-align: center;
  }
/****************************************
      For Recorded Examples Table
 ****************************************/

  body.Examples {
      text-align: justify;
      width: 500px;
               }

 table.Examples {
      font-size: 90%;
    }


  th.ExNo {
      text-align: center;
      vertical-align: top;
  }

  th.Cntr {
      width:	   250px;
      text-align:  center;
      vertical-align: top;
  }

  th.TrkNo {
      text-align: center;
      vertical-align: top;
  }

  th.Desc {
      text-align: center;
      vertical-align: top;
  }

  td.ExNo { 
      width:             60px;
      text-align:       center;
      vertical-align:      top;
  }

  td.TrkNo {
      width:             60px;
      text-align:       center;
      vertical-align:      top;
  }

  td.Desc { 
      text-align:      justify;
      vertical-align:      top;
      
  }

  td.Cntr { 
      text-align:       center;
      vertical-align:      top;
      
  }

  td.BorderNone {
      height:             23px;
      border-style:      solid;
      border-top-width:    0px;
      border-bottom-width: 0px;
      border-left-width:   0px;
      border-right-width:  0px;
  }

  td.BorderL    { 
      height:             23px;
      border-style:      solid;
      border-top-width:    0px;
      border-bottom-width: 0px;
      border-left-width:   1px;
      border-right-width:  0px;
  }

  td.BorderR    { 
      height:             23px;
      border-style:      solid;
      border-top-width:    0px;
      border-bottom-width: 0px;
      border-left-width:   0px;
      border-right-width:  1px;
  }

  td.BorderLR   { 
      height:             23px;
      border-style:      solid;
      border-top-width:    0px;
      border-bottom-width: 0px;
      border-left-width:   1px;
      border-right-width:  1px;
  }

  td.BorderT    { 
      height:             23px;
      border-style:      solid;
      border-top-width:    1px;
      border-bottom-width: 0px;
      border-left-width:   0px;
      border-right-width:  0px;
  }

  td.BorderB    { 
      height:             23px;
      border-style:      solid;
      border-top-width:    0px;
      border-bottom-width: 1px;
      border-left-width:   0px;
      border-right-width:  0px;
  }

  td.BorderTB   { 
      height:             23px;
      border-style:      solid;
      border-top-width:    1px;
      border-bottom-width: 1px;
      border-left-width:   0px;
      border-right-width:  0px;
  }

  td.BorderTL   { 
      height:             23px;
      border-style:      solid;
      border-top-width:    1px;
      border-bottom-width: 0px;
      border-left-width:   1px;
      border-right-width:  0px;
  }

  td.BorderTR   { 
      height:             23px;
      border-style:      solid;
      border-top-width:    1px;
      border-bottom-width: 0px;
      border-left-width:   0px;
      border-right-width:  1px;
  }

  td.BorderBL   { 
      height:             23px;
      border-style:      solid;
      border-top-width:    0px;
      border-bottom-width: 1px;
      border-left-width:   1px;
      border-right-width:  0px;
  }

  td.BorderBR   { 
      height:             23px;
      border-style:      solid;
      border-top-width:    0px;
      border-bottom-width: 1px;
      border-left-width:   0px;
      border-right-width:  1px;
  }

  td.BorderTBL  { 
      height:             23px;
      border-style:      solid;
      border-top-width:    1px;
      border-bottom-width: 1px;
      border-left-width:   1px;
      border-right-width:  0px;
  }

  td.BorderTBR  { 
      height:             23px;
      border-style:      solid;
      border-top-width:    1px;
      border-bottom-width: 1px;
      border-left-width:   0px;
      border-right-width:  1px;
  }

  td.BorderBLR { 
      height:             23px;
      border-style:      solid;
      border-top-width:    0px;
      border-bottom-width: 1px;
      border-left-width:   1px;
      border-right-width:  1px;
  }

  td.BorderTBLR { 
      height:             23px;
      border-style:      solid;
      border-top-width:    1px;
      border-bottom-width: 1px;
      border-left-width:   1px;
      border-right-width:  1px;
  }

 p.Shipping { 
      font-size: 83%;
      text-align: justify;
              }
/******************************
 *   End Regular Page Styles   
 ******************************/