body {
	text-align: center;

		/* custom */
		font-family: verdana;
		color: #31332e;
		font-size: .77em;
		background: url(/images/gradbak.jpg) repeat-x #136FB8;
}

abbr, acronym {
      border-bottom: 1px dotted;
      cursor: help;
      }

#lhs a {
}
#lhs a:visited {
}
#lhs a:hover {
}

ol, ul, dl {
	list-style-type: disc;
	padding-left: 20px;
	margin: 10px 0 10px 20px;
}

ol {
	list-style-type: decimal;
}

p {
	padding: 8px 0;
}


h1,h2,h3,h5 {padding: 9px 0 0 0; line-height: 1.5em; color: #30319d;}

h1 {font-size: 1.7em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em; color: #000;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}

label {font-weight: bold}

#accessibility {
		padding: 10px 0 2px 20px;
		font-size: .9em;
		color: #fff;
		width: 870px;
		margin: 0 auto;
		text-align: left;
}

#accessibility a {
		color: #fff;
}

#c1 {

		/* custom */
		margin: 0 auto;
		width: 940px;
		text-align: left;
		padding: 0;
		background: url(/images/contbak.jpg) top left repeat-y;
}

#c2 {
		/* custom */
		margin: 0 auto;
		padding: 0;
		background: url(/images/gradtop.jpg) top left no-repeat;
}

#c3 {
		width : 900px;
		margin: 0 auto;
		position: relative;
		padding: 44px 0 0 0;
}

#topstyles {
    	background: transparent url(/images/topbar.jpg) top left no-repeat;
		height: 200px;
}

#topstyles h1 a {
		display: block;
		z-index: 100;
		background: url(#);
		position: absolute;
		width: 300px;
		height: 110px;
		margin: 10px 20px;
		text-indent: -20000em;
}


#topstyles dl {
		margin: 83px 0 0 497px;
		font-family: Tahoma;
		font-size: 1.6em;
		color: #323596;
		padding: 0;
}

#topstyles dt, #topstyles dd span {
		display: block;
		overflow: hidden;
		width: 0;
		height: 0;
}

#topstyles dd {
		float: left;
		margin: 0 0 0 16px;
		display: list-item;
		padding: 0 14px 0 0;
}

#topstyles dd.first {
		display: block;
		padding: 0 11px 0 0;
}

#topstyles dd a {
		text-decoration: none;
		color: #dc0000;
}

#topstyles dd a:hover {
		text-decoration: underline;
}

#content {
	width: 868px;

		/* custom */
		margin: 0;
		padding: 30px 0 30px 32px;
		background: transparent url(/images/watermark.jpg) bottom left no-repeat;
}

.floatleft {
		float: left;
		margin: 0 10px 6px 0;
}

.floatright {
		float: right;
		margin: 0 0 6px 10px;
}

#lhs, #lhsfull {
	float:left;

		/* custom - set width of lhs */
		width: 480px;
		z-index: 100;
		line-height: 1.75em;
		overflow: visible;
		min-height: 400px;
		height: auto !important;
		height: 400px;
}

#lhsfull {
		width: 867px;
}

#logos {
		margin: 0 0 0 25px;
}

#breadcrumb {
		font-size: .9em;
		margin: -5px 0 5px 1px;
}

#breadcrumb a {
		color: #2d2d2d;
}

.navigation {
		float: left;
		width: 140px;
}

.navigation ul {
		margin: 0;
		padding: 0;
}

.navigation ul li {
		float: left;
		list-style: none;
}


.navigation ul li.even {
		clear: left;
}

.navigation li img {
		padding: 2px;
		background: #fff;
		width: 55px;
		margin: 0 9px 10px 0;
}

.navigation li a img {
		border: 1px solid #8F8687;
}

.navigation li a:hover img {
		border: 1px solid #fff;
}

.navigation li.selected a img {
		border: 1px solid #000;
}

#side_bar {
		text-align: right;
}

#login {
		padding: 12px;
		margin: 22px 0;
		border: 1px solid #e4e4e4;
}

#login legend {
		font-weight: bold;
		padding: 0 0 15px 0;
}

#login label {
		width: 8em;
		float: left;
}

.availtable {
		text-align: center;
}

#map {
		height: 300px;
		border: 1px solid #fff;
		color: #000;
		line-height: 1.5em;
		margin: 5px 0 20px 0;
		overflow: hidden;
}

.label1 {
		font-weight: bold;
		padding: 0 15px 0 0 ;
}

