/* CSS Document 		wpcott.css*/

*				{padding: 0;
			 	margin: 0;
			 	}

/* TO HIDE HEADING 1 */
h1 em			{
				position: absolute;
				left: -1000px;
				width: 900px;
				}




/*			Each Cottage has a different background colour - this is the default for the common pages*/			 
body			{background: #911927 url("images/background.gif") repeat fixed;
				margin-top: -10px;
				padding-top: 0px;}


#wrap			{height: 600px;
				width: 860px;
				margin: 50px auto 7px auto;
				background: #652E36 url("images/treebground.jpg") no-repeat bottom right;
	
			}
#wrappackage		{height: 600px;
				width: 860px;
				margin: 50px auto 7px auto;
				background: #652E36 url("images/pkgbground.jpg") no-repeat bottom right;
				}


#wrapcontact	{height: 600px;
				width: 860px;
				margin: 50px auto 7px auto;
				background-color: #652E36
				}
			
					
						
/* Background for Cottages description pages */

#wraplogoab		{height: 600px;
				width: 860px;
				margin: 50px auto 7px auto;
				background: #9a845f url("images/wp_logo_fade.jpg") no-repeat 50px 330px;
				}

#wraplogocm		{height: 600px;
				width: 860px;
				margin: 50px auto 7px auto;
				background: #76988f url("images/wp_logo_fade.jpg") no-repeat 50px 330px;
				}


#wraplogodf		{height: 600px;
				width: 860px;
				margin: 50px auto 7px auto;
				background: #808080 url("images/wp_logo_fade.jpg") no-repeat 50px 330px;
				}


/* LOGO AT TOP OF PAGE */

.homelogodiv	{position: absolute;
				margin: -54px auto 0px 0px;
				padding-top: 10px;
				}

.wplogodiv	      {position: absolute;
				margin: -54px auto 0px 50px;
				padding-top: 10px;
				}	
						
			

				/* Border at top of the page */
				
.topborder		{background-color: #dedede;
				margin: 50px auto -43px auto;
				height: 7px;
				font-size: 5px;  /* For IE */
				width: 860px;
				
				}
				
				/* Border at bottom */
				
.bottomborder		{background-color: #dedede;
				margin: 0px auto 0px auto;
				width: 860px;
				font-size: 7px;  /* For IE */
				height: 7px;
				}
											
				
.banner			{margin-top: 7px;
				}
/* Slideshow for Terms and Conditions  */

.slideshow4		{float: left;
				margin: -320px 0 0 0px;
				border-left: #EEC57D 5px solid;
				border-right: #EEC47D 5px solid;
				border-top: #C17B43 5px solid;
				border-bottom: #C17B43 5px solid;
				}

/* SLideshow for bookings page */

.slideshow5		{float: left;
				margin: 50px 0 0 80px;
				}

						
/* Positioning for gallery in room pages*/
	
		
.mouseoverslideshow   {float: left;
				margin: -390px 0 -12px 10px;
				}


.thumbnails		{float: left;
				}


/* Tags for word images on cottages pages */

.tagcot			{float: right;	
				margin: -10px 30px 0 0;
				height: 10px;
				}
	
/* Title for room pages, History, Contact and Environs page*/

.title2			{float: left;
				margin: 0px 0 0 81px
				}				

	
							
/* Div for paragraph content */
				
#content2		{margin-top: 60px;

				}				
 
	
/* Div for pages with gallery to take away falling leaf space */

#content3		{float: right; 
				height: 327px;
				margin-top: -30px;
				margin-left: 10px;
				}
/* Div for paragraph contect on Conditions page */
 
#content5		{margin: 60px 0 0 78px;}


/* Div for Packages */

#content6		{float: right; 
				height: 320px;
				margin-top: -30px;
				margin-left: 310px;
				}

/* Div for Bookings */

#content7		{float: right; 
				height: 320px;
				margin-top: 50px;
				margin-left: 50px;
				margin-right: 50px;
                        width: 500px}

		

			
/* ---------------CONTACT PAGE  -------------*/

				
/* content div for contact page */
				
#contentcontact		{float: left; 
				width: 750px;
				height: 327px;
				margin-top: 0px;
				}

/* Scroll for Contact page */
				
.scrollcontact	{height: 330px;
				float: left;
				margin: 20px 10px -10px 0px;
				padding: 0 10px 0 0;
				width: 830px;
				}	
			
/* Scroll For Conditions page */

.scroll5		{height: 310px;
				overflow: auto;
				margin: 0px 20px 0 360px;
				padding: 0 0px 0 0;
	
				}
	
												
/* Image of the falls on contact page */


.fallsimage		{float: right;
				margin: -200px -10px 0px 10px;

				}
				
