
/*  ------------------------------------------------ GLOBAL  */

body{
margin: 0px auto;
padding: 0px;
font-family: Verdana, Arial;
text-align: center;
background-color: #6d6e71;
background-image: url('../images/bg.jpg');
background-position:  top;
background-repeat: repeat-x;
}

a:link {color: #99cc33; text-decoration: none;}
a:visited {color: #99cc33; text-decoration: none;} 
a:active {color: #99cc33; text-decoration: none;}
a:hover {color: #000000; text-decoration: none;}
a img{border: none;}

.button 
{ float: right; background-color: #71a833; color: #ffffff; font-family: verdana; font-size: 7.5pt; border-style: groove; cursor:hand;}
.textfield 
{ background-color: #dedede; color: #49677A; font-family: verdana; font-size: 7.5pt; border-width: 2px; border-style: groove; }

#slogan{
margin: 0px;
line-height: 25px;
font-family: Arial;
font-size: 8pt;
color: #7e7e7f;
letter-spacing: 1px;
}

#container{
margin: 0px auto;
padding: 0px;
text-align:left;
background-image: url('../images/left.jpg');
background-position:  left top;
background-repeat: repeat-y;
width: 990px;
background-color: #FFFFFF;
border:1px solid #000000;
}

.clear{
clear: both;
}

span.caption{font-size: 7pt;}

.caption a:link {color: #000000; text-decoration: none; cursor: text;}
.caption a:visited {color: #000000; text-decoration: none; cursor: text;} 
.caption a:active {color: #000000; text-decoration: none; cursor: text;}
.caption a:hover {color: #000000; text-decoration: none; cursor: text;}

span.label{font-size: 8pt;}
.redcap{text-align: center; color: red; font-size: 8pt; font-weight: bold;}

/*  --------------------------------------------------- TOP  */

#header{
background-image: url('../images/top.jpg');
background-repeat: no-repeat;
height: 169px;
padding: 0px;
border: 0px none;
background-position: top center;
nackground-repeat: no-repeat;
}

/*  ------------------------------------------------- LEFT  */

#menu{
float: left;
background-image: url('../images/sideBar.jpg');
background-repeat: no-repeat;
background-color: #7f7f7f;
height: 100%;
width: 189px;
padding: 0px;
border: 0px none;
margin: 0px;
text-align: center;
background-position: top center;
nackground-repeat: no-repeat;
}

#menu p{
margin: 0px;
line-height: 25px;
font-size: 10px;
color: #ffffff;
}

a.sideBarP:link {color: #ffffff; text-decoration: none;}
a.sideBarP:visited {color: #ffffff; text-decoration: none;}
a.sideBarP:active {color: #ffffff; text-decoration: none;}
a.sideBarP:hover {font-weight: bold; color: #ffffff; text-decoration: none;}

a.nav1:link, a.nav1:visited {
float: left;
display: block;
background: url('../images/bg_nav1.jpg') no-repeat;
font-size: 7.5pt;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 25px !important;
height: 25px;
width: 189px;
text-decoration: none;
line-height: 25px;
display: inline;
}
a.nav1:hover {
background-position: 0px -25px;
text-decoration: none;
}

a.nav2:link, a.nav2:visited {
float: left;
display: block;
background: url('../images/bg_nav2.jpg') no-repeat;
font-size: 7.5pt;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 25px !important;
height: 25px;
width: 189px;
text-decoration: none;
line-height: 25px;
display: inline;
}
a.nav2:hover {
background-position: 0px -25px;
text-decoration: none;
}

a.nav3:link, a.nav3:visited {
float: left;
display: block;
background: url('../images/bg_nav3.jpg') no-repeat;
font-size: 7.5pt;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 25px !important;
height: 25px;
width: 189px;
text-decoration: none;
line-height: 25px;
display: inline;
}
a.nav3:hover {
background-position: 0px -25px;
text-decoration: none;
}

a.nav4:link, a.nav4:visited {
float: left;
display: block;
background: url('../images/bg_nav4.jpg') no-repeat;
font-size: 7.5pt;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 25px !important;
height: 25px;
width: 189px;
text-decoration: none;
line-height: 25px;
display: inline;
}
a.nav4:hover {
background-position: 0px -25px;
text-decoration: none;
}

a.nav5:link, a.nav5:visited {
float: left;
display: block;
background: url('../images/bg_nav5.jpg') no-repeat;
font-size: 7.5pt;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 25px !important;
height: 25px;
width: 189px;
text-decoration: none;
line-height: 25px;
display: inline;
}
a.nav5:hover {
background-position: 0px -25px;
text-decoration: none;
}

a.nav6:link, a.nav6:visited {
float: left;
display: block;
background: url('../images/bg_nav6.jpg') no-repeat;
font-size: 7.5pt;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 25px !important;
height: 25px;
width: 189px;
text-decoration: none;
line-height: 25px;
display: inline;
}
a.nav6:hover {
background-position: 0px -25px;
text-decoration: none;
}

a.nav7:link, a.nav7:visited {
float: left;
display: block;
background: url('../images/bg_nav7.jpg') no-repeat;
font-size: 7.5pt;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 25px !important;
height: 25px;
width: 189px;
text-decoration: none;
line-height: 25px;
display: inline;
}
a.nav7:hover {
background-position: 0px -25px;
text-decoration: none;
}

a.nav8:link, a.nav8:visited {
float: left;
display: block;
background: url('../images/bg_nav8.jpg') no-repeat;
font-size: 7.5pt;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 25px !important;
height: 25px;
width: 189px;
text-decoration: none;
line-height: 25px;
display: inline;
}
a.nav8:hover {
background-position: 0px -25px;
text-decoration: none;
}

a.nav9:link, a.nav9:visited {
float: left;
display: block;
background: url('../images/bg_nav9.jpg') no-repeat;
font-size: 7.5pt;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 25px !important;
height: 25px;
width: 189px;
text-decoration: none;
line-height: 25px;
display: inline;
}
a.nav9:hover {
background-position: 0px -25px;
text-decoration: none;
}

a.nav10:link, a.nav10:visited {
float: left;
display: block;
background: url('../images/bg_nav10.jpg') no-repeat;
font-size: 7.5pt;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 25px !important;
height: 25px;
width: 189px;
text-decoration: none;
line-height: 25px;
display: inline;
}
a.nav10:hover {
background-position: 0px -25px;
text-decoration: none;
}

a.nav11:link, a.nav11:visited {
float: left;
display: block;
background: url('../images/bg_nav11.jpg') no-repeat;
font-size: 7.5pt;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 25px !important;
height: 25px;
width: 189px;
text-decoration: none;
line-height: 25px;
display: inline;
}
a.nav11:hover {
background-position: 0px -25px;
text-decoration: none;
}

a.nav12:link, a.nav12:visited {
float: left;
display: block;
background: url('../images/bg_nav12.jpg') no-repeat;
font-size: 7.5pt;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 25px !important;
height: 25px;
width: 189px;
text-decoration: none;
line-height: 25px;
display: inline;
}
a.nav12:hover {
background-position: 0px -25px;
text-decoration: none;
}

a.nav13:link, a.nav13:visited {
float: left;
display: block;
background: url('../images/bg_nav13.jpg') no-repeat;
font-size: 7.5pt;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 25px !important;
height: 25px;
width: 189px;
text-decoration: none;
line-height: 25px;
display: inline;
}
a.nav13:hover {
background-position: 0px -25px;
text-decoration: none;
}

#google{
margin:0 auto; /* centered in Firefox */
margin-top: 10px;
padding: 0px;
width: 169px;
}

.radioText{
font-size: 9px;
color: #dedede;
}

.borderless
{border: 0px;}

table{
margin:0 auto; /* table centered in div in Firefox */
}

/*  ----------------------------------------------- MIDDLE  */

#content{
margin:0 auto;
float: left;
text-align: justify;
height: 100%;
}

.contentWide529 {width: 529px;}
.contentWide793 {width: 793px;}

h1{
margin: 20px 0px 0px 29px;
font-family: Tahoma, Arial, Verdana;
font-size: 17pt;
}

span.gray{
color: #cccccc;
}

h2{
margin: 0px 0px 0px 29px;
font-family: Tahoma, Arial, Verdana;
color: #99cc33;
font-size: 13pt;
}

h3{
margin: 0px;
font-family: Arial, Verdana;
padding-top: 15px;
padding-bottom: 15px;
font-size: 10pt;
}

h4{
margin: 0px 0px 0px 29px;
font-family: Tahoma, Arial, Verdana;
font-size: 11pt;
}

#content p{
margin: 20px 20px 20px 29px;
font-size: 9pt;
color: #6d6e71;
}

#content li{
font-size: 9pt;
color: #6d6e71;
}

.formContainer{
margin: 0px 0px 0px 30px;
text-align: center;
background-color: #f1f1f2;
border:1px dotted #000000;
}

.formHeader{
margin: 0px;
text-align: center;
background-color: #e6e7e8;
}

.formHeader h5{
margin: 0px;
font-family: Arial, Verdana;
padding-top: 10px;
padding-bottom: 10px;
}

#picContainer{
text-align:center;
}

#picContainer p{
font-size: 10px;
color: #000000;
}

.photoThumb{
float: left;
display: inline;
margin: 3px;
width: 100px;
height: 100px;
background-color: #f1f1f2;
border:1px dotted #000000;
}

.safariThumb{
margin: 0px 0px 10px 0px;
width: 191px;
height: 127px;
background-color: #f1f1f2;
border:1px solid #6a6a6a;
}

.accomThumb{
display: inline;
float: left;
margin: 0px 0px 0px 30px;
width: 200px;
height: 150px;
text-align: center;
border:1px dotted #000000;
}
.accomThumb a img {border: none;}

.accomDescr{
float: left;
margin: 0px 0px 0px 5px;
padding: 0px;
width: 530px;
height: 150px;
text-align: left;
background-color: #f1f1f2;
border:1px dotted #000000;
font-size: 8pt;
}

.accomPic{
display: inline;
float: left;
margin: 0px 0px 0px 5px;
padding: 0px;
width: 370px;
height: 270px;
border:1px dotted #000000;
}

.testaphoto{
float: left;
display: inline;
margin: 0px 10px 10px 30px;
height: 150px;
width: 200px;
}
.testablock{
float: left;
display: inline;
margin: 0px 10px 10px 0px;
height: 150px;
width: 520px;
background-color: #e8e8e8;
}

.testablockrev{
float: left;
display: inline;
margin: 0px 10px 10px 30px;
height: 150px;
width: 520px;
background-color: #eeeeee;
}
.testaphotorev{
float: left;
display: inline;
margin: 0px 10px 10px 0px;
height: 150px;
width: 200px;
}

.testablockrevlarge{
float: left;
display: inline;
margin: 0px 10px 10px 30px;
height: 170px;
width: 480px;
background-color: #eeeeee;
}
.testaphotorevlarge{
float: left;
display: inline;
margin: 0px 10px 10px 0px;
height: 170px;
width: 240px;
}

span.testa{font-size: 8pt;}

#tourtable{
margin: 0px 0px 0px 30px;
border: 0px;
color: #666666;
font-size: 8pt;
border-collapse: collapse;
border-spacing: 0px;
font-weight: normal;
}

#tourtable tr.firstrow td{
border-top: 1px solid #cccccc;
height: 41px;
}
/* hack for firefox */
#tourtable tr.firstrow td, x:-moz-any-link, x:default {height: 34px;}
/* hack for opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){head~body tr.firstrow td{height: 33px;}}

#tourtable td{
padding: 8px 10px;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

#tourtable h4{margin: 0px; color: #80b334;}
#tourtable p{margin: 0px;}

.tourtableleft{width: 339px;} 
.tourtableright{width: 160px;}


/*  ------------------------------------------------ RIGHT  */

#right{
float: left;
margin: 0px;
width: 264px;
text-align: center;
height: 100%;
}

