html {
}

body {
	font-family: Verdana,Arial,Helvetica,sans-serif;   /* Font Family for Pages */
	font-size: 10pt; /* Default Font size for pages */
	padding-top: 0; /*for Opera6*/
	background-color: #A0A563;
	line-height: 12pt; /* for all normal page text */
	text-align: center;
	z-index: 1;
	color: #000000;  /*This is the default text color for all pages unless changed else where */
        background-image: url(http://www.unique-southamerica-travel-experience.com/image-files/wide-back.jpg);
	background-attachment:fixed;
	background-repeat:repeat-y; 
	background-position:top center;
}

div {
  text-align:center;
}

#container {	/* ---- Whole Web Page Goes In This Container */
  	border: #115500 1px #D4D079;
  	width: 760px;  /*Max 760px to avoid horziontal scrolling at 800x600*/
	margin: 0 auto;
	padding: 0;
	text-align: left;
        background-color: #D4D079; 
	background-image:  ;
  	position:relative;
}

#header {
	/*width: 80%; */
	height:100px;
}

#leftcol {
	position: absolute;
	top:100px;
	width:160px;
	left: 0px;
	z-index: auto;
	height:500px;
	margin: 0px;
	background: #D4D079 url(http://www.unique-southamerica-travel-experience.com/image-files/button-back.gif) top left no-repeat; 
}

#webcontent {
  text-align: left;
/*  width: 580px; */
  margin: 0px  10px 10px  176px;
  min-height: 500px;
  _height: 500px
}

.slist {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.slist ul{	
	list-style-position:outside;
	text-align: left;
}

.slist li{
	background-image: url(http://www.unique-southamerica-travel-experience.com/image-files/li.gif);
	background-repeat: no-repeat;
	background-position: 0 .20em;
	padding-left: 1.8em;
	margin: 1.2em 1.5em;
	text-align: left;
}

ul{
	list-style-type: disc;
	list-style-position: outside; 
	padding: 0;
	margin: 0;
	text-align: center-backimg; 
}

li{
background-repeat: no-repeat;
	background-position: 0 .20em;
	margin: 1.2em 1.5em;
	padding-left: 1.8em;
	text-align: center-backimg;
	vertical-align: top; 
} 
/*================= Two Level Main Menu ============*/
/*Our main menu is an unnumbered list. You can put a background just behind the menu with the commented out statements.
*/

#navcontainer ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#navcontainer li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background: #F6ED90 url(../image-files/button-back.jpg) top left no-repeat; 
	background-color: #F6ED90;
}

#navcontainer a {
	list-style-type: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-align: left;
	text-decoration: none;
	line-height: 14px;
	display: block;
	color: #003300;
	width:  143px;
	padding: 1px 8px 1px 5px;
	background-color: #F6ED90; 
	border: 2px solid;
	border-color: #dddddd #567E3A #567E3A #dddddd;
	font-weight: bold;
}
#navcontainer .uberlink {
	TEXT-DECORATION: none;
	color: #003300 !important;
	background-color:  #ffffff;
	border-color: #dddddd #567E3A #567E3A #dddddd;
	font-weight: bold;
	cursor: default;
	width:  143px;
/*	padding: 1px 8px 1px 5px; */
}

#navcontainer a:visited{
	color: #993300;
}

#navcontainer a:hover
{
	color: #eeffff;
	background-color: #A0A563;
	/*	border: 1px solid;    /*was 2 pixels - Remove to put a solid box around hover item*/
	/*	border-color: #ddd #060 #060 #ddd;*/
	width:  143px;
	font-weight: bold;
}

