body {
    font-family: Arial,Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
a {
    color: #014066;
    text-decoration: none;
}
a:hover {
    color: #663300;
}
#wrap {
    margin: auto;
    width: 960px;
}
/*top*/
#top {
}
#top .l {
    background: url(images/bg_top_left.gif) no-repeat left top;
    padding-left: 10px;
}
#top .r {
    background: url(images/bg_top_right.gif) no-repeat right top;
    padding-right: 10px;
}
#top .c {
    background: url(images/bg_top_center.gif) repeat-x top;
    height: 30px; overflow:hidden;
    line-height: 30px;
    color: #fff;
    text-align: center;
}
/*footer*/
#footer {
    height: 100px;
    background: url(images/bg_footer.gif) repeat-x;
    padding:20px;
}
/*section 1*/
#sec1 .col1 .top, #sec1 .col3 .top, #sec1 .col2 .top {
   height:150px;
margin-bottom:5px;
overflow:hidden;
}
#sec1 .col1 .top img, #sec1 .col3 .top img, #sec1 .col2 .top img {
    height: 148px;overflow:hidden;
}
#sec1 .col1, #sec1 .col3, #sec1 .col2 {
    height: 445px;
    display: block;
    overflow: hidden;
}
#sec1 .col1, #sec1 .col3 {
    width: 174px;
    background-color: #ECEAEB;
    padding: 2px;
}
#sec1 .col2 {
    width: 596px;
    padding: 2px;
}
#sec1 .col3 .top {
    background: url(images/bg_account.gif);
    text-align: center;
}
#sec1 .col3 .top .user{
display:block;
height:24px;
line-height:24px;
margin-left:2px;
overflow:hidden;
position:absolute;
top:130px;
width:170px;}
#sec1 .col3 .top .button {
    margin-top: 124px;
}
/*navigate*/
#nav .nav {
    display: block;
    height: 26px;
    background: url(images/bg_nav.gif) repeat-x;
    text-transform: uppercase;
    line-height: 26px;
    padding-left: 26px;
    white-space: nowrap;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
#nav .logo {
    height: 152px;
    width: 174px;
    display: block;
    background: url(images/logo.gif) no-repeat center center;
}

/*headlight*/
#headlight {
    border: 1px solid #ccc;
    background: url(images/bg_title_news.gif) no-repeat right top;
}
#headlight td {
    vertical-align: top;
}
#headlight .teaser, #headlight .news {
    display: block;
    overflow: hidden;
    height: 286px;
}
#headlight .teaser {
    border-right: 1px solid #CCCCCC;
    display: block;
    overflow: hidden;
    padding: 2px;
    width: 300px;
}
#headlight .teaser img {
    height: 286px;
    width: 300px;
}
#headlight .news {
    width: 286px;
}
#headlight .news .h {
    height: 24px;
    display: block;
}

/*news*/
#headlight .news ul.b {
    display: inline-block;
    list-style: none;
}
#headlight .news ul.b li {
    padding-left: 30px;
    display: block;
    background: url(images/bg_li_blue.gif) no-repeat 5px;
    float: left;
    line-height: 2;
}
#headlight .news ul.b li a {
    display: block;
    white-space: nowrap;
    width: 250px;
    overflow: hidden;
}
/*#section 2*/
#sec2 {
    margin-top: 5px;
}
#sec2 .col1 {
    width: 630px;
    padding-right: 5px;
}
#sec2 .col2 {
    width: 318px;
    background:#ECEAEB; border:1px solid #ccc; height:365px; overflow:hidden;
}
#sec2 .col1 .mc {
    height: 300px;
    overflow: auto;
    display: block;
}
#sec2 .col1 .wbox .mc ul.list {
    display: inline-block;
    list-style: none;
}
#sec2 .col1 .wbox .mc ul.list li {
   /* height: 24px;*/
    width: 280px;
    display: -moz-inline-stack; /*Firefox need this to simulate display:inline-block*/
    display: inline-block; /*IE does not apply this to Block Element, and Firefox does not render this, too*/
    _overflow: hidden; /*fix IE6 to expanded content*/
    zoom: 1; /*trigger hasLayout*/ *display:inline;/*once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block*/
}

