/* CSS Document */

body{
font-family:Arial, Helvetica, sans-serif;
margin:0px;
font-size:80%;
color:#000000;
}

#navi ul li, h1{
margin:0;
}

#wrap{
margin:auto;
width:800px;
background:#FFFFFF url(../images/bg.jpg) repeat-y;
}

#header{
background:#0099FF url(../images/header.jpg) no-repeat;
height:87px;
}

#top{
float:right;
margin-right:20px;
margin-top:10px;
color:#FFFFFF;
font-size:smaller;
}

#main_box{
padding-left:25px;
margin-bottom:0px;
}

#navi{
background:  #999999 url(../images/bg_navi.jpg) repeat-x;
height:270px;
width:97px;
float:left;
}

#navi a:link , #navi a:visited{
color:#FFFFFF;
text-decoration:none;
}

#navi a:hover , #navi_sub a:hover{
color:#FFFFCC;
/*color:red;*/
text-decoration:underline;
}

#navi ul li{
font-size:12px;
color:#FFFFFF;
list-style:none;
font-weight:bold;
line-height:2em;
margin-left:-39px;
text-align:center;
border-bottom: #FFFFFF dotted 1px;
}

#navi img{
margin-top:10px;
}

#lodge img , #swim img , #dive img{
float:left;
margin-top:0px;
}

#green_spacer{
background-color:#89B700;
height:15px;
clear:both;
margin-left:25px;
width:744px;
border-top:#FFFFFF solid 2px;
}

#white_spacer{
background-color:#FFFFFF;
height:90px;
clear:both;
margin-left:25px;
width:744px;
border-top:#FFFFFF solid 2px;
}

#contents{
margin-left:25px;
margin-top:3px;
background:#006CD2 url(../images/main_content_bg.jpg) repeat-x top;
width:743px;
}

#main_content{
float:left;
width:470px;
background:#89B700 url(../images/main_content_bg.gif) repeat-x top;
border-right:#FFFFFF solid 2px;
padding-left:20px;
padding-top:20px;
padding-right:20px;
}

#main_content h1{
margin-top:0px;
margin-bottom:0px;
font-size:25px;
}

#main_content p{

}

#main_content img{
float:left;
margin-bottom:10px;
margin-right:10px;
}

#parag{

}

#col2{
float:left;
color:#FFFFFF;
padding-left:5px;
width:200px;
padding-left:20px;
}

#log_in{
margin-top:10px;
}

.cell{
width:80px;
float:left;
margin-bottom:5px;
}

.text{
border-left:#333333 solid 1px;
border-right:#333333 solid 1px;
background-color:#FFFFFF;
width:100px;
margin-bottom:3px;
}

#submit{
border:#CCCCCC solid 1px;
background-color:#FFFFFF;
color:#666666;
font-weight:bold;
}

#testi{
width:200px;
margin-top:20px;
}

#testi h3{
margin:10px , 10px;
font-size:15px;
}
#testi p{
margin-left:10px;
}

#author{
text-align:right;
}

#bottom{
margin-left:-3px;
/*width:200px;*/

}

#footer{
background:#333333 url(../images/bg_footer.gif) right no-repeat;
text-align:center;
color:#FFFFFF;
font-size:smaller;
margin-left:25px;
width:743px;
clear:both;

}

#footer a{
color:#FFFFCC;
}

/******* sub pages **************/

#navi_sub{
height:49px;
margin-left:25px;
margin-top:0;
clear:left;
background:url(../images/bg_navi_sub.jpg) repeat-x;
font-size:12px;
color:#FFFFFF;
text-align:center;
width:745px;
}

#navi_sub a{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
padding-left:10px;
padding-right:10px;
margin-top:20px;
}

#navi_sub ul li{
float:left;
list-style:none;
padding-top:15px;
}

html>body #navi_sub ul{
margin-top:-15px;
}

#sub_contents{
clear:both;
background:#89B700 url(../images/bg_sub.jpg) repeat-x top;
margin-left:25px;
width:705px;
/*height:550px;*/
padding-left:20px;
padding-right:20px;
padding-top:20px;
}


#bottom_sub{
margin-left:22px;
}

#bottom_sub img{
float:left;
}

#thumbs{
background:  #999999 url(images/bg_navi.jpg) repeat-x;
height:400px;
width:225px;
float:left;
overflow:auto;
}

#main_gallery img{
float:right;
margin-bottom:10px;
margin-right:10px;
}

.smalltext{
font-size:9px;
}