#navcontainer li li a
{
	display: block;
	color: #000000;
	background-color: #F6ED90; 
	width:  143px;
	/*margin-left: 6px; */
	padding: 1px 4px 1px 9px;
	text-decoration: none;
	/*border: 1px solid;    was 2 pixels*/
	border-color: #dddddd #567E3A #567E3A #dddddd;
	font-weight: bold;
}
/*==============================End of Main Menu Stuff =================*/
/*=====================Start of Language Button Section ================*/
.langButton{
	color: #336633;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: normal;
	background-color: #F6ED90;
	border:1px solid;
	border-color: #dddddd #567E3A #567E3A #dddddd;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	line-height: 11pt;
	_padding 0px;		/* for IE */
}

.langButton a:hover{
	color: #880011;
	background-color: #F6ED90;
}

.langButton a:visited{
	color: #880055;
	background-color: #F6ED90;
}

#footer {
	/*border:1px solid red; */
	width:100%;
	background: #CCCC99 
}

.center-this {
margin: 0 auto;
text-align: center;
}

.float-right {
float: right;
}

.float-left {
float: left;
}

.display-ad {
padding-left: 3px;
}

/*Default link colors for content area; not recommended to edit*/
A:link {
COLOR: #0000CC;
TEXT-DECORATION:none;
background-color: #transparent;
}

A:visited {
COLOR: #990099;
TEXT-DECORATION:none;
background-color: #transparent;
}

A:hover {
COLOR: #CC3300;
TEXT-DECORATION:none;
background-color: #transparent;
}

#menu3 {
/*for manual footer links*/
font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
TEXT-ALIGN: center;
}	

#menu3 A:link {
	color: #0000CC;
	text-decoration:none;
	background-color:transparent;
}

#menu3 A:visited {
	color: #990099;
	text-decoration: none;
	background-color: transparent;
}

#menu3 A:hover {
	color: #CC3300;
	text-decoration: none;
	background-color:transparent;
}
#rightcontent {      /*to set the right column*/
	position: absolute;
	height: 80%;
	right: 1px;
	top: 105px;
	width: 0px;
	margin: 0;
	z-index: 4;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: small;
	text-align: left;
/*	background: #CCCC99 url(http://www.unique-southamerica-travel-experience.com/image-files/button-back.gif) repeat-y top left; */
	background-color: transparent;
}  	

#webcontent p{
font-size: 10pt; /* Default Font size for pages */
line-height: 12pt; /* for all normal page text */
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*OL
UL*/
DL {font-size:small;}/*font-family is already defined
here I only set the font-size*/

/*Settings for all heading tags*/
H1{
	margin-bottom: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	line-height: 23pt;
	color: #3F602B;
	background-color: transparent;
	text-align: center;
	border: 0px  none #0000ee;
	margin: .5em;
	padding: 0em;
	width: 100%;
	font-weight: bold;
}

H2{
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	line-height: 21pt;
	color: #333333;
	background-color: transparent;
	text-align: center;
	border: 0px  none #ffccbb;
	margin: 2px;
	padding: 3px;
	width: 460px;
	font-weight: normal;
}

H3{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 12pt;
	color: #000000;
	background-color: transparent;
	text-align: left;
	border: 0px  ridge #ffccbb;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-weight: bold;
}

H4{
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15pt;
	color: #F6ED90;
	background-color: #A0A563;
	text-align: left;
	border: 1px  solid #ffffff;
	margin: 5px;
	padding: 6px;
	width: 96%;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	_text-align: center;
}

H5 {
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	line-height: ;
	color: #696969;
	background-color: transparent;
	text-align: left;
	border: 0px  none #567E3A;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-weight: bolder;
}

H6 {
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xsmall;
	line-height: 14px;
	color: #000000;
	background-color: ;
	text-align: ;
	border: 1px  none #2211ff;
	margin: 1px;
	padding: 1px;
	width: 96%;
	font-weight: bolder;
}

