BODY {margin: 0em; padding: 0em; font-family:  Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff;
color:#000000;
font-size: small;
}

H1, H2, H3, H4, H5 {
font-family: Trebuchet, Arial, Helvetica, sans-serif;
color: #896786;
margin-top: 1em;
margin-bottom: 0;
font-weight: bolder;
} 

P, DIV {
	margin: 0;
	padding: 0;
	}

/************ Main Structure **************/

#Header {
	margin: 0;
	padding: 0;
	height: 118px;
	background-color: #0F228C;

	}
	
#Header a:hover {
	background-color: transparent;
	}	
#HeaderLeft {
	border: none;
	padding: 0;
	margin: 0 80% 0 0;
	height: 118px;
	background-image:url("/random/index.cgi");
	background-repeat:no-repeat;
	background-position: 50% 100%;
	text-align:center;

	}
	
#HeaderRight {
	position: absolute;
	top: 0;
	left:20%;
	width: 80%;
	margin: 0;
	padding: 0;
	background-image:url("/aagraphics/bgs/wall-clouds1.jpg");
	background-repeat:repeat-x;
	background-position: 150px 100%;
	height: 118px;
	text-align: left;
	
	}
#HeaderRight img {
	float:left;
	padding: 0 10px 0 0;
	margin: 0;
	}
		
#Left{
	margin:  0 80% 0 0;
	padding: 0;
	text-align: center;
	
	
}

#content{
	float: right;
	margin: 0;
	width: 73%;
	padding: 0 20px 0 20px;

}
	
#Footer {
	width: 100%;
	margin: 10px 0 0 0;
	color: #0F228C;
	background-color: #D2EEE0;
	clear: both;

}

#Footer a:link, #Footer a:visited {
	color: #0F228C;
	text-decoration: underline;
}
#Footer a:hover {
	color: #ffffff;
	background-color: #0F228C;
	text-decoration: none;
}

#Footer larger{
	font-weight: bold;
	}
	
#Validation {
	width: 20%;
	height: 95px;
	margin: 0;
	color: #0F228C;
	text-align: center;

			}

#BottomLinks {
	font-size: smaller;
	text-align: center;
	background-color: #ffffff;
	margin: 0;
	padding: 0 0 10px 20%;
	border-bottom: 2pt #0F228C solid;


	
	}
#Address {
	margin-left: 20%;
	background-color: #D2EEE0;
	color: #0F228C;
	text-align: left;
	padding: 5px 5px 10px 0;
	font-weight: bold;
	}
#Address larger {
	font-size: larger;
	}
#Copyright {
	margin-top: 5px;
	color: #0F228C;
	}

 #Copyright a:link, #Copyright a:visited {
	text-decoration: underline;
	font-weight: normal;
}

#Copyright a:hover {
	color: #ffffff;
	background-color: #0F228C;
	text-decoration: none;

}
.CreditPD a:link, .CreditPD a:visited {
	color: #0F228C;
	font-size: smaller;
	}


/*********** #Nav link styles ***********/

#Nav ul a:link, #Nav ul a:visited, #Nav ul a:hover {
display: block;  
}
#Nav ul {list-style: none; padding: 0; margin: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#Nav li {border-bottom: 1px solid #D2EEE0;
	margin: 0;
	
		}

/* fix for browsers that don't need the hack */
html>body #Nav li {border-bottom: none;}



#Nav{
	margin: 10px 0 0 2px;
	font-size: .9em;
	text-align: left;

}


#Nav a:link, #Nav a:visited{
	padding: 2px 2px 2px 20px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	text-decoration: none;
	background-color: #D2EEE0;
	color: #896786;
	border-top: 1px #E5F5ED solid;
	border-bottom: 1px #ACE0C6 solid;
	border-left: 1px #AEC0C2 solid;
	border-right: 1px #AEC0C2 solid;
	background-image:url(/aagraphics/bgs/bullet-up.gif);
	background-repeat:no-repeat;
		background-position: 0 50%;


}

#Nav a:visited{
	background-color: #C5E8D8;
	color:#8A9D94;
	}

#Nav a:hover,
body#home li#homenav a,
body#directory li#directorynav a,
body#accomm li#accommnav a,
body#attract li#attractnav a,
body#business li#businessnav a,
body#find li#findnav a,
body#hawes li#hawesnav a,
body#villages li#villagesnav a,
body#pano li#panonav a,
body#events li#eventsnav a,
body#park li#parknav a,
body#localhist li#localhistnav a,
body#wildlife li#wildlifenav a,
body#uwnewsletter li#uwnewsletternav a,
body#offers li#offersnav a,
body#skills li#skillsnav a,
body#pick li#picknav a,
body#postcards li#postcardsnav a,
body#enquiries li#enquiriesnav a,
body#links li#linksnav a,
body#sitemap li#sitemapnav a,
body#access li#accessnav a,
body#walks li#walksnav a,
body#Shopwindow li#Shopwindow a
{
	background-color: #896786;
	color: #ffffff;
	border-top: 1px #AC91A9 solid;
	border-bottom: 1px #7A5C78 solid;
	border-left: 1px #AC91A9 solid;
	border-right: 1px #7A5C78 solid;
	background-image:url(/aagraphics/bgs/bullet-hover.gif);
	background-repeat:no-repeat;
	background-position: 2px 50%;
	}



