/* CSS Document */
html{
height: 99%;
width: 100%;
}
body {
font-size: 1em;
position: relative;
z-index: 0;
font-family: arial, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
color: #000000;
background-color: #FFFFFF;
width: 100%;
margin: 0;
padding: 0;
text-align: left;
height: 100%;
}

#ie6marker{
position: relative;
float: left;
width: 1px;
height: 1px;
}

img{
border-width: 0;
margin: 0;
padding: 0;
}

p.centred{
text-align: center;
}

span.accesskey{
text-decoration: underline;
}

.highlight{
color: #AA0000;
}
.highlight1{
color: #0000FF;
}
.highlight2{
font-size: 1.2em !important;
color: #0000FF;
}
.bigwarning{
color: #AA0000;
font-weight: bold;
font-size: 1.5em;
}
.warning{
color: #AA0000;
font-weight: bold;
}

#propb{
position: relative;
float: right;
clear: right;
width: 2px;
height: 0px;
}
div.propbl{
float: left !important;
clear: left !important;
}

#bottommarker{
position: relative;
float: left;
width: 1px;
height: 0px;
}


#outer{
position: relative;
margin-top: 5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
padding: 0 5px 0 5px;
width: 940px;  /*JS */
}

#inner{
position: relative;
float: left;  
width: 100%;
padding: 0;
margin: 0;
}

#mast{
position: relative;
float: left;
width: 100%;
height: 6.2em;
margin: 0;
padding: 0;
border-style: solid;
background-color: #6E99D2;
border-color: #CC00CC;
border-width: 1px 1px 0 1px;
background-image: url(images/banner.jpg);
background-repeat: no-repeat;
background-position: right top;
}
#innermast{
position: relative;
float: left;
height: 100%;
width: 350px;
margin: 0;
padding: 0;
background-color: #6E99D2;
background-image: url(images/bannerb.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#swflogo{
position: relative;
top: -1px;
}
#mast h1{
position: relative;
float: right;
text-align: right;
font-size: 1.1em !important;
top: 0.9em;
right: 10px;
font-size: 1em;
font-weight: bold;
font-weight: normal;
color: #000000;
margin: 0;
padding: 0;
}

#main{
position: relative;
float: left;
font-size: 0.8em; /* in various JS */
margin: 0 0 5px 0;
padding: 0;
width: 100%;
background-image: url(images/beachback.jpg);
background-repeat: no-repeat;
background-position: 100% 100%;
}
#insidemain{
position: relative;
float: left;
width: 100%;
margin: 0;
padding: 0;
border-style: solid;
border-color: #CC00CC;
border-width: 0 1px 0 1px;
background-image: url(images/rhcolback.jpg); 
background-repeat: repeat-y;
background-position: right top;
/*background-image: url(images/beachback.jpg);
background-repeat: no-repeat;
background-position: 100% 100%;*/
}

#lhcol{
position: relative;
float: left;
width: 100px;
padding: 0;
margin: 0;
}

#midcol{
position: relative;
float: left;
margin: 0;
padding: 5px 8px 0 8px;
text-align: justify;
font-size: 85%;
width: 812px; /*JS*/
}
h1.firsth1{
clear: left;
}
#midcol h1{
font-size: 1.4em;
color: #0000FF;
margin: 0 0 0.2em 0;
padding: 0;
font-variant: small-caps;
}
#midcol h2{
font-size: 1.3em;
color: #840084;
margin: 0 0 0.2em 0;
padding: 0 0 0.2em 0;
font-variant: small-caps;
}
#midcol h3{
font-size: 1.1em;
color: #840084;
margin: 0 0 0.2em 0;
padding: 0 0 0.2em 0;
}
#midcol p{
padding: 0;
margin: 0 0 4px 0;
font-size: 1em;
}

p.pul{
margin-left: 10px !important;
}
#midcol ul{
margin: 4px 0 4px 0;
padding: 0;
list-style-position: inside;

}

#rhcol{
position: relative;
float: left;
width: 112px;
padding: 0;
margin: 0;
background-color: #56661D;
background-color: #FFFFFF;
line-height: 0.1em;
}
#rhcolgad{
position: relative;
float: left;
width: 112px;
padding: 0;
margin: 0 0 200px 0;
background-color: #56661D;
background-color: #FFFFFF;
line-height: 0.1em;
}


div.navigation{
position: relative;
float: left;
z-index: 1;
text-align: left;
padding: 0px 0 5px 0;
}
span.nav{
position: relative;
float: left;
font-size: 0.85em;
padding: 0.3em 0.3em 0.3em 0.5em;
margin: 0 0 5px 0;
margin: 0 3px 5px 0;
border: 1px solid #000088;
background-image: url(images/navback.jpg);
background-repeat: repeat-x;
background-position: center;
background-color: #BACDE0;
}
.spacer{
font-size: 0.3em;
color:#D9E4EF;
}



div.textsize{
position: relative;
z-index: 2;
float: right;
padding: 0;
margin: 0 0px 0 20px;
}


#midcontainer{
position: relative;
float: left;
width: 100%;
margin: 5px 0 5px 0;
padding: 0;
line-height: 0.1em;
background-image: url(images/rhmid.png);
background-repeat: no-repeat;
background-position: right top;
}
#outerwideflash{
float: left;
margin: 0;
padding: 0;
}
#wideflash{
float: left;
margin: 0;
padding: 0;
}

p.firstpara{
clear: left;
font-size: 1.2em !important;
}
p.lastpara{
margin-bottom: 20px !important;
}
#lonelypara{
margin-bottom: 20px !important;
}

