body, body div, body p, body th, body td, body li, body dd    {
font-family : Verdana, Arial, Helvetica, sans-serif;  
             
    font-size:    small;     
             
    }


BODY {margin: 0em; padding: 0em; font-family:  Verdana, Arial, Helvetica, sans-serif;
background-color: #F0F5FF; color: #727564;
}

H1, H2, H3, H4, H5 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #727564;
} 

#Topbar {
	background-image: url("/aagraphics/bgs/composite.jpg");
	background-repeat: no-repeat;
	background-position: 100% 0%;
	background-color: #727564;
	text-align: left;
	height: 110px;
	max-height: 110px;
	vertical-align: middle;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #F0F5FF;
	
}

	#Topbar a:link {
	color: #F0F5FF;
	}
	
	#Topbar a:visited {
	color: #F0F5FF;
	}

	#Topbar a:hover {
	color: #ffffff;
	}







#Topbar a img {
	border: none;
}


/**8**** LAYOUT DIVS ******/

#Container {
	margin: 0;
	padding: 0;
	width: 100%;
	clear:right;
	}

#Left{
	
	width: 19%;
	margin: 8px 0 0 0;
	padding: 0 0 0 5px;;
	color: #69827F;


}
	
#Main{
	float: right;
	width: 75%;
	margin: 0 2% 0 1%;
	padding: 10px 0 1em 0;
	min-height: 400px;

	 }




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

/*********** #NavLinks styles ***********/
#Nav {
	margin: 0;
	padding:0;
}
#Nav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-image:  url(/aagraphics/bgs/menubg-1.jpg);
	/*border-bottom: 1px solid #5F5F43;*/
	background-color: #727564;
}
#Nav ul {
	/*border-top: 1px solid #eeeeee;*/
	margin: 0;
	padding: 0;
	z-index: 10000;
}
#Nav ul li {
	/*border-left: 1px solid #FFFFFF;*/
	border-bottom: 1px solid #5F5F43;
}
#Nav a {
	display: block;
	text-decoration: none;
	background-color: transparent;
	padding: 4px 15px 4px 2%;
	color: #CDE1D3;
	border-top: 1px solid #8C907D;
	border-right: 1px solid #8C907D;
	border-bottom: 1px solid #4A4B40;
	border-left: 4px solid #58594C;
	line-height:1;
}

#Nav a:visited {
	color: #CDE1D3;
	font-weight: normal;
	}	

#Nav a:hover, #Nav a:active, #Nav a:focus,
body#Home li#Home-nav a,
body#Sandpiper li#Sandpiper-nav a,
body#Strands li#Strands-nav a,
body#Maps li#Maps-nav a,
body#Area li#Area-nav a,
body#Enqs li#Enqs-nav a,
body#Access li#Access-nav a,
body#SiteMap li#SiteMap-nav a
{
	color: #58594C;
	font-weight: bold;
	background-color: #B8DD86;
	letter-spacing: 0.01px;
	border-top: 1px solid #A0D15E;
	border-right: 1px solid #B8DD86;
	border-left: 4px solid #94CB4A;
	border-bottom: 1px solid #D0E9AE;
	background-image:  url(/aagraphics/bgs/menubg-hover.jpg);
	background-position: right 50%;
}
#Nav {
	width: 100%;
}

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



#Left a img {
	border: 0;
}


#Bottombar {
	color: #F0F5FF;
	background-color: #727564;
	clear: both;
	width: 100%;
}



#address {
	color: #F0F5FF;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	text-align: center;
margin: 0;	width: auto;
}

#address a:link {
	color: #F0F5FF;
	text-decoration: none;
}
#address a:visited {
	color: #F0F5FF;
	text-decoration: none;
}
#address a:hover {
	color: #ffffff;
	text-decoration: underline;
}


TH {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #8A98AB; 
	font-size: 125%;
}

TD{
	color: #575A3C;
}

CAPTION {
	font-weight: bold;
	color: #2c5641;
}

A:link {
	color: #727564;
	text-decoration: underline;
	font-weight: bold;
}

A:visited {
	text-decoration: underline;
	color: #8e9180;
	font-weight: bold;
}

A:hover {
	color: #7c798c;
	text-decoration: underline;
}


H1 {
	font-size: 150%;
	text-align: left;
	color: #8A989B;
	margin-bottom: 0px;
	border-top: #B6D985 solid 1px ;
	border-bottom:  #B6D985 solid 2px;
	padding: 5px;


}



H2 {
	font-size: 140%;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;

}

H3 {
	font-size: 110%;
	}

H4 {
	font-size: 100%;
	padding-left: 0px;
	margin-bottom: -0.25em;
}

H5 {
	font-size: 100%;
	margin-bottom: -0.25em;
}

H6 {
	font-weight: normal;
	font-size: 70%;
}



#BottomLinks {
	font-size: smaller;
	padding-bottom: 10px;
	text-align: center;
	margin-top: 15px;
	}

.selectpicture {
	color: #b38d68;
}




.smaller {
	font-size: smaller;
}


.larger {
	font-size: larger;
}

.white {
	color: #ffffff;
}

.centred {
	text-align: center;
}



.picturecaption {
	text-align: center;
	font-size: x-small;
}

a img {
	border: 1pt #69827F solid;}

.NoWrap { white-space: nowrap; }
.bookingenquiries {  background-color: #E3E8E8}

.RuledTable TD { 
padding: 5px;
border-bottom: 1px solid #607E59;
border-left: none;
border-right: none;
border-top: none;
} 

.RuledTable TH
{
padding: 5px;
}

.VirtualTour {
	font-size: larger;
	background-color:#CCFF99;
	padding: 10px;
	font-weight: bold;
	margin: 1em;
	width: 50%;
	text-align: center;
	border: 2pt #727564 dotted;
	}
.ImgRight {
	float: right;
	margin: 0 0 10px 10px;
	}
.ImgLeft {
	float: left;
		margin: 0 10px 10px 0;
		}
.ImgRight, .ImgLeft {
	font-size: smaller;
	text-align: center;
	padding: 5px;
	color:#999999;
	border: 1pt #999999 solid;
	}
.ClearRight {
	clear: right;
}

.ClearAll {
	clear: both;
	)