/*PORTO HELI WATER SPORTS STYLE*/

html, body{
background-color: #ffffff;
text-align: center;
margin: 5px;
padding: 0;
}

p{
color: #000099;
font-family: verdana, arial, sans-serif;
font-size: 1.0em;
margin-top: 30px;
margin-left: 5px;
text-align: left;
}

h1{
color: #000099;
font-family: verdana, arial, sans-serif;
font-size: 1.5em;
margin-top: 10px;
text-align: center;
}

h2{
color: #000000;
font-family: verdana, arial, sans-serif;
font-size: 1.1em;
margin: 10px 5px;
text-align: left;
}

h3{
color: #000099;
font-family: verdana, arial, sans-serif;
font-size: 1.0em;
margin: 20px;
text-align: center;
}

a:link{
font-weight: bold;
}

a:visited{
font-weight: bold;
}

a:hover{
font-weight: bold;
text-decoration: none;
}

a:active{
font-weight: bold;
}

#wholepage{
background: url('images/wholebkgd.gif');
margin: 0 auto;
width: 1024px;
}

#logo{
background-image: url('images/logotop.jpg');
height: 254px;
width: 1024px;
margin: 0 auto;
}

.spacer{
clear: both;
margin: 10px;
}

.rightspacer{
height: 75px;
}

#content{
float: left;
margin-left: 10px;
text-align: left;
width: 750px;
}

#content ul{
margin: 0px;
margin-top: 25px;
}

#content li{
color: #000099;
display: block;
font-family: verdana, arial, sans-serif;
font-weight: bold;
line-height: 1.7em;
text-align: left;
}

#content p{
color: #000099;
font-family: verdana, arial, sans-serif;
font-size: 1.0em;
margin-top: 25px;
margin-left: 5px;
text-align: left;
}

#right{
float: right;
margin-right: 15px;
padding: 0px;
width: 230px;
}

#right a:link{
font-size: 0.9em;
font-weight: bold;
}

#right a:visited{
font-size: 0.9em;
font-weight: bold;
}

#right a:hover{
font-size: 0.9em;
font-weight: bold;
text-decoration: none;
}

#right a:active{
font-size: 0.9em;
font-weight: bold;
}

#right ul{
list-style: none;
margin: 15px 0;
text-indent: 1.5em;
}

#right li{
display: block;
font-family: verdana, arial, sans-serif;
font-size: 1.0em;
text-align: left;
}

#right p{
color: #336699;
font-family: verdana, arial, sans-serif;
font-size: 1.0em;
margin-top: 15px;
margin-left: 5px;
text-align: left;
}

#right img{
margin-top: 15px;
}

#right p.caption {
color: #000099;
font-size: 0.8em;
font-weight: bold;
text-align: center;
margin: 5px;
}

#footer{
border-top: #cccccc dotted 1px;
clear: both;
margin: 0 auto;
width: 1024px;
}

#footer p{
color: #000099;
font-family: verdana, arial, sans-serif;
font-size: 0.8em;
font-weight: bold;
text-align: center;
}

#footer ul{
border-top: #ffffff double 3px;
list-style: none;
margin: 0;
padding: 0;
}

#footer li{
background-image: url('images/linkbkgd.jpg');
border: #66ccff solid 1px;
display: inline;
font-family: verdana, arial, sans-serif;
font-size: 1.2em;
margin: 5px;
text-align: center;
}

#footer a:link{
font-size: 0.9em;
font-weight: bold;
margin: 5px 15px;
padding: 5px;
}

#footer a:visited{
font-size: 0.9em;
font-weight: bold;
margin: 5px 15px;
padding: 5px;
}

#footer a:hover{
font-size: 0.9em;
font-weight: bold;
text-decoration: none;
margin: 5px 15px;
padding: 5px;
}

#footer a:active{
font-size: 0.9em;
font-weight: bold;
margin: 5px 15px;
padding: 5px;
}

fieldset{
background-image: url('images/contactbkgd.jpg');
border: #66ccff solid 1px;
padding: 0;
text-align: left;
width: 700px;
height: 350px;
}

.contactform label{
float: left;
font-size: 0.9em;
margin-right: 5px;
text-align: right;
width: 225px;
}

.contactform input[id="emailaddress"]{
width: 150px;
}

.contactform input[id="sendemail"]{
border: #000099 solid 1px;
font-size: 1.0em;
margin-left: 235px;
}