/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 


body {
	font-family: Verdana,Arial,sans-serif;
	font-size: small;
	color: #1A1A1A;
	margin: 0px;
	padding: 0px;
	
	}

a:link, a:visited, a:hover {
	color: #339999;
	font-weight: bold;
	text-decoration: underline;
}

a:visited {
	color:#339999;
	font-weight: normal;
	
	}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #339999;
	
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: "Times New Roman", Times, serif;
	margin-top: 1.5em;
	margin-bottom: 0;
	padding: 0px;
	color: #993366;
	font-weight: bold;

}

h1{
 font-size: 3em;
 margin: 0;
 padding: 0;
 color: #ffffff;
}

h2{
 font-size: 1.5em;
 margin-top: 0;
 
}


h3{
 font-size: 1.3em;

}
.first  {
 margin-top: 0;
}
h4{
 font-size: 1.2em;
}

h5{
 font-size: 1.1em;
}

#Strapline {
	font-size: 1.25em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom: 0.5em;
	}
#Content ul li{
 list-style-type: square;
 margin: 0 0 0.5em 0;}

#Content ul ul li{
 list-style-type: disc;
}
#Content p {
	margin-top: 0.5em;
	}

ul ul ul{
 list-style-type: none;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#Header{
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #993366;
 	color: #ffffff;
 	padding: 0 1em 2em 25%;
	font-weight: bold;
	/*height: 115px;*/
	text-align: center;


}
#Container {
	border-top: 1pt #993366 solid;
	margin: 0;
	padding: 0;
	width: 100%;
	background-image:url(../01graphics/bgs/top-shadow.jpg);
	background-repeat:repeat-x;
	background-position: 0 0;

	}

#NavBar{
	margin-top: 0;
	padding: 0;
	width: 19%;
}
#NavBar img {
	border: none;
	}

#Content{
	float: right;
	margin: 20px 1em 0 0;
	width: 70%;
	padding: 10px 1em 1em 1em;
	border: 1pt #993366 solid;
	 }

  


/************** image styles ***************/

#Content a img {
border: 1px solid #339999;
}

#Content a:hover img {
	border: 1px solid #993366;
	}

.ImgLeft{
float: left; 
margin: 0 1em 1em 0;


}
.ImgRight{
float: right; 
margin: 0 0 1em 1em;

}
.ImgLeft, .ImgRight, .ImgCentre {
	font-size: smaller;
	border: 1pt #999999 solid;
	padding: 3px;
	color:#666666;
	}


.ImgLeft a:hover, .ImgRight a:hover
{
	background-color: #B9ACB2;
}

.PictureCaptions {
	font-size: smaller;
	margin: 5px 0 5px 0;
	text-align: center;
	color: #666666;}

/*****************************/


#BottomLinks {
		clear: both;
		margin-top: 1em;
		padding: 1em 10px 1em 40px;
		color: #999999;
	}

#Header a:link, #Header a:visited {
	color: #ffffff;
	text-decoration: underline;
	}
#Header a:hover {
	color: #993366;;
	background-color: #ffffff;
	}

/************* #Footer styles ***************/

#Footer{
	font-weight: bold;
	background-color: #993366;
 	color: #ffffff;
	padding: 25px 10px 10px 40px;
	background-image:url(../01graphics/bgs/bottom-shadow.jpg);
	background-repeat:repeat-x;
	background-position: 0 0;
}

#Footer .larger {
	font-family: "Times New Roman", Times, serif;
	font-size: 150%;
	}
#Footer a, #Footer a:hover {
	color: #ffffff;
	background-color: transparent;
	font-weight: bold;
	text-decoration: underline;
	}
#Footer a:hover {
	text-decoration: none;
	
	}
#Footer a:hover {
	background-color: #ffffff;
	color: #993366;
	text-decoration: none;}
	
/*********** #NavBar 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 #993366;
	margin: 0;
	
		}

/* fix for browsers that don't need the hack */
html>body #Nav li {border-bottom: none;}



#Nav{
	margin: 0;
	font-size: 1em;
	text-align: left;
}


#Nav h3 {
	font-size: 1.25em;
	line-height: 100%;
	background-color:#8A7580;
	color: #ffffff;
	padding: 5px;
	border-right: 5pt #73274C solid;
	}