.mapinfo {
		color: #000;
		text-align: left;
		line-height: 1.5em;
		width: 230px;
}

.mapinfo strong {
		font-size: 1.2em;
		color: #DF1B35;
		display: block;
}

#map h5 {
		color: #000;
}

#map a {
		color: #DF1B35;
}

table.styled {

}

table.styled th {
		padding: 3px;
		background: #3487C9;
		color: #fff;
		border: 2px solid #DAE2CD;
}

table.styled th a {
		color: #fff;
}

table.styled td {
		padding: 4px;
		background: #ECF3F9;
		border: 2px solid #ECF3F9;
		font-size: .65em;
}

table.styled tr.odd td {
		background: #DEEAF6;
}

.testimonial {
		border-bottom: 1px dashed #cccccc;
		padding: 20px 0 15px 90px;
		clear: both;
}

.testimonial blockquote span.open {
		font-weight: bold;
		font-size: 8em;
		position: absolute;
		margin: 23px 0 0 -80px;
		z-index: 100;
}

.testimonial blockquote b {
		color: #fff;
		font-family: times;
}

.testimonial blockquote {
		font-style: italic;
		font-size: 1.1em;
}

.testimonial p.thanks {
		font-weight: bold;
		text-align: right;
}

.error, dfn.required {
		color: #CF0C26;
}

.suspended {
		background: yellow;
}

.morelink {
		margin: 15px 0;
		display: block;
}

.topbordr {
		border-top: 1px dashed #656b61;
		padding: 8px 0 0 0;
}

.gallery, .galleryleft {
		text-align: center;
		margin:20px 0 20px 30px;
		float: left;
		width: 218px;
}

#lhsfull .gallery {
		margin:20px 0 20px 10px;
		width: 205px;
}

.galleryleft {
		margin:20px 0 0 0;
}

.gallery img, .galleryleft img, .bordered, a img.floatright, a img.floatleft {
		border: 1px solid #656b61;
}

.gallery a:hover img, .galleryleft a:hover img, .bordered, a:hover img.floatright, a:hover img.floatleft {
		border: 1px solid #8F93FF;
}

#lhsfull .gallery img, #lhsfull .galleryleft img {
		max-width: 203px;
		width: 203px;
		width: auto important!;
}

.gallery a, .galleryleft a {
		text-decoration: none;
}

.gallery span, .galleryleft span {
       font-family: arial;
       padding: 1px;
}

.gallery a span, .galleryleft a span {
		margin-top: 2px;
		padding: 0 10px 0 0;
		background: url(/images/magnify.png) top right no-repeat;
		display: block;
}

.top {
		clear: both;
		font-weight: bold;
		padding: 0 0 20px 0;
		font-style: italic;
}


#rhs {
	float: left;

		/* custom - set width of rhs */
		width: 352px;
		line-height: 1.6em;
		margin: 0 0 0 36px;
		display: inline;
		position: relative;
		font-size: .9em;
}

#rhs h3, #rhs h5 {
		color: #fff;
		border-bottom: none;
		font-size: 1.3em;
		padding: 0;
		background: #3487C9;
		margin-bottom: 10px;
		padding: 10px;
}

#rhs h3 a {
		color: #fff;
		text-decoration: none;
}

#rhs h3 a:hover {
		text-decoration: underline;
}

.rhsitem {
		margin: 30px 0 0 0;
		background: #ffffff;
}


#rhs .newslinks .morelink {
		display: inline;
}

#rhs .newslinks {
		clear: both;
		margin: 10px 0 0 0;
}

#rhs .newslinks a img {
		float: right;
		max-width: 90px;
		min-width: 90px;
		width: auto !important;
		width: 90px;
		border: 1px solid #CCCBD0;
		margin: 0 0 4px 2px;
}

#rhs .newslinks a:hover img {
		border: 1px solid #3F3B3B;
}

.newslist ul {
		list-style: none;
		padding: 0;
		margin: 0;
		line-height: 1.25em;
}

.newslist li {
		margin: 6px 0 8px 0;
}

#rhs .newslist b {
		float: right;
		margin: 0 0 0 4px;
		font-size: .9em;
}

.newslist a {
		text-decoration: none;
}

.newslist a:hover {
		text-decoration: underline;
}

.newslist .active a {
		font-weight: bold;
		cursor: default;
}

#rhs .testimonial blockquote b {
		color: #3A88C8;
		font-family: times;
}

