body {
margin: 0px;
padding: 0px;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size:small;
background-color:#BCE0EB;
}

#masthead {
height: 200px;
background-image:url(images/pagefurniture/greenvertgrad.gif);
background-repeat:repeat-x;
}

#logo{
position: absolute;
top: 10px;
left: 20px;
background-image:url(images/180/housefront.jpg);
background-repeat: no-repeat;
background-position:top;
height: 188px;
width: 188px;
}

#topright{
position: absolute;
top: 10px;
right: 20px;
background-image:url(images/180/accommodation/garden4.jpg);
background-repeat: no-repeat;
background-position:top;
height: 188px;
width: 188px;
}


#strapline {
margin: auto;
top:20px;
left: 250px;
height: 80px;
width: 400px;
text-align:center;
font-weight:bold;
color:#FFFF00;
}

#strapline h1{
margin:auto;
padding: 10px 10px 0px 10px;
font-size: 2.5em;
}

#strapline p{
margin: auto;
padding: 10px;
}

#strapline span{
margin: 0px;
padding:0px;
width: 60px;
}

#telfax{
margin:auto;
top:100px;
left: 250px;
padding: 0px;
height: 50px;
width: 300px;
font-size: 1em;
font-weight:bold;
text-align:center;
color:#336699;
}

#telfax p{
margin: 10px 0px 0px 0px;
padding: 0px;
}

#datedisplay{
position:absolute;
top:150px;
right: 10px;
padding: 10px;
height: 50px;
width: 200px;
font-size: 0.8em;
text-align:center;
color:#ffff00;
}



#leftcol {
position: absolute;
width: 190px;
top: 240px;
left: 10px;
border: 1px solid black;
background-color: #eee;
z-index: 2;
voice-family: "\"}\"";
voice-family:inherit;
padding: 10px;
}
/* Be nice to Opera rule*/
body>#leftcol {width:128px;}

#leftcol ul{
margin: 0px;
padding: 0px;
list-style: none;
}

#leftcol li {
padding-top: 10px;
}

#leftcol a {
margin: 0px;
padding: 0px;
}

#roompic {
margin:20px 0px 10px 0px;
padding: 0px;
width: 180px;
height: 135px;
background-image:url(images/180/accommodation/FrontRoom07_04-005.jpg);
background-repeat:no-repeat;
}

#roompic p{
margin: 130px 5px 5px 5px;
}

#tempter {
display:none;
margin: 5px;
}

#stars {
margin:20px 0px 10px 0px;
padding: 0px 0px 0px 90px;
width: 104px;
height: 160px;
background-image:url(images/3Star.gif);
background-repeat:no-repeat;
background-position:center;
}

#startext {
display:none;
margin: 5px;
text-align:center;
}

#payments {
margin:20px 0px 10px 0px;
padding:20px 0px 0px 70px;
height:180px;
background-image:url(images/pagefurniture/visamc.gif);
background-repeat:no-repeat;
background-position:center;
}

#payments p{
display:none;
margin: 5px;
text-align:center;
}

#translate{
margin: auto;
padding:0px;
text-align:center;
}

#rightcol {
position: absolute;
width: 180px;
top: 240px;
right: 10px;
border: 1px solid black;
text-align:center;
background-color: #eee;
padding: 10px;
z-index: 1;
/* Tantek Celik hack */
voice-family: "\"}\"";
voice-family:inherit;
}
body>#rightcol {width:180px}

#rightcol ul{
	padding:0px;
	margin:0px;
	list-style: none;

}

#contentcol {
	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index) */
	width: auto;
	min-width: 120px;
	margin: 40px 240px 20px 240px;
	background-color: white;
	padding: 0px;
	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers */
}

#contact {
	
	width: auto;
	min-width: 120px;
	margin: 20px 20px 20px 20px;
	background-color: white;
	padding: 0px;
	
}
#welcome{
text-align:center;
}

#welcome h1{
font-size: 2em;

}

#welcome p {
font-style:italic;
}
#contactdetails{
margin-left:50px;
}

#address{
margin: 0px;
padding: 0px 0px 0px 70px;
}

#address p{
margin: 0px;
padding-top: 0px;
padding-bottom: 0px; 
}


#pleasenote{
margin: 0 40px;
font-size: 0.7em;
color:#0066FF;
}

#offersbanner{
margin:auto;
padding:20px;
text-align:center;
}

#accomphotos{
margin:auto;
text-align:center;
}
#accomphotos li{
display:inline;
margin: 10px;
}

#bottomnav {
	padding-right: 240px;
	text-align: right;
	}

#bottomnav li {
	display:inline;
	padding-right: 10px;
	padding-left: 2px;
	border-left: 2px solid #669966;
	font-size: 0.8em
	}

#bottomnav a {
	color:#0000CC;
	}
	
#bottomnav a.active, #bottomnav a:hover {
color:#66CCFF;
	
	}
	
#bottomnav a:hover {
	
	}

#footer {
margin: 10px 240px;
width: auto;
border: 1px solid black;
text-align:center;
font-size: 0.7em;
padding: 10px;
}

#footer p{
margin: 5px;
}

#photos{
width: 600px;
margin: auto;
}

div.pic{
float:left;
margin: 10px;
padding: 0px;
clear:left;
width: 550px;
}

.image{
float:left;
}

div.pic ul{
float:left;
width: 200px;
}

div.pic ul li.title, div.pic ul li.description{
list-style: none;
}

div.pic ul li.title{
font-weight:bold;
padding-top: 0.5em;
border-bottom: 1px solid green;
}

div.pic ul li.description{
padding-top: 0.5em;
font-size: 0.8em;
}


h1 {
padding: 10px;
font-size: 1em;
}

h3 {
padding: 0px;
font-size: 1em;
}

#contentcol h3, #contact h3{
margin-left: 10px;}

p {
padding: 10px;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

/*#threestars{
width: 50px;
background-image:url(/images/threestars.gif);
background-repeat:no-repeat;
}*/

.gallerynav {
	list-style: none;
	padding-right: 240px;
	text-align: left;
	}

.gallerynav li {
	display:inline;
	padding-right: 10px;
	padding-left: 2px;
	border-left: 2px solid #669966;
	font-size: 0.8em
	}

.gallerynav a {
	color:#0000CC;
	}
	
.gallerynav a.active, #gallerynav a:hover {
color:#66CCFF;
	
	}
	
.gallerynav a:hover {
}

table {
margin: auto;
width: 600px;
text-align: center;
background-color:#999999;
}

.formlabel{
width: 200px;
text-align: left;
}

.formcell{
width: 400px;
text-align: left;
}