body {
  background: url(../images/mainBckGrndPxl.jpg) #e4ecd6 repeat;
  font: 12px Gulim,Batang,Arial Unicode MS,Dotum;
  padding: 0px;
  text-align: center;
  margin: 0px;
  line-height:17px;
}

.mainWrapper {
  position: relative;
  display: block;
  margin-top: 10px;
 margin-right: auto;
  margin-left: auto; 
  width: 881px;
  overflow: hidden;
  background: url(../images/mainBodyBck.jpg) repeat-y;
}

.flags ul {
  display: inline;
  margin:0px;
  padding:0px;
}

.flags {
  position: relative;
  float: right;
  margin-top: 10px;
  margin-right: 20px;
  width:300px;
  text-align:right;
}

.flags li {
  display: inline;
  background: none;
}

.datestamp {
  position: relative;
  float: left;
  color: White;
  /*font-weight: bold;*/
  vertical-align : 	middle; 
  display : table-cell;
  margin-top: 10px;
  margin-left: 16px;
  /*border:1px solid;*/
}

#topBar {
  position: relative;
  background: url(../images/topBar.jpg) no-repeat;
  height: 34px; 
  width: 881px;
}

#topBarBody {
  position: relative;
  background: url(../images/topBarBody.jpg) repeat-y;
  height:145px;
}

.animation {
  position: relative;
  margin: 0;
  padding: 0;
}

#menuPanel {
  position: relative; 
  background: url(../images/menuBar.jpg) no-repeat center;
  height: 27px; 
  width: 881px;
  z-index: 999;

}

#menu {
  position: relative;
  color:#3f403c;
  float: left;
  margin-left: 20px;
  padding: 0px;
  vertical-align: middle;
  text-align: left;
  height: 27px;

}

#searchbox {
  width: 117px;
  position: relative;
  float: right;
  height: 23px;
  display: block;
  text-align: left;
  background: url(../images/search.jpg) no-repeat;
  margin-top: 3px;
  margin-right: 3px;
  padding:0px;
}

.txtSearch {
  color: #747474;
  font-style: italic;
  background: transparent;
  width: 93px;
  border: 0px solid;
  height: 18px;
  padding-left:3px;
  padding-top:3px;
}
.nomargin
{
  margin:0px;
}

#extrude {
  position: relative;
  width: 880px;
  background: url(../images/extrudeBody.jpg) repeat-y;
}

.extrudeTop {
  position: relative;
  height: 14px;
  width: 880px;
  background: url(../images/extrudeTop.jpg) no-repeat;
}

.extrudeBody {
  position: relative;
  background: url(../images/extrudeBody.jpg) repeat-y;
  padding-top: 0px;
  padding-left: 20px;
  padding-right: 12px;
  padding-bottom: 0px;
}

.extrudeBody #tosee {
    position: relative;
    float: left;
    width: 200px;
    height: 315px;

}

.extrudeBody #todo {
    position: relative;
    margin-left: 12px;
    float: left;
    width: 200px;
    height: 300px;

}

.extrudeBody #toeat {
    position: relative;
    margin-left: 12px;
    float: left;
    width: 200px;
    height: 300px;

}

.extrudeBody #tostay {
    position: relative;
    margin-left: 12px;
    float: left;
    width: 200px;
    height: 300px;

}

.extrudeBody #signature {
  float: left;
  margin: 0 4px 8px 16px;
  width: 400px;

}

*html #extrude .extrudeBody #signature {
  ma\rgin-left: 8px;
}

#extrude .extrudeBody #signature .subColmn {
  position: relative;
  margin-top: 0px;
  margin-bottom: 12px;
  background: url(../images/columnBck-lg.jpg) no-repeat;
}

#extrude .extrudeBody #signature .titlename {
  position: relative;
  top: 0px;
  text-align: left;
  font-size: 1.2em;
  font-weight: bold;
  color: #555555;
  padding-top: 8px;
  padding-left: 18px;
}

#extrude .extrudeBody #signature .content {
 position: relative;
 top: 4px;
 padding: 8px;
}

#extrude .extrudeBody #activities {
  position: relative;
  top: 1px;
  float: left;
  margin: 0px 16px 8px 30px;
  padding-left: 10px;  
  width: 400px;
  overflow: hidden;
  display: block;

}

*html #extrude .extrudeBody #activities {
    margin-left: 13px;

}

#extrude .extrudeBody #activities .subColmn {
  position: relative;
  top: 1px;
  margin-top: 0px;
  margin-bottom: 12px;
  background: url(../images/columnBck-lg.jpg) no-repeat;
}

#extrude .extrudeBody #activities .titlename {
  position: relative;
  top: 1px;
  xmargin: 0px;
  text-align: left;
  font-size: 1.2em;
  font-weight: bold;
  color: #555555;
  padding-top: 8px;
  padding-left: 18px;
}

#extrude .extrudeBody #activities .content {
 position: relative;
 top: 4px;
 text-align: left;
 padding: 4px;

}

/* activity list - homepage*/

#extrude .extrudeBody #activities .content ul {
    list-style: none;
    margin-top: 4px;
    padding: 0px;

}

*html .content ul {
  margin-left: 0px;
}

#extrude .extrudeBody #activities .content li {
    display: block;
    text-decoration: none;
    background: none;
    margin-left: 0;
    line-height: 1.2em;
    clear: both;

}