#rhs .testimonial {
		border-bottom: none;
		padding: 20px 28px 15px 72px;
}


#marinasmap {position: relative; font-family: arial; width: 352px;height: 552px;margin: 0;padding: 0;background: url(/images/map.jpg) top left no-repeat;}

#marinasmap dt, #marinasmap dd span {display: block;overflow: hidden;width: 0;height: 0;}
#rhs #marinasmap dd a {font-weight: bold; font-size: 1.3em;color: #c20300;text-transform: uppercase;display: block; position: absolute;}
#rhs #marinasmap dd a.active {color: #000; text-decoration: underline;}
#rhs #marinasmap dd a.on {color: #000;}

#marinasmap dd#Shetland a {width: 100px; height: 73px; margin: 0 0 0 230px; padding: 27px 0 0 0;}
#marinasmap dd#Orkney a {width: 140px; height: 54px; margin: 220px 0 0 165px; padding: 10px 0 0 0;}
#marinasmap dd#Wick a {width: 40px; height: 35px; margin: 300px 0 0 240px; padding: 15px 0 0 20px;}
#marinasmap dd#Inverness a {width: 90px; height: 30px;margin: 400px 0 0 180px; padding: 10px 0 0 27px}

#rhs #viewblog a {display:block; text-decoration: none; }
#rhs #viewblog a:hover b {text-decoration: underline;}
#rhs #viewblog span.blogitem {display: block; margin-top: 4px; font-weight:normal;}
#rhs #viewblog b, #rhs #viewblog i {color: #823384;}

#rhs dl {margin: 0; padding: 0;}
#rhs dt {font-weight: bold; margin-top: 10px; color: #823384; font-size: 1.2em;}
#rhs dd {margin: 0; padding: 0;}


#rhs dd a {
		padding: 1px 2px; text-decoration: none; font-weight: normal; display: block;
}

#rhs dd a:visited {
}

#rhs dd.active a {
		color: #000;
		cursor: default;
		text-decoration: underline;
}

#rhs dd a:hover {
		text-decoration: underline;
}


#thisection li {

}

#thisection a.active {
		font-weight: bold;
}

#subscribe {
		padding: 15px 0;
		margin: 0;
		position: relative;
}

#subscribe br {
		clear: both;
}

#subscribe input {
		line-height: 1em;
		width: 140px;
		float: left;
		margin: 0 0 5px 0;
		padding: 0;
}

#subscribe label {
		padding-bottom: 5px;
		width: 53px;
		float: left;
		font-weight: bold;
}

#subscribe input#subscribe_but {
		float: left;
		line-height: 1em;
		width: 68px;
		margin: 0 0 0 53px;
		background: #fff;
		font-size: .8em;
		font-weight: bold;
		}

#subscribe a.morelink {
		float: left;
		font-size: .8em;
		font-weight: bold;
		margin: 0 0 0 8px;
		font-family: 'Trebuchet MS',Helvetica;
}

#credits {
		z-index: 100;
		width: 902px;
		color: #ffffff;
		padding: 15px 5px 50px 5px;
		text-align: right;
		font-weight: bold;
		font-family: arial;
}

#credits p {
		padding: 5px 0;
		margin: 0;
}

#credits a:hover {
		color: #F8C076;
}


#footer {
		text-align: center;
		color: #ffffff;
		padding: 15px 0 5px 0;
		font-family: verdana;
		width: 940px;
		margin: 0 auto 10px auto;
		background: url(/images/footer.jpg) top left no-repeat;
}

#footer a {
		color: #ffffff;
		text-decoration: none;
}

#footer a:hover {
		color: #000;
		text-decoration: underline;
}


.clear {
	clear: both;
}



/* ============================================== */
/* Styles for TOOLTIPS */
/* ============================================== */

a.info{font-weight: bold; position:relative; z-index:24; color:#44f; text-decoration:none; padding-left: 3px; padding-right: 3px;  padding-top: 1px; padding-bottom: 1px; left: 5px; cursor: help;}
a.info:hover{z-index:25; background:#C9C9B1; color: #FFF;}
a.info span{display: none}
a.info:hover span{ display:block; position:absolute; top:1em; left:2em; width:15em; border:1px solid #ddddbb; background-color:#ffffe0; color:#000; text-align: center; font-weight: normal; padding: 5px;}


#sitemap li {
margin-left: 15px;
padding-left: 5px;
list-style-type: disc;
}

#sitemap li li {
list-style-type: square;
}

#sitemap li li li {
list-style-type: circle;
}