/* CSS Document */
body,html {
	/*overflow:auto;*/
	background-color:#e3f3c4;
	margin:0px;
	padding:0px;
	font-family:Arial; /*"Times New Roman", Times, serif;*/
	font-size:15px;
	color:#a41201;
	height:100%;
	/*margin-bottom:1px;
	background-image:url('images/page-bg.jpg');*/
}
p{margin:0px 0px 10px 0px;padding:0;line-height:2em;}
ul{line-height:1.5em;padding-top:0px;}
ul li{padding-bottom:7px;}
img{
	border:0px;
}

#form1 div { margin-bottom:5px;}
.wholecontent{
	width:936px;/*960px;*/
	background-image:url('images/page-bg.jpg');
	background-repeat:repeat-y;
	height:500px;
	/*height:100%;*/
	/*border:1px solid #afd368;*/
}
.header{
	float:left;
	height:103px;
	margin-top:30px;
	vertical-align:bottom;
	}
.logo{
	float:left;
	width:235px;
}
.headerimg{
	float:left;
	width:690px;
}
.maincontent{
	background-image:url('images/page-bg.jpg');
	background-repeat:repeat-y;
   width:936px;
   max-width:936px;
	float:left;
}

.left{
	float:left;
	width:235px;
	margin-top:52px;
	/*height:467px;*/
}