#sec2 .col1 .wbox .mc ul.tours {
    display: inline-block;
    list-style: none;
}
#sec2 .col1 .wbox .mc ul.tours li {
    width: 280px;
    display: -moz-inline-stack; /*Firefox need this to simulate display:inline-block*/
    display: inline-block; /*IE does not apply this to Block Element, and Firefox does not render this, too*/
    _overflow: hidden; /*fix IE6 to expanded content*/
    zoom: 1; /*trigger hasLayout*/ *display:inline;/*once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block*/
    padding-top:5px; margin-top:5px; border-top:1px solid #ccc; vertical-align:top;
}
#sec2 .col1 .wbox .mc ul.tours li a{ margin-left:20px; display:block;}
#sec2 .col1 .wbox .mc ul.tours li span.li{  position:absolute;}
#sec2 .col1 .wbox .mc ul.hotels {
    display: inline-block;
    list-style: none; width:98%;
}
#sec2 .col1 .wbox .mc ul.hotels li {
   
    display: -moz-inline-stack; /*Firefox need this to simulate display:inline-block*/
    display: inline-block; /*IE does not apply this to Block Element, and Firefox does not render this, too*/
    _overflow: hidden; /*fix IE6 to expanded content*/
    zoom: 1; /*trigger hasLayout*/ *display:inline;/*once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block*/
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom:1px solid #ccc;
    width:100%;
}
#sec2 .col1 .wbox .mc ul.hotels li td.c1 img{ width:100px;}
#sec2 .col1 .wbox .mc ul.hotels li td.c0,#sec2 .col1 .wbox .mc ul.hotels li td.c2,#sec2 .col1 .wbox .mc ul.hotels li td.c1{ vertical-align:top;}
#sec2 .col1 .wbox .mc ul.hotels li td.c1{ padding-left:5px; padding-right:5px;}
#sec2 .col1 .wbox .mc ul.hotels li td.c2 .des{ color:#000; }
#sec2 .col1 .wbox .mc ul.hotels li td.c2 .des em{color:#E9A024;}

 
 /*#section 3*/
#sec3 {
    margin-top: 5px;
}
#sec3 table tr td{ vertical-align:top;}
#sec3 .col1 {
    width: 770px;
    padding-right: 5px;
}
#sec3 .col1 .ml, #sec3 .col1 .mr {
    padding: 0px;
}
#sec3 .col1 .mc {
    padding: 0px;
}
#sec3 .col1 .wbox .mc {
    padding-bottom: 10px; height:250px;
}
#sec3 .col1 .mc .c1, #sec3 .col1 .mc .c2, #sec3 .col1 .mc .c3 {
    width: 242px;
    padding: 5px;
}
#sec3 .col1 .wbox .mc .c2, #sec3 .col1 .wbox .mc .c3 {
    border-left: 1px solid #ccc;
}
#sec3 .col1 .wbox .mc ul.list {
    display: inline-block;
    list-style: none;
}
#sec3 .col1 .wbox .mc ul.list li {
    display: block;
    padding-left: 30px;
    background: url(images/bg_li_yellow.gif) no-repeat 5px;
    float: left;
    line-height: 2; height: 24px;
    width: 212px; overflow:hidden;
}

#sec3 .col1 .wbox .mc a.more {
   bottom:0;
display:block;
font-weight:bold;
height:24px;
line-height:2;
position:absolute;
text-align:right;
width:240px;
}

#sec3 .col1 .wflat .mc ul.list {
    display: inline-block;
    list-style: none;
}
#sec3 .col1 .wflat .mc ul.list li {
    padding-left: 30px; margin-left:10px;
    background: url(images/bg_li_darkblue.gif) no-repeat 5px;
    height: 24px;
    width: 212px; overflow:hidden;
    display: -moz-inline-stack; /*Firefox need this to simulate display:inline-block*/
    display: inline-block; /*IE does not apply this to Block Element, and Firefox does not render this, too*/
    _overflow: hidden; /*fix IE6 to expanded content*/
    zoom: 1; /*trigger hasLayout*/ *display:inline;/*once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block*/
}




#sec3 .col2 {
    width: 174px;
    background-color: #ECEAEB;
    padding: 2px;
}

/*register*/
.register table td{  padding:5px; }
/*login*/
.login table td { padding:5px;}
/*link*/
.wbox.links .c1,.wbox.links .c2{ vertical-align:top;   overflow:hidden; padding:5px;   }
.wbox.links .c1{ }
.wbox.links .c1 img{ width:100px;}
/*tours*/
.wbox.tours .c1,.wbox.links .c2{ vertical-align:top;   overflow:hidden; padding:5px;   }
.wbox.tours .c1{ width:100px;}
.wbox.tours .c1 img{ width:100px;}

.managerToolBar{ display:block; position:fixed; width:100px; top:10px; right:0px;}
.managerToolBar li{ padding-left:5px; border:1px solid #ccc; background:#fff; margin:1px;}
.managerToolBar a{color:#f00; font-weight:bold;}
#body-vi #sec3 #linkswidget{ display:none;}#body-vi   #ctl00_body_lManageLinks{ display:none;}