/*
    Red Lion Hotel content CSS file

    Bill Parker
	Zeltus Computing Solutions
	
	Version       Date                  Explanation
	-------       ----                  -----------
	0.1           12 Nov 2007           Creation
	
	
	
	
	
	
	
	Primary colours used :-
	
	ffffea     255,255,234     Ivory          Background
	64190f     100,25,15       Dark Brown     Text
	800000     128,0,0         Dark Red       Headers & Footers
	efc70e     239,199,14      Gold           Horizontal Rules, Contrast Text
*/

/* @charset "utf-8"; */

p { text-align: justify; }

div#slideshow { float: right; width: 350px; margin: 10px; margin-left: 20px; }

p.centric { text-align: center; margin: auto; }

img  { border: none; }

img.c { text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
	  }

.red  { color: #c03;    background-color: transparent; }
.purple  { color: #c0c;    background-color: transparent; }
.blue  { color: #09f;    background-color: transparent; }
.green  { color: #090;    background-color: transparent; }

.b { font-weight: bold; }
.s { font-size: 85%; }
.italic { font-style: italic; }
.pad { line-height: 150%; }

/* General purpose alignments... */
.left { text-align: left; }
.right { text-align: right; }
.clear { clear: both; }
.clr   { clear: right; }
.clf   { clear: left; }
.centre { text-align: center; }
.just   { text-align: justify; } 

/* ul lists... */
.ul { text-align:       left; 
      list-style-image: url(images/gold_ball.png);
	  /* vertical-align:   middle;
      display:          inline; */
    }
  
/* photo positioning... */
a.cphoto { text-align: center; margin: 0 auto; }
a.lphoto { float: left;  margin: 20px; margin-right: 30px; padding-right: 20px; }
a.rphoto { float: right; margin: 20px; margin-left:  30px; padding-left:  20px; }
		   
/* Used by the mini-lions */
.re { float: right; margin-top: .10em; margin-bottom: .10em; margin-left:  .25em; }
.le { float: left;  margin-top: .10em; margin-bottom: .10em; margin-right: .25em; }

/* Drop Capital */
div#main i { 
   color:            #c03;
   background-color: transparent;
   float:            left;
   font:             normal 54pt/0.8em "Times New Roman", Times, serif;
   margin-right:     2px;
}

hr { border:        none 0; 
	 border-top:    1px dotted #efc70e;
	 border-bottom: 1px solid #efc70e;
	 width:         80%;
	 height:        3px;
	 text-align:    center;
}

/* Headers - look in rl_fonts.css for h1,h2,h4 & h5 stuff! */

p.today { margin-top: 5px; margin-bottom: -40px; }

div#main div#map {
  text-align:  center;
  margin:      auto;
  width:       780px;
  height:      480px;
}

div#rlmap {
  width:       200px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:   75%;
  padding:     0;
  margin:      0;
}

/* Used by sitemap.html - see rl_fonts.css for all other h delcarations */
h3 { font: bold 20px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #c03; }
   
/* Under Construction */
 
div#main p#construction { 
                 background-color:   #ffcc33; /* bright yellow */ 
                 color:              #000066; /* dark blue */
			     text-align:         center;
			     border:             #339933 solid medium; /* green */
			     padding:            10px 5px;
			     margin-left:        150px;
			     margin-right:       150px;
			     font-family:        Verdana, Arial, Helvetica, sans-serif;
			     text-decoration:    blink;
			     font-size:          large;
				 -moz-border-radius: 10px;
                 border-radius:      10px;
				 /* -moz-opacity:       0.5;
				 -opacity:           0.5; */
			   }
			   
/* Sitemap... */
div#main p#sitemap
          { padding:        8px 3px; 
	        margin-top:     100px; 
	        margin-left:    15%; 
	        margin-right:   15%;
	        margin-bottom:  250px; 
            font-family:    "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	        font-size:      0.9em; 
	        text-align:     center;
	        color:          #f66;    /* strawberry */
	        background:     #f1e0e3; /* pale purple-pink */
	      }
		  
a.txt { text-decoration:  none;
        border-width:     1px;
        border-style:     dotted; 
	    border-color:     #00ce7b;  /* pale turquoise */
	    padding:          1px; 
	    background-color: #e6fff5;  /* v. pale turquoise */
	  }
	  
a.txt:link    { color: #c00; /* red */}
a.txt:visited { color: #600; border-color: #000; } /* brown & black */
a.txt:active  { color: #f33; } /* medium red */
a.txt:hover   { color:#000; background-color: #ffc; } /* black & pale yellow */

span.txt { text-decoration:  none;
           border-width:     1px;
           border-style:     dotted; 
	       border-color:     #f99;  /* pale pink */
		   color:            #066;  /* blue-grey */
	       padding:          1px;
	       background-color: #fcf;  /* v. pale turquoise */
	  }

/* Contact descriptors */
div.address {  color: #006400; background: #fffaf0; border: 2px #228b22 outset; text-align: left; padding: .5em; margin: 1em; font-size: 110%; width: 300px; }
span.address { color: #006400; background: #fffaf0; border: 1px #228b22 solid;  text-align: left; padding-left: .33em; padding-right: .33em; }	  
.indent { position: relative; left: 6em; }

/* A an n-column table with all columns auto-sizing - unless over-ridden by a td rule */
table.n { /*table-layout:     fixed;*/
          width:            100%;
	      padding:          0;
		  margin:           auto;
		  text-align:       center;
          border:           none;
		  /*clear:            both;*/
		  background-color: transparent;
        }

table.n td   { vertical-align: middle; text-align: center; }

table.n td.l { width:       40%;
               text-align:  left;
			 }
table.n td.r { width:       40%;
               text-align:  right;
			 }

table.n td.lt { vertical-align: top; }

table.n td.r320 { width: 320px; vertical-align: top; }
table.n td.r320 img { text-align: center; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; }

/* Used on the wine pages.. */

div.wine  { width: 80%; text-align: center; margin: 0 auto; }
div.wine2 { width: 45%; text-align: left; margin: 0 auto; }
table.w { table-layout:     fixed;
          width:            100%;
	      padding:          0;
		  margin:           0;
		  text-align:       center;
          border-width:     2px;
          border-color:     #999;
          border-style:     solid;
		  border-collapse:  collapse;
		  border-spacing:   0;
        }
table.w td { color:            #222f4f;
             padding:          2px 0; 
             background-color: #eff9ff;
			 border-width:     1px;
             border-color:     #999;
             border-style:     solid;
		     border-collapse:  collapse;
		     border-spacing:   0;
}
table.w td.th1 { width: 22%; padding: 5px 0; }
table.w td.th2 { width: 40%; }
table.w td.th3 { width: 8%; }
table.w td.th4 { width: 6%; }
table.w td.th5 { width: 8%; }
table.w td.th6 { width: 8%; }
table.w td.th7 { width: 8%; }
table.w td.td { background-color: #fff8ef; } /* Body of the table */

p.warning { color: #0066CC; }

/* Used on the generated sitemap */

div#site { width:               600px; 
           text-align:          center;
		   margin:              auto;
		   background-image:    url(images/site_gradient.png);
           background-repeat:   repeat-y;
		   background-position: right;
		 }

div#site a:link    { color: #800000; text-decoration: none; }
div#site a:visited { color: #5b0192; text-decoration: none; } /* dark purple */
div#site a:active  { color: #f33; text-decoration: none; } /* medium red */
div#site a:hover   { color: #efc70e; background-color: #005900; text-decoration: none; } /* gold text on dark green */

div#honeypot { margin: 0 0 5px 0; padding-right: 150px; }
div#honeypot table { margin-left: auto; margin-right: auto; }

div#w3org { padding-left: 5px; 
            float:        left;
			clear:        none; 
			position:     relative;
			bottom:       -10px;
}