* {
margin:0;
padding:0;
border:0;
text-decoration:none;
}

a:focus { 
outline:0px solid white; 
}

body{
background:#294A7B;
color:#FFFFFF;
text-align:left;
scrollbar-face-color:#3C72B2;
scrollbar-highlight-color:#235071;
scrollbar-shadow-color:#95c7f8;
scrollbar-3dlight-color:#95c7f8;
scrollbar-arrow-color:#235071;
scrollbar-track-color:#80ABCB;
scrollbar-darkshadow-color:#235071;
scrollbar-base-color:#95c7f8; 
padding-bottom:20px;
}

/* CONTAINER */
#container{
margin:auto auto;
width:878px;
height:700px;
background: url(images/paradise1.jpg) top left no-repeat;
z-index:1;
}
/* END CONTAINER */

/* TITLE */
#title{
position:absolute;
width:278px; height:67px;
background:transparent url(images/title.gif) top left;
margin:60px 0px 0px 105px;
border: 0px solid red;
z-index:2;
}

/* TODAY */
#today{
position:absolute;
width:274px; height:65px;
background:transparent;
font:bold 10pt verdana,helvetica,arial,sans-serif;
text-align:center;
margin:200px 0px 0px 105px;
border: 0px solid red;
z-index:3;
}

/* GULL */
.gullOFF{
position:absolute;
width:70px; height:70px;
background:url(images/gull.gif) top left no-repeat;
text-align:center;
margin:426px 0px 0px 138px;
z-index:4;
}

.gullON{
position:absolute;
width:70px; height:70px;
background:url(images/gull3.gif) top left no-repeat;
margin:426px 0px 0px 138px;
text-align:center;
z-index:4;
}

/* NAV */
#navcontainer{
position:absolute;
width:500px; height:50px;
background:transparent;
margin:585px 0px 0px 20px;
border: 0px solid red;
z-index:5;
}

#navlist li{
width:50px;
display:inline;
list-style-type:none;
padding:0px 10px;
border: 0px solid red;
}

