/* =initialize
---------------------------------------------------------------------------- */
	* {
		border: 0;
		margin: 0;
		padding: 0;
	}

	body {
		margin: 0 auto;
		margin-bottom: 20px;
		text-align: center;
		font: 12px Verdana, Arial, Geneva, Helvetica, sans-serif;
		background: #1F002F url(/images/misc/bg.jpg) repeat;
		color: #000;
	}

/* =divisions
---------------------------------------------------------------------------- */
	#banner {	
		height: 110px;
		width: 758px;
		margin: 0 auto;
		text-align: center;
		background: #1F002F url(/images/misc/dark_crags.jpg) no-repeat;
		color: inherit;
	}

	#mainWrapper {
		overflow: hidden;  /* for the faux-columns */
		width: 758px;
		margin: 0 auto;
		text-align: center;
		background: #FFFDFF url(/images/misc/mainWrapper_bg.jpg);  /* the faux columns background image */
		color: inherit;
	}
	
	#leftNav {
		float: left;
		width: 165px;
	}
	
	#leftNavTop{
		height: 30px;
		background: #1F002F url(/images/misc/bg.jpg) repeat;
	}
	
	#leftNavSearch {
		padding-top: 16px;
		text-align: left;
		background: url(/images/misc/top_left.gif) no-repeat top left;
		color: inherit;
	}
	
	#contentWrapper {
		float: right;
		width: 593px;
	}
	
	#content {
		float: left;
		width: 428px;
		text-align: left;
		background: url(/images/misc/top_left.gif) no-repeat top left;
		color: inherit;
	}
	
	#subHeadWrapper {
		height: 21px;
		border-bottom: 1px solid #336699;
		margin: 10px 14px 20px 14px;
	}
	
	#subFootWrapper {
		clear: both;
		position: relative; /* instead of FF margin collpase issue */
		top: 20px;
		height: 40px;
		border-top: 1px solid #336699;
		margin: 0 14px;
		padding-bottom: 20px;
	}
	
	#subHeadText,
	#subFootText{
		float: left;
	}
	
	#subHeadLink,
	#subFootLink {
		float: right;
		margin-top: 1px;
		text-align: right;
	}
	
	#subFootLink {
		margin-top: 5px;
	}
	
	#subFootText{
		float: left;
		margin-top: 5px;
	}
	
	#rightNav {
		float: right;
		width: 165px;
	}
	
	#rightNavTop {
		height: 245px;
		background: #E7E8FC url(/images/misc/rightnav_crags.jpg) no-repeat top;
		color: inherit;
	}
	
	body#homePage #rightNavTop,
	body#miscPage #rightNavTop	{
		background: #E7E8FC url(/images/misc/rightnav_crags.jpg) no-repeat top;
	}

	body#accommodationPage #rightNavTop,
	body#bbPage #rightNavTop,
	body#bunkhousePage #rightNavTop,
	body#scPage #rightNavTop,
	body#hotelPage #rightNavTop	{
		background: #E7E8FC url(/images/misc/rightnav_boat.jpg) no-repeat top;
	}

	#activitiesPage #rightNavTop {
		background: #E7E8FC url(/images/misc/rightnav_pier.jpg) no-repeat top;
	}
	
	#primaryPage #rightNavTop {
		background: #E7E8FC url(/images/misc/rightnav_palms.jpg) no-repeat top;
	}
	
	#eatingPage #rightNavTop {
		background: #E7E8FC url(/images/misc/rightnav_rainbow.jpg) no-repeat top;
	}
	
	#travelPage #rightNavTop {
		background: #E7E8FC url(/images/misc/rightnav_train.jpg) no-repeat top;
	}

	#villagePage #rightNavTop {
		background: #E7E8FC url(/images/misc/rightnav_palms2.jpg) no-repeat top;
	}
	
	#info {
		clear: both;
		height: 38px;
		width: 758px;
		margin: 0 auto;
		padding-top: 15px;
		text-align: center;
		background: #002800;
		color: inherit;
	}

	#infoLeft {
		float: left;
		height: 38px;
		width: 400px;
		padding-left: 12px;
		text-align: left;
		background: #002800 url(/images/misc/bottom_left.gif) no-repeat bottom left;
		color: inherit;
	}

	#infoRight {
		float: right;
		height: 38px;
		padding-right: 12px;
		line-height: 27px;
		text-align: right;
		background: #002800 url(/images/misc/bottom_right.gif) no-repeat bottom right;
		color: white;
	}
	
	#previousNewsletters {
		margin: 20px 14px 14px 14px;
		text-align: right;
	}

