html,body{margin:0;padding:0}

form {margin:0;padding:0}

p {margin:0 0 1em 0;padding:0}

h1{margin:0 0 .7em 0;padding:0}



body {
	background-color:#A5825A; /* 9f8562 */
	padding:0;
	font:11px verdana, arial, helvetica, sans-serif;
	margin: 0 60px;
	color:#000000;
    }

br {
	letter-spacing:0;
}	
h1 {
	font-size: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom-width: 3px;
    border-bottom-style: dotted;
    border-bottom-color: #9f8562; /* edd2a7 */
	margin: 1em 1em 1em 0;
	padding: 0 0 .2em 0;
	
}

h2 {
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 1em 0 1em 0;
	border-bottom-width: 3px;
    border-bottom-style: dotted;
    border-bottom-color: #9f8562; /* edd2a7 */
	padding-bottom: .2em;
	margin: 1em 1em 1em 0;
	
}

h3 {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 1em 0;
	border-bottom-width: 3px;
    border-bottom-style: dotted;
    border-bottom-color: #9f8562; /* edd2a7 */
	padding-bottom: .2em;
	}

h4 {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 1em 0em;
	padding-left: 3em;
	padding-bottom: .2em;
	}
		

p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin: 0 0 1em 1em;
	padding:0 1.5em 0 0 ;
}

p.bold {
	font-weight: bold;
}

ul {
	list-style: none;
}

hr {
	color: black;
	height: 1px;
}

td {
	text-align:center;
}
table {
	margin:0;
}
a {
	color: #4f4127;
}

ol {
	margin-top: 2.5em;
}
/* start details of layers.... */	

#container {
    width: 880px;
    text-align: left;
    border: 1px solid #eda;
    font:11px/20px verdana, arial, helvetica, sans-serif;
	padding:0;
	background-color:#ffffff;
	margin:0;
    }
#container:after {
content:".";
display:block;
clear:both;
height: 0; 
clear: both; 
visibility: hidden;
}	
	
#changeprice  {height:1%;}
	
#header{
	background-color: #4F4127;			 /* 4f4127 */ /* blue   #4A6BA0 */
	height: 150px;
	border-bottom: 1px solid #ffffff; 	
	
	
	}
 
#header img {
	margin: 0px;
	border: 0px;
	padding:0px;
	}
	
	
	
/* can't get bar / nav to be full width and not push down the rest of the page in explorer */	
#bar {
	background-color: #edd2a7; /* edd2a7 */
	height: 2em;
	border-bottom: 1px solid #9f8562;	
	text-align: left;
	padding:0;
	margin:0;
	
	
    }
	
#nav {
    height: 2em;
    text-align: left;
	float: left;
	list-style: none;
	margin: 0 1px;
	padding:0 0 0 4.2em;
	
	/* background-color: #edd2a7; */
    }	
	
#nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: .4em 0;
	margin: 0 0 0 0; /* with photos and faq it was 4em -> changing temporarily */
	z-index: 1;
	
	}

#nav li {
	float: left;
	text-align:center;
	width: 10em;
	border-right: 1px solid #4f4127; 
    }
#nav li.admin {
	float: left;
	/* background-color: #f23443; */
	text-align:center;
	width: 13em;
	border-right: 1px solid #4f4127;
		padding-right:1em;
    }	
li.end {
	float: left;
	text-align:center;
	width: 10em;
	border-left: 1px solid #4f4127; 
}	
	
#nav a {
	display: block;
	text-decoration: none;
	
}

#nav li:hover, #nav li.sfhover {
	background: #9f8562;
    }	
#content {
	position:relative; /* position is declared "relative" to gain control of stacking order (z-index). */
	background-color:#ffffff; /* dcba72 */
	margin:0;
	padding:0 0 2em 0;
	border-top:1px solid white;
    }
#content.special {
	height: 45em;
	border-top:1px solid white;
}
.bookroom{
	position:relative; /* position is declared "relative" to gain control of stacking order (z-index). */
	background-color:#ffffff; /* dcba72 */
	margin:0;
	padding:0 0 2em 0;
    height: 40em;
	border-top:1px solid white;
}
#contentindex {
	position:relative; /* position is declared "relative" to gain control of stacking order (z-index). */
	background-color:#ffffff; /* dcba72 */
	height:50em;
	padding:0;
	margin:0;
	border-top:1px solid white;
	
 }
