body
{
	font-family:Helvetica,Arial,Verdana,sans-serif;
	color:#143D55;
	background-image:(../images/bg.jpg);
    background-repeat:repeat;
}
h1 {
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:0;
 
	}

h2 {
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:center;
	}

h3 {
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:center;
	}
	
hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}

td
{ vertical-align:top;

}
.center 
{
    margin-left: auto;
    margin-right: auto;
}

.left
{
float:left;
}

.right
{
float:right;
}

.main 
{

}

.logo
{
}

.header
{
width:1024px;
}

.content
{
    width:1024px;
    border-right:solid 10px #143D55;
    border-left:solid 10px #143D55;
    padding-top:4px;
    height:100%;
    
}
.detail
{
    padding-left:4px;
    padding-right:4px;
    border:solid 2px #143D55;
	margin-left:2px;
	margin-right:2px;
    font-size:12px;
    background-image:url(../images/bg.jpg);
    background-repeat:repeat;
    padding-bottom:4px;
}
.terms
{
    padding-left:4px;
    padding-right:4px;
    border:solid 2px #143D55;
	margin-left:2px;
	margin-right:2px;
    font-size:12px;
    background-image:url(../images/bg.jpg);
    background-repeat:repeat;
    padding-bottom:4px;
}

.terms h2 {
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:center;
	
	}

.terms h3 {
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:center;
	}

.excursions
{
text-align:left;    
}

.excursions td.large
{
    font-size:16px;
    font-weight:bolder;
}
.excursions th
{
 text-align:right;    
}

.excursions a
{
  font-size:18px;
  font-weight:bolder;
  text-decoration:none;
  color:#143D55;
}

.excursions a:visited
{
  font-size:18px;
  font-weight:bolder;
  text-decoration:none;
  color:#143D55;
}

.excursions a:hover
{
  font-size:18px;
  font-weight:bolder;
  color:Red;
  text-decoration:none;
}

.content-left
{
	float: left;
	text-align: center;
	border:solid 2px #143D55;
	background-image:url(../images/bg.jpg);
    background-repeat:repeat;width:247px;
	margin-left:4px;
	height:328px;
	padding-top:50px;
}

.content-right
{
	float: right;
	text-align: center;
	padding-top:50px;
    border:solid 2px #143D55;
	background-image:url(../images/bg.jpg);
    background-repeat:repeat;width:247px;
	margin-right:4px;
	height:328px;
}

.content-middle
{
    text-align: center;
  padding-top  :2px;
  
}

.content h1{

font-size:24px;
text-align:center;

}

.detail a
{
    color:#143D55;
    text-decoration:none;
     font-weight:bold;
     font-size:16px;
}

.detail a:visited
{
    color:#143D55;
    text-decoration:none;
    font-weight:bold;
}

.detail a:hover
{
    color:black;
    text-decoration:none;
    font-weight:bold;
}

#page {
	margin: 0 auto;
}

.clear
{
	clear: both;
}

.tag
{
font-size:20px;
padding:30 10 0 10;
}

img 
{
	border: solid 1px red;
	display: block;
	text-align:center;
	padding: 2px 2px 2px 2px;
}

img.right
{
	border: solid 1px red;
	display: block;
	text-align:center;
	padding: 2px 2px 2px 2px;
	float:right;
	margin-right:2px;
	
}

img.left
{
	border: solid 1px red;
	display: block;
	text-align:center;
	padding: 2px 2px 2px 2px;
	float:left;
	margin: 0 2px 2px 0;
	position:relative;
}

/* ---- Image mouseover popup ---- */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
float:left;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 2px;
left: -5000px;
border: solid 1px red;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left: 152px; /*position where enlarged image should offset horizontally */
}

.thumbnail-right{
position: relative;
z-index: 0;
float:left;
}

.thumbnail-right:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail-right span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 2px;
left: -5000px;
border: solid 1px red;
visibility: hidden;
text-decoration: none;
}

.thumbnail-right span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail-right:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left: -520px; /*position where enlarged image should offset horizontally */
}


/* ---------------------- Menu ---------------------- */
#container{
	position:relative;
	height:40px;
	color:#E0E0E0;
	background:#143D55;
	
	}

#navigation{
	position:relative;
	height:33px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff url(../images/bg.gif) repeat-x bottom left;
	padding:0 0 0 20px;
	width:1024px;
	}

#navigation ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	float:left;

}

#navigation ul li{
	display:block;
	float:left;
	margin:0 1px;
	}

#navigation ul li a{
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 20px;
	height:33px;
	}

#navigation ul li a span{
	padding:12px 20px 0 0;
	height:21px;
	float:left;
	}

#navigation ul li a:hover{
	color:#fff;
	background:transparent url(../images/bg-OVER.gif) repeat-x bottom left;
	}

#navigation ul li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;
	}

#navigation ul li a.current,#navigation ul li a.current:hover{
	color:#fff;
	background:#1D6893 url(../images/left-ON.gif) no-repeat top left;
	line-height:275%;
	}

#navigation ul li a.current span{
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background:#1D6893 url(../images/right-ON.gif) no-repeat top right;
	height:33px;
	}
/* ---------------------- Finish Menu ---------------------- */

#footer-container{
	position:relative;
	height:40px;
	color:#E0E0E0;
	background:#143D55;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-size:10px;
	}
	
#footer
{
    height:33px;
    background:#fff url(../images/bg.gif) repeat-x bottom left;
    width:1024px;
    position:relative;
	
}

.footer-left
{
	padding-top:4px;
	float: left;
	text-align: center;
	width: 33%;
}

.footer-middle
{
    padding-top:10px;
	text-align: center;
}

.footer-right
{
	padding-top:10px;
	float: right;
	text-align: center;
	width: 33%;
}

#footer a
{
    color:#143D55;
    text-decoration:none;
}

#footer a:visited
{
    color:#143D55;
    text-decoration:none;
}

#footer a:hover
{
    color:#ffffff;
    text-decoration:none;
}