#extrude .extrudeBody #activities .content li .imgs {
    position: relative;
    float: left;
    margin-bottom: 2px;
    display: block;
}

#extrude .extrudeBody #activities .content li .actiName {
  position: relative;
  top: 4px;
  left: 10px;
  font-size: 120%;
  font-weight: bold;
  color: Green;
}

#extrude .extrudeBody #activities .content li .actiShort {
  position: relative;
  top: 6px;
  left: 10px;
}

#extrude .extrudeBody #activities .content li .readMore {
  position: relative;
  float: right;
  top: 4px;
}


/* end of activity list*/

.extrudeBottom {
  position: relative;
  top: 2px;
  clear: both;
  margin: 0px;
  height: 7px;
  background: url(../images/extrudeBottom.jpg) no-repeat;
}
/*
#mainBody {
  position: relative;
  top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  xpadding: 8px;
  xtext-align: left;
  z-index: 0;

}
*/
/*do not change this section, */
#mainBody {
	position: relative;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/mainBodyBck.jpg);
	background-repeat: repeat-y;
	text-align: left;
	z-index: 0;
	xoverflow: hidden;
	display:block;
	/*border:1px solid;*/
	height:100%;
}

#mainBody .colmnOne {
  position: relative;
  float: left;
  margin-top: 10px;
  margin-left: 20px;
  width: 200px;
  display: block;
  clear: both;
  
}

*html #mainBody .colmnOne {
/*for IE  6 */
  margin-left: 10px;
}

#mainBody .colmnOne .subColmn {
  position: relative;
  margin-top: 0px;
  margin-bottom: 30px;
  background: url(../images/columnBck.jpg) no-repeat;
  text-align: left;
}

#mainBody .colmnOne #titlename {
  font-size: 1.2em;
  font-weight: bold;
  color: #006400;
  padding-top: 8px;
  padding-left: 18px;
  text-align: left;
}

#mainBody .colmnOne p {
  position: relative;
  margin-top: 12px;
  margin-left: 8px;
  padding-right: 4px;
  text-align: justify;
}

/* columnOne for Home*/
#mainBody .colmnOneHome {
   position: relative;
  float: left;
  margin-top: 18px;
  margin-left: 32px;
  width: 600px;
  display: block;
  clear: both;
  xborder: 1px solid;
}
/* REQUIRED for IE  6 */
*html #mainBody .colmnOneHome {
  margin-left: 10px;
}

#mainBody .colmnOneHome .subColmn {
  position: relative;
  margin-top: 0px;
  margin-bottom: 30px;
  background: url(../images/columnBck.jpg) no-repeat;
}

#mainBody .colmnOneHome #titlename {
position:absolute;
top:10px;
left: 10px;
font-size:16px;
font-weight: bold;
color: #ffffff;

}

#mainBody .colmnOneHome p {
  position: relative;
  margin-top: 12px;
  margin-left: 8px;
  padding-right: 6px;
  text-align: justify;
}


/* home columnTwo */

#mainBody .colmnTwo {
  position: relative;
  margin-top: 10px;
  float: left;
  margin-left: 4px;
  display: block;
  width: 408px;
}



/*for IE  6 
*html #mainBody .colmnTwo {

  margin-top: 10px;
  margin-left: 12px;
}
*/
#mainBody .colmnTwo .subColmn {
  position:relative;
  margin-top: 0px;
  margin-bottom: 12px;
  background: url(../images/columnBck-lg.jpg) no-repeat;
}
#mainBody .colmnTwo .subColmn ul{
  position: relative;
  margin-left:28px;
  padding:0px;
  line-height: 1.7em;
}

#mainBody .colmnTwo #titlename {
  font-size: 1.2em;
  font-weight: bold;
  color: #483D8B;
  padding-top: 8px;
  padding-left: 18px;
  text-align: left;
}

#mainBody .colmnTwo p {
  margin-top: 12px;
  margin-left: 8px;
  padding-right: 6px;
  text-align: justify;
}
/* home columnTwo Wide */

#mainBody .colmnTwoWide {

  position: relative;
  left: 20px;
  margin-top: 10px;
  float: left;
  width: 623px;
  min-height: 219px;

}

#mainBody .colmnTwoWide .subColmn {
  position: relative;
  margin: 0 0 40px 15px;
  background: url(../images/columnBck-lg.jpg) no-repeat;
   min-height: 219px;
}

#mainBody .colmnTwoWide #titlename {
  font-size: 12px;
  font-weight: bold;
  color: #483D8B;
  padding-top: 8px;
  padding-left: 18px;
  text-align: left;
}

#mainBody .colmnTwoWide p {
  margin-top: 12px;
  margin-left: 8px;
  padding-right: 6px;
  text-align: justify;
}

.colmnTwoWide .clearzone {
  position: relative;
  top: 28px;
  left: 8px;
  margin-bottom: 24px;
  display: block;
  clear: both;
  text-align: left;

}

*html .colmnTwoWide .clearzone {
    position: relative;
    top: 32px;
    margin-bottom: 26px;
}

#mainBody .colmnTwoWide .subColmn ul {
    position: relative;
    list-style: none;
    margin-top: 20px;
    margin-left: 25px;
    padding: 0 20px 0 0; 
}

*html .columnTwoWide .subColmn ul {
  margin-left: 10px;
}

