*      {margin:0; padding:0}

body {
background:#ffffff;
color:#000000;
font-family: Arial, Helvetica, sans-serif;
margin:6px 10px 0;
}

#header {
height:59px;
}

.banner {
background-image:url(http://www.cretanadvice.co.uk/caimage/cabkgrdmap.jpg);
background-repeat: repeat-x; 
}

#headtitle {
color:#0b05eb;
font-weight:bold;
font-size: 20px;
left:375px;
position:absolute;
top:20px;
}
#headfoot{
color:#ff0000;
font-weight:normal;
font-size: 12px;
left:250px;
position:absolute;
top:47px;
}

#mapbanner {
float:left;
width:182px;
}

#headtext {
color:#0000ff;
position:absolute;
top:25px;
left:200px;
font-size:14px;
font-weight:bold;
margin:0px 0 0 0px;
text-align:left;
width:700px;
}

#slim {
border-bottom:1px solid #B0BEC7;
border-top:2px solid #3385FF;
clear:both;
font-size:70%;
padding:5px;
}

#leftcol {
font-size:70%;
left:0;
position:absolute;
top:0;
height: 435px;
width:158px;
}

.infotitle {
background: #ffffee;
color: #00c;
border:1px solid #dddddd;
font-weight:bold;
padding:4px;
width:150px;
}

.infopanel {
background:#ffffff;
border-bottom:1px solid #dddddd;
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
border-top:0 solid #dddddd;
margin:0 0 10px;
padding:4px;
width:150px;
}

#frame {
margin:3px 0 0;
position:relative;
}

.smalltext {
height:1.6em;
margin:4px 0;
padding-left:7px;
}

.drop {
margin:4px;
font-family:Verdana;
font-size:11px;
}

#map_center {
font-size:70%;
left:170px;
position:absolute;
right:250px;
top:0;
}

ul {
display:inline;
}

#legend {
float:left;
height:1.6em;
width:20em;
}

#legend li {
display:inline;
padding-right:.4em;
}

#map {
background-color:#fffee2;
border:1px solid #979797;
height:435px;
position:relative;
clear: both;
}

#rightcol {
font-size:70%;
position:absolute;
right:0;
top:0;
width:245px;
}

#sidebar {
height:435px;
overflow:auto;
width:245px;
}

.sblist {
background:#ffffff;
border-top:solid 1px #0000ff;
color:#000000;
padding:3px 2px;
margin:0px 0px;
min-height:120px;
width:225px;
}

.tooltip {
background-color:#fffee2;
color: #00c;
border:1px #0000ff solid;
font-weight:700;
font:11px Verdana;
margin:3px 5px;
padding:3px 5px;
width: 80px;
}

#html {
background-color:#ffffee;
border:solid 1px #dddddd;
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding:3px;
width:220px;
}

.t1 {
background-color:#ffffee;
color:red;
float:left;
font-size: 13px;
font-weight:bold;
margin:5px 2px;
width:110px;
}
.iw1 {
background-color:#ffffee;
color:green;
float:left;
font-weight:bold;
margin:5px 2px;
width:112px;
}

.type {
color:#0000ff;
float:right;
font-size:10px;
margin:0 4px;
text-align:center;
width:90px;
}
.code{
color:#0000ff;
float:right;
font-size:11px;
font-weight:700;
margin:5px 2px;
text-align:center;
text-transform:capitalize;
width:90px;
}
.c1{
background-color:#ffffee;
float:left;
margin:5px 2px;
color:#0000ff;
text-align:left;
width:110px;
clear:both;
}
.img {
float:right;
margin:3px 0px;
width:98px;
}

.img1 {
float:right;
margin:3px 0px;
width:98px;
}

.text {
color:#0000ff;
font-size:10px;
margin:5px;
float:left;
width:110px;
}

.desc {
background-color:#f8f9e7;
border:1px solid #dddddd;
color:#000000;
font-size:11px;
margin:2px;
padding:2px;
}

#contact	{
float:right;
margin:0px;
}
a.contact{
background: #f1f9e7;
color: #009900;
font-size: 13px;
font-weight:bold;
}
a.contact:hover{
text-decoration: none;
}

#webinfo	{
float:right;
margin-top:12px;
}

a.mono {
background:#ffffee;
color:#ff0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
a.mono:hover {
background:#ffffee;
color:#0000ff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
}
a.iw	{
background:#ffffee;
font-size:12px;
color: #0000ff;
margin: 0px;
text-decoration: none;
}
a.iw:hover	{
background:#ffffee;
font-size:12px;
color: #0000ff;
margin: 0px;
text-decoration: underline;
}
a.region{
background:#ffffff;
color:#33cc00;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:underline;
}
a.region:hover{
background:#ffffff;
color:#0000ff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
}
a.reset{
background:#ffffff;
color:#0000ff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:underline;
}
a.reset:hover{
background:#ffffff;
color:#0000ff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
}

#footer{
color:#00c;
font-size:10px;
text-align: center;
position:absolute;
top:572px;
left:180px;
width:560px;
height:10px;
padding:2px;
border:1px solid #dddddd;
}
#loading {
position: absolute;
height: 30px;
width: 135px;
top: 35%;
left: 35%;
text-align: center;
padding: 2em;
border: 1px solid #ff0000;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
z-index: 100;
opacity: .75;
-moz-opacity:0.75;
filter: alpha(opacity=75);
}
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color:#f1f9e7;
width: 160px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font-family:Verdana;
font-size:11px;
line-height:18px;
z-index:100;
border-right: 2px solid black;
border-bottom: 2px solid black;
visibility: hidden;
}
 .hintanchor{
	/*CSS for link that shows hint onmouseover*/
	font-weight: normal;
	color: navy;
	margin: 3px 8px;
	}