#Nav h3 a {
	display: none;
	
}

#Nav li a	{
	padding: 2px 10px 2px 5px;
	font-weight: bold;
	width: auto;
}


#Nav a:link, #Nav a:visited{
	padding: 2px 2px 2px 5px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	text-decoration: none;
	border-top: 1pt #BF3F80 solid;
	border-bottom: 1pt solid #73274C;
	border-right: 5pt #73274C solid;
	border-left: 1pt #BF3F80 solid;
	color: #ffffff;
	background-color: #993366;
	
}

#Nav li a:visited {
	color:#D0C8CC;
}

#Nav  li a:hover,
body#Home li#Home-nav a,
body#Accomm li#Accomm-nav a,
body#Coach li#Coach-nav a,
body#Group li#Group-nav a,
body#Individual li#Individual-nav a,
body#Maps li#Maps-nav a,
body#Attractions li#Attractions-nav a,
body#Enquiries li#Enquiries-nav a,
body#Sitemap li#Sitemap-nav a  {
	border-top: 1pt #A19098 solid;
	border-bottom: 1pt #C5BABF solid;
	border-left: 1pt #A19098 solid;
	border-right: 5pt #AD9EA5 solid;
	background-color: #B9ACB2;
	color: #60213F;
}

/*{	
	background-color: #FF9900;
	border-left: 10pt #E68A00 solid;
	border-top: 1pt #E68A00 solid;
	border-bottom: 1pt #FFB84C solid;
	border-right: 1pt #E68A00 solid;
	color: #000000;
	}*/
.NestedList a {
	font-size: 0.9em;
	font-weight: normal;
	line-height: 100%;
	padding-left: 15px;
	}
/*********************/

.larger {
	font-size: larger;
	}
	
.smaller {
	font-size: smaller;
		}
		
.NoWrap {
white-space:nowrap;
	}

#SkipToNav a:link, #SkipToNav a:visited {
     color: #ffffff; 
     text-decoration: none;
	 font-size: smaller;
	 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;
  }
  
#Navigation, #Navigation a:link,
#Navigation a:visited, #Navigation a:hover{
	text-align: center;
	font-weight: bold;
	}
.centred {
	text-align: center;
	clear: both;
	}
.centred img {
	padding: 0;
	margin: 4px 0 0 0;
	vertical-align: middle;

	}
.RuledTable {
	margin-top: 1em;
	border: solid #993366;
	border-width: 0 1pt 0 1pt;
	text-align: left;
	font-weight: normal;
	
	}
.RuledTable TD{
	padding: 5px 10px 5px 10px;
	border-bottom: 1pt solid #993366;
	}
.RuledTable TH {
	border: 1pt solid #993366;
	background-color: #993366;
	text-align: center;
	color: #ffffff;
	padding: 5px;
		}
.Required {
	color:#749396;
	font-weight: bold;}
	
.abbr{
	border-bottom: 1px dashed #444;
	font-style: normal;
	cursor: help;}
	
.selectpicture {
	font-size: smaller;
	color: #339999;
	padding: 1em;
	text-align: center;
	}

.PleaseNote {
	border: 1pt #749396 dashed;
	padding: 10px;
	background-color: #D4F4F7;
	}
#Credit {
	font-size: smaller;
	color: #A1B3B7;

	}
#Credit a:link, #Credit a:visited,
#Credit a:hover {
	color: #A1B3B7;
	}

.RightAligned {
	text-align: right;
	}
	
		

.Orangetext {
	color: #FF6600;
	font-weight: bold;
	font-size: 110%;
		}
.CentredBoxed {
	text-align: center;
	border: 2pt #FF6600 dotted;
	padding: 10px;
	}
.CentredBoxed p {
	margin: 0;
	}
.BookingsBoxed {
	border: 1pt #FF6600 solid;
	padding: 10px;
	margin: 1em;
	}
LEGEND {
	font-weight: bold;
	}
FIELDSET {
	margin: 0.5em;
	padding: 1em;
	}
.EnquiriesTable TD{
	padding: 10px;
	border: #B9ACB2 1pt solid;
	}
.BookingEnquiries {
	background-color:#E8E4E6;
	padding: 10px;
	}
#OtherHotel {
	font-style:italic;
	border-top: 1pt #ffffff dotted;
	padding-top: 0.5em;
	}