#mainBody .colmnTwoWide .subColmn li {
    display: block;
    text-decoration: none;
    background: none;
    list-style-position: outside;
    margin-left: 0;
    line-height: 1.7em;
    clear: both;
    xxborder: 1px solid;
}
/* home columnTwoHome Wide */

#mainBody .colmnTwoWideHome {
  position: relative;
  left: 10px;
  margin: 5px 0 5px 0;
  float: left;
  width: 200px;
  /*border: 1px solid;*/
}

#mainBody .colmnTwoWideHome p {
  margin-top: 12px;
  margin-left: 8px;
  padding-right: 6px;
  text-align: justify;
}
#mainBody .colmnTwoWideHome .subColmn {
  position: relative;
  top: 12px;
  margin-top: 0px;
  margin-left: 6px;
  margin-bottom: 12px;
  display: block;
  xxborder: 1px solid;
}

/* mainBody yearly highlights */

#mainBody .colmnTwo .yearPlan {
 position: relative;
 text-align: left;
 margin-top:12px;
 margin-left:8px;
 display: block;
 width:100%;
}



#mainBody .colmnTwo .yearPlan .actiName {
  font-size: 120%;
  font-weight: bold;
  color: Green;
}

#mainBody .colmnTwo .yearPlan td
{
  vertical-align:top;
}

#mainBody .colmnTwo .yearPlan .image
{
  padding: 2px;
  border: 1px solid Gray;
}


#mainBody .colmnTwo .yearPlan td .readMore
{
  margin-top:5px;
  display:block;
  text-align:right;
}
#mainBody .colmnTwo .yearPlan .actiName a {
 text-decoration: none;
}

#mainBody .colmnTwo .yearPlan .actiName a:hover {
 text-decoration: none;
 color: Maroon;
}


/* end of mainBody yearly highlights */


/* colmnOneWide leftHand side */

/*do not change this section*/
#mainBody .colmnOneWide {
  position: float;
  float: left;
  clear: both;
  display: block;
  width: 620px;
  text-align: justify;
  margin:2px 0 0 20px;
  padding:0 0 20px 0;
}
/*REQUIRED FOR IE 6*/
*html #mainBody .colmnOneWide {
  margin-left: 12px;
}


#tools {
  position: relative;
  text-align: right;
  padding:0px;
  margin:0px;
}
/*
*html #mainBody .colmnOneWide #tools {
  width: 120px;
  top: 6px;
}
*/
#mainBody .colmnOneWide #tools ul {
    position: relative;
    list-style: none;
    padding:0px;
    margin:0px;
}


#mainBody .colmnOneWide #tools li {
    display: inline;
    text-decoration: none;
    margin:1px;
}


#mainBody .colmnOneWide .subColmn {
  position: relative;
  top: 12px;
  margin-top: 0px;
  margin-left: 6px;
  margin-bottom: 12px;
  background: url(../images/columnBck-lg.jpg) no-repeat;
  display: block;
  min-height:219px;
  clear: both; 
}
#mainBody .colmnOneWide .subColmnDest {
  position: relative;
  top: 12px;
  margin-top: 0px;
  margin-left: 6px;
  margin-bottom: 12px;
  background: url(../images/columnBck-lg.jpg) no-repeat;
  display: block;
  min-height:219px;
  clear: both; 
}

#mainBody .colmnOneWide #titlename {
  font-size: 14px;
  font-weight: bold;
  color:#6b8b45;
  padding-top: 20px;
  padding-left: 80px;
  text-align: left;
}

.colmnOneWide .clearzone {
  position: relative;
  top: 12px;
  left: 8px;
  height: 14px;
  display: block;
  clear: both;
  text-align: left;
  padding: 6px;
}

/*
*html .colmnOneWide .clearzone {
    position: relative;
	  padding: 6px;
    height: 6px;
    xmargin-bottom: 26px;
}
*/
#mainBody .colmnOneWide .subColmn ul {
    position: relative;
    list-style: none;
    margin: 25px 0 0 25px;
    padding: 15px 15px 15px 15px; 
	background:#FFFFFF;
    border:1px solid #CCCCCC;
	 clear: both; 
}

*html .columnOneWide .subColmn ul {
  margin-left: 10px;
 
}

#mainBody .colmnOneWide .subColmn li {
    display: block;
    text-decoration: none;
    margin-left: 0;
    line-height: 1.7em;
    clear: both;
	
	
}

#mainBody .colmnOneWide .subColmn #separator {
  margin-top:0px;
  margin-bottom:0px;
  width: 100%;
  display: block;
  height: 5px;
  text-align: center;
  clear: both;
  background: url(../images/separator.gif) no-repeat;
  background-position: center;
}

*html .colmnOneWide .subColmn #separator {
  height: 10px;
}
/* listBox for Destination & Activities */
#mainBody .colmnOneWide #listBox {
    top: 15px;
    margin: 0;
    padding: 0;
    white-space: normal;
}

.listBoxDiv {
    margin-left:30px; margin-top:0px; padding:0px;
   
}

.listBoxList {
	/*border:1px solid #d2d2d2;*/
    background: url(../images/boxBg.jpg) no-repeat;;
	padding: 9px 6px 0px 6px;
	list-style-image: none;
    list-style-type: none;
    float: left;
    /*white-space: normal;*/
    width: 260px;
    height: 144px;
    margin: 16px 12px 0 0;
    overflow: hidden;
 
	
}

