/* CSS Document */
/*Reset */
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}
#header{ margin: 0 auto 0 110px;
padding: 0px;
 height: 58px; background-color:#FFFFFF; }
/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}
/* Map styling */
#citymaps{margin:20px 0 0 30px; padding:0px 10px 10px 20px; }
#citymaps p{ color:#666666; font-size: 115%; margin:0; padding: 0px;}
#citymaps h1{ color:#37a2fc; font-size: 210%;}
#warning {font-size: 130%; color:#666666; padding: 3px 10px 3px 10px;}
#maphead {margin: 40px 0 0 0; padding:5px 0px 5px 0px; font-style:italic; }
#toptopic {margin: 0 0 0 10px; color:#37a2fc; }
/*End map*/	
/*Danger styling */
#danger { margin: 10px 0 0 20px; padding: 0 0 0 20px; color:#666666;}
#danger h2 {padding: 0; text-decoration: none; list-style:none; color:#646464; font-size:170%;}
#danger ol {padding: 20px 0 20px 40px; display:block; font-size:150%;}
.movetext {text-indent: -99999px;}
.contextlinks a:link, .contextlinks a:visited {color:#990000; text-decoration:underline;}
#search_box { 
width: 174px;
height: 24px; background:url(images/search-box.png) no-repeat; margin: 20px 5px 5px 248px;
}
#search_box #s {
float: left;
padding: 0;
margin: 6px 0 0 6px;
border: 0;
width: 150px;
background: none; border:none;
}
#search_box #go {
float: right;
margin: -22px 4px 0 0;
}
#topnav li a {display:block; }
  
.nav {
    width: 501px; height: 58px; 
    margin-top: 0px; padding: 0;
    position: relative; left: 548px; top: 0px; display:block; overflow:hidden;
	}
.nav a {position: relative; text-align:center; line-height: 62px; height:1%;}	
.nav li{ list-style-type: none; font-family: Verdana, Minion Pro SmBd, Georgia, Rockwell; font-size:22px; height: 1%; color:#646464;
}

.nav li a:link, .nav li a:visited {position: absolute; top: 0; height: 58px; display:block; text-decoration:none;  color:#646464;
}
ul#topnav li a:hover {
cursor:pointer; color:#FFFFFF;
}

 .nav #home a:link, .nav #home a:visited { top: 0;
		 left: 0px;
		width: 98px; 
    background: url(images/blugreenpink-nav.png) 
	0px 0 no-repeat;}
	

  .nav #home a:hover {
    background: url(images/blugreenpink-nav.png) no-repeat
    0 -78px;}
		.nav-#home-click { 
		background: url(images/blugreenpink-nav.png) no-repeat 0px -156px;
	}	
	  .nav #home a:active { color:#FFFFFF;
	      background: url(images/blugreenpink-nav.png)
    0 -156px no-repeat;}
	
 .nav #maps a:link, .nav #maps a:visited { left: 101px;
		width: 98px; color:#646464;
    background: url(images/blugreenpink-nav.png) 
	-101px 0 no-repeat;}
	
		
  .nav #maps a:hover { color:#FFFFFF;
    background: url(images/blugreenpink-nav.png)
    -101px -78px no-repeat;}
	
		.nav-#maps-click {
		background: url(images/blugreenpink-nav.png) no-repeat -101px -156px;
	}
	
	  .nav #maps a:active { color:#FFFFFF;
    background: url(images/blugreenpink-nav.png)
    -101px -156px no-repeat;}	

  .nav #blog a:link, .nav #blog a:visited { left: 202px;
		width: 98px; color:#646464;
    background: url(images/blugreenpink-nav.png)
    -202px 0 no-repeat;}
	
			
     .nav #blog a:hover { color:#FFFFFF;
    background: url(images/blugreenpink-nav.png)
    -202px -78px no-repeat;}
	
			
	.nav-#blog-click {
		background: url(images/blugreenpink-nav.png) no-repeat -202px -156px;
	}
	
	    .nav #blog a:active { color:#FFFFFF;
    background: url(images/blugreenpink-nav.png)
    -202px -156px no-repeat;}	
	
  .nav #archives a:link, .nav #archives a:visited { left: 303px;
		width: 98px; color:#646464;
    background: url(images/blugreenpink-nav.png)
    -303px 0 no-repeat;}
	
		  .nav #archives a:hover, .nav #archives a:focus { color:#FFFFFF;
    background: url(images/blugreenpink-nav.png)
    -303px -78px no-repeat;}
	
		.nav-#archives-click {
		background: url(images/blugreenpink-nav.png) no-repeat -303px -156px;
	}
	
	  .nav #archives a:active { color:#FFFFFF;
    background: url(images/blugreenpink-nav.png)
    -303px -156px no-repeat;}
	
	.nav #forum a:link, .nav #forum a:visited { left: 403px;
		width: 98px; color:#646464;
    background: url(images/blugreenpink-nav.png)
    -403px 0 no-repeat;}
	
	  .nav #forum a:hover { color:#FFFFFF;
    background: url(images/blugreenpink-nav.png)
    -403px -78px no-repeat;}

		.nav-#forum-click {
		background: url(images/blugreenpink-nav.png) no-repeat -403px -156px;
	}
	  .nav #forum a:active { color:#FFFFFF;
    background: url(images/blugreenpink-nav.png)
    -403px -156px no-repeat;}