strong
b {font-weight:800;}/*NN 4.xx needs that...*/
big {font-size:larger;}/*to emphasize words
use it inline with a <span> class*/
small {font-size:smaller;}/*not really necessary
but one never knows...use it inline with a <span> class*/
.red {color:#FF0000;}

/*This removes the need to add border=0 to linked images*/
A IMG {border:0.1px none #000000;}

/*ul{/*You can create a special image to use in lists
upload to the Graphics Library and be sure and name it li.gif*/
/*	list-style-image:url(../images/li.gif);
list-style-position:outside;
list-style-type:none;
}*/

em
i{ /*sets italics to bold to stand out better*/
font-weight: bold;
font-style: italic;
}

.OuterPanel {/* The background for the Image Panel */
margin: 5px 5px 5px 5px;
padding: 5px;
border: 1px ridge #115500;
}
.LeftRightCol {/* Use for left and right column boxes */
margin: 0px;
padding: 0px;
border: 1px solid #115500;
background-color: #transparent;
text-align: center;
width: 95%;
font-family: Arial, Helvetica, sans-serif;
}

.boxit {
margin: 3px 0px 3px 5px;
padding: 2px;
border: 1px solid black;
font-size: 11px;
text-align: center;
}

.ImageAndTitle{
padding:15px;
border:1px solid black;
text-align:center;
margin:0 15px 15px 0;
}

.greenborder {
border-style:solid;
border-color: #000000;
border-width: 1px;
}

.myimageframe{
padding:5px;
border: 0px solid black;
text-align:center;
margin-left: 10px;
margin-right: 10px;
}

.myimageframeFloat-Left {
padding:10px;
text-align:center;
/*	width:160px;
*/	float: left;
margin: 0px 7px 0px 0px;
}

.myimageframeFloat-Right {
padding:10px;
text-align:center;
/*	width: 160px;
*/	float: right;
margin:0px 5px 0px 7px;
}

#rotateimage {
/*to place the header image*/
position: absolute;
left: 683px;
top: 5px;
width: 350px;
/*	border-style:outset;
border-color: #006600;
border-width: thick;
*/}  	

#rotateimage2 {
/*to place the header image*/
position: absolute;
left: 65%;
top: 0px;
width: 350px;
/*	border-style:outset;
border-color: #006600;
border-width: thick;
*/}  	

.center-this {
margin: 0 auto;
text-align: center;
}

.float-right {
float: right;
}

.float-left {
float: left;
}

.display-ad {
padding-left: 3px;
}
/********* #Image Gallery Styles ************/

#ImageGallery {/* floats in content div */
float: left;
width: 460px; /* em size is element dependent */
padding-right: 0px;
padding-left: 1px;
color: #00008b;
background:#CCCC99; /* #88aa44*/
margin-top: 0;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 0px;
border-width: 5px;
border: 2px solid black;
overflow: visible;
}

#ImageGalleryV {/* floats in content div */
float: none;
width: 466px; /* em size is element dependent */
padding-right: 0px;
padding-left: 1px;
color: #00008b;
background:#CCCC99; /* #88aa44*/
margin-top: 0;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
border: 2px solid black;
overflow: visible;
}

#ImageGalleryV12 {/* floats in content div */
float: none;
width: 545px; /* em size is element dependent */
padding-right: 0px;
padding-left: 1px;
color: #00008b;
background:#CCCC99; /* #88aa44*/
margin-top: 0;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
border: 2px solid black;
overflow: visible;
}

img.ThumbNail {
border: 1px;
/*	height: 51px;
width: 75px;   */
padding: 0px 0px 0px 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 4px;
border-color: #006600;
vertical-align: top;
}	

#VImageGal{/*location set for browser
DO NOT EDIT*/
position: relative;
margin: 0 0;
}

/************* #TinyPrint & Side Line Styles *****/
#CopywriteText {
FONT-FAMILY: arial, helvetica, monaco, sans-serif;
font-size: 85%;
FONT-WEIGHT: normal;
color: #000000;
line-height: 1.000;
padding: 2px 5px 2px 5px;
}

#NormalText {
font-size: 95%;
color:#000000;
text-align: center;
}