.listBoxList .imglist img {
    position: relative;
    top: 0;
    float: left;
    margin-right: 6px;
}

.listBoxList a {
    color: Maroon;
    text-decoration: none;
}

.listBoxList a:hover {
    color: Navy;
    text-decoration: underline;
}

.listBoxList .listName {
    position: relative;
    top: 4px;
    font-variant: small-caps;
    font-size: 106%;
    font-weight: bold;
    color: #245185;
    line-height: 1.0em;

}

.listBoxList .listName2 {
    position: relative;
    top: 4px;
    font-size: 92%;
    font-weight: bold;
    color: #006400;

}

.listBoxList .listShort {
    position: relative;
    top: 12px;
    margin: 0;
    line-height: 1.2em;
}

.listBoxList .readMore {
    position: alsolute;
    display: block;
    margin-top: 18px;
    text-align: right;
}

/*Events*/

.listBoxDivEvent {
    margin:0px; margin-top:0px; padding:0px;
   
}

.listBoxListEvent {
	border:1px solid #d2d2d2;
    background:#FFFFFF;
	
	list-style-image: none;
    list-style-type: none;
   /* float: left;*/
    white-space: normal;
    width: 550px;
    height: auto;
    margin: 4px 12px 0 0;
	padding: 9px 6px 0px 6px;
    /*overflow: hidden;*/
    white-space: normal;
	
}

.listBoxListEvent .imglist img {
    position: relative;
    top: 0;
    float: left;
    margin-right: 6px;
}

.listBoxListEvent a {
    color: Maroon;
    text-decoration: none;
}

.listBoxListEvent a:hover {
    color: Navy;
    text-decoration: underline;
}

.listBoxListEvent .listName {
    position: relative;
    top: 4px;
    font-variant: small-caps;
    font-size: 106%;
    font-weight: bold;
    color: #245185;
    line-height: 1.0em;

}

.listBoxListEvent .listName2 {
    position: relative;
    top: 4px;
    font-size: 92%;
    font-weight: bold;
    color: #006400;

}

.listBoxListEvent .listShort {
    position: relative;
    top: 12px;
    margin: 0;
    line-height: 1.2em;
}

.listBoxListEvent .readMore {
    position: alsolute; 
    display: block;
    padding-top: 10px;
    text-align: right;
}

.listBoxListEvent .date {
	font-weight:bold;
	color:#006600;
}


/* end of listBox for Destination & Activities */

/* listBox for Eating Out */
#mainBody .colmnOneWide #listBox2 {
    position: relative;
    margin: 0;
    padding: 0;
    white-space: normal;
    text-align: left;
    width:620px;
}
/*REQUIRED for IE6*/
*html #mainBody .colmnOneWide #listBox2 {
  width:610px;
}

#listBox2 ul {
    position: relative;
    width:100%;
    padding: 0;
    white-space: normal;
    text-align: left;
    margin-left:14px;
}
/*REQUIRED for IE6*/
*html #listBox2 ul{
  margin-left:0px;
}
.listBox2Div {
    position: relative;
    margin: 0px;
    clear: both;
    display: inline-block;
}

.listBox2List {

    list-style-image: none;
    list-style-type: none;
    float: left;
    white-space: normal;
    width: 187px;
    height: 20em;
    margin-top: 12px;
    margin-left:10px;
    overflow: hidden;
    white-space: normal;
}
/*REQUIRED for IE6
*html .listBox2List {
  margin: 12px 0px 16px 0px;
}*/

.listBox2List .imglist img {
    position: relative;
    top: 0;
    xfloat: left;
    margin-right: 6px;
}

.listBox2List a {
    color: Maroon;
    text-decoration: none;
}

.listBox2List a:hover {
    color: Navy;
    text-decoration: underline;
}

.listBox2List .listName {
    position: relative;
    top: 0px;
    margin-left: 2px;
    font-variant: small-caps;
    font-size: 106%;
    font-weight: bold;
    color: #245185;
    line-height: 1.0em;
    display: block;

}

.listBox2List .listShort {
    position: relative;
    top: -8px;
    margin-left: 2px;
    display: inline-block;
    line-height: 1.2em;

}

.listBox2List .readMore {
    position: relative;
    display: inline-block;
    margin-top: 2px;
    text-align: left;
}
/* end of listBox for Destination & Activities */

#mainBody .colmnOneWide #fullDetail {
   	position: relative;
   	clear: both;
	margin:25px 10px 10px 25px;
	padding:10px 10px 10px 10px;
	background:#FFFFFF;
    border:1px solid #CCCCCC;
	overflow:visible;
	}

#fullDetail .name {
  position: relative;
  top: 4px;
  font-size: 130%;
  font-weight: bold;
  color: #00008B;
}
#fullDetail .detail {
  position: relative;
  top: 4px;
}

#fullDetail .name2 {
  position: relative;
  top: 8px;
  display: block;
  clear: both;
  margin-bottom: 6px;
  font-size: 100%;
  font-weight: bold;
  color: Green;
}

#fullDetail .story {
  position: relative;
  top: 4px;
}
/* end of columnOneWide lefthand side*/


/* home columnThree */
#mainBody .colmnThree {
  position: relative;
  margin-top: 10px;
  right: 16px;
  margin-right: 4px;
  float: right;
  width: 200px;
  text-align: left;
}

