body{
margin:0.5em;
padding:0;
line-height: 1.5em;
font-family: microsoft sans serif, arial, helvetica, sans-serif;
font-size: medium;
background-image: url('background5.jpg');
background-color: #bfe3fe;
}


#maincontainer{
width: 760px; /*Width of main container*/
margin: auto; /*Center container on page*/
background-color: #bfe3fe;
border: 3px solid #ccd8dc;
}

/*banner photo alignment*/
img.mainphoto{
display: block;
margin-left: auto;
margin-right: auto;
}

/*map display div*/
#map{
margin-left: auto;
margin-right: auto;
margin-top:1em;
}

/*link bar properties*/
.prophead{
text-align: center;
font-size: 1.0em;
margin-top: 0.1em;
margin-left: auto;
margin-right: auto;
height: 1.2em;
width: 100%;
}


/*paragraph layout*/
.content
{
line-height:140%;
text-align: left;
vertical-align: text-top;
margin: 1em 2em;
text-indent : 10px;
}

/*.column a:link {color: #009900;}
.column a:visited {color: #999999;}
.column a:hover {color: #333333;}
.column a:focus {color: #333333;}
.column a:active {color: #009900;}*/

/*anchor styles*/
.prophead a
{
display: inline;
line-height: 1.4em;
text-align: center;
background-color: #6666ff;
padding-bottom: 0.1em;
padding-left: 0.5em;
padding-right: 0.5em;
zoom: 1;
}

.prophead a:link {color: #ffffff;}
.prophead a:visited {
color: #663333;
}
.prophead a:hover {
color: #660066;
background-color: #3ADBF8;
}

.prophead a:active {
color: #ffffff;
}

/*indented terms*/
.indent{
margin-left: 100px;
}


/*form style*/
form{
padding: 1em;
background-color: #99ccff;
width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
margin-top: 1em;
}

/*form label style*/
label.normal{
float: left;
width: 200px;
}

/*new form label style*/
label.new{
width: 200px;
float: left;
}

/*input area style*/
input.space, label.space{
margin-bottom: 1.5em;
width: 200px;
}

/*submit button*/
#submitbutton{
margin-right: 100px;
margin-top: 2em;
width: 90px;
}

/*reset button*/
#resetbutton{
margin-left:100px;
width: 90px;
}

/*drop down month-year style*/
select.monthyear{
width: 150px;
margin-bottom: 1.5em;

}

/*day label style*/
label.day{
margin-left:15px;
width: 100px;
margin-bottom: 1.5em;
}

/*drop down day style*/
select.day{
width: 50px;
margin-bottom: 1.5em;
}

fieldset{
margin: 1em 0.1em;
}

/*arrival-leaving display*/
label.int{
padding-left: 2.5em;
vertical-align: top;
}

br{
clear: left;
}

/*Back to top div*/
.top{
text-align: right;
padding-right: 20px;
padding-top: 10px;
clear: both;
}

/*contact details div*/
.contact{
text-align: left;
padding-left: 200px;
}

/*left image display*/
.left
{
float: left;
margin: 0.5em;
}
/*locations description divs*/
div.cleared
{
clear:both;
}

/*horizontal rule*/
hr.brown
{
clear: both;
color: #07095D;
text-align: center;
width: 80%;
}

/*div for yacht photos plus arrows 450px*/
div.photolg
{
width: 760px;
height: 450px;
position: relative;
}

/*div for yacht photos plus arrows 400 px*/
div.photosm
{
width: 760px;
height: 400px;
position: relative;
}

/*yacht photo alignment*/
.yacht
{
position: absolute;
left: 80px;
}

/*left arrow display*/
.leftarrow
{
margin-top: 200px;
position: absolute;
left:15px;
border-style: none;
}


/*right arrow display*/
.rightarrow
{
margin-top: 200px;
position: absolute;
right: 15px;
border-style: none;
}

/*two side by side pic div*/
div.smallpics{
position: relative;
margin: auto; /*Center container on page*/
height: 263px;
}

/*left pic*/
.smallpics1{
position: absolute;
left: 20px;
}

/*right pic*/
.smallpics2{
position: absolute;
right: 20px;
}

/*thumb display div for gallery*/
.thumbstop{
position: relative;
height: 100px;
margin-top: 1em;
padding: 0.3em;
}

.thumbs{
position: relative;
height: 100px;
padding: 0.3em;
}

.thumbs1{
position: absolute;
left: 5px;
}

.thumbs2{
position:absolute;
left:131px;
}

.thumbs3{
position: absolute;
left: 257px;
}

.thumbs4{
position: absolute;
left: 383px;
}

.thumbs5{
position:absolute;
left: 509px;
}

.thumbs6{
position:absolute;
left: 635px;
}

.spacer{
margin-top: 0.5em;
}

/*left image display*/
.left
{
float: left;
margin: 0.5em;
}

/*h3 on links page*/
h3.link
{
text-align: left;
vertical-align: text-top;
margin-left: 75px;
}