.st-audries-b-and-b
{
	background-image:url('images/staying-at-hartnells/tl-st-audries-park.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}

.dunster
{
	background-image:url('images/local-attractions/local-attractions-dunster.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:519px;
	height:35px;
	margin:0px 0px 0px 0px;
}

.westsomersetrailway
{
	background-image:url('images/local-attractions/local-attractions-west-somerset-railway.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:571px;
	height:38px;
	margin:0px 0px 0px 0px;
}

.exmoor
{
	background-image:url('images/local-attractions/local-attractions-exmoor.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:519px;
	height:35px;
	margin:0px 0px 0px 0px;
}


.exmoor-walk
{
	background-image:url('images/walks/walks-exmoor.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}


.watchet
{
	background-image:url('images/local-attractions/local-attractions-watchet.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:361px;
	height:35px;
	margin:0px 0px 0px 0px;
}

.tropiquaria
{
	background-image:url('images/local-attractions/local-attractions-tropiquaria.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}


.minehead
{
	background-image:url('images/local-attractions/local-attractions-minehead.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:571px;
	height:38px;
	margin:0px 0px 0px 0px;
}

.creamteas
{
	background-image:url('images/local-attractions/local-attractions-cream-teas.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:571px;
	height:35px;
	margin:0px 0px 0px 0px;
}


.brendonhills
{
	background-image:url('images/walks/walks-brendon-hills.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}

.quantockhills
{
	background-image:url('images/walks/walks-quantock-hills.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}


.macmillanway
{
	background-image:url('images/walks/walks-macmillan-way.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}


.coleridgeway
{
	background-image:url('images/walks/walks-colegridge-way.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}


.westsomersetcoastalpath
{
	background-image:url('images/walks/walks-west-somerset-coastal-path.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}

.stayathartnells
{
	background-image:url('images/staying-at-hartnells/staying-hartnells.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}

.stay-room
{
	background-image:url('images/staying-at-hartnells/staying-hartnells-bed-rooms.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}


.stay-breakfast
{
	background-image:url('images/staying-at-hartnells/staying-hartnells-breakfast.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:571px;
	height:38px;
	margin:0px 0px 0px 0px;
}

.stay-tariffs
{
	background-image:url('images/staying-at-hartnells/staying-hartnells-tariffs.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}

.stay-contact
{
	background-image:url('images/contact/contact-us.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}

.stay-guestbook
{
	background-image:url('images/staying-at-hartnells/staying-hartnells-guestbook.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}

.book-b-and-b
{
	background-image:url('images/tl-book-your-stay.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}

.stay-williton
{
	background-image:url('images/staying-at-hartnells/staying-hartnells-williton-somerset.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}

.stay-directions
{
	background-image:url('images/staying-at-hartnells/staying-hartnells-direction.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}

.links
{
	background-image:url('images/links/links.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}

.localattractions
{
	background-image:url('images/local-attractions/local-attractions.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}


.hartnellsindex
{
	background-image:url('images/headline.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:559px;
	height:38px;
	margin:0px 0px 0px 0px;
}

.walkinsomerset
{
	background-image:url('images/walks/walking-in-somerset.gif');
	background-position:top;
	background-repeat:no-repeat;
	width:592px;
	height:38px;
	margin:0px 0px 0px 0px;
}


h1 span
{
	display:none;
}



.contentimg{
	float:left;
	width:/*353px;*/300px;
}

.contentimg a
{
 text-decoration:underline;
 color:#a41201;
}

.contentimg a:hover
{
 text-decoration:none;
 color:#a41201;
}

.content{
	float:left; vertical-align:text-top;
	margin-top:16px;
	width:610px;
}

.content a
{
 text-decoration:underline;
 color:#a41201;
}

.content a:hover
{
 text-decoration:none;
 color:#a41201;
}

.bold
{
	font-weight: bold;
}
.italic
{
	font-style:italic;
}

.label
{
	vertical-align:top;
	width:150px;
	float:left;
}


.labelbook
{
	vertical-align:top;
	width:80px;
	float:left;
}


.sublinks
{
	width:350px;
}

.sublinks a
{
text-decoration:underline;
 color:#a41201;
}

.sublinks a:hover
{
	text-decoration:underline;
	
 color:#a41201;
}

.sublinks ul
{
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.sublinks{
	display: inline;
	width: 100%;
}
ul.sublinks>li{
	display: inline;
	   padding-left:13px;
	   padding-top:5px;
	background:url(images/arrow1.gif) no-repeat 3px 11px;
	position: relative;
}

.sublinks ul li a
{
text-decoration:underline;	
}

.sublinks ul li a:hover
{text-decoration:none;}

.right{
	float:left;
	width:660px;
	margin-right:30px;
	text-align:left;
}
.flash{
	float:right;
	width:307px;
	}
.navigation{
	float:left;
	margin:10px 0px 0px 20px;
}
.navigation div{
	padding:5px 0px 5px 0px;
}

.listcomments
{
	/*border:1px solid #026932;*/
	padding:3px;
	/*width:350px;*/
	margin-bottom:10px;
	font-family:arial;
}

.listcommentsleft
{
	width:100px;
	float:left;
	font-weight:bold;
}
.listcommentsright
{
	width:250px;
	float:left;
}

.textbox
{
	width:212px;
	border:1px solid #a41201;
	font-family:arial;
	font-size:13px;
}

.small
{
font-size:12px;
}

.floatright
{ float:right;}

.comments
{ width:385px;font-family:arial;}

input.btn{
	margin-left:75px;
   color:#800D00;
   font-family:Arial; /*"Times New Roman", Times, serif;*/
   font-size:84%;
   font-weight:bold;
   background-color:#E3F3C4;
   border:1px solid #a41201;;
   /*border-top-color:#a41201;
   border-left-color:#a41201;
   border-right-color:#a41201;
   border-bottom-color:#a41201;*/}

/*###########################################*/
/*^^^^^^^^ Navigation styles ^^^^^^^^^^^^^^^^*/
/*###########################################*/

/*~~~~~~~~~~~~~~ Drop down Menu CSS [Please Do Not Modify!] ~~~~~~~~~~~~~~*/

.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}
.qmmc {	position:relative;}
.qmmc a {float:left;display:block;white-space:nowrap;}
.qmmc div a {float:none;}
.qmsh div a{float:left;}
.qmmc div {visibility:hidden;position:absolute;}


/*~~~~~~~~~~~~~~ Menu Styles [Can Modify!] ~~~~~~~~~~~~~~*/

/*"""""""" Main menu """"""""*/
#qm0
{ 
	
	border-style:none;
	border-color:white;
	/*font-family: helvetica,tahoma;*/
	font-family:Arial; /*"Times New Roman", Times, serif;*/
	/*font-family:Bradley Hand ITC;*/
	font-weight:bold;
	font-size:14px;
}

/*""""""""Main menu links """"""""*/
#qm0 a
{
	color:#B2B2B2;
	/*font-family: helvetica,tahoma;*/
	font-family: Arial; /*"Times New Roman", Times, serif;*/
	/*font-family:Bradley Hand ITC;*/
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	padding:0px 2px 2px 5px;
	border-style:none;
	border-color:white;
}

#qm0 a:hover
{ 
	/*background-color:#efefef;*/
	color:#666666;
}


/*"""""""" (Main menu) Active State """"""""*/	
body #qm0 .qmactive, body #qm0 .qmactive:hover
{ 
	
	text-decoration:none;
	/*font-family: helvetica,tahoma;*/
	font-family:Arial; /*"Times New Roman", Times, serif;*/
	/*font-family:Bradley Hand ITC;*/
	font-weight:normal;
	font-size:14px;
	color:#4B4B4D;
	
}


/*"""""""" (Main menu) Parent Items """"""""*/
#qm0 .qmparent
{
	
}

/*"""""""" [Sub menu] """"""""*/
#qm0 div
{
	background-image:none;
	background-color:transparent;
	border-style:none;
	/*font-size:17px;*/
	font-weight:normal;
	text-decoration:none;
	color:#B2B2B2;
	text-align:left;
}

/*"""""""" [Sub menu links] """"""""*/
#qm0 div a
{		
	background-image:none;
	background-color:transparent;
	border-style:none;
	/*font-size:17px;*/
	font-weight:normal;
	text-decoration:none;
	color:/*#666666;*/#a41201;
	padding:3px 2px 2px 22px;
	
}

#qm0 div a:hover
{
	color:/*#B2B2B2;*/#a41201;
	font-weight:normal;
}

/*""""""""[Sub menu] Active State """"""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
{
	text-decoration:none;
	/*font-family: helvetica,tahoma;
	font-family: "Times New Roman", Times, serif;*/
	/*font-family:Bradley Hand ITC;*/
	font-weight:normal;
	font-size:14px;
	color:#B2B2B2;
}
/*"""""""" [Sub menu] Parent Items """"""""*/
#qm0 div .qmparent 
{
	/*color:#4B4B4D;*/
	font-weight:bold;
}

.qmfv
{
	visibility:visible !important;
}

.qmfh
{
	visibility:hidden !important;
}

.separator
{
	text-indent:-7px;
	padding-bottom:2px;
}

.separatorclass
{
	color:#FFFFFF;
	display:none;
}

.listitem li
{
	padding-bottom:10px;
}
.offers{
	width:355px; float:left; margin:0px 0px 0px 0px;
}
.offers div{
	margin-bottom:8px;
}
.offers p.offer-txt{

	 margin:0px;
	 padding:0px;
	 line-height:1.5em;
}
.offers p.offer-head{

	 margin:0px;
	 padding:0px;
	 line-height:1em;
}

.cont-top a
{
 text-decoration:underline;
 color:#a41201;
}

.cont-top a:hover
{
 text-decoration:none;
 color:#a41201;
}

/*################### End of Navigation styles ###################*/



