/*
    Red Lion Hotel main layout 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"; */

body { margin:           0; 
       padding:          0;
	   font-family:      Verdana, Arial, Helvetica, sans-serif;
       background-color: #ffffea;
       color:            #64190f;
       font-size:        small;
	   text-align: center; /* this centres the container in IE 5* browsers. The text is then set to the left aligned default in the #main selector */
	   background-image:      url(images/watermark.png);
       background-repeat:     no-repeat;
	   background-position:   180px 260px;
	   background-attachment: scroll;
     }

/* Top section - header */

.red_lion #header { 
    color:            #efc70e;
	border-bottom:    1px #800000 solid;
	background-color: #800000;
	height:           136px;
}
	 
#topleft { position:      absolute;
	       left:          0;
	       top:           0;
	       width:         160px;
	       text-align:    center;
	       border-bottom: 3px #efc70e solid;
	       height:        132px;
		 }

#topright {	margin-left:   160px;
	        color:         #efc70e;
	        width:         auto;
	        text-align:    center;
	        border-bottom: 3px #efc70e solid;
	        height:        132px;
          }

#topleft img  { padding-top: 18px; padding-left: 20px;}
#topright img { padding-top: 22px; }

/* Tips for main:
1. The space between the main and menubar is created with the left margin on the main div.  No matter how much content the menubar div contains, the column space will remain. You can remove this left margin if you want the #main div's text to fill the #menubar space when the content in #menubar ends.
2. Be aware it is possible to cause float drop (the dropping of the non-floated main area below the sidebar) if an element wider than it can contain is placed within the main div. WIth a hybrid layout (percentage-based overall width with em-based sidebar), it may not be possible to calculate the exact width available. If the user's text size is larger than average, you will have a wider sidebar div and thus, less room in the main div. You should be aware of this limitation - especially if the client is adding content with Contribute.
3. In the Internet Explorer Conditional Comment below, the zoom property is used to give the main "hasLayout." This may help avoid several IE-specific bugs.
*/
.red_lion #main { 
	margin:                0 20px 0 160px;
	padding-left:          20px; 
} 

/* footer stuff */

.red_lion #footer { 
    color:            #efc70e;
	margin:           0;
	padding:          0;
	border-top:       1px #800000 solid;
	background-color: #800000;
	clear: left;
	width: 100%;
}

#bottomleft { float:       left;
 	          padding:     5px 2px 1px 2px;
	          width:       160px;
	          color:       #efc70e;
	          font-size:   smaller;
	          text-align:  center;
	          border-top:  2px #efc70e solid;
            }


#bottomleft a img { border: none; }

#bottomleft a:link, 
#bottomleft a:visited,
#bottomleft a:hover,
#bottomleft a:active {
       color:           #efc70e;
       text-decoration: none; 
}
 
#z_txt { font-size: 80%; }

#z_txt a:hover { color:            #036;  /* dark pink */
                 background-color: #fff;  /* white */
	             text-decoration:  none;
			   }

#bottomright { float:            right; 
               width:            100px; 
			   background-color: #800000;
   	           padding:          15px 0 1px 2px;
			   border-top:       2px #efc70e solid;
    	       font-size:        smaller;
             }

#address { color:            #fff;  /* white */
	       font-weight:      normal;
		   text-align:       center;
	       border-top:       2px #efc70e solid;
		   margin:           0 100px 0 160px;
		   padding:          5px 30px 1px 30px;
		   background-color: #800000;
  	       font-size:        smaller;
		 } 

#address p { padding-left: 100px; }

#address a:link { color: #fff; text-decoration: none; } /* white */
#address a:visited { color: #fff; text-decoration: none; } /* white */		   
#address a:hover { color:            #800000;
	               background-color: #efc70e;
	               text-decoration:  none;
                 }

#address .caps { font-variant:  small-caps;
                 font-size:     120%;
				 font-weight:   bold;
               }

#bottomlinks {	font-size:   smaller;
	            padding:     10px 0 10px 160px;
	            text-align:  center;
				clear:       left;
	            margin:      0;
	         }
			 
#bottomlinks a:link    { color: #036; text-decoration: none; } /* dark pink */
#bottomlinks a:visited { color: #936; text-decoration: none; } /* dark blue */
#bottomlinks a:hover { color:            #333; /* dark grey */
	                   background-color: #ff9; /* pale gold */
	                   text-decoration:  none;
                     }

#bottomright p { font-size:     80%;
			     color:         #efc70e;
	           }
			 
#bottomright a img { border: none; }

#bottomright a:link, 
#bottomright a:visited,
#bottomright a:hover,
#bottomright a:active {
       color:           #efc70e;
       text-decoration: none; 
}
 
#address #info { font-family:   Arial, Helvetica, sans-serif;
         font-size:     80%;
		 font-variant:  small-caps;
		 color:         #efc70e;
	   }