/* =headings
---------------------------------------------------------------------------- */
	h1, h2 {
		text-indent: -5000px;  /* shift the text headings out of view */
	}
	
	h3 {
		text-align: left;
		font-size: 13px;
		font-weight: bold;
		color: #336699;
	}
	
	h4 {
		margin: 0 18px 4px 14px;
		padding-top: 8px;
		font-weight: bold;
	}
	
	h4.topHeader {
		padding-top: 0;
	}

	h4.definitionHeader {
		margin-bottom: 8px;
	}
	
	#ntsNewsletter h4{
		height: 133px;
		margin-bottom: 18px;
		text-indent: -5000px;
		background: url(/images/misc/nts_logo.jpg) center no-repeat;	
	}
	
	#ntsNewsletter h5 {
		margin: 0;
		padding: 0;
		margin-bottom: 6px;
		text-align: center;
		font: italic bold 20px/30px "Times New Roman", serif;
	}

/* =paragraphs
---------------------------------------------------------------------------- */
	#content p {
		margin: 0 18px 15px 18px;
	}

	body.mainIntro p {
		padding-left: 12px;
		margin-bottom: 8px !important; 
	}
	
	body.mainIntroNoLeftIndent p {
		padding-left: 0;
	}
	
	#info p {
		margin: 0;
		padding: 0;
	}
	
	#ntsNewsletter p {
		margin: 0 18px 8px 18px;
	}
	
	hr {
		border: 0;
		height: 1px;
		width: 90%;
		margin: 18px 18px 0 18px;
		padding-left: 12px;
		margin-bottom: 8px !important;
		text-align: center;
		color: #ACB1FF;
		background-color: #ACB1FF;
	}
	
/* =lists
---------------------------------------------------------------------------- */
	#leftNavMainList,
	#leftNavSecList,
	#rightNavSecList	{
		margin: 12px 14px 12px 13px;
	}
	
	#leftNavSecList {
		margin-top: 36px;
	}
	
	#leftNavTaxiList, 
	#leftNavHarlemUKList {
		margin: 0 14px 36px 13px;
	}
	
	#leftNavTaxiList dt {
		font-weight: bold;
		background: #F6BA15;
		color: #1959B0;
	}
	
	/*#leftNavHarlemUKList dt {
		font-weight: bold;
		background: #000;
		color: #FFF;
	}*/
	
	#rightNavSecList {
		margin: 16px 13px 12px 14px;
	}
	
	#leftNavMainList li,
	#leftNavSecList li,
	#rightNavSecList li {
		list-style: none;
		margin-bottom: 3px;
	}
	
	#leftNavEventsList dt {
		border: 1px solid #FFDA68;
		border-bottom: none;
		margin: 36px 14px 0 13px;
		background: #EC8E00;
		color: inherit;
	}
	
	#leftNavEventsList dd {
		border-left: 1px solid #FFDA68;
		border-right: 1px solid #FFDA68;
		margin: 0 14px 0 13px;
		font-size: 11px;
	}
	
	#leftNavMiscList,
	#rightNavMiscList {
		padding: 20px 0;
		list-style: none;
		text-align: center;
	}
	
	#rightNavMiscList  {
		padding: 0;
	}
	
	#rightNavBroadbandList {
		margin-bottom: 20px;
	}
	
	#rightNavTime dt {
		padding: 6px 0 3px 0;
		font-size: 13px;
		font-weight: bold;
		background: inherit;
		color: #336699;
	}
	
	#rightNavTime dd {
		padding-bottom: 2px;
		font-size: 11px;
		font-weight: bold;
	}
	
	#rightNavNewList dt {
		margin: 12px 13px 0 14px;
		border-bottom: none;
		line-height: 23px;
		font-size: 12px;
		font-weight: bold;
		background: #B2B7FF;
		color: #000;
	}
	
	#rightNavNewList dd {
		border-left: 1px solid #E5E6FB;
		border-right: 1px solid #E5E6FB;
		margin: 0 13px 0 14px;
		font-size: 11px;
	}
	
	#rightNavBroadbandList dt {
		border: 1px solid #AAD8FF;
		border-bottom: none;
		margin: 12px 13px 0 14px;
		line-height: 25px;
		font-size: 12px;
		font-weight: bold;
		background: #CEE7FF;
		color: #000033;
	}
	
	#rightNavBroadbandList dt:before {
		content: '\2022 \00a0'; /* bullet + space, not IE */
	}
	
	#rightNavBroadbandList dt:after {
		content: '\00a0 \2022 '; /* space + bullet, not IE */
	}
	
	#rightNavBroadbandList dd {
		border-left: 1px solid #AAD8FF;
		border-right: 1px solid #AAD8FF;
		margin: 0 13px 0 14px;
	}

	.recentNews {
		border-top: 1px solid #777777;
		margin: 20px 18px 0 18px;
		padding-top: 12px;
	}
	
	.recentNews dt {
		padding-left: 14px;
		margin-bottom: 3px;
		line-height: 36px;
		font-size: 16px;
		font-weight: bold;
		background: #E8E8E8;
	}
	
	.recentNews dd dt  {
		margin-bottom: 8px;
		line-height: 28px;
		font-size: 12px;
		background: #F1F1F1;
	}
	
	.recentNews dd dd {
		margin: 0 0 8px 14px;
	}
	
	.recentNews.pdtaNews dt {
		background: #F0F1FF;
	}
	
	.recentNews.pdtaNews dd dt {
		background: #F4F5FF;
	}
	
	dl.nestedOuter {
		margin-left: 30px;
	}
	
	dl.nestedOuter dt {
		margin-bottom: 4px;
		font-weight: bold;
		font-style: italic;
	}
	
	dl.nestedInner {
		padding-left: 12px;
	}

	dl.nestedInner dt {
		float: left;
		clear: left;
		width: 90px;
		text-align: right;
		font-weight: bold;
		font-style: normal;
		color: #336699;
	}
	
	dl.nestedInner dt.telephoneInfo {	
		width: 30px;
		color: #000;
	}
	
	dl.nestedInner dd {
		overflow: hidden;
		margin-bottom: 4px;
		margin-right: 18px;
		padding-left: 12px;
	}
	
	dd.nestedInnerLast {
		padding-bottom: 6px;
	}
	
	dl.ntsNewsletterList {
		margin-left: 20px;
		margin-bottom: 16px;
		line-height: 1.4;
	}

	dl.ntsNewsletterList dt {
		font-weight: bold;
	}

	dl.ntsNewsletterList dd {
		padding-left: 8px;
	}	
	