#rightcontainer{
float: right;
padding: 0;
margin: 0;
}

#map{
width: 270px;
height: 320px;
}
#mapl{
width: 270px;
height: 158px;
}
#mapa{
width: 210px;
height: 290px;
float: left;
clear: left;
margin: 0 8px 4px 0;
}
#map a, #mapl a, #mapa a{
background-color: transparent;
}

div.itemstrip{
position: relative;
width: 100%;
text-align: center;
}
div.itemstrip div{
position: relative;
float: left;
width: 20%;
text-align: center;
}

#iconstrip img{
margin: 0 2px 0 0 ;
}

.enquirybut{
font-size: 1em;
margin: 0 0 10px 0;
padding: 0;
}

#terms{
position: relative;
}

div.topic{
position: relative;
float: left;
clear: both;
width: 100%;
margin: 0 0 1em 0;
padding: 0;
}
p.ieboj{
margin: 0 !important;
font-size: 0em !important;
height: 0;
line-height: 0;
}

img.leftimage{
float: left;
clear: left;
margin: 0 8px 4px 0;
}
img.leftimage1{
float: left;
margin: 0 8px 4px 0;
}
img.rightimage{
float: right;
margin: 0 0 4px 1em;
}
.rightcaption{
float: right;;
clear: right;
text-align: center;
padding: 0 0 1em 1em;
margin: 0;
}

#contactform{
position: relative;
z-index: 1;
float: right;
width: 100%; /* JS **********/
margin: 5px 0 20px 0;
padding: 5px 10px 0 10px;
font-size: 1em;
border: 1px solid #000000;
background-color: #FFFFFF;
}
div.contactformline{
position: relative;
width: 99%;
clear: left;
font-size: 1.1em;
color: #0000FF;
margin: 3px 0 3px 0;
padding: 0;
}
div.contactformline label{
position: relative;
float: left;
width: 40%;
text-align: right;
margin: 1px 0 0 0;
padding: 0 1em 0 0;
}
div.contactformline select{
font-family: arial, helvetica, sans-serif;
width: 4em;
font-size: 1em;
}
div.contactformline input{
position: relative;
font-family: arial, helvetica, sans-serif;
font-size: 1em;
width: 50%;
margin: 0;
padding: 0;
}
div.contactformline textarea{
font-family: arial, helvetica, sans-serif;
width: 50%;
font-size: 1em;
}
div.contactformline div{
position: relative;
top: 0.5em;
float: left;
width: 40%;
text-align: right;
padding: 0 1em 0 0;
}

div.flightimage {
width: 140px;
float: left;
margin: 0.5em 0 0 0;
text-align: center;
}

div.dblimage{
position: relative;
float:left;
clear: left;
width: 412px;
margin: 0 0 1em 0;
}
div.largel{
position: absolute;
left: 5px;
top: 5px;
}
div.larger{
position: absolute;
left: 211px;
top: 5px;
}
div.largel img, div.larger img{
border: 1px solid #000000;
}

.column{
position: relative;
float: left;
width: 50%;
padding: 0;
margin: 0 0 5px 0;
}



#trailimagediv{
position:absolute;
z-index: 3;
display: none;
border: 5px ridge #8888FF;
color: #AA0000;
background-color: #FFFFFF;
text-align: center;
margin: 0;
padding: 0 5px 5px 5px;
}
#trailimagediv h1{
font-size: 1em;
padding:5px 0 5px 0;
margin: 0;
}


div.arrow{
text-align: right;
margin: 0 1em 0 0;
padding: 0;
font-size: 1.2em;
font-weight: bold;
color: #000000;
}
div.arrow img{
vertical-align: middle;
}
div.arrow1{
float: right;
text-align: right;
margin-right: 1em;
font-size: 1em;
font-weight: bold;
color: #FFFFFF;
}
div.arrow1 img{
vertical-align: middle;
}

#footer{
position: relative;
float: left;
clear: both;
width: 100%;
font-size: 0.85em;
margin: 0;
padding: 0.2em 0 0.2em 0;
background-color: #AEC1D8;
text-align: right;
border-style: solid;
border-color: #CC00CC;
border-width: 0 0px 1px 0;
}
#footer div{
margin-right: 5px;
}
a.darknav:link {
text-decoration: none;
color: #000000;
background-color: transparent;
}
a.darknav:visited {
text-decoration: none;
color: #000000;
background-color: transparent;
}
a.darknav:active {
text-decoration: none;
color: #000000;
background-color: transparent;
}
a.darknav:hover {
text-decoration: underline overline;
color: #000000;
background-color: transparent;
}

a.arrownav:link {
text-decoration: none;
color: #000000;
background-color: transparent;
}
a.arrownav:visited {
text-decoration: none;
color: #000000;
background-color: transparent;
}
a.arrownav:active {
text-decoration: none;
color: #000000;
background-color: transparent;
}
a.arrownav:hover {
text-decoration: none;
color: #000000;
background-color: transparent;
}

a:link {
text-decoration: none;
color: #800000;
}
a:visited {
text-decoration: none;
color: #800000;
}
a:active {
text-decoration: none;
color: #800000;
}
a:hover {
text-decoration: underline;
color: #800000;
}


a.intnav:link {
text-decoration: none;
color: #000000;
background-color: transparent;
}
a.intnav:visited {
text-decoration: none;
color: #000000;
background-color: transparent;
}
a.intnav:active {
text-decoration: none;
color: #000000;
background-color: transparent;
}
a.intnav:hover {
text-decoration: none;
background-color: transparent;
}

a.bland:hover{
background-color: transparent;
}