#content:after {
content:".";
display:block;
clear:both;
height: 0; 
clear: both; 
visibility: hidden;
}

		
#leftcolumn {
	padding:0;
	margin:2em 0 0 0;
	position:relative;
 	top: 1em; 
	background-color:#ffffff;
	/* width: 24.8em;  */
	width:271px;
	/* height: 30em;  */
	border-right: 1px solid #4f4127; 
	
	}

#rightcolumn {
	position:absolute;
	top: 0;
	/* left: 26.3em; */
	left:290px;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	overflow:auto;
	
	width:600px;
	}

#rightcolumn img {
	margin:10px 0 0 0;
	padding:0;
	position:relative;

}	
div.phototext {
	float:right;
	display:block;
	width:260px;
	margin: 10px 20px 0 0;
	padding:0 0 0 0;
	position:relative;
	
}
	

#booknow {
	background: url(images/booknowcorner.gif) top no-repeat;
	margin:0;padding:0;
	margin: 0 17px;
	padding: 2px 0 0 0;
	background-color:#4E64AB; /* edd2a7 */
	border-left: 2px solid #9f8562;
	border-bottom: 30px solid #9f8562;
	width: 230px;
	}
#booknow2	{
	margin:0;padding:0;
	margin: 27px 0 0 0;
	padding: 0 0;
	background-color:#edd2a7; /* edd2a7 */
	height: 20em; 
	border-right: 2px solid #9f8562; 
	width: 228px;
	
	}
/* end details of layers */	

/* .bookbox {
	font-weight: bold;
	position:relative;
} */
td.booking {
	width : 2em;
}
td.bookday {
	
}
input.rooms {
	margin-left: 49px;
	margin-top: .5em;
}
#button {
	margin: 3em 0 1em 17em;
	padding: 0em 0em;
	width: 11em;
}
#footer {
	background-color:#9f8562;
	position:relative;
	padding:1em 0 0 0;
	margin:0;
	text-align: center;
	color:#ffffff;
	height:6em;
}
#footer.rooms {
	position:absolute;
	top:68em; 
	float:left;
	margin: 30em 12em;
	text-align: center;
	color:#ffffff;
}	
#footer.location {
	position:absolute;
	top:75em; 
	float:left;
	margin: 30em 12em;
	text-align: center;
	color:#ffffff;
}	
#footer li {
	display: inline;
	border: 1px solid #FFFFFF; 
	border-width: 0 1px;	
	padding: 0px 4px 0px 4px;
	margin: 0px 1px;
	height: 1px;
}
#footer ul {
	padding:0;
	margin:0 auto;
}
#footer a {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: 100;
}

/* temporary divs for intermediary page */

#tempcontent {
	margin: 4em 4em;
}
#widecontent {
	margin: 4em 4em;
}

#tempcontentrooms {
	position:relative;
	margin: 4em 0em;
	height: 75em; 
}
#tempcontentindex {
	position:relative;
	margin: 4em 0em;
	/* height: 43em;  */
}
h1.index {
/* 	width: 20em; */

}
h1.rooms {
/*	width: 4em; */
	margin-left:2em;
}
h1.location {
/*	width: 7.5em; */
}
h1.photos {
	/*width: 4em; */
}
h1.links {
	/*width: 10em;*/
}
h1.faq {
/*	width: 16em;*/
}
h1.contact {
/*	width: 11em;*/
} 
img.rooms {
	margin-bottom: 3em;
	margin-left: 3em;
}
img.location {
	margin: 2em 0em;
	padding-left: 3em;
}

img.index {
	margin-bottom: 3em;
	margin-left: 4em;
	float:left;
	
}

#rooms {
	/* position:relative;	 */
	float:left;
	width:36em;
	padding-left:3em;
	/* margin-right:1em; */
	padding-right:3em;
	border-right: 1px solid #4f4127; 
	height:63em;
	}
#indextext{
	float:right;
	margin-right:3em;
	width:36em;
	/* padding-right:3em; */
	padding-left:2em; 
	border-left: 1px solid #4f4127; 
	
	
	}
td.left {
	text-align:left;
}
#language  {
	float:right;
	position:relative;
	top: 1em;
	right: 1em;
	margin:0;
	padding:0;
}
#login {
	margin: 2em;
}
form#login {
	margin: 0em 25em;
}
form#list {
	margin: 2em 4em;
}
input.button {
	padding:0;
	margin: 1em 3em;
}
li.admin {
	padding-bottom: 1em;
	margin-left: 2em;
	padding-left: 2em;
}
.logout {
	position:absolute;
	right: 0px;
	margin-top:1.5em;
	margin-right: 4.5em;
}