*html #mainBody .colmnThree {
/*for IE  6 */
  right: 12px;
  margin-top: 10px;
  margin-left: 12px;
}

#mainBody .colmnThree .subColmn {
  position: relative;
  margin-top: 0px;
  margin-bottom: 30px;
  background: url(../images/columnBck.jpg) no-repeat;
}

#mainBody .colmnThree #titlename {
  font-size: 1.2em;
  font-weight: bold;
  color:#FFFFFF;
  padding: 10px 0 0 0;
  text-align:center;
  /*margin-left: 5px;*/
}

#mainBody .colmnThree p 
{
  position: relative;
  margin-top: 12px;
  margin-left: 8px;
  padding-right: 6px;
  text-align: justify;
}
#mainBody .colmnThree ul
{
  position: relative;
  margin:0px;
  padding:0px;
  padding-left:25px;
  line-height: 1.7em;
}

#mainBody .colmnThree .subColmn #sidemenu ul {
    list-style: none;
    margin: 20px 0 0 15px;
    padding: 0 0 20px 0;
}

*html .subColmn #sidemenu ul {
  margin-left: 10px;
}

#mainBody .colmnThree .subColmn #sidemenu li {
    margin-left: 0;
    line-height: 1.5em;
    clear: both;
}


/* Accommodation -- added 21/12/2007 */

#mainBody .colmnOneWide #accomDiv {
    position: relative;
    /*top: 4px;*/
    width: 630px;
    margin-bottom: 20px;
    padding-top: 30px;
    white-space: normal;
    text-align: left;
    clear: both;

}

#mainBody .colmnOneWide #accomDiv .subColmn {
   position: relative;
  top: 12px;
  margin-top: 0px;
  margin-left: 6px;
  margin-bottom: 12px;
  background: url(../images/columnBck-lg.jpg) no-repeat;
  display: block;
  min-height:219px;
  clear: both; 
}

#mainBody .colmnOneWide #accomDiv #titlename {
  font-size: 14px;
  font-weight: bold;
  color:#6b8b45;
  padding-top: 20px;
  padding-left: 80px;
  text-align: left;
}

#mainBody .colmnOneWide #accomDiv .subColmn ul {
    position: relative;
     list-style-image: none;
    list-style-type: none;
    margin: 25px 25px 0 25px;
    padding: 15px 15px 15px 15px; 
	background:#FFFFFF;
    border:1px solid #CCCCCC;
	 clear: both; 
}

*html .colmnOneWide #accomDiv .subColmn ul {
  margin-left: 10px;
 
}

#mainBody .colmnOneWide #accomDiv .subColmn li {
    display: block;
    text-decoration:none;
    margin-left: 0;
    line-height: 1.7em;
    clear: both;
	
	
}


#accomDiv ul {
    position: relative;
    top: 8px;
    margin-left: 2px;
    padding: 0;
    white-space: normal;
    text-align: left;

    clear: both;
}

*html #accomDiv ul {
    position: relative;
    xtop: 4px;
    margin-left: 2px;
}

.accom {
    xposition: relative;
    margin: 0px;
    clear: both;
    display: inline-block;
}

.accomList, .accomPhotoList {
    border: 1px solid #bbcd91;
    list-style-image: none;
    list-style-type: none;
    padding: 4px;
    xmargin: 0 0 8px 8px;
    float: left;
    white-space: normal;
}

.accomList {
    width: 192px;
    height: 301px;
    margin: 0 6px 6px 0;
    marg\in: 0 5px 5px 0;
    overflow: hidden;
    background:url(../images/boxBg2.jpg) no-repeat;
    white-space: normal;
    display: inline-block;
}

.accomList2 {
    height: 301px;
    margin: 0 6px 6px 0;
	padding: 10px 0 10px 10px;
    overflow: hidden;
    white-space: normal;
    display: inline-block;
}

.accomList2 a {
    color: #960404;
    text-decoration: none;
}

.accomList2 a:hover, .accomPhotoList a:hover {
    color: Navy;
    text-decoration: none;
}

.accomList2 a:hover, .accomPhotoList a:hover {
    text-decoration: none;
}

.accomList2 .listName {
	font-family:Geneva, Arial, Helvetica, sans-serif;
    position: relative;
    font-size:12px;
    font-weight: bold;
    color: #d63d3d;
    /*line-height: 1.0em;*/
	padding: 4px 0 0 4px;
   /* width: 90%;*/

}

.accomList2 .locationName {
	font-family:Gulim,Batang,Arial Unicode MS,Dotum;
	font-size:12px;
    position: relative;
    top: 0px;
    font-weight: bold;
    color: #960404;
    line-height: 1.6em;
    width: 80%;
	padding: 4px 0 0 4px;

}

.accomList a {
    color: #960404;
    text-decoration: none;
}

.accomList a:hover, .accomPhotoList a:hover {
    color: Navy;
    text-decoration: none;
}

.accomList a:hover, .accomPhotoList a:hover {
    text-decoration: none;
}

.accomList .listName {
	font-family:Geneva, Arial, Helvetica, sans-serif;
    position: relative;
    font-size:12px;
    font-weight: bold;
    color: #d63d3d;
    /*line-height: 1.0em;*/
	padding: 4px 0 0 4px;
   /* width: 90%;*/

}