#wrapper {margin: 0 auto 0 0; z-index:1; width:980px; }
#logo {position: absolute; top:0; left:140px; margin-top: 0px; z-index: 4; display:block;}
#outer {margin: 0 auto 0 110px; padding:0;  background-color: rgb(226, 241, 252); }

#main { float: left; width: 760px; margin: 0; padding-bottom: 100px;
}
#scape {width:548px; height: 325px; margin: 0px 0px 0 0; display:block; float:left; background-color:#FFFFFF; border-bottom: #fd59fb solid 10px; vertical-align:baseline; }
#cityscape {margin-top: 30px; padding: 0px; }
#rightcolumn {margin: 0; padding:0; width: 420px; height: 325px; float:left; vertical-align:baseline; }
#vertical {font-size:16px; color:#FFFFFF; text-indent: -6666px; overflow:hidden;}

#content {
  margin: 0; width: 548px; float:left;

}
#content .inner {  margin: 0px 0px 40px 0px;
} 
#storeinner {margin: 20px 0 0 0; float: left; width: 760px; padding-bottom: 50px;}
#articles{margin:0; padding:0 0px 0px 25px; background:url(images/sidetabfeatures.png) no-repeat; background-position: 0 73px;}
#blogtease {margin:0; padding:0 0px 0px 25px; background:url(images/sidetabblogs.png) no-repeat; background-position: 0 73px;}
#content .inner h2 {
  color:#37a2fc;
  padding: 0 10px 0px 5px;
  font-size: 200%;
}
#content .inner h3 {  font-size: 180%; padding: 0 0 2px 5px; color:#37a2fc; border-bottom: solid #FFFFFF 2px;
}
#social { margin: 20px 40px 20px 130px;}
#social p {padding: 10px 50px;}

