/* Vertical menu */
*{
	list-style:none;
	padding: 0px;
}
	a {
		color:#369;
			text-decoration:none;
	}
	a:hover {
	color:#369;
	text-decoration:none;
	background-color: #CCEEB1;
	}
/*  */
	/* General styles */
	body {
		font: 100% Verdana, Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;    	/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	}
	
	/* demo reset */
		body {
	font:75%/1.5em "Lucida Grande", Arial, Verdana, sans-serif;
}
	h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
	color: #CCEEB1;
	}
	img {
	margin:10px 0 5px;
	text-align: left;
	}
	p {
	margin:.4em 0 .8em 0;
	padding:0;
	text-align: left;
	}
	.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
	margin-top:0px;
	text-align: left;
	}
		/* column container */
	.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
	left: 4%;
	}
	/* 2 Column (left menu) settings */
	.leftmenu {

	}
	.leftmenu .colleft {
	right:75%;	/* left column background colour */
	color: #5C743D;
	}
	.leftmenu .col1 {
	width:71%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
	text-align: left;
	color: #000;
	}
	.leftmenu .col2 {
	width:200px;			/* (right column left and right padding) plus (left column left padding) */
	text-align: left;
	color:#5C743D
	}
		.cleanform * { margin:0; padding: 0 }	
		
			        
        /* CLEAN FORM
        /////////////////////////////*/
		
        /* General */

        .cleanform {
			font-size:1em;
        	width:40em;
        	color:#1b1b1b;
        	text-align:left;
			position:relative;
        	margin:1em auto
        }

		/* Elements */

		.cleanform  label,.cleanform legend{  
        	padding:0;
			margin:0.3em 0;
        }

		.cleanform fieldset{ 
			padding:0.7em;
			border:1px solid #ddd;
			margin:0 0 0.5em 0;
		}
	             
        .cleanform label {
            font-weight:bold;
        }
        
        .cleanform fieldset input {
            width:70%;
            line-height:1.5em;
			padding:0.15em;
        }
        
         .cleanform .radio input,
		 .cleanform .checkbox input {
            width:auto;
			border:none;
         }
        
        .cleanform input, .cleanform textarea, .cleanform select {
        	display:block;
        	margin-bottom:1em;
        	font-size:1em;
        	border:1px solid #bbb;
			padding:0.15em;
			margin-right:1em
        }

        .cleanform .radio label, .cleanform .radio input,
		.cleanform .checkbox label, .cleanform .checkbox input{
        	display:inline;
			margin:0 1.5em 0 0
        }


 		.cleanform .radio input, .cleanform .checkbox input{
			margin:0 0.3em 0 0
        }

		/* Button */

		.cleanform button {
			margin:0.3em 0;
        	border:1px solid #ccc;
        	background-color:#eee;
        	font-size:1em;
        	cursor:pointer;
        	padding:0.5em
        }

		.cleanform button:hover {
		    background-color:#E6EFC2;
		    border:1px solid #C6D880;
		    color:#529214;
		}

        .cleanform button:active {
        	background-color:#333;
        	color:white;
			border:1px solid #000;
        }
		
		/* information */
		
        .cleanform .formInfo {
            margin-bottom:1em;
            padding-bottom:0.5em;
            border-bottom:0.1em solid #ddd;
        }

        .cleanform .formInfo h2 {
        	color:#00889e;
        	font-weight:bold;
        	font-size:1.2em;
        	margin-bottom:1em
        }

        .cleanform .formInfo p{
        	text-align:justify
        }

        .cleanform .required {
        	color:#ff3838;
        	font-weight:bold;
        	font-size:0.8em;
		}
	#date {
	position:absolute;
	width:200px;
	height:42px;
	z-index:1;
	right:51px;
	text-align: right;
}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
	}
	/* Header styles */
	#header {
	clear:both;
	float:none;
	width:100%;
	background: #D5EDB3;
	border-bottom:1px solid #000;
	text-align: left;
	color: #696;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	/*  */
