/* Style Sheet Updated: March 1, 2007 */

.spot{background:url("spot.gif")}
.activespot{background:url("activespot.gif")}

h3 {text-align:center; color:white; font-size: 20px; font-weight: normal;}
.travelog {opacity:0.8; filter:alpha(opacity=80); border:1px black solid; padding:2px; background-color: #1f1f1f; color:white; text-decoration:none;}
.travelog a {color:white; text-decoration:none; display: block;}
.travelogactive {opacity:1.0; filter:alpha(opacity=100); border:1px black solid; padding:2px; background-color: black; color:white; text-decoration:none;}
.travelogactive a {color:white; text-decoration:none; display: block;}

#loadingpreview{position:absolute; left: 686px; top:28px;
	width: 80px; height: 80px;}

#arrow{
background:url('arrow.gif');
width:20px; height:30px;
}

*{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9px;
}
body{
	text-align: center;
	min-width: 950px;
	background: #1a1a1a;
}
h1{
	color: black;
	font-size: 20px;
	font-weight: normal;
}
h1 a{
	text-decoration: none;
	font-size: 20px;
}
h1 a:hover{
	text-decoration: underline;
}
h2{
	text-align:center;
	margin: 5px;
	color: white;
	font-size: 14px;
	font-weight: normal;
}
#frame{
	background:url("body.gif");
	position:absolute; left:100px; width: 830px; height: 553px;
	margin: 0px auto;
	text-align:left;
}
#mapframe{
	background:url("thumbframe.gif");
	width: 100px; height:114px;
	position:absolute; left: 56px; top:18px;
}
#maps{
	position:absolute; left: 10px; top: 10px;
	width: 80px; height: 80px;
}
.loc{	
	position:absolute; left: 10px; top: 91px; 
	width: 80px; height: 16px; 
	color: #FFFFFF; 
	display: block;
	text-align:center; 
	font-weight: normal;
}
#countrylist{
	text-align:left; 
	position:absolute; left: 51px; top: 130px; 
	width: 109px; height: 350px;
}
#backdrop{
	background:url("backdrop.gif") no-repeat;
	text-align:center;
	position:absolute; left: 160px; top: 21px; 
	width: 512px; height: 512px;
	padding: 0px;
}
#thumbframe{
	background:url("thumbframe.gif");
	width: 100px; height: 114px;
	position:absolute; left: 676px; top:18px;
}
#t{
	position:absolute; left: 686px; top:28px;
	width: 80px; height: 80px;
}
#smallthumbs{
	position:absolute; left: 677px; top: 134px; 
	width: 96px; height: 300px;
}
#welcomephoto{
	position:absolute; left: 160px; top: 21px; 
	width: 607px; height: 512px;
	padding: 0px;
}
.countries a{
	color: #FFFFFF;
	display: block;
	font-weight: normal;
	width:100%;
	text-decoration: none;
	text-align: left;
	padding-left: 13px;
	padding-top: 2px;
	padding-bottom: 1px;
}
.countries a:hover{
	background-color: black;
}
.photo {
border: 0px;
}
/*
----------------------------
Next Prev
----------------------------
*/
#prev {
	background: url(prevnext.gif) 0px 0px;
	position:absolute; top: 108px; left: 685px;
	width: 41px; height: 15px;
}
#next {
	background: url(prevnext.gif) -41px 0px;
	position:absolute; top: 108px; left: 726px;
	width: 41px; height: 15px;
}
#prev li, #next li {
	margin: 0px; 
	padding: 0px; 
	list-style: none; 
	position: absolute; 
	top: 0px;
	width: 41px; height: 15px;
	display: block;
}
#prev a, #next a {
	width: 41px; height: 15px;
	display: block;
}
#prev a:hover {
	background: url("prevnext.gif") 0px -15px no-repeat;
}
#next a:hover {
	background: url("prevnext.gif") -41px -15px no-repeat;
}
/*
----------------------------
Buttons
----------------------------
*/
.mpbutton {position: absolute; top: 0px; left: 0px; width: 50px; height: 553px;}
.mpbutton a {width: 50px; height: 553px; display: block;}
#mpbutton_on {background: url("buttons.gif") -50px 0px;}
#mpbutton_off {background: url("buttons.gif") 0px 0px;}
.abutton {position: absolute; top: 0px; left: 780px; width: 50px; height: 108px;}
.abutton a {width: 50px; height: 108px; display: block;}
#abutton_on {background: url("buttons.gif") -150px 0px;}
#abutton_off {background: url("buttons.gif") -100px 0px;}
.cbutton {position: absolute; top: 108px; left: 780px; width: 50px; height: 127px;}
.cbutton a {width: 50px; height: 127px; display: block;}	
#cbutton_on {background: url("buttons.gif") -150px -108px;}
#cbutton_off {background: url("buttons.gif") -100px -108px;}
.pbutton {position: absolute; top: 235px; left: 780px; width: 50px; height: 174px;}
.pbutton a {width: 50px; height: 174px; display: block;}
#pbutton_on {background: url("buttons.gif") -150px -235px;}
#pbutton_off {background: url("buttons.gif") -100px -235px;}
.fbutton {position: absolute; top: 409px; left: 780px; width: 50px; height: 144px;}
.fbutton a {width: 50px; height: 144px; display:block;}
#fbutton_on {background: url("buttons.gif") -150px -409px;}
#fbutton_off {background: url("buttons.gif") -100px -409px;}
/*
----------------------------
About and Contact Pages
----------------------------
*/
#aboutmap {
	position:absolute; left: 400px; top: 10px;
	background:url("travelmap.jpg"); 
	width: 379px; height: 527px;
	padding: 0px;
}
#mapwithnames {
	position:absolute; left: 400px; top: 10px;
	background:url("countrynamemap.jpg"); 
	width: 379px; height: 527px;
	padding: 0px;
}
.aboutpagebox {
	text-align: justify;
	color: white;
	border: 1px #0d0d0d solid;
	background-color: #383838;
	overflow:auto;
	padding:10px;
}
.aboutpagebox p{
	font-size:11px;
	padding:3px;
}
.aboutme {
	height: 483px; width: 295px;
	position:absolute; left: 67px; top: 24px;
}
.aboutmytrip {
	height: 244px; width: 295px;
}
#home{
	position:absolute; right: 53px; top: 6px;
	width: 120px;
	margin: 0 auto;
	padding: 2px;
	text-align:center;
	color: #999999;
	font-size: 10px;
}
#home a{
	color: #999999;
	text-decoration:none;
}
#home a:hover{
	color: white;
}
/*
----------------------------
Favorites and Publications Pages
----------------------------
*/
#favoritewelcome {
	text-align:center;
	position:absolute; left: 70px; right: 70px; top: 140px;
	font-size: 16px; 
	color: white;
	padding: 20px;
}
#favoritewelcome a{
	font-style: italic;
	font-size: 16px;
	width: 160px;
	color: white;
	text-decoration: none;
}
#favoritewelcome a:hover{
	color: black;
	background-color:white;
	text-decoration: none;
}
.favoritecaption {
	text-align:justify;
	background-color: black;
	color: white;
	position:absolute; left: 17px; right: 17px; bottom: 5px; 
	opacity:0.8;
	filter:alpha(opacity=80);
	font-size: 12px;
	padding: 15px;
}
.vis {
	visibility: visible;
}
.invis {
	visibility: hidden;
}
.favthumb0{border: 5px #252525 solid; width: 38px; height: 38px;}
.favthumb1{border: 4px #252525 solid; width: 40px; height: 40px;}
.favthumb2{border: 3px #252525 solid; width: 42px; height: 42px;}
.favthumb3{border: 2px #252525 solid; width: 44px; height: 44px;}
.favthumb4{border: 1px #252525 solid; width: 46px; height: 46px;}
.favthumbactive{border: 1px #d8d8d8 solid; width: 46px; height: 46px;}
/*
----------------------------
Map Movement Classes
----------------------------
*/
.nomap{
	background:url("maps.gif"); background-position: -80px -320px;
}
.burkinafaso{
	background:url("maps.gif"); background-position: 0px 0px;
}
.mali{
	background:url("maps.gif"); background-position: -80px 0px;
}
.ghana{
	background:url("maps.gif"); background-position: -160px 0px;
}
.senegal{
	background:url("maps.gif"); background-position: -240px 0px;
}
.japan{
	background:url("maps.gif"); background-position: -320px 0px;
}
.india{
	background:url("maps.gif"); background-position: 0px -80px;
}
.italy{
	background:url("maps.gif"); background-position: -80px -80px;
}
.switzerland{
	background:url("maps.gif"); background-position: -160px -80px;
}
.germany{
	background:url("maps.gif"); background-position: -240px -80px;
}
.france{
	background:url("maps.gif"); background-position: -320px -80px;
}
.netherlands{
	background:url("maps.gif"); background-position: 0px -160px;
}
.hungary{
	background:url("maps.gif"); background-position: -80px -160px;
}
.czechrepublic{
	background:url("maps.gif"); background-position: -160px -160px;
}
.austria{
	background:url("maps.gif"); background-position: -240px -160px;
}
.ireland{
	background:url("maps.gif"); background-position: -320px -160px;
}
.costarica{
	background:url("maps.gif"); background-position: 0px -240px;
}
.nicaragua{
	background:url("maps.gif"); background-position: -80px -240px;
}
.honduras{
	background:url("maps.gif");background-position: -160px -240px;
}
.puertorico{
	background:url("maps.gif"); background-position: -240px -240px;
}
.hawaii{
	background:url("maps.gif"); background-position: -320px -240px;
}
.usa{
	background:url("maps.gif"); background-position: 0px -320px;
}
.peru{
	background:url("maps.gif"); background-position: -160px -320px;
}
.chile{
	background:url("maps.gif"); background-position: -240px -320px;
}
.argentina{
	background:url("maps.gif"); background-position: -320px -320px;
}
.uruguay{
	background:url("maps.gif"); background-position: 0px -400px;
}
.brazil{
	background:url("maps.gif"); background-position: -80px -400px;
}
.bolivia{
	background:url("maps.gif"); background-position: -160px -400px;
}
/*
----------------------------
Small Thumbnail Classes
----------------------------
*/
.small,.small0{
	border: 5px #252525 solid;
	width: 14px; height: 14px;
}
.small1{
	border: 4px #252525 solid; 
	width: 16px; height: 16px;
}
.small2{
	border: 3px #252525 solid; 
	width: 18px; height: 18px;
}
.small3{
	border: 2px #252525 solid; 
	width: 20px; height: 20px;
}
.small4{
	border: 1px #252525 solid; 
	width: 22px; height: 22px;
}
.smallactive{
	border: 1px #d8d8d8 solid; 
	width: 22px; height: 22px;
}