body {
	font-family: Verdana, Arial, Helvetica;
	background-color: #225E83;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	
}

img {border: 0px;}

/* main page divs */

#skiplinks {
position: absolute;
left: -1000px;
}


#columnleft {
position: absolute; 
top: 0px; 
left: 0px; 
width: 150px;
height: 550px;
background-image: url(../images/bg-left.jpg);
background-repeat: no-repeat;
background-color: #225E83;
margin: 0px;
padding: 0px;
}

.logoleft {
position: relative; 
left:16px; 
top: 7px;
margin: 0px;
padding: 0px;
}

#mbwebs {font-size: 120%;
position:relative;
text-align: center;
font-family: "Trebuchet ms", "new gothic std", arial, helvetica, sans-serif;
color: #21317b;
font-weight: bold;
margin: 0px;
letter-spacing: .2em;
}

#mbwebs span {font-size: 200%;
margin: 0px;
line-height: 0.8;
letter-spacing: normal;
}


#columnright {
position: relative; 
top: 0px; 
left: 0px; 
margin: 0px 0px 10px 150px;
background-color: #ffffff;
padding: 0px 0px 0px 15px;
}

/* footer */

#footer {position: relative; bottom: 0px; width: 98%; text-align: center;
padding: 10px 0px 10px 0px; border-top: 2px solid #7ca3cd; margin: 0px 0px 0px 0px;
clear: both;
}


#bannerheading {
position: relative;
top: 0px;
left: 0px;
height: 50px;
background-image: url(../images/bg-top.jpg);
margin: 0px;
padding: 0px;

}

#bannerheading img {float: left; }


.logotext {position:relative; top: -7px; left:20px;}

/* page content div */
#pagecontent {
position: relative;
margin: 10px 180px 0px 0px;
}

#colleft {
float: left;
width: 48%;
}

#colright {
float: right;
width: 48%;
}

/* right hand column  */

#subcolumnright {
position: absolute; 
top: 85px; 
right: 10px; 
width: 160px;
margin: 60px 0px 0px 0px;
/* border: dashed 1px #009900; */
padding: 0px 0px 0px 0px;
z-index:100;
}

/* right hand column box */

.bl {background: url(../images/ball-orange.gif) 0 100% no-repeat ; } 
.br {background: url(../images/ball-blue.gif) 100% 100% no-repeat; } 
.tl {background: url(../images/ball-green.gif) 0 0 no-repeat} 
.tr {background: url(../images/ball-red.gif) 100% 0 no-repeat; padding:7px} 
.boxright {
border: 1px solid #7ca3cd; 
padding: 5px; 
z-index: -1; 
position: relative;
}

.lefttext {color: #ffffff; 
font-weight: bold; 
font-size: 130%; 
text-align: right; 
position: relative; 
top: 300px; 
margin: 0px 5px 0px 0px;
font-family: Arial, Helvetica;
}

#sitemap {
position: relative;
left: 200px;
}

#sitemap ul {list-style-type: none;}
#sitemap ul li {margin: 0px 0px 10px 0px;
}

.beach {display: inline; position: relative; left:5px; z-index: -1; text-align: center;}
.actinic {display: inline; position: relative; left:10px; z-index: -1; text-align: center;}
.left1 {position: relative; left: 35px;}
.centre {text-align: center;}
.smaller {font-size: 90%;}

.quote {font-style: italic;}


a:link {color: #5186BD;	font-weight: normal; text-decoration: none; border-bottom: 1px solid #5186BD;}
a:visited {color: #5186BD; font-weight: normal;  text-decoration: none; border-bottom: 1px solid #5186BD;}
a:active {color: #006600; font-weight: normal; text-decoration: none; border-bottom: 1px solid #006600;}
a:hover {color: #006600; font-weight: normal;  text-decoration: none; border-bottom: 1px solid #006600;
}

/*  top menu */

#navlist
{
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#navlist ul, #navlist li 
{
position: relative;
display: inline;
list-style-type: none;
margin: 0px 50px 0px 15px;
}

#navlist a:link, #navlist a:visited
{
position:relative;
border: 0px;
font-size: 0.9em;
font-weight: normal;
margin: 0px 0px 0px 0px;
text-decoration: none;
padding: 19px 0px 0px 0px;
background: url(../images/ball-orange.gif) 50% 0% no-repeat;
color: #4C7F9C;
}

#thispage a:link, #thispage a:visited {
padding: 19px 0px 0px 0px;
background: url(../images/ball-red.gif) 50% 0% no-repeat;
}

#navlist a:hover {
text-decoration: none;
position:relative;
color: #006600;
border-bottom: 1px solid #006600;
padding: 19px 0px 0px 0px;
background: url(../images/ball-green.gif) 50% 0% no-repeat;
}

#navline {
position:relative;
border-bottom: 2px solid #7ca3cd;
margin-bottom: 10px; 
height: 10px; 
margin: 0px 10px 0px 10px;
}

.imagelink:link {border: 0px;}
.imagelink:visited {border: 0px;}
.imagelink:active {border: 0px;}
.imagelink:hover {border: 0px;}



/*  other bits */


hr {color: #999999;}
td {font-family: Arial, Helvetica; color: #FF0000; font-size: 12pt}
h1 {display:inline; font-size: 150%; font-weight: bold; color: #7CA3CD;}
h2 {display:inline; font-size: 130%; font-weight: bold; color: #7CA3CD}
h3 {display:inline; font-size: 120%; font-weight: bold; color: #7CA3CD}

.bold {font-weight: bold;}


.bottomlink:link {font-size: 10pt;}
.bottomlink:visited {font-size: 10pt;}
.bottomlink:active {font-size: 10pt;}
.bottomlink:hover {font-size: 10pt;}

.header {background-color: #168630; color: #FFFFFF;}

.button80 {width:80px; cursor: pointer; color: #000000; font-size: 9px; font-weight: bold; border-top: #168630 thin solid; background-color: #28DD1B; border-right: #168630 thin solid; border-bottom: #168630  thin solid; border-left: #168630 thin solid;}
.button100 {width:100px; cursor: pointer; color: #000000; font-size: 9px; font-weight: bold; border-top: #168630 thin solid; background-color: #28DD1B; border-right: #168630 thin solid; border-bottom: #168630  thin solid; border-left: #168630 thin solid;}

form {display:inline;} 
input { border: 1px #548AA0 solid; font-size: 80%;}
textarea { border: 1px #548AA0 solid;}
label {cursor: pointer; cursor: pointer; font-size: 90%; font-weight: bold;}
.button {cursor: pointer; cursor: pointer; color: #000000; font-size: 80%; border: #548AA0 2px solid; background-color: #dedede;}

div.ptablecontact {width: 80%; border: 1px solid #548AA0; padding: 5px 10px 5px 10px; text-align: left;}
div.row { clear: both; padding: 0px 0px 25px 0px;}
div.row span.columnl {
  float: left;
  width: 40%;
  text-align: left;
  }
div.row span.columnr {
  float: right;
  width: 60%;
  text-align: left;
  }