*html .accomList .listName {
    position: relative;
    top: 2px;
    ma\rgin-left: 1px;
}

.accomList .locationName {
	font-family:Gulim,Batang,Arial Unicode MS,Dotum;
	font-size:12px;
    position: relative;
    top: 0px;
    font-weight: bold;
    color: #960404;
    line-height: 1.6em;
    width: 80%;
	padding: 4px 0 0 4px;

}

*html .accomList .locationName {
    position: relative;
    top: 2px;
    ma\rgin-left: 2px;
}

.accomList .starlist img {
    position: relative;
    top: 0;

    margin-left: 134px;
}

.accomList .mapvu img {
    position: relative;
    top: -14px;

    margin: 0 140px 0 2px;
}

*html .accomList .mapvu img {
    position: relative;
    top: -12px;
}

.accomList .fullvu img {
    position: relative;
    top: 224px;

    margin: 0 2px 0 120px;
}

*html .accomList .fullvu img {
    position: relative;
    top: 230px;
    ma\rgin-left: 120px;
}

.accomList .addr {
    position: relative;
    top: 2px;
    font-size:10px;
    font-weight: normal;
    color: Black;
    xline-height: 2.0em;
    xwidth: 360px;

}

*html .accomList .addr {
    w\idth: 94%;
    ma\rgin-left: 2px;
}

.accomList .rates {
    position: relative;
    top: 3px;
    font-size:10px;
    font-weight: normal;
    color: #000000;

}

*html .accomList .rates {
    ma\rgin-left: 2px;
}

.accomList .rates strong {
    font-size: 10px;
    font-weight: bold;
     color: #000000;

}

.accomList .rooms {
    position: relative;
    top: 10px;
    margin-left : 30px;
    font-size:10px;
    font-weight: normal;
     color: #000000;
}

.accomList .rooms strong {
    font-weight: bold;
     color: #000000; 
}

.accomList .phone {
    position: relative;
    top: 3px;
    font-size:10px;
    font-weight: normal; 
     color: #000000;
	 line-height:normal;
}

*html .accomList .phone {
    ma\rgin-left: 2px;
}

.accomList .phone strong {
    font-size:10px;
    font-weight: bold;
     color: #000000; 
}

.accomList .fax {
    position: relative;
    font-size:10px;
    font-weight: normal;
    color: Black;
}

.accomList .fax strong {
    font-weight: bold;
     color: #000000; 
}

.accomList .email {
    position: relative;
    top: 3px;
    font-size:10px;
    font-weight: normal;
    color: Black;
}

*html .accomList .email {
    ma\rgin-left: 2px;
}

.accomList .email strong {
    font-size:10px;;
    font-weight: bold;
    color: Blue;
}

.accomList .email a {
    font-size:10px;
    font-weight: bold;
    color: #000000; 
}

.accomList .email a:hover {
    font-size:10px;
    font-weight: bold;
    color: Navy;
}

.accomList .weburl {
    position: relative;
    top: 3px;
    font-size:10px;
    font-weight: normal;
    color: Black;
}

*html .accomList .weburl {
    position: relative;
    top: 6px;
    ma\rgin-left: 2px;
}

.accomList .weburl strong {
    font-weight: bold;
    color: Blue;
}

.accomList .weburl a {
    font-size:10px;
    font-weight: bold;
     color: #000000; 
}

.accomList .weburl a:hover {
    font-size: 100%;
    font-weight: bold;
    color: Navy;
}

.accomList .hotel img {
    position: relative;
    top: 0px;
    margin: -28px 1px 2px 1px;
    border: 1px solid Silver;
}

*html .accomList .hotel img {
    position: relative;
    top: 2px;
}


/* --- accommodation fullview */

#mainBody .colmnOneWide #accomFullDiv{
    position: relative;
    top: 10px;
    width: 550px;
    margin-bottom: 20px;
    padding:0;
    white-space: normal;
    text-align: left;
	font-size:11px;
    display: block;
    clear: both;

}
#mainBody .colmnOneWide #accomFullDiv #titlename {
  font-size: 14px;
  font-weight: bold;
  color:#6b8b45;
  padding-left: 80px;
  text-align: left;
  width: 600px;
  
/*  border: 1px solid black;*/
}
.accoContent {
    margin: 20px 0 0 20px;
    padding:0;
    white-space: normal;
    text-align: left;
	font-size:11px;
    display: block;
    clear: both;
}

#accomFullDiv .name {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003333;
	margin-top:0;
}

.colmnOneWide #accomFullDiv .star img {
  position: relative;
  margin-left: 20px;
}

.colmnOneWide #accomFullDiv .img img {
  position: relative;
  top: 0px;
  float: right;
  margin: 8px 4px 12px 20px;
  width: 140px;
  height: 300px;
  padding: 2px;
  border: 1px solid gray;
  overflow: hidden;
}

#accomFullDiv .address {
  position: relative;
  xtop: 30px;
  xmargin-top: 8px;
  font-size: 1.1em;
  color: Blue;
  xline-height: 1.1em;
  display: block;
}

#accomFullDiv .rates {
  position: relative;
  margin-top: 20px;
  margin-bottom: 25px;
  font-size: 110%;
  font-weight: bold;
  color: Maroon;
}

#accomFullDiv .extra {
  position: relative;
  top: 30px;
}