.TinyPrintTitle {
FONT-FAMILY: arial, helvetica, monaco, sans-serif;
font-size: 85%;
FONT-WEIGHT: bold;
color: #003600;
line-height: 1.000;	
padding-top: 2px;
padding-bottom: 2px;
padding-right: 5px;
padding-left: 5px;
}

.tinyprint {
FONT-FAMILY: arial, helvetica, monaco, sans-serif;
font-size: 85%;
FONT-WEIGHT: normal;
color:#000000;  /* was #006600 */
line-height: 1.000;	
padding-top: 2px;
padding-bottom: 1px;
padding-right: 1px;
padding-left: 5px;
}

#tinyprint2 {
FONT-FAMILY: arial, helvetica, monaco, sans-serif;
font-size: 67%;
FONT-WEIGHT: normal;
color: #000000;
line-height: 1.050;	
padding-top: 2px;
padding-bottom: 5px;
padding-right: 5px;
padding-left: 5px;
}

#TinyPrintDesc {
FONT-FAMILY: arial, helvetica, monaco, sans-serif;
font-size: 85%;
color: #003300;
FONT-WEIGHT: bold;
background-color: #CCCC66;
line-height: 1.05;	
border-width: 3px;
border-style: solid;
border-color: #567E3A #ddd #ddd #567E3A;
padding-top: 5px;
padding-bottom: 4px;
padding-right: 4px;
padding-left: 4px;
margin-bottom: 4px;
}
.adsense-center {
margin: 3px auto 3px auto;
padding: 2px;
border: none;
text-align: center;
}
.adsense-left {
margin: 3px 10px 3px 0px;
padding: 2px;
border: none;
float: left;
}
.adsense-right {
margin: 3px 0px 3px 10px;
padding: 2px;
border: none;
float: right;
}
/*=======================================================*/
.nav_div {
FONT-FAMILY: Arial, Helvetica, sans-serif;
Font-Size: 90%;
FONT-WEIGHT: bold;
BACKGROUND-COLOR: #F6ED90;
COLOR: #003600
TEXT-ALIGN: center;
TEXT-DECORATION: none;
line-height: 1.5;
border: solid 1px;
border-color: #7C7F2C #ffffff #ffffff #7C7F2C;
_padding: 0px 2px 0px 2px;
}

.nav_stat {
FONT-FAMILY: Arial, Helvetica, sans-serif;
font-size: 90%;
FONT-WEIGHT: bold;
PADDING-BOTTOM: 1px;
PADDING-TOP: 2px;
padding-right: 2px;
padding-left: 2px;
BACKGROUND-COLOR: #eeffff;
COLOR: #840000;
TEXT-ALIGN: center;
border: solid 1px;
border-color: #eeffff #567e3a #567e3a #eeffff;
_padding-bottom: 0px;
}

a.nav_div:link {
FONT-WEIGHT: bold;
COLOR: #003600;
TEXT-DECORATION: none
}
a.nav_div:visited {
FONT-WEIGHT: bold;
COLOR: #990099;
TEXT-DECORATION: none
}
a.nav_div:hover {
color: #ffffff;
background-color: #003600;
TEXT-DECORATION: none;
}

/* Stu Nicholls - Simple SlideShow */
/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/slides.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
Modified and enhansed by Don Cowper 2008
=================================================================== */
/* common styling */

