/* Basic Stylesheet for White Shoots Cottage Website */
/* Basic colour scheme */
body
{
  background-color:#FFF8DC;
  color:#8B0000;
}
/* Styles shared by all types of heading */
h1,h2
 {
	font-family: "monotype Corsiva", "times New Roman", times, serif;
	text-align:center;
    padding: 0px;
	margin: 0px;
  }
h1 {
    font-size: 2.5em;
  }
h2 {
    font-size: 1.8em;
	}   
h3   {
    font-size: 1.2em;
	}

 /* Container for the whole page */
div.container
{
	height: 100%;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
/* specific styles for display on everything but printers */
div.navbar {
	float: left;
	height: 100%;
	min-height: 40em;
	width: 130px;
	padding: 1%;
}
div.content {
	float: right;
	width: 800px;
	height: 100%;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	padding-top: 5px;
	font-size: large;
	}
div.header {
	float: right;
	height: 15%;
	width: 80%;
	padding: 0em;
	}
p {
   margin: 0.5em;
   }	
/* stylesheet for printing only */
@media print
{
div.navbar {
	display: none;
}
div.content {
	float: right;
	width: auto;
	height: auto;
	padding: 1%;
	}
div.header {
	float: none;
	height: auto;
	width: auto;
	padding: 0em;
	}
}
/* end of media print section */
ul.navbar {
	list-style-type: none;
	font-size: large;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0em;
	margin: 0em;
	width: 100%;
	}
.imgleft {
	float: left;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 1em;
}
.imgright {
	float: right;
	padding-top:0.5em;
	padding-bottom: 1em;
	padding-left: 1em;
}
.roomleft {
	float: left;
	width: 380px;
	clear: left; 
	padding: 0%;
}
.roomright {
	float: right;
	width: 380px;
	clear: right;
	padding: 0%;
}
.room3 {
	float: left;
	width: 47.5%;
	clear: left;
	padding: 0.5%;
}
.room4 {
	float: right;
	width: 47.5%;
	clear: right;
	padding: 0.5%;
}
.roomhead {
	font-family: "monotype Corsiva", "times New Roman", times, serif;
	font-size: x-large;
	font-weight: bold;
}
#home .home, #location .location, #rooms .rooms, #prices .prices, #booking .booking,  #contacts .contacts,  #faq .faq, #links .links {
	display: block;
	border: thin inset #8B0000;
	width: 100%;
	background-color: #FFCC99;
	padding: 5%;
	margin: 0em;
	color: #8b0000;
	line-height: 1.5;
}
a.home, a.location, a.rooms, a.prices, a.booking, a.contacts, a.faq, a.links {

	display: block;
	border: thin inset #8B0000;
	width: 100%;
	background-color: #FFE4C4;
	padding: 5%;
	margin: 0em;
	color: #8b0000;
	line-height: 1.5;
}
.large {
	font-size: large;
	text-align: center;
	vertical-align: text-top;
	background-position: center;
}
.pricetable {
	font-size: large;
	text-align: left;
	vertical-align: text-top;
	border: thin solid #8B0000;
	padding: 0.5em;
	display: table;
	position: relative;
	width: 50%;
	left: 10px;
	top: 10px;
}
.imgcentre {
  
	padding-top: 5%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 16%; 
}
h3,h4,h5,h6 {

	text-align:left;
	font-family: "monotype Corsiva", "times New Roman", times, serif;
}
#navbar a:hover {
	color: blue;
	}
#zoomBox {
    position:inherit;
	top: 5px;
	left: -100px;
	width: 800px;
	height: 600px;
	}