.bullets li {list-style-image:url(images/pinkbullet.png); list-style-position:outside; padding-top: 5px; margin: 10px 50px;}
#bullets li{ font-size: 120%; font-weight:200; color: #333333;}
.thumb {float:right; margin: 5px; padding:3px;}
.arrows {font-size: 110%; background-color:#f8b645; color:#FFFFFF; margin-top: -3px;}
.inner ul{ margin:10px 5px 0 10px; padding:0; list-style:none; }
.inner li, .inner a{ text-decoration:none; color:#646464; margin-bottom:5px; }
.inner a:hover{text-decoration:underline;}
.inner p {font-size:110%;}
#articles a:hover, #articles a:focus { color:#f8b645;}
#articles a {color:#37a2fc; }
#articles p {color: #666666; padding-left: 10px;}
.colorchange {color:#fd59fb;}
.headings{margin:0 5px 0 20px; padding: 0 0 10px 20px;}
.headings li{margin:5px 5px 0 10px; padding: 0 0 10px 20px;}
.headings li a:link, .inner a:visited { color:#37a2fc;}
.headings li a:hover, .inner a:focus{ color:#f8b645;}
.headings li a:active{ color:#f8b645;}
#special {font-size:140%; color:#37a2fc;}

.blogheadings li a:link, .inner a:visited { color:#37a2fc;}
.blogheadings li a:hover, .inner a:focus{ color: #f8b645; }
.blogheadings li a:active{ color:#f8b645;}
#feeds { margin: -35px 0 5px 25px; padding-left: 3px;  font-size:130%; float:left;}
#feeds a { text-decoration:none; text-align:right;  color:#666666; margin-top:5px;}
#feeds a:hover {color:#feba36;}
#quote { margin:10px 100px 0px 0px; padding:10px 0 0 30px; float:left;}
#mainfeature {
  width: 325px; height: auto; margin: 40px 0 10px 50px;
  padding:10px 0 10px 10px; border-top:solid 2px #FFFFFF;border-bottom:solid 2px #FFFFFF; position:relative;
}

#mainfeature h2, #mainfeature h3{ 
  margin: 0;
  font-weight: normal;
  font-size: 200%;
  color: #646464; 

}
#mainfeature h3 {font-size: 180%; font-weight: bold; color:#646464;}
 #mainfeature p {

 font-size: 110%; margin: 0; padding: 5px 0; color: #37a2fc;  
 }
 
 #mainfeature p.more {
  margin-top: 0;
  text-align: right; padding-right: 10px; 
}
 #mainfeature p.more a:link, #mainfeature p.more a:visited {
 color: #feba36; padding-left: 18px;
}
#sidebar2 {
  float:left;
  width: 180px;
  color: #666666;
  margin: 40px 0 0 30px;
  padding: 0; 
}
#otherads{width: 125px; margin: 0 0 0px 20px; padding-left:10px;}
#ads{color: #646464; font-size: 150%; margin: 15px 5px 3px 15px;}
#googleads {margin: 10px 0 10px 0; padding: 0 10px 10px 0; float:right;}
#googleads200{margin: 10px 0 10px 0; padding:0 10px 0 0; float:right;}
#googleads300{margin: 40px 0 10px 0px; padding:0px 0 0 130px; float:left;}
#sidebar2 .RSS { margin: 20px 5px 5px 5px; padding:0; color:#666666;}
.rss {padding-left: 15px;}
.small{font-size: 90%; padding-left: 3px;}
.extrasmall{ font-size:80%; padding-left: 3px;}
.feedbutton { margin: 0 0 0 25px; font-size:90%;}
#sidebar2 #communicate { margin: 0 5px 5px 20px; padding:0; color:#666666;}
#sponsored {height: 260px; width: 125px; margin: 0 0 10px 20px; }
#sponsored p{color: #646464; font-size: 180%; margin: 0 5px 3px 15px;}
.clearads {margin: 5px 0 0 0; padding-top: 5px; float:right;}
#store {margin: 10px 0px 0 0px; padding: 0 10px 0 0; float:right;}
#tweet {padding: 0px 20px 5px 15px;}  
#leftsidebar {
  float:right;
  width: 210px;
  margin: 40px 0 0 0;
  padding: 0;
    }
 #search { font-size: 50%; font-weight:normal; }
#leftsidebar {text-decoration:none; list-style:none;}
#leftnav{margin: 0; padding:0;}
#leftsidebar ul{ width: 200px; margin: 0px 5px 10px 0px; padding:0;}
ul.slidenav  li{ width: 200px; height: 32px; margin-top:3px; padding:0px;
    position: relative; text-decoration:none; list-style: none; text-align:left; font-size: 130%; display:block; overflow:hidden;
	}
	ul.slidenav li a {line-height: 32px; padding-left: 15px; font-weight:bold; font:Verdana, Arial, Helvetica, sans-serif;}
	ul.slidenav li a span {
float: right;
height: 32px;
padding-right: 24px;
display: block;
margin: 0;
}

#leftsidebar ul a:link, #leftsidebar ul a:visited { list-style: none; text-decoration:none;  
text-shadow:rgb(255, 255, 255) 1px 1px 0px;} 
.slidenav a:link, .slidenav a:visited { 
position:absolute; width: 200px; height:32px;  
}
ul#sidenav li a:hover {
cursor:pointer; color:#FFFFFF;
}

	
.slidenav #overview a:link, .slidenav #overview a:visited { color:#646464; background: url(images/colorful-subnav-right.png) no-repeat 166px 0px; }	
	
