#destMenu {

	width:200px; 
	float:left; 
	margin-top:17px; 
	padding-top:5px; 
}

body {
	margin:0;
	padding:0;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	background:url(../img/layout/pageBg.gif) top center repeat-y;
  text-align: center;
}

a { 
	color:#0066CC;
	text-decoration:none;
}

a:hover {
	color: #003399;
	text-decoration:underline;
}

h1, h1 a { 
	font: bold 18px/24px Arial, Helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	color:#0066CC;
	text-decoration:none;
}

h2 {
	font: bold 20px Arial, Helvetica, sans-serif;
	margin:12px 0px 5px 5px;
	color:#ffffff;
}

h3, h4 { 
	font:bold 14px Arial, Helvetica, sans-serif; 
	margin:5px 0px 15px 0px;

	text-decoration:none;
}

h3, h3 a { 
	color:#003399;
}

h3 a:hover { 
	color:#0066CC;
}

h4, h4 a { 
	color:#0066CC;
}

h4 a:hover { 
	color:#003399;
}

form {
	padding:0;
	margin:0;
}

.divider {
	margin:10px 0 20px 0; 
	border-bottom: solid 3px #cccccc
}

#destLowdown {
	width:310px;
	float:left; 
	margin-top:20px; 
	margin-left:55px;
}

#lowdownInfo {
	width:240px; 
	float:left; 
	margin-top:5px; 
	margin-left:5px; 
	padding-top:5px;
}

.lowdownIcon {
	float:left;
}

.lowdownText {
	float:left;
	margin-top:20px;
}

#columnLeft {
	float:left; 
	width:185px;  
	margin-top:10px;
	margin-right:20px;
	padding-bottom:15px;
}

#columnCenter {
	float:left; 
	width:350px;  
	margin-top:10px;
	margin-right:20px;
	padding-bottom:15px;
	display:inline;
}

#columnCenterLong {
	float:left; 
	width:525px;  
	margin-top:10px;
	padding-bottom:15px;
	display:inline;
}

#columnRight {
	float:left; 
	width:215px; 
	margin-top:10px;
	padding-bottom:15px;
	display:inline;
}

#columnRightArticle {
	float:left; 
	width:240px; 
	padding-bottom:15px;
	display:inline;
}

.smallTitle, .smallTitle a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

.bigText {
	font:bold 14px Arial, Helvetica, sans-serif;  
}

.blueTop  {
	width:230px;
	background:url(../img/layout/index/blueBgMiddle.jpg) top center repeat-y;
	margin-bottom:15px;
}

.top {
	height:45px;
	background:url(../img/layout/index/blueBg.jpg) top center no-repeat;
}

.blueTop div {
	width:230px;
	color:#0066cc;
	text-align:center;
}

.blueTop p {
	padding:0 15px 0 15px;
}

.blueBottom { 
	width:230px;
	height:45px;
	background:url(../img/layout/index/blueBgBottom.jpg) top center no-repeat;
}

.underline {
	text-decoration:underline;
}

.mailerForm {
	margin-bottom:4px;
}

.article {
	margin-top:10px;
	padding-top:0px;
	text-align:justify;
}

.articleBd {
	font:bold 14px/20px arial; 
	color:#666;
}

.articleBl {
	font:bold 14px/20px arial; 
	color:#0066cc;
}

.off { 
	clear:both; 
	margin-bottom:10px; 
	padding:5px; 
	background-color:#fff;
	border:1px solid #666;
}

.categoryHead {
	margin:5px 0 5px 0;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#003399;
	text-decoration:none;
	display:block;
}

.destinationHead, .destinationHead a {
	margin:0 0 15px 0;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#0066CC;
	text-decoration:none;
}

a img {
	border: none;
}

.rss {
	width:152px;
	height:16px; 
	background: url(../img/icons/rss.gif);
}

.rss span {
	display:block;
	padding:3px 0 0 20px;
}

.rss a {
	font:bold 9px arial;
	text-decoration:none;
}

#hostelSide {
	width:100%;
	margin-bottom:20px;
	padding:5px;
	background-color:#d9eeab;
	border-bottom:1px solid #666;
}

#footerWrap {
	clear:both;
	width:825px;
	margin:0 auto;
	background-color:#fff;
	text-align:left;
	border-top:1px solid #666;
}

.googleArticle {
	margin:10px 0 20px 0;
	padding:5px;
	border:2px solid #ccc;
}

.subHead, .subHead a {
	margin: 0 0 7px 0;
	font:bold 14px Arial, Helvetica, sans-serif; 
	text-decoration:none;
}

.articleDetail {
	display:block;
	margin-bottom:3px;
}