.photo1 a {color:#444444;}
.photo1 a:hover {text-decoration:none;}
.photo1 a:visited {color:#444444;}

/* slides styling */

.photo1 {padding:5px; background:#444444; width:566px; _width:580px; height:434px; text-align:left; border: outset 4px #000000;}
.photo1 h1 {font-size:14px; font-weight:normal; color:#fc0; margin:0 0 0 5px; padding:0;}
.photo1 ul b.default {display:block; position:absolute; width:230px; height:250px; border:1px solid #D1E231; top:15px; left:180px; color:#ddd; font-size:10pt; font-weight:normal; padding:6px; text-align:center;}
.photo1 ul {list-style:none; padding:15px 0 0 0; margin:0; width:120px; background:#444444; border:1px solid #D1E231; position:relative; height:410px;}
.photo1 ul li {display:inline; width:26px; height:26px; float:left; margin:10px 0 0 0; _margin:2px;}
.photo1 ul li a {display:block; width:26px; height:26px; cursor:default; background:url(../image-files/arrow.gif) no-repeat; text-decoration:none;}
.photo1 ul li a b {display:none;}
.photo1 ul li a img {display:block; width:26px; height:26px; border:1px solid #666; /*border-top-color:#ccc;*/}
.photo1 ul li a:hover {white-space:normal;position:relative;}
.photo1 ul li a.vert:hover img {position:absolute; left:-16px; top:-20px; width:44px; height:64px; border-color:#000;}
.photo1 ul li a.hor:hover img {position:absolute; left:-32px; top:-12px; width:64px; height:44px; border-color:#000;}
.photo1 ul li a:active, .photo1 ul li a:focus {position:static; outline:0;}
.photo1 ul li a:focus.vert img, .photo1 ul li a:active.vert img {background-color:#000; position:absolute; left:137px; top:0; width:288px; height:420px; border:1px solid #000;}
.photo1 ul li a:focus.hor img, .photo1 ul li a:active.hor img {background-color:#000; position:absolute; left:137px; top:0; width:420px; height:288px; border:1px solid #000;}
.photo1 ul li a:focus.vert b, .photo1 ul li a:active.vert b {display:block; position:absolute; width:124px; height:410px; border:1px solid #D1E231; top:0px; left:430px; color:#D1E231; font-size:12px; font-align:left; padding:6px;}
.photo1 ul li a:focus.hor b, .photo1 ul li a:active.hor b {display:block; position:absolute; width:410px; height:108px; border:1px solid #D1E231; top:300px; left:137px; color:#D1E231; font-size:12px; font-line:left; padding:6px;}

.gallerybox{
	color: #A0A563;
	text-decoration: none;
        text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
        width: 120px;
        width: 95%;
	font-variant: normal;
	background-color: #F6ED90;
	border:2px solid;
	border-color: #F6ED90 #A0A563 #A0A563 #F6ED90;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	line-height: 13pt;		
}

.rbox1{
	float: right;		/* This floats the block to the right */
	color: #000000;		/* This is the default text color */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #CCCC99;/* Your background colour */
	border:1px solid;	/* Makes the border 1 pixel wide and solid */
	border-color: #ffffff #ffffff #ffffff #ffffff;  /* colors for top, right, bottom and left */
	padding: 1px 5px 5px 5px;/* Four parameter CSS commands refer to Top, Right, Bottom, Left */
	font-weight: normal;
	line-height: 13pt;	/* Should be larger than the text size */
	text-align: center;	/* Other values are right and center */
	margin-left: 2px;  	/* This forces white space to the left of the box */
}

 #paging{
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}

#paging a{
	padding:4px 7px 4px 7px;
	margin:0px 2px 0px 2px;
	border:1px solid #3F502B;
	background:#FFFFFF;
	color:#000000;
	text-decoration:none;
}

#paging a:hover{
	border:1px solid #FF9900;
	background:#FF9900;
	color:#FFFFFF;
	text-decoration:none;
}      

#OuterPanel {/* The background for the Image Panel */
margin: .5em;
padding: 0.5em;
border: 1px solid #F6ED90;
background: #D4D079;
height: 15.5em;
min-width: 500px;/*width: 540px; To fix the width of the panel so it will not squish set width */
font-family: Arial, Helvetica, sans-serif;
}

.ImageBlockFloat-Left {
padding:2px;
text-align:left;
width:250px;
float:left;
margin:0 7px 7px 0;
}

.ImageBlockFloat-Right {
padding:2px;
text-align:left;
width: 240px;
float: right;
margin:0 5px 7px 0;
}