.slidenav #overview a:hover, .slidenav #overview a:focus { color:#FFFFFF;
 background: url(images/colorful-subnav-right.png) no-repeat 0px 0; text-shadow:none;}

	  .slidenav #overview a:active { color:#FFFFFF;
    background: url(images/colorful-subnav-right.png) no-repeat 0 0;}
	
	.slidenav #tips a:link, .slidenav #tips a:visited { color:#646464; background: url(images/colorful-subnav-right.png) no-repeat 166px -34px;}
	.slidenav #tips a:hover, .slidenav #tips a:focus { color:#FFFFFF; background: url(images/colorful-subnav-right.png) no-repeat 0px -34px; text-shadow:none;}
	
 .slidenav #tips a:active { color:#FFFFFF;
    background: url(images/colorful-subnav-right.png) no-repeat 0px -34px;}
	
	.slidenav #bts a:link, .slidenav #bts a:visited { color:#646464; background: url(images/colorful-subnav-right.png) no-repeat 166px -69px;}
	.slidenav #bts a:hover, .slidenav #bts a:focus { color:#FFFFFF; background: url(images/colorful-subnav-right.png) no-repeat 0px -69px; text-shadow:none;}
	
 .slidenav #bts a:active { color:#FFFFFF;
    background: url(images/colorful-subnav-right.png) no-repeat 0px -69px;}
			
	.slidenav #bus a:link, .slidenav #bus a:visited { color:#646464; background: url(images/colorful-subnav-right.png) no-repeat 166px -102px;}
	.slidenav #bus a:hover, .slidenav #bus a:focus { color:#FFFFFF; background: url(images/colorful-subnav-right.png) no-repeat 0px -102px; text-shadow:none;}
 .slidenav #bus a:active { color:#FFFFFF;
    background: url(images/colorful-subnav-right.png) no-repeat 0px -102px;}
	
	.slidenav #van a:link, .slidenav #van a:visited { color:#646464;  background: url(images/colorful-subnav-right.png) no-repeat 166px -136px;}
	.slidenav #van a:hover, .slidenav #van a:focus { color:#FFFFFF; background: url(images/colorful-subnav-right.png) no-repeat 0px -136px; text-shadow:none;}
 .slidenav #van a:active { color:#FFFFFF; background: url(images/colorful-subnav-right.png) no-repeat 0px -136px;}
	
	.slidenav #boat a:link, .slidenav #boat a:visited { color:#646464; background: url(images/colorful-subnav-right.png) no-repeat 166px -171px;}
	.slidenav #boat a:hover, .slidenav #boat a:focus { color:#FFFFFF; background: url(images/colorful-subnav-right.png) no-repeat 0px -171px; text-shadow:none;}
 .slidenav #boat a:active { color:#FFFFFF; background: url(images/colorful-subnav-right.png) no-repeat 0px -171px;}
		
	.slidenav #tuk a:link, .slidenav #tuk a:visited { color:#646464; background: url(images/colorful-subnav-right.png) no-repeat 166px -205px;}
	.slidenav #tuk a:hover, .slidenav #tuk a:focus { color:#FFFFFF; background: url(images/colorful-subnav-right.png) no-repeat 0px -205px; text-shadow:none;}
 .slidenav #tuk a:active { color:#FFFFFF;
    background: url(images/colorful-subnav-right.png) no-repeat 0px -205px;}
	
	.slidenav #train a:link, .slidenav #train a:visited { color:#646464; background: url(images/colorful-subnav-right.png) no-repeat 166px -239px;}
	.slidenav #train a:hover, .slidenav #train a:focus { color:#FFFFFF; background: url(images/colorful-subnav-right.png) no-repeat 0px -239px; text-shadow:none;}
 .slidenav #train a:active { color:#FFFFFF;
    background: url(images/colorful-subnav-right.png) no-repeat 0px -239px;}
	
	.slidenav #airport a:link, .slidenav #airport a:visited { color:#646464; background: url(images/colorful-subnav-right.png) no-repeat 166px -274px;}
	.slidenav #airport a:hover, .slidenav #airport a:focus { color:#FFFFFF; background: url(images/colorful-subnav-right.png) no-repeat 0px -274px; text-shadow:none;}
 .slidenav #airport a:active { color:#FFFFFF;
    background: url(images/colorful-subnav-right.png) no-repeat 0px -274px;}
	
	.slidenav #dangers a:link, .slidenav #dangers a:visited { color:#646464;  background: url(images/colorful-subnav-right.png) no-repeat 166px -307px;}
	.slidenav #dangers a:hover, .slidenav #dangers a:focus { color:#FFFFFF; background: url(images/colorful-subnav-right.png) no-repeat 0px -307px; text-shadow:none;}
 .slidenav #dangers a:active { color:#FFFFFF;
    background: url(images/colorful-subnav-right.png) no-repeat 0px -307px;}

	.slidenav #fun a:link, .slidenav #fun a:visited { color:#646464; background: url(images/colorful-subnav-right.png) no-repeat 166px -341px;}
	.slidenav #fun a:hover, .slidenav #fun a:focus { color:#FFFFFF; background: url(images/colorful-subnav-right.png) no-repeat 0px -341px; text-shadow:none;}
 .slidenav #fun a:active { color:#FFFFFF;
    background: url(images/colorful-subnav-right.png) no-repeat 0px -341px;}
	
	.slidenav #shopping a:link, .slidenav #shopping a:visited { color:#646464; background: url(images/colorful-subnav-right.png) no-repeat 166px -375px}
	.slidenav #shopping a:hover, .slidenav #shopping a:focus { color:#FFFFFF; background: url(images/colorful-subnav-right.png) no-repeat 0px -375px; text-shadow:none;}
 .slidenav #shopping a:active { color:#FFFFFF;
    background: url(images/colorful-subnav-right.png) no-repeat 0px -375px;}
	