/* =links
---------------------------------------------------------------------------- */
	a {
		font-weight: bold;
	}
	
	a:link,
	a:visited {
		color: #990000;
		text-decoration: none;
	}

	a:hover,
	a:active {
		color: #FF4500;
		text-decoration: underline;
	}
	
	#leftNavTop a {
		display: block;
		height: 30px;
		width: 100%;
		cursor: default;
	}

	#leftNavMainList li a,
	#leftNavSecList li a,
	#rightNavSecList li a {
		width: 100%;
		display: block;
		line-height: 23px;
		text-decoration: none;
		text-align: center;
	}
	
	#leftNavEventsList dt a,
	#leftNavEventsList dd a {
		width: 100%;
		display: block;
		line-height: 23px;
		text-decoration: none;
		text-align: center;
		font-weight: normal;
	}
	
	#leftNavMiscList li a,
	#rightNavMiscList li a {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	
	#rightNavNewList dd a {
		width: 100%;
		display: block;
		line-height: 23px;
		text-decoration: none;
		text-align: center;
		font-weight: normal;
	}
	
	#rightNavBroadbandList dd a {
		width: 100%;
		display: block;
		line-height: 120%;
		text-decoration: none;
		text-align: center;
		font-weight: normal;
	}

/* Main
------------------------------------ */
	#leftNavMainList li a:link,
	#leftNavMainList li a:visited {
		border: 1px solid #FFAE5B;
		background: #FFCB97;
		color: #753B00;
	}

	#leftNavMainList li a:hover,
	#leftNavMainList li a:active {
		border: 1px solid #E66800;
		background: #FF9900;
		color: #3E1F00;
	}
	
	#leftNavMainList li a.home:link,
	#leftNavMainList li a.home:visited {
		border: 1px solid #FFAE5B;
		background: #FFC773;
		color: #753B00;
	}

	#leftNavMainList li a.home:hover,
	#leftNavMainList li a.home:active {
		border: 1px solid #E66800;
		background: #EC8E00;
		color: #000;
	}
	