.articlePic {
	float:left;
	padding:3px;
	background-color:#ffffff;
	margin:0 5px 5px 0;
	border:2px solid #999;
}

.articleStuff {
	height:20px;
	padding:3px; 
	margin:10px 0 0px 0;
	border-top: 1px solid #999; 
	border-bottom: 1px solid #999; 
}

.articleStuff a {
	color:#0066CC;
	font-size:10px;
}

.articleMisc a {
	font-size:10px;
	color:#0066CC;
	text-decoration:none;
}

.articleDate {
	color:#0066CC;
}
	
.hostelSideForm {
	font-size:11px;
}

#headerWrap {
	width:100%; 
	background: #ffffff url(../img/layout/newHeaderBg.gif) top center no-repeat;
	padding:0;
}

#bodyWrap {
	width:825px; 
	margin: 0 auto; 
	padding:0;
  text-align:left;
}

.bubbleWrap {
	padding:0 0 0 10px;
}

.bubbleWrapRight {
	padding:0 10px 0 0;
}

#logoWrap {
	width:825px;
	height:55px;
	padding-left:15px;
	margin: 0 auto; 
  text-align:left;
}

#header {
	width:825px; 
	height:100px;
	margin: 0 auto; 
	padding:0px;
	background:#f87f00;
}

#lowdownBar {
	margin: 0 auto; 
	width:825px;
	height:125px;
	background: url(../img/layout/lowdownBar3.jpg) center no-repeat;
}

#detailBox {
	width:100%;
	margin-bottom:20px;
	padding:15px 0 10px 10px;
	background: url(../img/layout/detailBg.jpg) top left no-repeat;
	border-bottom:1px solid #666;
}

#indexMenu {
	margin:0;
	padding:0;
	list-style:none
}

#indexMenu li {
	margin-bottom:5px;
}

#navBox {
	float:left;
	position: relative;
	width: 500px;
	padding: 48px 0px 0px 0px;
	margin:0;
}

#nav {
	position: absolute;
	left: 5px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 52px;
	display: inline;
	overflow: hidden;
}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#nav a {
	float: left;
	padding: 52px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:52px; /* for IE5/Win */
}
	
#nav a:hover {
	background-position: 0 -52px;
}

#nav a:active, #nav a.selected {
	background-position: 0 -104px;
}
	
#home a  {
	width: 60px;
	background: url(../img/tabs/home.gif) top left no-repeat;
}

#destinations a  {
	width: 100px;
	background: url(../img/tabs/destinations.gif) top left no-repeat;
}

#hostels a  {
	width: 70px;
	background: url(../img/tabs/hostels.gif) top left no-repeat;
}

#resources a  {
	width: 90px;
	background: url(../img/tabs/resources.gif) top left no-repeat;
}

#writers a  {
	width: 70px;
	background: url(../img/tabs/writers.gif) top left no-repeat;
}

#about a  {
	width: 67px;
	background: url(../img/tabs/about.gif) top left no-repeat;
}

#mystuff a  {
	width: 90px;
	background: url(../img/tabs/mystuff.gif) top left no-repeat;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: left; 
  visibility: hidden;
}

.destSelect, .exSelect {
	font: 11px Arial, Helvetica, sans-serif;
	margin-bottom:3px;
}

.rightPic {
	margin-left:20px;
	float:right;
}

#searchDiv {
	float:right; 
	margin:40px 20px 0 0; 
}

#searchDiv input, #searchDiv select {
	font-weight: bold;
	color:#0066CC;
}

img.gb {
	float: left; clear: left; margin: 0 1em 0 0;
}

<!--

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h2 { visibility:hidden; font-size: 16pt; padding: 0; margin:12px 0px 5px 5px; letter-spacing: -5px; }

.mailingList { width:185px; padding:0px 5px 0px 5px; height:241px; background:url(../img/layout/mailer.jpg); }
.mailBig { width:230px; height:305px; padding:0px 5px 0px 5px; background:url(../img/layout/mailBig.jpg); }

.mailBig input, .mailingList input {
	margin-bottom:7px;
}

.mailBig input {
	width:180px;
}

.shadowArticle {
	margin:0 5px 15px 5px;
	display: block;
	padding-bottom: 5px;
}

.shadowArticle img {
	width:180px;
}

.shadow {
	float: left;
	margin:0 5px 15px 5px;
	display: block;
	padding-bottom: 5px;
}

.shadow2 {
	float: left;
	margin:0 10px 5px 0;
	display: block;
	background: url(../img/fuzzy_shadow.png2) no-repeat bottom right;
	padding-bottom: 5px;
}