.overview{background:url(blugreenpink-nav.png) 0 0 no-repeat;}
.tips{background:url(blugreenpink-nav.png) 0 -34px no-repeat;}
.bts{background:url(blugreenpink-nav.png) 0 -69px no-repeat;}
.bus{background:url(blugreenpink-nav.png) 0 -102px no-repeat;}
.van{background:url(blugreenpink-nav.png) 0 -136px no-repeat;}
.boat{background:url(blugreenpink-nav.png) 0 -171px  no-repeat;}
.tuk{background:url(blugreenpink-nav.png) 0 -205px no-repeat;}
.train{background:url(blugreenpink-nav.png) 0 -239px no-repeat;}
.airport{background:url(blugreenpink-nav.png) 0 -274px no-repeat;}
.dangers{background:url(blugreenpink-nav.png) 0 -307px no-repeat;}
.fun{background:url(blugreenpink-nav.png) 0 -341px no-repeat;}
.shopping{background:url(blugreenpink-nav.png) 0 -375px no-repeat;}

#footer { height: 300px;
  background-color: #37a2fc;
  margin: 0 0 0 0px; clear:both;
  background:url(images/footerbanner.png) no-repeat top left; z-index: 4;
}
 #copyright {
 font-size: 70%;
  color: #FFFFFF;
  padding: .5em; margin-left:500px; 
}
#contact li{ outline:none; list-style:none;}
#contact ul {margin: 5px 0 0 60px;}
#contact{ position:absolute; margin: 130px 20px 20px 50px; width: 180px; display:inline; outline:none; list-style:none; text-decoration:none;}	
#post {position: absolute; margin: 130px 20px 20px 300px; width:180px; display:inline;}
#share {position: absolute; margin: 130px 20px 20px 550px; width:200px; display:inline;}
#addthis { margin: 5px 0 0 10px; padding:0 0 0 40px;}
#subtext{margin-top: 0px; font-size: 90%; text-align:right; }
#footlists li { position:relative; margin:0 0 0 25px; padding-top: 5px; color:#FFFFFF; list-style-type:square;}
#footlists a:link { font-size: 90%; color:#333333;}
#footlists a:hover {color:#eaeaea;}
.footbottom { text-align:center; font-size: 130%;}
.clear {padding-top:10px;}
p {line-height:1.5em; margin-bottom: 1em; word-spacing: .1em; letter-spacing: .01em;}
body {
  margin: 0;
  padding: 0;
  background-color: rgb(156, 210, 251);
  color: black;
  font: small Arial, Helvetica, sans-serif, Verdana;

}