/************** #Navigation styles **************/
#Navigation, #Navigation a:link,
#Navigation a:visited, #Navigation a:hover{
	color: #896786;
	text-align: center;
	background-color: #ffffff;
	border: none;
	font-weight: bold;
	
	}

	
	
/**************************/




TH {
	font-weight: bold;
	color: #0F228C;
	background-color: #D2EEE0; 
	font-size: 100%;
}

TD{
	color: #000000;
}

CAPTION {
	font-weight: bold;
	color: #0F228C;
}

a:link {
	color: #678689;
	text-decoration: underline;
	font-weight: bold;
}

A:visited {
	color:#749396;
	font-weight: bold;

}

A:hover {
	background-color: #678689;
	color: #ffffff;
}


H1 {
	font-size: 1.5em;
	text-align: left;
	color:#0F228C;
	padding: 10px 10px 0 0;
	margin: 0;
	font-weight: bolder;
}



H2 {
	font-size:1.3em;
	text-align: left;
	background-color: #896786;
	padding: 5px 5px 5px 30px;
	margin-top: 0;
	background-image: url(/aagraphics/bgs/h2-bullet.gif);
	background-repeat:no-repeat;
	background-position: 2px 50%;
	color: #ffffff;}

H3 {
	font-size: 1.2em;
	margin-top: 2em;
	margin-bottom: 0;
}


H4 {
	font-size: 1.1em;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 2em;
	margin-bottom: 0;

}

H5 {
	font-size: 1.1em;
	margin-top: 2em;
	margin-bottom: 0;

}

H6 {
	font-weight: normal;
	font-size: 1em;
	margin-top: 2em;
	margin-bottom: 0;

}


.selectpicture {
	color: #0C723E;
	font-style:oblique;
	padding: 2px;
	margin: 0;
	font-size: 90%;
	
}


.smaller {
	font-size: smaller;
}


.larger {
	font-size: larger;
}

.white {
	color: #ffffff;
}

.centred {
	text-align: center;
}

.centred img {
	vertical-align: middle;
	}
.picturecaption {
	text-align: center;
	font-size: x-small;
}


.NoWrap { white-space: nowrap; }

.SkipToNav, .SkipToNav a:link, .SkipToNav a:visited {
     color: #ffffff; 
     text-decoration: none;
	 font-size: smaller;
	 text-align: left;
	 margin: 0;
	background-color: transparent;
	 }
  
.SkipToNav a:focus, .SkipToNav a:hover, .SkipToNav a:active{
     /* Becomes visible & underlined when user tabs to it. 
       :active pseudo-class necessary for IE 
       :focus pseudo-class necessary for Mozilla 
     */
     color: #000000; 
     text-decoration: underline;
	 background-color: transparent;
  }
  
  .RuledTable TD
 { 
padding: 5px;
border-bottom: 1px solid #B7DAE0;
} 

	
#content UL LI {
	padding-bottom: 0.5em;
	list-style-type:square;
	padding-left: 5px;
	}
#content UL UL LI {
	list-style-type:disc;
	}
#content UL UL UL LI {
	list-style-type: circle;
	}
	
textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
P {
	margin: 1em 0 0 0;
	}
	
	
.abbr{
	border-bottom: 1px dashed #444;
	font-style: normal;
	cursor: help;}
	
#newsletter {  
	margin: 2px 0 2px 0;
	width: auto;
	font-size: smaller; 
	background-color: #AEC0C2; 
	border: 1px #0F228C solid;
	color: #000000;
	font-weight: normal;
	padding: 0 5px 0 5px;
	}
#newsletter input {
	font-size: small;
	}
	
#newsletter form a:link, #newsletter form a:visited,
#newsletter form a:hover {
	background-color: transparent; 
	background-image: none;
	text-decoration: underline;
	padding: 5px 0 5px 0;
	border: none;
	color: #000000;
		}
	#newsletter form a:hover {
	color: #ffffff;
	}
#newsletter h4 {
	font-size: 1.5em;
	margin: 0;
	color: #ffffff;
	}
#content form {
	text-align: center;
	border: 1.5pt #D3E7BF dotted;
	background-color: #EDF5E5;
	margin: 10px 0 10px 0;
	}
