/* HR Style sheet for Celtic Sands

Styles used:

	hr10 - used for "top" border of footer (footer.js include)
	
	
*/	



/* HR Formatting: using an image */

      /* for displaying images, use the following:
       
      Place in doc: 
          <div class="hr"><hr /></div> 
    
      And use the following two CSS rules:
      */
      
    div.hr {
       height: 15px;
       background: #fff url(hr1.gif) no-repeat scroll center;
     }
     
     div.hr hr {
       display: none;
     }
     
     
     /* End of Image as HR */
     
     
     
/*   Other attributes   */     



    hr.hr4 
    {
      border-top: 1px dashed #430393;
      border-bottom: 1px solid #430393;  /* #f00 is a nice red against the lite purple back */
      width: 80%;
      color: #fff;
      background-color: #fff;
      height: 4px;
    }
    
    
    
     hr.hr5 
     {
          border-top: 2px solid #900;
          border-left: 20px solid #900;
          border-right: 20px solid #900;
          color: #f00;
          background-color: #f00;
          height: 4px;
     
     text-align: right;
     margin-right: 0;  
     width: 80%; 
     height: 2px; 
     border: none;   /* (Same as NOSHADE) */
    
    }
    
    
    
    hr.hr6 
        {
          height: 15px;
          color: transparent;
          background: #fff url(hr1.gif) no-repeat scroll center;
        }
        
        
        
   div.hr6
        {
          height: 15px;
          background: #fff url(hr1.gif) no-repeat scroll center;
        }
        
        
   div.hr6 hr {
          display: none;
    }
   
   
   
/* =================================== */
   
   /* 
   To achieve:
    <hr align="right" width="30%" size="2" color="#000F00" noshade>
  
    ...you can do:
    */
    
    HR.hr6b { 
    text-align: right; width: 30%; height: 2px; color: #F00; border: none; 
    } /* For Internet Explorer */
    
    HTML>BODY HR.hr6b { 
    margin-right: 0; width: 30%; height: 2px; background-color: #F00; border: none; 
    } /* For Gecko-based browsers */
    
    HTML>BODY HR.hr6b { 
    margin-right: 0; width: 30%; height: 2px; background-color: #F00; border: 0px solid #F00; 
    } /* For Opera and Gecko-based browsers */
    
/* =================================== */
   


hr.hr7 
    {
	    display: block;
	    height: 1px;
	    border-top: 1px dashed #cccccc;
	    border-left: 0 none;
	    border-right: 0 none;
	    border-bottom: 0 none;
	    margin: 1em 0;
	    padding: 0;
    }   


    
hr.hr8
  {       
	color: #f00;
	background-color: #f00;
	height: 15px;
	width: 80%;
      /* 
      display: none;
       visibility:     hidden;
     */
     
   }           
   
   
    hr.hr9
    {
      border-top: 2px solid #430393;
      border-bottom: 1px solid #430393;  
      color: #430393;
      background-color: #430393;
      height: 2px;
      
     text-align: right;
     margin-right: 0; 
     width: 83%; 
     border: none;   /* (Same as NOSHADE) */      
    }   



    hr.hr10
    {
      border-top: 1px solid #430393;
      border-bottom: 1px solid #430393;  
      height: 1px;
      color: #430393;
      background-color: #430393;
     
      text-align: center;
      margin-right: 0;
      margin-bottom: 5px;
      width: 100%; 
      border: none;   /* (Same as NOSHADE) */      
    }