body {
	color: #343837;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url(../images/bg.jpg);
	background-position: top right;
	font-size: 0.8em;
}

#container {
}
#content {
	padding:20px;
	min-width: 960px;
	position: relative;
	height: 500px;
	background-image: url(../images/bg.jpg);
	background-position: top right;
}

h2 {
	color: #818385;
	font-size: 0.95em;
	margin-top: 10px;
	font-weight: normal;
}
a {
	color: #1fb2d4;
	visibility: visible;
}
p a:hover {
	color: #fff;
	background-color: #222;
}
h2 span, h2 a {
	font-style: normal;
	font-weight: normal;
	color: #47b1d3 !important;
	text-transform: uppercase;
	text-decoration: none;
}
h2 span:hover, h2 a:hover {
	color: #818385 !important;
	/*text-decoration: underline;
	border-bottom: 2px #47b1d3 solid;*/
}
.hHover {
	cursor: pointer;
}

h1 {
	right: 20px;
	top: 20px;
	position: absolute;
}

p, li, td {
	line-height: 115%;
	font-size: 0.9em;
	margin-bottom: 10px;
}

.pages {
	width:500px;
	padding-top: 10px;
	/*height: 450px !important;
	background-color: blue;*/
}
.panel p {
	background-color: transparent;
	background-image: url(../images/trans.gif);
}

.section {
}
.jScrollPaneContainer {
	float:left;
	margin-right: 60px;
}
.scroll {
}
#where {
	position: absolute;
	width: 306px;
	right: 0px;
	top: 266px;
	height: 40px;
	color: #333;
	background-image: url(../images/target.png);
	background-repeat: no-repeat;
	padding-left: 18px;
}
.panel li {
	font-size: 1.0em;
}
#whereFlags {
	
	position: absolute;
	right: 0px;
	top: 0px;
	width: 600px;
}
#whereFlags li a {
	display: block;
	position: absolute;
	left: 20px;
	top: 20px;
	color: #FFF;
	background-image: url(../images/flag.png);
	background-repeat:  no-repeat;
	text-decoration: none;
	font-size: 1em;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 6px;
	padding-right: 6px;
}
#whereFlags li a.show {
	visibility: visible;
	
}
#whereFlags li a#Iona {
	top: 282px;
	left:  200px
}
#gallery a {
	display: block;
	float: left;
	width: 151px;
	height: 107px;
	background-image: url(../images/photobg-small.png);
}
#gallery a img {

	margin-left: 8px;
	margin-top: 5px;
}
#gallery a:hover  {

	background-color: transparent;
}

#newsbox {
	width: 160px !important; 
	height: 120px !important; 
	/*position: absolute;
	top: 320px;*/
	margin-left: 317px;
}
#newsbox div.story { 
	width: 160px; 
	height: 120px; 
	text-align: left; 
	top: 0; 
	left: 0;
	font-size: 0.9em;
}

#introPage {
	background-image: url(../images/newsbg.png);
	background-position: 51px 154px;
	background-repeat: no-repeat;
}
#introPage span.intro {
	height: 235px;
	display: block;
	overflow: hidden;
	/*font-size: 0.9em;*/
}
#introPage #prevNext {
	/*position: absolute;
	z-index: 9999;
	top: 434px;*/
	margin-left: 400px;
	font-size: 0.8em;
}
td {
	padding-right: 5px;
}


#whereFlags li a#Islay {
	left:  159px;
	top: 440px;
}

#whereFlags li a#Jura {
	left:  195px;
	top: 432px;
}

#whereFlags li a#Gigha {
	left:  230px;
	top: 499px;
}

#whereFlags li a#Colonsay {
	left:  146px;
	top: 371px;
}

#whereFlags li a#Iona {
	left:  111px;
	top: 290px;
}

#whereFlags li a#Luing {
	left:  254px;
	top: 310px;
}

#whereFlags li a#Mull {
	left:  230px;
	top: 260px;
}

#whereFlags li a#Tiree {
	left:  40px;
	top: 228px;
}

#whereFlags li a#Coll {
	left:  88px;
	top: 183px;
}

#whereFlags li a#Skye {
	left:  216px;
	top: 10px;
}

#whereFlags li a#Muck {
	left:  139px;
	top: 119px;
}

#whereFlags li a#Eigg {
	left:  155px;
	top: 99px;
}

#whereFlags li a#Rum {
	left:  111px;
	top: 67px;
}

#whereFlags li a#Canna {
	left:  84px;
	top: 45px;
}

#whereFlags li a#Tobermory {
	left:  171px;
	top: 198px;
}

#whereFlags li a#Loch-Etive {
	left:  345px;
	top: 220px;
}

#whereFlags li a#Lismore {
	left:  275px;
	top: 230px;
}
.page {
	height: 350px;	
}
h2 img {
	height: 36px !important;	
}

#made {
	position:absolute;
	right: 20px;
	bottom:15px;
	text-align: right;
	font-size: 0.7em;
	

}
#made a {
	color:#222;
}

#blog {
	position:absolute;
	width: 50px;
	height: 15px;
	bottom:15px;
	left:20px;
	text-align: left;
	font-size: 0.7em;
	width:98%;

}
#blog a {
	color:#222;
}