.shadow img, .shadow2 img, .shadowArticle img {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #666;
}

.eurailColumnFirst {
	float:left;
	padding-right: 5px;
	margin:0px 10px 15px 0px;
}

.eurailColumn {
	float:left;
	padding:0px 5px 0px 5px;
	margin:0px 10px 15px 5px;
}

.eurailColumnLast {
	float:left;
	padding-left:5px;
	margin:0px 0px 15px 5px;
}

.eurailContainer {
	border: 1px solid red;
}

#menuMain, #menuMain ul { margin: 0; padding: 0; }
#menuMain li { margin-bottom:5px; padding:0px; text-align: left; list-style-type: none; }
#menuMain a { display:block; height:12px; padding: 5px 5px 5px 25px; margin:0px; background: url(../img/layout/menuArrowOff.gif) no-repeat left center; }
#menuMain a:link, #menuMain a:visited { font: bold 10px Arial, Helvetica, sans-serif; color: #333; text-decoration: none; }
#menuMain a:hover { color: #666; background: url(../img/layout/menuArrowOn.gif) no-repeat left center; }

/* second-level lists */
#menuMain li ul {  margin: 0px; padding:0px 0px 0px 25px; }
#menuMain li ul a, #menuMain li ul a:link, #menuMain li ul a:visited { color:#666; background: none; padding:1px 1px 1px 0px; }
#menuMain li ul a:hover { display:block; color:#333; background: none; padding:1px 1px 1px 0px; }

#active a { color: #333; background: url(../img/layout/menuArrowSelect.gif) no-repeat left center; }

.adHeadline {text-decoration: none; color:#0066CC;}
.adText {text-decoration: none; color: #333;}

#correspondent input, #correspondent select {
	width:200px;
	display:block;
	margin-bottom:15px;
}
	
#menuSquare, #menuSquare ul {
	margin:0;
	padding:0;
	list-style:none;
}

#menuSquare li {
	margin: 0; 
	padding:0;
	display: inline;
}

#menuSquare a {
	display:block;
	padding: 10px 0 0 0;
	margin-bottom:5px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:10px; /* for IE5/Win */
}

#menuSquare a:hover {
	background-position: 0 -10px;
}

#menuSquare a:active, #menuSquare a.selected {
	background-position: 0 -10px;
}
	
#about a  {
	width: 100px;
	background: url(../img/tabs/about.gif) top left no-repeat;
}

#contact a  {
	width: 100px;
	background: url(../img/tabs/contact.gif) top left no-repeat;
}

#write a  {
	width: 100px;
	background: url(../img/tabs/write.gif) top left no-repeat;
}

.ratings {
	list-style: none;
	margin: 3px; 
	padding: 0px;
	width: 75px;
	height: 15px;
	position: relative;
	background: url(../img/icons/rateStar.gif) top left repeat-x;
}

.ratings li {
	padding:0;
	margin:0;
	/*\*/
	float: left;
	/* */
}

.ratings li a {
	display:block;
	width:15px;
	height: 15px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 15; 
	position: absolute;
	padding: 0px; 
	background-image:none;
}

.ratings li a:hover{
	background: url(../img/icons/rateStar.gif) left center;
	z-index: 1;
	left: 0;
}

.ratings li.current {
	background: url(../img/icons/rateStar.gif) left bottom;
	position: absolute;
	height: 15px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

.ratings a.one {
	left: 0px;
}
.ratings a.one:hover{
	width:15px;
}
.ratings a.two {
	left:15px;
}
.ratings a.two:hover{
	width: 30px;
}
.ratings a.three {
	left: 30px;
}
.ratings a.three:hover {
	width: 45px;
}
.ratings a.four{
	left: 45px;
}
.ratings a.four:hover {
	width: 60px;
}
.ratings a.five {
	left: 60px;
}
.ratings a.five:hover {
	width: 75px;
}

.formSetup {
	float:left; 
	margin:10px 10px 0 5px;
}

.formSetup p {
	margin:0 0 5px 0;
}

#categories input {
	color:#0066CC;
	border:1px solid #666;
}

.formSetup select, .formSetup input, .formSetup textarea {
	margin:0 0 5px 0;
	border:1px solid #666;
}

.formSetup input.checkbox {
	color:#0066CC;
}

fieldset {
	padding:10px;
	margin:0 0 15px 0;
	border:1px solid #999;
}

fieldset:hover {
	border:1px solid #003399;
}

fieldset div {
	margin-top:10px;
}

legend {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#003399;
	background:#fff;
}

.roomy:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: left; 
  visibility: hidden;
}
.manage_tip {
	padding-top:10px;
	color:#fff;
}

