@charset "utf-8";
/* CSS Document */

body {
	margin: 0 0 0 0;
	
}

.contentarea {
width: 955px;
margin-left:auto;
margin-right:auto;


}

.menubar {
width: 705px;
height: 150px;

}

.detailcity {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
}

.detailcitysecond {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#333;
}

.monthheader {
float:left;
padding-top: 10px;
padding-bottom: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
text-align: left;
color: #666;
width: 705px;
}

.detailheader {
padding-top: 10px;
padding-bottom: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
width: 705px;
color: #666;
float:left;
text-align:left;
border-bottom: 1px dotted #ccc;

}

.details {
padding-top: 10px;
padding-bottom: 30px;
margin-bottom: 15px;

}

.detailstop {
padding-top: 10px;
margin-bottom: 15px;
text-align:left;
width: 705px;
float:left;
}

.cleararea {
clear:both;
}

.clearareafooter {
clear:both;
padding-top: 15px;
}

.monthlist {

padding-bottom: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:lowercase;
text-align:left;
color: #666;
float: left;
position:relative;
width: 705px;

}

a.monthlistlink {

padding-bottom: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:lowercase;
color: #666;
text-decoration:none;
}

a.monthlistlink:hover {

padding-bottom: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:lowercase;
color: #666;
text-decoration:underline;
}

a.monthlistlink :visit{

padding-bottom: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:lowercase;
color: #666;
text-decoration:none;
}

.eventlist {
	width: 705px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	text-align: left;
}

.detaillist {
	width: 345px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	padding-right: 10px;
	padding-bottom: 30px;
	border-right: 1px dotted #ccc;
	float:left;
}

.eventtitle {
font-size: 14px;
color: #333;
}

.mainimage {
	float:right;
	margin-right: 15px;
	width: 300px;
	padding-top:25px;
	
}

.col-content-right {
float:right;
width: 160px;
margin-top:-135px;
margin-right:64px;
}

.detailsindex {
width: 705px;
float:left;
text-align:left;

}

.record{
width:200px;
padding-top:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
border-right: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding-left: 15px;
padding-bottom:15px;
height: 235px;
}

.recordbig{
width:386px;
padding-top:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
/*border-right: 1px dotted #ccc;*/
border-bottom: 1px dotted #ccc;
/*padding-left: 15px;*/
padding-bottom:15px;
padding-right: 10px;
height: 300px;
}

.detailtitlewide{
width: 386px;
padding-top: 5px;
text-align:left;
}

.travexintro {
	width: 700px;
	text-align:justify;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
	float: left;
}

.travexlist {
	width: 700px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top: 20px;
	text-align:left;
	float:left;
}


.relateditems {
	width: 700px;
	float:left;
	text-align:left;
	padding-bottom:25px;
	padding-top: 5px;
	
}

.relateditemsgrid {
	margin-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;

	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	height: 135px;
	float:left;
	width: 135px;
}

.relateditemsgridfirst {
	margin-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left: 1px solid #ccc;
	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	height: 135px;
	float:left;
	width: 135px;
}


.indented {
	text-indent: 25px;	
}