#Other form {
	text-align: left;
	background-color: #ffffff;
	width: auto;
	border: none;
	}
#RuledTable TD {
	border-bottom: 1pt #D3E7BF solid;
	background-color: #EDF5E5;
	margin: 0;
	text-align: left;
	padding: 10px;
	
	}
#Enquiry form {
	text-align: left;
		border: 1.5pt #D3E7BF solid;
	background-color: #EDF5E5;

	}
	

div.photoright{
float: right; 
padding: 10px 0 10px 10px;

}
div.photoleft{
float: left; 
padding: 10px 10px 10px 0;

}
div.photoleft a, div.photoright a, .PremierFirst img a {
margin: 0;
text-decoration: none;
background-color: transparent;

}

div.photoleft a:hover, div.photoright a:hover, div.PremierFirst img a:hover {
	background-color: #ffffff;
	color: #000000;
}
div.photoleft img, div.photoright img, div.PremierFirst img {
border: 1px solid #0F228C;
}

.Listings {
border: 1pt #88D2AD solid;
padding: 10px;
margin-top: 10px;}

div.Listings  img {
padding: 0;
border: 1px solid #0F228C;
margin: 0 0 0 10px;
float: right; 
}


.BusinessHeader {
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom: 1pt dotted #0F228C;
	min-height: 2em;
	height: 2.5em;
	}
.BusinessName {
	float: left;
	width: 72%;
	font-size: larger;
	}
.BusinessHeader H4 {
	margin: 0;
	}
.Grading {
	width: 27%;
	float: right;
	font-size: 85%;
		}
div.Grading img {
	margin: 0;
	border: none;
	}
.BusinessHeader img {
	border: none;
	}
.Grading H4 {
	margin: 0;
	text-align: right;
	}

.pullquote {
	font-style: italic;
	color: #896786;
	font-size:larger;
	height: 220px;
	line-height: 130%;
	font-weight: bold;
	}
	
.HomeFlash{
	text-align: right;
	padding: 20px 0 10px 20px;
	}
#Related {
	margin: 0 2em 2em 0;
	border: 1pt #967393 solid;
	padding: 0 10px 10px 0;
	width: auto;
	clear: both;
	}
#Related H4 {
	background-color: #967393;
	margin-top: 0;
	margin-right: -10px;
	color: #ffffff;
	padding: 5px 5px 5px 10px;
	}
#Related li {
	padding: 5px;
	margin-left: -15px;
		}
.Events {
	border: 1pt #B7A0B4 solid;
	padding: 5px;
	margin: 5px 0 0 0;
	min-height: 7em;
}

.Events H4 {
	margin-top: 0;
	}
	
.EventsLeft {
	width: 67%;
	padding-right: 1%;
	}
.EventsRight {
	float: right;
	width: 29%;
	padding-left: 1%;
	border-left: 1.5pt dotted #B7A0B4;

	}
.expired {
	color: #999999;
	border: #999999;
	}
.expired H4 {
	color: #999999; 
	}

#Panorama {
	text-align: center;
	margin: 10px 0 10px 0;
	padding: 10px;
	border: 1pt #896786 solid;
	}
.RightAlign form {
	text-align: right;
	}
#VillagesList {
    float:left;
    width:100%;
    font-size:93%;
    line-height:normal;
	text-align: center;
	margin: 1em 0 1em 0;
	background-color: #D2EEE0;
	border: 1pt solid #749396;
	padding: 5px 0 0 0;
    }
	#VillagesList ul {
    margin:0;
    padding:0;
    list-style:none;
    }
  #VillagesList li {
    float:left;
    margin:0;
    padding:0;
	width: 19%;

    }
	
#VillagesList a {
    display:block;
	border: 1pt #967393 solid;
	padding: 2px;
	height: 2.5em;
	background-color: #CCFFFF;
	text-decoration: none;
	color: #967393;
	
    }
#VillagesList a:hover, li#Here a {
	background-color: #967393;
	color: #CCFFFF;
	}
.PremierFirst img {
	float: left;
	margin: 10px 10px 0 0;
	vertical-align: bottom;
	}
.PremierFirst p {
	padding: 2em 0 0 0;
	}
.tintbox {
background-color: #E4F5F5;
border: 1px #749396 solid; 
margin: 2em 0 1em 0; 
padding: 0 10px 10px 10px;
font-weight: normal;
}

.tintbox UL {
background-color: transparent;
margin-left: 1em;
padding-left: 1em;
}

.tintbox LI {
background-color: transparent;
}

.ShopsTable {
	border: 2pt solid #B7DAE0;
	}
.ShopsTable TD {
	width: 28%;
	padding: 5px;
	border: 1pt solid #B7DAE0;
	text-align: center;
}
.ShopsTable TH {
	text-align: left;
	width: 15%
	}
.Clear, .clear {
		clear: both;
}