* {
	margin : 0;
	padding : 0;
}

body {
	background : #ffffff url( ../images/bg.jpg ) repeat-x;
	text-align : center;
	color : #333333;
	font : 11px Verdana, Helvetica, sans-serif;
	line-height : 1.4;
}

img {
	border : none;
}

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

a:hover {
	text-decoration : underline;
}

ul, li {
	list-style-type : none;
}

input, textarea, select {
	color : #333333;
	font : 11px Verdana, Helvetica, sans-serif;
}

#container {
	width : 930px;
	margin : 0 auto;
	text-align : left;
}

#navi {
	width : 930px;
	height : 32px;
	color : #ffffff;
	font-size : 16px;
	line-height : 32px;
	text-align : center;
}

#navi a {
	padding : 0 5px;
	color : #ffffff;
}

#navi a:hover {
	color : #abdbf9;
	text-decoration : none;
}

#header div.topBanner1{
	height : 217px;
	background : url( ../images/header1.jpg ) no-repeat;
}

#header div.topBanner2{
	height : 217px;
	background : url( ../images/header2.jpg ) no-repeat;
}

#header div.topBanner3{
	height : 217px;
	background : url( ../images/header3.jpg ) no-repeat;
}

#header div.topBanner4{
	height : 217px;
	background : url( ../images/header4.jpg ) no-repeat;
}

#header div.topBanner5{
	height : 217px;
	background : url( ../images/header5.jpg ) no-repeat;
}

#header div.topBanner6{
	height : 217px;
	background : url( ../images/header6.jpg ) no-repeat;
}

#main {
	width : 640px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding : 0 20px 0 55px;
	float : left;
	border-right : 1px solid #cccccc;
	background : #ffffff url( ../images/main.jpg ) no-repeat top left;
}

#main .title {
	font-size : 24px;
	line-height : 30px;
	font-weight: bold;
	border-top : 5px solid #66cc33;
	margin-bottom : 6px;
}

#main td, th {
	padding : 4px;
}

#sub {
	width : 140px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding : 0 54px 0 20px;
	background : #ffffff url( ../images/sub.jpg ) no-repeat top right;
	float : left;
}

#sub .title {
	font-size : 13px;
	font-weight : bold;
	border-top : 5px solid #cccccc;
}

#sub table {
	width : 140px;
}

#sub th, #sub td {
	width : 20px;
	text-align : center;
}

#sub .m10 {
	margin-top : 20px;
}

#sub .login {
	margin : 6px 0;
}

#sub ul {
	margin : 10px 0 5px 0;
}

#sub li {
	padding-left : 18px;
	font-size : 11px;
	line-height : 18px;
	background : url( ../images/arrow.gif ) no-repeat 0px 4px;
}

#sub p.more {
	text-align : right;
	margin-bottom : 5px;
}

#footer {
	clear : both;
	height : 54px;
	padding : 32px 0 5px 0;
	background : url( ../images/footer.jpg ) repeat-x 0 20px;
	color : #ffffff;
	font-size : 11px;
	text-align : center;
}

#footer a {
	color : #ffffff;
}

.blue {
	color : #0067b2;
}

.red {
	color : #ff0000;
}

.green {
	color : #66cc33;
}

.clear {
	clear : both;
}

.tourtitle {
	font-size : 13px;
	font-weight : bold;
}

/************* logo position *************/
.index_logo{
	position: relative;
	top: 0px;
	left: -4px;
}

.other_logo{
	position: relative;
	top: 9px;
	left: 51px;
}

/************* calendar mouseover event  *************/
.cal{
	position: relative;
	top: 15px;
	left: -70px;
}

.cal_box{
	position: absolute;
	width: 150px;
	padding: 2px;
	background-color: #e9f7fa;
	visibility: hidden;
	z-index: 100;
}

/************* button style  *************/
.button_style{
	width: 120px;
	padding: 2px;
	background: url('../images/button_bg.gif');
}

.button_style_o{
	width: 120px;
	padding: 2px;
	background: url('../images/button_bg_o.gif');
	cursor: pointer;
}