/* CSS Document */
body {
	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
	background-color: #660000; /*grey*/
	color: #000000; 
}
	
#container {
	background-color: #ffffff;
	width: 1000px;
	margin: 0 auto; /* auto removed here*/
	}

/*============= styling for top banner ========*/
#banner {
background-color: #003366;
width: 1000px;
background-image: url(images/top_banner_gradient.jpg);
background-repeat: repeat-x;
/*height:100px;*/
height: 8em;
position: relative;
}

#banner span {
color:#FFFFFF;
font-weight: bold;
font-size: 1.2em;
}
#banner p {
color: #FFFFFF;
font-weight: bold;
padding-top: 10px;
padding-right: 10px;
text-align:right;
}

#banner img {
padding: 25px 0 0 20px;
}

/*==========styling for photo banners ==========*/
#photo-banner { /* Index page & general pages */
background-color:#FFFFFF;
width: 1000px;
height: 250px;
background-image: url(images/home_banner.jpg);
background-repeat: none;
position: relative;

}

#photo-banner_1 { /*bedroom page*/
background-color:#FFFFFF;
width: 1000px;
height: 250px;
background-image: url(images/bedrooms.jpg);
background-repeat: none;
position: relative;

}

#photo-banner_2 { /*breakfast page*/
background-color:#FFFFFF;
width: 1000px;
height: 250px;
background-image: url(images/breakfast.jpg);
background-repeat: none;
position: relative;

}
#photo-banner_3 { /*wedding page*/
background-color:#FFFFFF;
width: 1000px;
height: 250px;
background-image: url(images/wedding_banner.jpg);
background-repeat: none;
position: relative;
}
#photo-banner_4 { /* */
background-color:#FFFFFF;
width: 1000px;
height: 250px;
background-image: url(images/sunrise_banner.jpg);
background-repeat: none;
position: relative;
}


/*================== menu ======================*/	
	
#menu, #menu ul {/*all lists*/
            float : left; 
			width : 1000px; 
            padding : 0; 
            margin : 0; 
            list-style : none; 
            border-top : solid #660000; 
			border-bottom : solid #660000;
            border-width : 1px; 
            background-color : #FFFFFF; 
			font-size: 0.9em;
			line-height: 200%;
               				} 
#menu a {
        display : block; 
        width : 11em; 
        background-color: transparent; /*leave as transparent or color does not change on hover*/
		color: black;
        text-decoration : none; 
        text-align : center; 
        } 
				
#menu li {/* all list items*/
        float : left; 
        width : 11em;/*width needed or else Opera goes nuts*/ 
			 				} 
				

*#menu a:hover {
color: #FFFFFF;
background-color: #660000;
}

 

#content {
/*	padding: 5px 30px 5px 30px;
	margin: 5px 30px 5px 30px;*/
	margin: 50px 30px 0 30px;
	background-color: #FFFFFF;
	color: inherit;
}

/*==========================style for form ============*/
#left_form {
float: left;
}
#right_form {
float: right;
}

/*==================style for slide show =============*/
#slide {
float: right;
}
/*============== Styles for footer ===================*/
#footer {
	
	clear: both;
	background-color: #000034;
	padding: 0;
	background-image: url(images/bottom_banner_gradient.jpg);
	height: 5em;
	background-repeat: repeat-x;
	text-align: center;
	font-size: .8em;
	color: #FFFFFF;
	
}

#footer a {
color: white;
text-decoration: none;
}
/*#footer p {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: .8em;
	color: #FFFFFF;
}*/
/*================== general styles =================*/
p {
font-size: 1em;
line-height: 130%;
}

#content th {
color:#FFFFFF;
}
/* =================Styles for heading tags =============== */
h1, h2, h3, h4 {
	color: #660000;
	line-height: 1em;
	background-color: inherit;
}
h1 {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}
h2 {
	font-size: 1.25em;
}
h3 {
	font-size: .9em;
}
h4 {
	font-size: .9em;
}
/* =======================miscelaneous layout===================*/
.center {/* used for centering menu */
text-align: center;
}

ul.none {list-style-type: none} /* for list on rooms and tarrifs page*/
	
/* =======================style for left div===================*/
#left {
	 float: left;
	 padding: 0 10px 10px 0;
}

#right {
float: right;
padding: 0 10px 10px 10px;
}
table {border-color: #660000;}

/* ====================== link on pages =========== */

a.link{
color: #660000;
font-weight: bold;
text-decoration: none;

}