/* Left Sec
------------------------------------ */
	#leftNavSecList li a:link,
	#leftNavSecList li a:visited {
		border: 1px solid #FFA6A6;
		background: #FBD1B9;
		color: #620000;;
	}

	#leftNavSecList li a:hover,
	#leftNavSecList li a:active {
		border: 1px solid #B70000;
		background: #FF6868;
		color: #3E0000;
	}
	
/* Events
------------------------------------ */
	#leftNavEventsList dd a:link,
	#leftNavEventsList dd a:visited {
		border-bottom: 1px solid #FFDA68;
		background: #FFFFF6;
		color: #990000;
	}

	#leftNavEventsList dd a:hover,
	#leftNavEventsList dd a:active {
		border-bottom: 1px solid #FFDA68;
		text-decoration: underline;
		background: #FFFFDF;
		color: #FF4500;
	}
	
	#leftNavEventsList dt a:link,
	#leftNavEventsList dt a:visited {
		font-size: 12px;
		font-weight: bold;
		background: #FFAE5B;
		color: #753B00;
	}

	#leftNavEventsList dt a:hover,
	#leftNavEventsList dt a:active {
		text-decoration: none;
		background: #EC8E00;
		color: #000;
	}

/* misc
------------------------------------ */
	#lochan a,
	#lochan a:active {
		height: 92px;
		width: 139px;
		background: url(/images/misc/lochan_logo.gif) no-repeat center center;
		color: inherit;
	}

	#lochan a:hover,
	#lochan a:active {
		background: #FCCB9E url(/images/misc/lochan_logo.gif) no-repeat center center;
		color: inherit;
	}
	
	#taxi a,
	#taxi a:visited {
		display: block;
		height: 128px;
		width: 138px;
		padding-top: 6px;
		text-decoration: none;
		background: #F6BA15 url(/images/members/plockton_taxis/plockton_taxis_nav.jpg) no-repeat center 27px;
		color: #205CB2;
	}

	#taxi a:hover,
	#taxi a:active {
		color: #990000;
	}

	#leftNavTaxiList a.taxiTel,
	#leftNavTaxiList a.taxiTel:visited {
		display: block;
		height: 23px;
		width: 138px;
		padding-top: 7px;
		text-decoration: none;
		background: #194DA8;
		color:#FFF;
	}

	#leftNavTaxiList a.taxiTel:hover,
	#leftNavTaxiList a.taxiTel:active {
		color: #F6BA15;
	}
		
	#harlemUK a,
	#harlemUK a:visited {

	}

	#harlemUK a:hover,
	#harlemUK a:active {

	}
	
	#leftNavHarlemUKList a#harlemUKLogo,
	#leftNavHarlemUKList a#harlemUKLogo:visited {
		display: block;
		height: 23px;
		width: 138px;
		padding-top: 4px;
		text-decoration: none;
		background: #000 url(/images/members/harlemuk/harlemuk_logo.gif) no-repeat center;
		color:#FFF;
	}
	
	#leftNavHarlemUKList #harlemUKSLogo:hover,
	#leftNavHarlemUKList #harlemUKSLogo:active {
		color: #F6BA15;
	}	

	#leftNavHarlemUKList #harlemUKSlogan1,
	#leftNavHarlemUKList #harlemUKSlogan1:visited {
		display: block;
		height: 108px;
		width: 138px;
		text-decoration: none;
		background: #293A04 url(/images/members/harlemuk/harlemuk_slogan1.jpg) no-repeat center;
		color:#FFF;
	}

	#leftNavHarlemUKList a.harlemUKSlogan1:hover,
	#leftNavHarlemUKList a.harlemUKSlogan1:active {
		color: #F6BA15;
	}
	
	#leftNavHarlemUKList #harlemUKSlogan2,
	#leftNavHarlemUKList #harlemUKSlogan2:visited {
		display: block;
		height: 23px;
		width: 138px;
		text-decoration: none;
		background: #293A04 url(/images/members/harlemuk/harlemuk_slogan2.jpg) no-repeat center;
		color:#FFF;
	}

	#leftNavHarlemUKList a.harlemUKSlogan2:hover,
	#leftNavHarlemUKList a.harlemUKSlogan2:active {
		color: #F6BA15;
	}
	
	#sailing a,
	#sailing a:active {
		height: 145px;
		width: 139px;
		background: url(/images/misc/PSBSC_logo_3.gif) no-repeat center center;
		color: inherit;
	}

	#sailing a:hover,
	#sailing a:active {
		background: #E5E6FF url(/images/misc/PSBSC_logo_3.gif) no-repeat center center;
		color: inherit;
	}

	#primary a,
	#primary a:active {
		height: 105px;
		width: 139px;
		background: url(/images/misc/primary_logo.gif) no-repeat center center;
		color: inherit;
	}

	#primary a:hover,
	#primary a:active {
		background: #E5E6FF url(/images/misc/primary_logo.gif) no-repeat center center;
		color: inherit;
	}
	
	#high a,
	#high a:active {
		height: 115px;
		width: 139px;
		background: url(/images/misc/high_logo.gif) no-repeat center center;
		color: inherit;
	}

	#high a:hover,
	#high a:active {
		background: #E5E6FF url(/images/misc/high_logo.gif) no-repeat center center;
		color: inherit;
	}
	
	#cfa a,
	#cfa a:active {
		height: 124px;
		width: 139px;
		background: url(/images/misc/cfa_logo.gif) no-repeat center center;
		color: inherit;
	}

	#cfa a:hover,
	#cfa a:active {
		background: #E5E6FF url(/images/misc/cfa_logo.gif) no-repeat center center;
		color: inherit;
	}
		
	.shift {
		display: block;
		text-indent: -5000px;
	}