#rightContainer{
margin: 20px;
text-align: center;
background-color: #99cc33;
border:1px dotted #000000;
}

#rightContainer p{
margin: 0px;
font-family: Arial, Verdana;
font-size: 8pt;
padding-top: 10px;
padding-bottom: 10px;
}

a.rightCP:link {font-weight: bold; color: #000000; text-decoration: none;}
a.rightCP:visited {font-weight: bold; color: #000000; text-decoration: none;}
a.rightCP:active {font-weight: bold; color: #000000; text-decoration: none;}
a.rightCP:hover {font-weight: bold; color: #000000; text-decoration: underline;}

#rightHeader{
margin: 0px;
text-align: center;
background-color: #e6e7e8;
}

#rightContent{
margin: 0px;
text-align: center;
background-color: #f1f1f2;
}

#rightContent p{
margin: 0px;
font-family: Verdana, Arial;
padding-top: 10px;
padding-bottom: 10px;
}

.services{
font-size: small;
line-height: 25px;
}

.prices{
font-size: x-small;
line-height: 15px;
}

.packList{
font-size: x-small;
line-height: 20px;
}

.facts{
font-size: x-small;
line-height: 15px;
}

.facts p{
padding: 0px 7px 0px 7px;
}

/*  ----------------------------------------------- BOTTOM  */

.signature{
text-align: center;
clear: right;
font-family: Arial, Verdana; 
font-size: 10pt;
color:#9c9c9c;
letter-spacing: 1px;
}

a.sign:link {color: #9c9c9c; text-decoration: none;}
a.sign:visited {color: #9c9c9c; text-decoration: none;}
a.sign:active {color: #9c9c9c; text-decoration: none;}
a.sign:hover {color: #9c9c9c; text-decoration: none;}