#Title {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#Pic1 {
	float: left;
	position: relative;
	width:314px;
}
#header div img {
	z-index: 50;
}
#header-title {
	position:absolute;
	width:50px;
	height:42px;
	z-index:70;
	right:250px;
	top: 100px;
}

#header #title {
	position:absolute;
	width:398px;
	height:68px;
	z-index:70;
	right:441px;
	top: 32px;
}

#logo1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #5C743D;
	top: 32px;
	left: 600px;
	text-align: center;
}
#logo2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #930;
	text-align: center;
}

#menu {
	width: 100%;
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;

	}
	
#menu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #5E7830;
	display: block;
	background: url(dartmoor-bed-and-breakfast-images/menu1.gif);
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}
	
#menu li a:hover {
	color: #26370A;
	background: url(dartmoor-bed-and-breakfast-images/menu1.gif) 0 -32px;
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}
	
#menu li a:active {
	color: #26370A;
	background: url(dartmoor-bed-and-breakfast-images/menu1.gif) 0 -64px;
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}
.back {
	text-align: right;
}
.colmask.leftmenu .colleft .col2 h4 a:visited {
	color: #FFF;
	text-decoration: none;
}
.colmask.leftmenu .colleft .col2 h4 a:link {
	color: #CCEEB1;
	text-decoration: none;
	background-color: #ffffff;
}
.colmask.leftmenu .colleft .col2 h4 a:hover {
	color: #000;
	text-decoration: none;
}
/* Horizontal menu */
.bg {background: url(dartmoor-bed-and-breakfast-images/button4.gif);}
.horizmenu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(dartmoor-bed-and-breakfast-images/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.horizmenu li.top {
	display:block;
	float:left;
	position:relative;
}
.horizmenu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.horizmenu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.horizmenu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(dartmoor-bed-and-breakfast-images/down.gif) no-repeat right top;}
.horizmenu li a.top_link:hover {color:#000; background: url(dartmoor-bed-and-breakfast-images/button4.gif) no-repeat;}
.horizmenu li a.top_link:hover span {background:url(dartmoor-bed-and-breakfast-images/button4.gif) no-repeat right top;}
.horizmenu li a.top_link:hover span.down {background:url(dartmoor-bed-and-breakfast-images/button4a.gif) no-repeat right top;}

.horizmenu li:hover > a.top_link {color:#000; background: url(dartmoor-bed-and-breakfast-images/button4.gif) no-repeat;}
.horizmenu li:hover > a.top_link span {background:url(dartmoor-bed-and-breakfast-images/button4.gif) no-repeat right top;}
.horizmenu li:hover > a.top_link span.down {background:url(dartmoor-bed-and-breakfast-images/button4a.gif) no-repeat right top;}

.horizmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.horizmenu a:hover {visibility:visible;}
.horizmenu li:hover {position:relative; z-index:200;}

.horizmenu ul, 
.horizmenu :hover ul ul, 
.horizmenu :hover ul :hover ul ul,
.horizmenu :hover ul :hover ul :hover ul ul,
.horizmenu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.horizmenu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
.horizmenu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.horizmenu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.horizmenu :hover ul.sub li a.fly {background:#fff url(dartmoor-bed-and-breakfast-images/arrow.gif) 80px 7px no-repeat;}
.horizmenu :hover ul.sub li a:hover {background:#999999; color:#fff;}
.horizmenu :hover ul.sub li a.fly:hover {background:#999999 url(dartmoor-bed-and-breakfast-images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.horizmenu :hover ul li:hover > a.fly {background:#999999 url(dartmoor-bed-and-breakfast-images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.horizmenu :hover ul :hover ul,
.horizmenu :hover ul :hover ul :hover ul,
.horizmenu :hover ul :hover ul :hover ul :hover ul,
.horizmenu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}
.new {
	color: #F00;
}