#accomFullDiv .facilityDiv {
  position: relative;
  margin-top: 20px;
  margin-bottom: 12px;
  clear: both;
  display: block;
  font-size: 110%;
  font-weight: bold;

}


#accomFullDiv .facilityDiv ul {
  margin: 0;
  padding: 2px;
}

*html #accomFullDiv .facilityDiv ul {
  padding-bottom: 10px;
}

#accomFullDiv .accoReadmorePic img {
	width:250px;
	height:168px;

}
/*
#accomFullDiv .facilityDiv li {
   position: relative;
   top: 2px;
   list-style-type: none;
   display: block;
   position:float;
   float: left;
   height: 12px;
   padding-left:24px;
   
   

}

*html #accomFullDiv .facilityDiv li {
  position: relative;
  top: 8px;
  padding-bottom: 6px;
}
*/

#accomFullDiv .facility
{
  padding-left:35px;
  white-space: nowrap;
  height:30px;
  margin:4px;
  padding-right:20px;
  font-size:8pt;
  font-weight: normal;
}

#accomFullDiv .redFieldset {
  position: relative;
  margin-top: 10px;
  width: 100% !important;
  line-height: 1.4em;
  display: block;
  clear: both;
}

#accomFullDiv .redFieldset fieldset {
  padding: 12px 4px 4px 10px;
  border: 1px solid Green;
}

*html .redFieldset fieldset {
  padding-top: 24px 6px 24px 12px;
  border: 1px solid Green !important;
  xmargin-bottom: 20px;
}

.redFieldset legend {
  font-size: 110%;
  font-weight: bold;
  color: Maroon;
  padding-left: 6px;
  padding-right: 6px;
}

*html .redFieldset legend {
  padding-left: 2px;
  padding-right: 2px;
}


/* endof Accommodation */

.accSearchReprt {
  position: relative;
  margin-left: 2px;
  margin-top: 20px;
  clear: both;
  display: block;
  height: 20px;
  text-align: left;

}

#footer {
  font-size: 80%;
  position: relative;
  margin: 0 auto;
  padding: 40px 8px 6px 8px;
  /*height: 250px;*/
  background: url(../images/mainLayoutFooter.jpg) no-repeat;
  background-position:top;
  width: 863px;
  xborder: 1px solid;
}

#footerTop {
	background: url(../images/footerTop.jpg) no-repeat center;
	width:100%;
	height:13px;
	padding: 5px 0px 5px 0px;
}

#footerContent {

}

#footerBottom {
	background: url(../images/footerBottom.jpg) no-repeat center;
	width:100%;
	height:13px;
	padding: 5px 0px 5px 0px;
}

*html #footer {
  height: 320px;
}

#footer hr {
  margin: 0px;
  xborder: none;
  width: 90%;
  background: #2E370A;
  height: 1px;
  text-align: center;
  clear: both;
  color: #2E370A;
}

*html #footer hr {
  margin: 0px;
}

*html #footer p {
  line-height: 12px;
}
/* text formatting */

a {
  color: #191970;
  text-decoration: none;
}

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

.darkBlueBigBold {
  font-size: 12px;
  font-weight: bold;
  color: #00008B;
}

.maroonAlertBold {
  font-weight: bold;
  color: Maroon;
}

.greenHighliteBold {
  font-weight: bold;
  color: Green;
}

.blackHighliteBold {
  font-weight: bold;
  color: #003333;
}

.redNote {
  font-size: 10px;
  color: Red;
}

.maroonPageNum {
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  color: Maroon;
}

*html fieldset {
	padding: 10px;
}
/* end of text formatting */

/* cloud tags*/

.tag_cloud {
    position: relative;
    top: 18px;
    margin-left: 8px;
    text-decoration: none;
    font-family: verdana;
    line-height: 24px;
}
.tag_cloud:link  {
	color: #191970;
}
.tag_cloud:visited { 
	color:  #191970; 
}
.tag_cloud:hover {
	color: #FF6347;
	text-decoration: none;
}
.tag_cloud:active {
	color: #006400;
	text-decoration: underline;
}

/*
.tag_cloud { padding: 3px; text-decoration: none; }
.tag_cloud:link  { color: #81d601; }
.tag_cloud:visited { color: #019c05; }
.tag_cloud:hover { color: #ffffff; background: #69da03; }
.tag_cloud:active { color: #ffffff; background: #ACFC65; }

end of cloud tags*/

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#layer1 {
	position: absolute;
	visibility: hidden;
	left: 20px;
	top: 300px;
	background-color: #fff;
	border: 1px solid #2e370a;
	padding: 10px;
	z-index:999;
	text-align:left;
	width:300px;
}

#close {
	float: right;
	color:#ccc;
}
#close a{
	float: right;
	color:#ccc;
}

.formfield {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
color: #333333;
line-height: 12px;
background-color: #ffffff;
height: auto;
width: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: auto;
}

.subcol_content
{
  padding-top:12px;
  padding-left:8px;
  xborder:1px solid;
}
.subcol_content .actiName {
  font-size: 110%;
  font-weight: bold;
  color: Green;
}
.subcol_content .title {
  font-size: 1.2em;
  font-weight: bold;
  color: Maroon;
 }
.subcol_content ul li  {
  text-decoration: :none;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 0 12px;
  line-height:normal;
}
.subcol_content li  {
list-style-image:url(../images/theme/btn-ArrowRd.gif);
}