.map			{float:left;
				height: 301px;
				margin: 0px 20px 10px 70px;
				padding: 0 0px 0 0px;
				outline: none;
				border: #C17B43;}
				
/*  H7 Words for click map on location page */				
.mapfont		{float: left;
				margin: -25px 0 5px 0px;
				padding-left: 70px;
				color: #FFCC99;
				font-family: arial, arial-narrow, helvetica, sans-serif;
				font-size: 12px;

				}	
				
				
		

/* scroll page setting For pages with gallery */
				
.scroll2		{height: 330px;
				overflow: auto;
				margin: 100px 10px -2px 290px;
				padding: 0 10px 0 0;
				}

/* scroll page setting For Packages with gallery */
				
.scroll6		{height: 330px;
				overflow: auto;
				margin: 100px 10px -2px 300px;
				padding: 0 10px 0 0;
				}



/*  General Heading settings  */		
		
h2				{color: #800000;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size: 1.5em;
				margin: -30px 30px 10px 0;
				}

h3				{color: #800000;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size: 15px;
                        font-style:italic;
				margin: 0 30px 10px 0;
				line-height: 27px;
				}

h4				{color: #dab565;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size: 1.5em;
				margin: 0 30px 10px 0;
				line-height: 27px;
				}

				
h5				{color: white;
				font-family: arial, arial-narrow;
				float: right;
				margin-right: 20px;
				margin-top: -24px;
				}

h6				{color:#FFFFCC;
				font-family: arial, arial-narrow;
				font-size: 14px;}		
	
				
								
p				{color: #FFFFCC;
				font-family: Arial, "Arial Narrow", Helvetica, sans-seriff;
				font-size:15px;
				font-weight: bold;
				margin: 20px 30px 20px 0;}

ul	                  {color: white;
				font-family: Arial, "Arial Narrow", Helvetica, sans-seriff;
				font-size:15px;
				font-weight: bold;
				margin: 20px 30px 20px 30px;}



/* Words on the rooms page wher the slide show appears */

.roomssidewords		{float: left;
				width: 150px;
				margin: 70px 0 0px;
				}
		/* font for links on room pages */
		
.roomfont		{color:#FFFFCC;
				font-family: arial, arial-narrow, geneva, times, sans-seriff;
				font-size: 15px;
				width: 500px;
				}
		/* Room font for paragraph words to do with spacing for the word images*/
				
.roomfont2		{color:#FFFFCC;
				font-family: arial, arial-narrow, geneva, times, sans-seriff;
				font-size: 15px;
				margin-top: 40px;
				}			
				
 
/* Links - emails hovers etc */

a				{text-decoration: none;
				color: #00005b;
				font-weight: bold;
				font-family: Arial;}
				
a:hover			{color: white;
				text-transform: uppercase;
				}


.email			{text-decoration: none;
				color: #dab565;}
				
a.email:hover 	      {color: white;
				text-transform: none; 
				text-decoration: underline}

		
.button	      	{float: right;
				background: url("images/listbg.gif") repeat;
                        width: 100px;
				padding: 3px;
				color: #652E36;
				margin-top: 0px;
                        text-align: center;
                        font-size:14px;
				}
				
a.button:hover    	{background: #652E36;
				color: white;
                        text-decoration:none;
				text-transform:uppercase;
				font-size: 12px;
                        }				
	
		
				
/* Navigation Bar  color and height */	
.navbar			{background-color: #666666;
				height: 40px;
				}							 
.navbarab			{background-color: #ffffea;
				height: 40px;
				}
		
.navbarcm			{background-color: #99cccc;
				height: 40px;
				}		
		
.navbardf			{background-color: #aaa798;
				height: 40px;
				}				
			
/* NAVBAR */
				
ul#navlist
{
font-family: arial, sans-serif, helvetica;
font-size: 14px;
list-style-type: none;
padding-bottom: 20px;
margin: 0px;
}

ul#navlist li
{
float: right;
height: 25px;
width: 90px;
line-height: 7px;
background: url("images/listbg.gif") repeat;
color: white;
/* background-color: #C17B43;  */
text-align: center;
margin: 15px 10px 0 2px;
}

ul#navhome li
{
float: right;
height: 25px;
width: 300px;
line-height: 7px;
background: url("images/listbg.gif") repeat;
color: white;
/* background-color: #C17B43;  */
text-align: center;
margin: 15px 10px 0 2px;
}

li#active a
{
border-bottom: 2px solid #652E36;
background-color: #fff;
}

li#active a { color: #000; }

#navlist a
{
display: block;
color: #652E36;
text-decoration: none;
text-align: center;
padding: 8px 5px 8px 4px;
}

#navlist a:hover { 	background: #00005b;
					color: white;
					width: 74px;
					height: 4px;
					line-height: 4px;
					padding: 8px 7px 8px 9px;
					text-transform:uppercase;
					font-size: 12px;
				}

#navhome a
{
display: block;
color: #652E36;
text-decoration: none;
text-align: center;
padding: 8px 5px 8px 4px;
}

#navhome a:hover { 	background: #652E36;
					color: white;
					width: 284px;
					height: 4px;
					line-height: 4px;
					padding: 8px 7px 8px 9px;
					text-transform:uppercase;
					font-size: 12px;
				}



/* buttons on tariff */


ul#navlist2
{
font-family: arial, helvetica, sans-serif;
font-size: 13px;
list-style-type: none;
padding-top: 20px;
padding-bottom: 10px;
margin: 0px;

}

ul#navlist2 li
{
float: left;
height: 25px;
width: 222px;
line-height: 7px;
background: url("images/listbg.gif") repeat;
color: white;
text-align: center;
margin: 15px 10px 0 2px;
}

#navlist2 a
{
display: block;
color: #652E36;
text-decoration: none;
text-align: center;
padding: 8px 0px 8px 0px;
width: 222px;
}

#navlist2 a:hover {	background: #652E36;
					color: white;
					width: 222px;
					height: 4px;
					line-height: 4px;
					padding: 8px 0px 8px 0px;
					text-align: center;}



/* FOOTER INFO */



div#footer			{
					background-color: #666666;
					padding: 0px 0 0 0;
					width: 860px;
					height: 20px;
					margin: 0 auto 0 auto;
					}

/* Word on footer */

div#footer p		{
					color: #999999;
					font-size: 60%;
					font-weight: 300;
					margin: 0px 0 0 20px;
					padding: 4px 0 0 0;
					text-align: center;
					
					
					}



			
.xhtml	 			{color: #CCCCCC;
					font-size: 90%;
					font-weight: 300;}
				
a.xhtml:hover 		{text-decoration: underline;
					border: none;
					color: #FFFFFF;}