/* New
------------------------------------ */
	#rightNavNewList dd a:link,
	#rightNavNewList dd a:visited {
		border-bottom: 1px solid #E5E6FB;
		background: #F4F5FF;
		color: #990000;
	}

	#rightNavNewList dd a:hover,
	#rightNavNewList dd a:active {
		border-bottom: 1px solid #E5E6FB;
		text-decoration: underline;
		background: #DFE5FF;
		color: #FF4500;
	}

/* Right Sec
------------------------------------ */
	#rightNavSecList li a:link,
	#rightNavSecList li a:visited {
		border: 1px solid #B7BBFF;
		background: #E4E3FF;
		color: #000771;
	}

	#rightNavSecList li a:hover,
	#rightNavSecList li a:active {
		border: 1px solid #777FFF;
		background: #9FA5FF;
		color: #000771;
	}

/* Broadband
------------------------------------ */
	#rightNavBroadbandList dd a:link,
	#rightNavBroadbandList dd a:visited {
		border-bottom: 1px solid #AAD8FF;
		padding-top: 6px;
		padding-bottom: 6px;
		background: #E1F0FF;
		color: #000033;
	}

	#rightNavBroadbandList dd a:hover,
	#rightNavBroadbandList dd a:active {
		border-bottom: 1px solid #E5E6FB;
		padding-top: 6px;
		padding-bottom: 6px;
		background: #B2DBFF;
		color: #000033;
	}
	
	#info a {
		display: block;
		color: #009D01;
	}
	
	#info .stats {
		font-size: 16px;
		padding-top: 2px;
		color: #FFCB66;
	}

/* =forms
---------------------------------------------------------------------------- */
	#leftNavSearch form {
		margin: 0 0 0 13px;
	}

	#leftNavSearch label {
		display: block;
		padding: 0 0 3px 8px;
		font-weight: bold;
	}

	#previousNewsletters form {
		margin: 8px 0 0 0;
		text-align: right;
	}

	#previousNewsletters label {
		padding-right: 6px;
		vertical-align: bottom;
		font-weight: bold;
		font-style: italic;
	}

	#previousNewsletters select {
		width: 180px;
		border: 1px solid #A5ACB2;
		padding: 2px;
	}	

/* sp-q is the AtomZ input text box
------------------------------------ */
	#sp-q {
		height: 20px;
		width: 120px;
		border: 1px solid #A5ACB2;
		vertical-align: middle;
	}
	
	#goButton {
		height: 15px;
		width: 15px;
		vertical-align: middle;
	}
	
	.stats {
		margin-top: 2px;
	}

/* =images
---------------------------------------------------------------------------- */
	#infoLeft img {
		display: block;
		float: left;
		margin-right: 6px;
	}
	
	.homepage {
		float: left;
		margin: 0 15px 12px 0;
	}
	
	img.telephone {
		vertical-align: middle;
	}