/* The folowing is for the navigation menu for the Administation system */
#adminnav {
    height: 2em;
    text-align: left;
	float: left;
	list-style: none;
	margin: 0 1px;
	/* background-color: #edd2a7; */
    }	
	
#adminnav ul {
	float: left;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: .4em 0;
	margin: 0 4em; /* with photos and faq it was 4em -> changing temporarily */
	z-index: 1;
	}

#adminnav li {
	float: left;
	/* background-color: #f23443; */
	text-align:center;
	width: 14em;
	border-right: 1px solid #4f4127; 
    }

li.adminend {
	float: left;
	text-align:center;
	width: 10em;
	border-left: 1px solid #4f4127; 
}	
	
#adminnav a {
	display: block;
	text-decoration: none;
}

#adminnav li:hover, #adminnav li.sfhover {
    
	background: #9f8562;
      }

/* start css for form */
label
{

width: 20em; 
float: left;
text-align: right;
margin: 0 .5em 1em 0;
display: block;
color:black;
padding: 0;
}

.confirm {

width: 22em;
font-weight: bold;
background-color: #edd2a7;


}

input
{
padding:0;margin:0;
/* color: #781351;
background: #fee3ad;
border: 1px solid #781351 */
}

.submit input
{
color: #FFFFFF;
background: #4F4127;
border: 2px outset #d7b9c9
}
p.submit {
	margin : 0 20em;
}
p.changeprice{
	margin : 0 8em;
}
fieldset
{
position:relative;
border: 1px solid #781351;
/* width: 40em; */
margin-top: 2em;
padding-top:2em;
}

legend
{
color: #FFFFFF;
background: #4F4127;
border: 1px solid #781351;
padding: 2px 6px
}
form#make {
	margin: 2em 8em;
	border: 1px solid #781351;
	padding: 1em 3em;
}	
form#changeroom {
	margin: 2em 12em;
	border: 1px solid #781351;
	padding: 1em 3em;
}	 
 
select {
	background: #fee3ad;
} 
select.roomtype {
	width: 11em;
}
table.change {
	margin:0;
	padding:0;
	
}
table.results {
	border: 1px solid #000000;	
}
tr.top {
	border: 1px solid #000000;
	
	}
tr.data {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}	

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	color: #4F4127;
	border-right: 1px solid #edd2a7; 
	border-bottom: 1px solid #edd2a7;
	border-top: 1px solid #edd2a7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #edd2a7  ;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #edd2a7;
	background: none;
}
td.results {
	border-right: 1px #edd2a7 solid;
	border-bottom: 1px #edd2a7 solid;
	background-color: #ffffff; 
}
#results {
	margin: 1em 3em;
}
/* For calendar */
	.calendar {
	margin-top:2em;
	border: 1px solid #000000; 
	border-collapse: collapse; 
	color: #000000; 
	background: #FFFFFF; 
	}

.today { border: 1px solid white; color: #000000; background: #edd2a7; font-weight: bold;}
.monthdays {border: 1px solid #434470; color: #000000; background: #FFFFFF; }
.nonmonthdays { border: 1px solid white; color: #000000; background: #edd2a7;}
.days { border: 1px solid #000000; color: #000000; background: #FFFFFF;}

#calendarrow {
	height:80px;

}
#calendarmonth {
	position:absolute;
	right: 0px;

}

#confirmation {
	margin: 2em 6em;
	border: 1px solid #781351;
	padding: 1em 5em;
	overflow: hidden;

}
#paypalpayment {
	margin: 0 0 0 12em;
	padding-bottom: 2em;
	width: 4em; 
}
#confirmtable {
	margin: 1em 12em;
	text-align: left;
}
#confirm {
width: 15em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
color:black;

}
#confirmation p {height:1%;}

/* .box {
	background-image: url(booknow-topright.gif);
	background-repeat: no-repeat;
	background-position: top left, top right;
}*/
.changeprice {
	margin: 0;padding: 0;
	margin-left: 1em;
}
form#booking {
	padding: 1em 0 0 0;
	margin:0;	
}
form#booking  p {
	margin:5px 0 0 10px;
	padding:0;

}
input#resform {
	padding:0 ;
	margin: 20px 0 0 60px;
	font-size: 9px;
}