a:link {color:#FFFFFF; font: bold 9pt verdana,helvetica,arial,sans-serif;}	
a:visited {color:#FFFFFF; font: bold 9pt verdana,helvetica,arial,sans-serif;}
a:hover {color:#333333; font: bold 9pt verdana,helvetica,arial,sans-serif;}

a.footer:link {color:#FFFFFF; font: bold 7pt verdana,helvetica,arial,sans-serif; text-decoration:underline;}	
a.footer:visited {color:#FFFFFF; font: bold 7pt verdana,helvetica,arial,sans-serif; text-decoration:underline;}
a.footer:hover {color:#333333; font: bold 7pt verdana,helvetica,arial,sans-serif; text-decoration:underline;}

a.sm:link {color:#FFFFFF; font: bold small-caps 9pt verdana,helvetica,arial,sans-serif; text-decoration:underline;}	
a.sm:visited {color:#FFFFFF; font: bold small-caps 9pt verdana,helvetica,arial,sans-serif; text-decoration:underline;}
a.sm:hover {color:#333333; font: bold small-caps 9pt verdana,helvetica,arial,sans-serif; text-decoration:underline;}

a.lg:link {color:#FFFFFF; font:bold small-caps 10pt verdana,helvetica,arial,sans-serif; text-decoration:underline;}	
a.lg:visited {color:#FFFFFF; font:bold small-caps 10pt verdana,helvetica,arial,sans-serif; text-decoration:underline;}
a.lg:hover {color:#333333; font:bold small-caps 10pt verdana,helvetica,arial,sans-serif; text-decoration:underline;}

a.xlg:link {color:#FFFFFF; font:bold 11pt verdana,helvetica,arial,sans-serif; text-decoration:underline;}	
a.xlg:visited {color:#FFFFFF; font:bold 11pt verdana,helvetica,arial,sans-serif; text-decoration:underline;}
a.xlg:hover {color:#333333; font:bold 11pt verdana,helvetica,arial,sans-serif; text-decoration:underline;}

a.off:link, a.off:visited {color:#FFFFFF; font: bold 8pt verdana,helvetica,arial,sans-serif; padding:3px 6px;}

a.done:link, a.done:visited {color:#FFFFFF;  font: bold 8pt verdana,helvetica,arial,sans-serif; padding:3px 6px;}

a.on:link, a.on:visited {color:#294A7B; font: bold 8pt verdana,helvetica,arial,sans-serif; padding:2px 5px; background:#FFFFFF; border:1px dotted;}

a.on:hover, a.off:hover, a.done:hover {color:#333333; font: bold 8pt verdana,helvetica,arial,sans-serif; padding:2px 5px; background:#FFFFFF; border:1px dotted;}
/* END NAV */

/* LAYERS */
#lyr0, #lyr1, #lyr2, #lyr3{
position:absolute; 
visibility:hidden; 
width:355px;
height:575px;
background: transparent;
border:2px dotted #235071;
overflow:auto;
font:normal 11pt verdana,helvetica,arial,sans-serif;
line-height:18pt;
margin:51px 0px 0px 472px;
cursor: crosshair;
border: 0px solid red;
z-index:6;
}				

div.lyr0OFF, div.lyr1OFF, div.lyr2OFF, div.lyr3OFF{
width:320px;
padding:10px 10px 575px 10px;
background: #2159A3;
filter: alpha(opacity=70);
opacity:.80;
}

div.lyr0ON, div.lyr1ON, div.lyr2ON, div.lyr3ON{
width:320px;
padding:10px 10px 575px 10px;
background:#2159A3;
filter: alpha(opacity=95);
opacity:.95;
}
/* END LAYERS */

/* HOSTING */

#host{
width:490px;
background-color:transparent;
font:normal 9pt verdana,helvetica,arial,sans-serif;
text-align:center;
margin:10px auto;
padding:0px 0px 20px 0px;
z-index:1;
}

.hostheader{
background-color:white;
color:#275EA6;
margin:0px 0px 20px 0px;
padding:5px 5px 5px 0px;
-moz-border-radius: 7px;
}

#hostleft{
width:200px;
height:1662px;
background-color:transparent;
text-align:left;
float:left;
padding:10px;
margin:20px 5px 50px 10px;
z-index:3;
border: 5px solid white;
-moz-border-radius: 7px;
}

#hostright{
width:200px;
background-color:transparent;
text-align:left;
float:right;
padding:10px;
margin:20px 10px 50px 5px;
z-index:3;
border: 5px solid white;
-moz-border-radius: 7px;
}

/* END HOSTING */

ul{
font: normal 9pt verdana,helvetica,arial,sans-serif;
margin: 20px 0px 20px 20px;
list-style: circle outside;
}

li{
margin:10px 0px 0px 10px;
}

p{
margin:10px 0px 10px 10px;
}

img{
margin:10px 0px 0px 10px;
border: 0px solid red;
}

.small{
font:normal 9pt verdana,helvetica,arial,sans-serif;
}

.titles {
margin:20px 0px 10px 80px;
text-align:center;
}

.none{
border:0;
padding:0;
margin:0;
}

.red { 
color:#990000;
font-weight:bold;
text-align:center;
}

.q{
font:bold 9pt verdana,helvetica,arial,sans-serif;
}

.a{
font:normal 10pt verdana,helvetica,arial,sans-serif;
padding:10px;
}

.c {
text-align:center;
margin-left:55px;
}

.l {
float:left;
}

.r {
float:right;
margin-top:50px;
}

.b {
font-weight:bold;
}

h1{
color:#FFFFFF;
font: bold 11pt verdana,helvetica,arial,sans-serif;
padding:10px 0px 10px 10px;
}

h2{
color:#FFFFFF;
font:bold 10pt verdana,helvetica,arial,sans-serif;
margin: 25px 0px 0px 10px
}

/* FOOTER */
#footer{
width:500px; 
height:100px;
background:transparent;
font:bold 7pt verdana,helvetica,arial,sans-serif;
text-align:center;
border: 0px solid red;
margin:0 auto;
}

a.footer{
font:bold 7pt verdana,helvetica,arial,sans-serif;
color:white;
padding:0px 12px 0px 12px;
}

.hiddenPic {display:none;}