@import url(default.css);
@import url(navigation.css);
/*@import url(calendar.css);*/

*
{
	background-color: transparent;
	font-size: 11px ;
	border:none;
}

#main
{
   margin:0px;
   padding:0px;
   /*width:485px;*/
   width:700px;
}

#sidebar
{
   padding:0px;
   margin:0px;
   margin-right:20px;
   width:200px;
}

#map
{
   border:5px solid #bbb ;
   margin-top:10px;
   margin-bottom: 10px;
   width:700px;
   height:380px;
}

#attractions *
{
   text-align: justify;
}

#attractions a
{
   font-size:14px ;
  	color : #4477DD ;
	text-decoration: underline ;
	font-weight:bold ;
}

#a
{
   list-style:none;
}

#a li, .at, .ad, #icons li
{
   float:left ;
}

#a h2
{
   color : #4477DD ;
}

#a li
{
   width:100%;
}

.at
{
     position:relative;
   top:2px;

}

.at a
{
}

.ad
{
   width:100%;
   text-align: justify;
   margin-bottom:8px;
 }

#icons, #legend
{
	display: block;
	float:right;
	margin-left:9px;
	list-style: none;
}

#icons li, #legend li
{
   position:relative ;
	margin: 1px 1px;
	width: 36px;
	height: 36px;
}

#legend
{
	float:left;
}

#legend li
{
    width:100%;
}

#legend li p
{
  padding-top:9px;
  padding-left:44px;
  width:100%
}


#costs
{
	display: block;
	float:left;
	margin-left:5px;
	list-style: none;
}

#costs li
{
   position:relative ;
	margin: 0px 1px;
	width: 22px;
	height: 22px;
}

.cost
{
   background: transparent url('../img/icon/Cost.gif') top left no-repeat ;
}

.box div
{
	float:left;
   font-size:11px;
   padding:0px;
   margin:0px;
	color: #555;
	font-weight: bold;
}

.box #title
{
   position:relative;
   top:3px;
   left:-3px;
   color: #826C55;
   font-size: 16px;
   font-weight: bold;
   background-color: transparent ;
}

.box .t-x-, .box .b-x- { width :172px }

.box .tx--, .box .t-x-, .box .t--x { height:32px }
.box .tx--, .box .t--x             { width :14px  }

.box .tx-- { background:  url("../img/box_top_x--.gif") bottom right no-repeat } /* 14px x 32px */
.box .t-x- { background:  url("../img/box_top_-x-.gif") bottom left repeat-x   } /*  1px x 32px */
.box .t--x { background:  url("../img/box_top_--x.gif") bottom left no-repeat  } /* 14px x 32px */

.box .bx--, .box .b-x-, .box .b--x { height: 5px; font-size:0px; margin-bottom:20px;}
.box .bx--, .box .b--x             { width :14px  }

.box .bx-- { background:  url("../img/box_bot_x--.gif") bottom left no-repeat } /* 14px x 5px */
.box .b-x- { background:  url("../img/box_bot_-x-.gif") bottom left repeat-x  } /*  1px x 5px */
.box .b--x { background:  url("../img/box_bot_--x.gif") bottom left no-repeat } /* 14px x 5px */

.box .content
{
	border-bottom: 2px solid #F5EDE3;
	width:196px;
}

.box .border
{
   border-left: 2px solid #E1D4C0;
	height:262px
}

.box 
{
   position:relative;
   left:9px;
   background-color: transparent;
   line-height:165%;
}