.newsletter
{
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
}
.inputLabel 
{
margin-top: 4px;
font-size: 12px;
font-weight: bold;
color: #ff4500;
}
.inputText
{
padding: 2px;
width: 162px;
margin-top: 4px;
margin-bottom: 6px;
border:1px solid;
border-color: #ff8c00;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 10px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
}
.buttonLogin
{
border:1px solid;
border-color: #4682b4;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-size: 11px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
font-weight: bold;
color: #ff4500;
}

.news p
{
  padding-left:10px;
}
.news #title
{
  font-size: 1.2em;
  font-weight: bold;
  color: #483d8b;
  padding-top: 8px;
  padding-left: 10px;
}

/*sidemenu child list
- to be added into v2008.css file
*/
#mainBody .colmnThree {
	margin-top: 30px;
}

#mainBody .colmnThree a:link {
	color: #334c00;
	text-decoration: none;
}
#mainBody .colmnThree a:visited {
	text-decoration: none;
	color: #517700;
}
#mainBody .colmnThree a:hover {
	text-decoration: underline;
}
#mainBody .colmnThree a:active {
	text-decoration: none;
}

#mainBody .colmnThree .subColmn #sidemenu li ul {
	list-style: none;
	margin: 0;
	padding-left: 3px;
}

#mainBody .colmnThree .subColmn #sidemenu li ul li
{
  cursor: pointer;
  text-decoration: :none;
  background: url(images/theme/btn-ArrowRd.gif) no-repeat;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 0 12px;
  line-height: 1.6em;
}

/*notice alert*/
#mainBody .colmnTwo #noticeAlert {
padding: 10px 10px 20px;
xborder: 1px solid;
overflow: hidden;
}
/* end of notice alert*/

.dotted_hr 
{
color: #e3edbb;
background-color: #e3edbb;
border-width: 1px;
border-color: #2e370a;
border-top-style: none;
border-right-style: none;
border-bottom-style: dotted;
border-left-style: none;
}

/*Bounding Box Home*/
.boundingboxT{ height:44px; background:url(../images/bounding-box_01.jpg) 0 0 no-repeat; padding:46px 5px 8px 11px; margin:0 auto;} 
.boundingboxL{ background:url(../images/bounding-box_02.jpg) #FFFFFF 0 0 repeat-y; width: 596px; }
.boundingboxR{ background:url(../images/bounding-box_04.jpg) 100% 0 repeat-y;   }
.boundingboxB{ background:url(../images/bounding-box_05.jpg) bottom no-repeat; }

/*Bounding Box Right*/
.boundingboxrightT{ position:relative; background:url(../images/boundingBoxRight_Top.jpg) 0 0 no-repeat; padding:1px 0 0 0; margin:0 auto; height:auto;} 
.boundingboxrightL{ position:relative; background:url(../images/boundingBoxRight_Left.jpg) #FFFFFF 0 0 repeat-y; width: 191px; height:auto; }
.boundingboxrightR{ position:relative; background:url(../images/boundingBoxRight_Right.jpg) 100% 0 repeat-y; height:auto;  }
.boundingboxrightB{ position:relative; background:url(../images/boundingBoxRight_Bottom.jpg) bottom no-repeat; height:auto; }


/*Events Container*/
TABLE.event-container{ 
		border-collapse:	collapse;
		xdisplay:			inline;
		margin: 			auto;
		padding: 			0px;
}
.event-container TD.leftbar {
		background:	url(../images/eventPicContainer_02.gif) no-repeat;
		width:		16px;
		height:		88px;
		margin: 	0px;
  		padding: 	0px;
}

.event-container TD.topbar {
		background:	url(../images/eventPicContainer_01.gif) no-repeat;
		width:		97px;
		height:		13px;
		margin: 	0px;
  		padding: 	0px;
}

.event-container TD.rightbar {
		background:	url(../images/eventPicContainer_03.gif) no-repeat;
		width:		17px;
		height:		88px;
		margin: 	0px;
  		padding: 	0px;
}

.event-container TD.bottombar {
		background:	url(../images/eventPicContainer_04.gif) no-repeat;
		width:		97px;
		height:		14px;
		margin: 	0px;
  		padding: 	0px;
}

.event-container TD.mainbox {
		margin: 	0px;
  		padding: 	0px;
		width:		64px;
		height:		88px;
}

.eventContainer{
	display:inline;
	float:left;
	width:185px;
	background:url(../images/eventPicContainerBg.jpg) center no-repeat #FFFFFF;
	border: 1px solid #d2d2d2;
	margin-right: 6px;
	height:250px;
	
}


.eventContainer .seeMoreEvent{
	position:relative;
	margin: 0 10px 5px 10px;
	text-align:right; 
	 
}

.eventContainer .eventDetail{
	position:relative;
	padding: 0 10px 0px 10px;
	text-align:justify;	
}

.eventContainer .eventTitle{
	position:relative;
	padding: 0 10px 0 10px;
	text-align:left;
	color:#3a6a6c;
	font-style:normal;
	font-size:14px;
	font-weight:bolder;
	
}
.eventContainer .eventDate{
	position:relative;
	padding-left:10px;
	text-align:left;
	text-shadow:#333333;
	font-style:normal;
	font-size:12px;
	color:#339933;
	font-weight:bolder;
	
}
.eventContainer  .eventFullDetail{
	height:110px;
}