/*#############################################################
Name: VoyageTravelmag
Last updated : 4.09.08 (by Kunlacha)
Description: for HomePage 
Author: Ratchanok, Kunlacha
URL: http://www.voyagetravelmag.com


#############################################################*/

/*@charset "UTF-8";*/
#wraper {
background-image:url(images/main_bg.jpg);
background-repeat:repeat-y;
display:inline;
float:left;
height:auto;
width:997px;
margin:0;
padding:0;
}

#h_top li {
display:inline;
float:right;
height:20px;
width:500px;
list-style-type:none;
text-align:right;
margin:0 40px 0 0;
padding:0;
}

#h_logo {
display:inline;
float:left;
height:102px;
width:270px;
margin:0;
padding:0;
}

#h_menu {
display:inline;
float:left;
height:106px;
width:695px;
margin:0 0 0 2px;
padding:0;
}

#tabmenu ul {
display:inline;
float:left;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#999;
height:auto;
width:600px;
margin:0;
padding:3px 0 3px 30px;
}

#tabmenu li {
display:inline;
float:left;
height:auto;
width:auto;
list-style-type:none;
margin:0 0 0 12px;
padding:0;
}

#tabmenu ul li a {
margin-left:2px;
border:1px solid #09125a;
border-bottom:none;
text-decoration:none;
padding:3px;
}

/********************************************************************** COLUME LEFT****************/
#colLeft {
display:inline;
float:left;
height:auto;
width:245px;
margin:0;
padding:0 10px 0 0;
}

/*************************************************** COLUME_NEW ARRIVAL ****************/
/*#new_arrival {
	display:inline;
	float:left;
	height:auto;
	width:226px;
	background-color:#567d9c;
	margin:0 0 15px 15px;
	padding:0 0 10px;
}
#new_arrival_july/*************************************************** COLUME_NEW ARRIVAL ***************
 {
	display:inline;
	float:left;
	height:auto;
	width:226px;
	background-color:#90808a;
	margin:0 0 15px 15px;
	padding:0 0 10px;
} */

#new_arrival ul {
	display:inline;
	float:left;
	height:auto;
	width:226px;
	margin:6px 0 0;
	padding:0;
}

#new_arrival li {
display:inline;
float:left;
height:auto;
width:226px;
margin:0;
padding:0;
}

#new_arrival p {
display:inline;
float:left;
height:auto;
width:200px;
margin:0 0 0 15px;
padding:0;
}

.column {
display:inline;
float:left;
margin:6px 0 0;
padding:0 0 4px;
}

.column li {
display:inline;
text-align:center;
}

.pic_book {
display:inline;
float:left;
height:auto;
width:124px;
text-align:center;
margin:0;
padding:0;
}

.detail {
display:inline;
float:left;
height:auto;
width:215px;
text-align:center;
margin:0;
padding:0;
}

/*************************************************** COLUME_BACK ISSUE ****************/
#back_Issue {
display:inline;
float:left;
height:187px;
width:226px;
background-color:#F7F7F7;
border:1px solid #f2f2f2;
margin:0 0 15px 15px;
padding:0;
}

#flash_back {
display:inline;
float:left;
height:144px;
width:165px;
text-align:center;
margin:0 0 0 6px;
padding:0;
}

/************************************************** COLUME_COMING UP ****************/
#coming_up {
	display:inline;
	float:left;
	height:auto;
	width:226px;
	border:1px solid #f2f2f2;
	background-color:#F7F7F7;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 15px;
}

#coming_up li {
display:inline;
list-style-type:none;
text-align:center;
float:left;
width:226px;
margin:0;
padding:0;
}
#flash_banner_left/************************************************** COLUME_COMING UP ****************/
 {
	display:inline;
	float:left;
	height:auto;
	width:226px;
	border:1px solid #f2f2f2;
	background-color:#F7F7F7;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 15px;
	text-align: center;
}

/*************************************************** COLUME_CALENDER ****************/
#calender {
	display:inline;
	float:left;
	height:210px;
	width:181px;
	padding:0;
	margin-bottom: 25px;
	margin-left: 22px;
	background-image: url(images/calender.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
}

#calender_backup {
display:inline;
float:left;
height:131px;
width:162px;
background-image:url(images/calender.gif);
margin:18px 25px 25px 30px;
padding:0;
}

/********************************************* COLUME_PHOTO GALLERLY ****************/
#photo_gallery {
display:inline;
float:left;
height:180px;
width:226px;
border:1px solid #f2f2f2;
background-color:#F7F7F7;
margin:0 0 15px 15px;
padding:0;
}

#img_gall {
display:inline;
float:left;
height:138px;
width:226px;
margin:3px 0 0;
padding:0;
}

#img_gall li {
display:inline;
float:left;
height:auto;
width:177px;
list-style-type:none;
text-align:center;
margin:0 0 0 15px;
padding:0;
}

/********************************************************************** COLUME MIDDLE****************/
#colMid {
display:inline;
float:left;
height:auto;
width:492px;
margin:0;
padding:0 10px 0 0;
}

/********************************************* COLUME_FLASH BANNER****************/
#flash_banner {
float:left;
height:170px;
width:488px;
display:inline;
margin:0 0 15px;
padding:0;
}

/*************************************** COLUME_TRAVEL & LIFTSTYLE ****************/
#travel_liftstyle {
display:inline;
float:left;
height:auto;
width:488px;
margin:0 0 15px;
padding:0;
}

/********************************************* COLUME_TRAVEL ****************/
#travel {
display:inline;
float:left;
height:auto;
width:488px;
margin:0;
padding:0;
}

.box_t {
display:inline;
float:left;
height:auto;
width:122px;
margin:25px 0 4px 27px;
padding:0;
}

.box_t ul {
display:inline;
float:left;
height:auto;
width:122px;
margin:0 0 3px;
padding:0;
}

.box_t li {
display:inline;
float:left;
width:122px;
margin:0;
padding:0;
}

.box_title {
display:inline;
float:left;
height:auto;
width:122px;
list-style-type:none;
margin:0;
padding:0;
}

.img_breath {
display:inline;
float:left;
height:80px;
width:122px;
list-style-type:none;
margin:3px 0 5px;
padding:0;
}

.breath_detail {
display:inline;
float:left;
height:auto;
width:122px;
list-style-type:none;
margin:2px 0 0;
padding:0;
}

.breath_detail2 {
display:inline;
float:left;
height:40px;
width:122px;
list-style-type:none;
margin:2px 0 0;
padding:0;
}

.box_t p {
text-align:left;
display:inline;
float:left;
height:45px;
width:122px;
margin:0;
padding:0;
}

#tTarvel_detail {
text-align:left;
display:inline;
float:left;
height:50px;
width:122px;
margin:0;
padding:0;
}

.read_more {
display:inline;
float:right;
height:15px;
width:50px;
list-style-type:none;
text-align:right;
margin:1px 0 0;
padding:0;
}

.read_more a {
font-family:tahoma;
font-size:10px;
color:#99C;
text-decoration:none;
}

.read_more a:hover {
font-family:tahoma;
font-size:10px;
color:#09F;
text-decoration:underline;
}

/********************************************* COLUME_LIFTSTYLE****************/
.box_l {
display:inline;
float:left;
height:auto;
width:81px;
margin:25px 0 0 12px;
padding:0;
}

.box_l ul {
display:inline;
float:left;
height:auto;
width:82px;
margin:0;
padding:0;
}

.box_l li {
display:inline;
float:left;
width:82px;
margin:0;
padding:0;
}

.box_l p {
display:inline;
float:left;
height:auto;
width:81px;
margin:4px 0 2px;
padding:0;
}

.box_titleL {
display:inline;
float:left;
height:auto;
width:81px;
list-style-type:none;
margin:0 0 0 3px;
padding:0;
}

.box_imgL {
display:inline;
float:left;
height:79px;
width:68px;
list-style-type:none;
margin:3px 0 0 3px;
padding:0;
}

.box_detailL2 p {
display:inline;
float:left;
height:40px;
width:80px;
margin:0;
padding:0;
}

/********************************************* COLUME_REGULARS ****************/
#regulars {
display:inline;
float:left;
height:auto;
width:488px;
background-color:#f7f8df;
border:1px solid #cfcfcf;
margin:0 0 15px;
padding:0 0 10px;
}

#regulars .column_mid li {
display:inline;
float:left;
height:auto;
width:488px;
list-style-type:none;
margin:0;
padding:0;
}

.box_re {
display:inline;
float:left;
height:auto;
width:195px;
margin:20px 0 0 18px;
padding:0 0 0 20px;
}

.box_re ul {
display:inline;
float:left;
height:auto;
width:175px;
margin:0;
padding:0;
}

.box_re li {
display:inline;
width:175px;
float:left;
}

.box_what {
display:inline;
float:left;
list-style-type:none;
height:auto;
width:175px;
margin:0 0 3px;
padding:0;
}

.box_img {
float:left;
height:105px;
width:161px;
list-style-type:none;
margin:3px 0 0;
padding:0;
}

.box_detail {
display:inline;
float:left;
height:auto;
width:175px;
list-style-type:none;
margin:3px 0 0;
padding:0;
}

.box_re p {
display:inline;
float:left;
height:50px;
width:195px;
margin:4px 0 2px;
padding:0;
}

.box_what p {
display:inline;
float:left;
height:40px;
width:175px;
margin:0;
padding:0;
}

.column_mid {
display:inline;
float:left;
height:23px;
width:481px;
margin:4px 0 0 3px;
padding:0;
}

#column_right {
display:inline;
float:left;
height:23px;
width:174px;
margin:6px 0 3px 9px;
padding:0;
}

.column_right {
display:inline;
float:left;
height:23px;
width:174px;
list-style-type:none;
margin:6px 0 3px 9px;
padding:0;
}

/********************************************* COLUME_BOOK ****************/
#book {
display:inline;
float:left;
height:196px;
width:488px;
background-color:#f7f8df;
border:1px solid #cfcfcf;
margin:0 0 15px;
padding:0;
}

.box_b {
display:inline;
float:left;
height:150px;
width:220px;
background-color:#FFF;
margin:8px 0 0 15px;
padding:0;
}

.img_book {
display:inline;
float:left;
height:83px;
width:58px;
list-style-type:none;
margin:30px 6px 5px;
padding:0;
}

.img_book li {
display:inline;
float:left;
height:auto;
width:58px;
list-style-type:none;
margin:0;
padding:0;
}

.box_detailB {
display:inline;
float:left;
height:96px;
width:145px;
margin:30px 0 0;
padding:0;
}

.box_detailB li {
display:inline;
float:left;
width:145px;
margin:0;
padding:0;
}

.hilight_b {
display:inline;
float:left;
height:auto;
width:145px;
list-style-type:none;
background-color:#f7f7f7;
margin:30px 2px 2px 5px;
padding:2px 0 0;
}

.detail_b {
display:inline;
float:left;
height:60px;
width:145px;
list-style-type:none;
background-color:#FFF;
margin:8px 0 3px 4px;
padding:0;
}

.detail_b p {
display:inline;
float:left;
height:auto;
width:146px;
list-style-type:none;
margin:0;
padding:0;
}

/********************************************* COLUME_WALLPAPER ****************/
#wallpaper_l {
	display:block;
	float:left;
	height:150px;
	width:192px;
	border:1px solid #f2f2f2;
	background-color:#f7f7f7;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
#wallpaper {
display:inline;
float:left;
height:136px;
width:488px;
border:1px solid #cfcfcf;
margin:0 0 15px;
padding:0;
}

.box_wall {
display:inline;
float:left;
height:69px;
width:214px;
text-align:left;
margin:20px 0 0 3px;
padding:0;
}
.img_wall {
	display:inline;
	float:left;
	height:25px;
	width:180px;
	text-align:left;
	list-style-type: none;
	padding: 0;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}
.box_wall2 {
	display:inline;
	float:left;
	height:30px;
	width:120px;
	text-align:left;
	padding:0;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
}
.box_wall_sub_img {
display:inline;
float:left;
height:68px;
width:92px;
margin:0;
padding:0;
}
.box_wall_sub_img2 {
	display:block;
	float:left;
	height:90px;
	width:120px;
	margin:0;
	padding:0;
}
.box_wall_sub {
display:inline;
float:left;
height:60px;
width:90px;
margin:10px 0 0 2px;
padding:0;
}

.box_wall_sub li {
display:inline;
float:left;
height:auto;
width:103px;
list-style-type:none;
margin:0 0 0 2px;
padding:0 0 2px;
}

.box_wall_sub li a {
font-family:tahoma;
font-size:10px;
color:#a6a5a4;
text-decoration:none;
float:left;
margin:0;
padding:0;
}

.box_wall_sub li a:hover {
font-family:tahoma;
font-size:10px;
color:#09F;
text-decoration:none;
float:left;
margin:0;
padding:0;
}

/********************************************************************** COLUME RIGHT****************/
#colRight {
display:inline;
float:left;
height:auto;
width:200px;
margin:0;
padding:0;
}

/********************************************* COLUME_NICE TO MEET YOU ****************/
#nice_to {
display:inline;
float:left;
height:auto;
width:192px;
border:1px solid #f2f2f2;
background-color:#f7f7f7;
margin:0 0 15px;
padding:0 0 5px;
}

#nice_to ul {
display:inline;
float:left;
height:auto;
width:192px;
margin:10px 0 0;
padding:0;
}

#nice_to li {
float:left;
width:192px;
display:inline;
margin:0;
padding:0 0 3px;
}

.img_nice {
display:inline;
list-style-type:none;
text-align:center;
float:left;
margin:0;
padding:0;
}

/********************************************* COLUME_STORY ****************/
#story {
display:inline;
float:left;
height:auto;
width:192px;
background-color:#f7f7f7;
border:1px solid #f2f2f2;
margin:0 0 15px;
padding:0;
}

#nice_to p {
display:inline;
float:left;
width:160px;
text-align:center;
margin:0 0 0 15px;
padding:0;
}

.box_book {
display:inline;
float:left;
height:auto;
width:171px;
background-color:#fff9f9;
margin:3px 0 0 7px;
padding:6px 2px 5px 4px;
}

.box_book li {
display:inline;
float:right;
width:127px;
margin:0;
padding:0;
}

#img_story {
display:inline;
float:left;
height:37px;
width:38px;
list-style-type:none;
margin:0;
padding:0 5px 0 0;
}

.book_story {
display:inline;
float:left;
width:120px;
margin:0;
padding:0;
}

.book_story p {
display:inline;
float:left;
width:120px;
margin:0;
padding:0;
}

#readmore {
display:inline;
float:left;
height:14px;
width:32px;
text-align:right;
margin:20px 0 0;
padding:0;
}

.bt_book {
display:inline;
float:left;
height:21px;
width:132px;
margin:10px 0 8px 30px;
padding:0;
}

.bt_book li {
display:inline;
}

/******************************************************* BANNER ****************/
#banner {
	display:inline;
	float:left;
	height:auto;
	width:140px;
	padding:0;
	list-style-type: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 27px;
}
.banner_ul {
	display:inline;
	float:left;
	height:auto;
	width:140px;
	padding:0;
	margin: 0px;
	list-style-type: none;
}
.banner_li {
	display:inline;
	float:left;
	height:auto;
	width:140px;
	list-style-type:none;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
	padding: 0;
}

/***************************************************************************************** FOOTER ****************/
#footer {
display:inline;
float:left;
height:auto;
width:977px;
margin:10px 0 0;
padding:0;
}

/******************************************************* BANNER_LINK ****************/
#banner_link {
float:left;
height:auto;
width:960px;
display:inline;
text-align:center;
margin:0 0 0 30px;
padding:0;
}

#banner_link li {
display:inline;
float:left;
height:31px;
width:88px;
margin:0 0 5px 14px;
padding:0;
}

/******************************************************* MENU FOOTER ****************/
#menu_f {
display:inline;
float:left;
height:25px;
width:794px;
margin:5px 0 0 40px;
padding:0 0 15px 110px;
}

#menu_f li {
display:inline;
float:left;
height:18px;
width:auto;
text-align:center;
margin:0;
padding:3px 30px 0 0;
}

#menu_f li a {
font-family:sans-serif;
font-size:13px;
color:#333;
text-decoration:none;
font-weight:700;
}

#menu_f li a:hover {
font-family:sans-serif;
font-size:13px;
color:#06F;
text-decoration:underline;
}

#m_footer {
display:inline;
float:left;
height:19px;
width:997px;
background-color:#ECECEC;
background-image:url(images/main_bg2.jpg);
background-repeat:no-repeat;
margin:0;
padding:0;
}

#m_footer ul {
display:inline;
float:left;
width:997px;
text-align:center;
height:40px;
margin:20px 0 0;
padding:0;
}

#menu_link {
display:inline;
float:left;
height:21px;
width:997px;
margin:0;
padding:0;
}

/******************************************************* CASS TEXT ****************/
.txt_top {
	font-family:tahoma;
	font-size:11px;
	font-weight:700;
	color:#918B8F;
}

.txt_top_orang
 {
font-family:tahoma;
font-size:11px;
font-weight:700;
color:#F90;
}

.txt_sub {
font-family:tahoma;
font-size:12px;
color:#FFF;
}

.txt_new {
font-family:tahoma;
font-size:12px;
font-weight:700;
color:#FFF;
}

.txt_titile {
font-family:tahoma;
font-size:11px;
font-weight:700;
color:#333;
display:inline;
}

.txt_hg_detail {
font-family:Tahoma;
font-size:11px;
color:#666;
font-weight:700;
display:inline;
}

.txt_detail {
font-family:Tahoma;
font-size:11px;
color:#666;
text-align:left;
display:inline;
}

.txt_readmore {
font-family:tahoma;
font-size:10px;
color:#9CC;
text-decoration:none;
}

/***********************************************************************************spy********************
 SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 
 Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. 
 Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 
 This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
float:left;
clear:none;
width:100%;
display:inline;
margin:2px;
padding:3px;
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
display:inline;
margin:0;
padding:0;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position:relative;
	top:1px;
	float:left;
	background-color:#eff6e8;
	list-style:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	cursor:pointer;
	width:120px;
	font-family:sans-serif;
	font-size:0.75em;
	font-weight:700;
	border-color:#cfcfcf;
	border-style:solid;
	border-width:1px;
	margin:0 1px 0 0;
	padding:4px 10px;
	color: #95908c;
}
.TabbedPanelsTab_
violet/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
 {
	position:relative;
	top:1px;
	float:left;
	background-color:#eff6e8;
	list-style:none;

-moz-user-select:none;
-khtml-user-select:none;
	cursor:pointer;
	width:120px;
	font-family:sans-serif;
	font-size:0.75em;
	font-weight:700;
	border-color:#cfcfcf;
	border-style:solid;
	border-width:1px;
	margin:0 1px 0 0;
	padding:4px 10px;
	color: #94828C;
}

.TabbedPanelsTab_orange {
position:relative;
top:1px;
float:left;
background-color:#eff6e8;
list-style:none;
-moz-user-select:none;
-khtml-user-select:none;
cursor:pointer;
width:120px;
font-family:sans-serif;
font-size:0.75em;
font-weight:700;
color:#F60;
border-color:#cfcfcf;
border-style:solid;
border-width:1px;
margin:0 1px 0 0;
padding:4px 10px;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
background-color:#f7f8df;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
background-color:#f7f8df;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#f7f8df;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
color:#333;
text-decoration:none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
clear:both;
background-color:#f7f8df;
display:inline;
float:left;
height:213px;
width:488px;
border-color:#cfcfcf;
border-style:solid;
border-width:1px;
margin:0;
padding:0;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
margin:0;
padding:4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 
 Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 
 This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
float:left;
width:10em;
height:20em;
background-color:#cfcfcf;
position:relative;
border-top:solid 1px #999;
border-right:solid 1px #999;
border-left:solid 1px #CCC;
border-bottom:solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
float:none;
border-top:none;
border-left:none;
border-right:none;
margin:0;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
background-color:#EEE;
border-bottom:solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
clear:none;
float:left;
width:30em;
height:20em;
padding:0;
}

#header,#container {
display:inline;
float:left;
height:auto;
width:997px;
margin:0 0 0 15px;
padding:0;
}

#h_logo li,#h_menu li,.column_mid li,.box_wall_sub_img li {
display:inline;
}

#back_Issue li,#photo_gallery li {
display:inline;
float:left;
height:auto;
width:226px;
list-style-type:none;
text-align:center;
margin:0;
padding:0;
}

#bt_wall,.bt_wall {
display:inline;
float:left;
height:20px;
width:15px;
margin:40px 0 0 9px;
padding:0;
}

#bt_wall li,.bt_wall li {
display:inline;
float:left;
height:auto;
width:15px;
list-style-type:none;
margin:0;
padding:0;
}

.box_detailL,.box_detailL2 {
display:inline;
float:left;
height:auto;
width:80px;
list-style-type:none;
margin:0 0 2px;
padding:0;
}

#wallpaper .column_mid li,#regulars_img {
display:inline;
float:left;
height:auto;
width:481px;
list-style-type:none;
margin:0;
padding:0;
}

/********************************************* COLUME_REGULARS ****************/
.Voyage {
	display:inline;
	float:left;
	height:auto;
	width:488px;
	background-color:#f7f8df;
	border:1px solid #cfcfcf;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.boxVoyage {
	display: inline;
	float: left;
	height: auto;
	width: 482px;
	margin-left: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.voyageH {
	display:inline;
	float:left;
	height:23px;
	width:481px;
	padding:0;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
.voyage_width {
	display:inline;
	float:left;
	height:auto;
	width:481px;
	padding:0;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

.voyage_pic {
	display: inline;
	height: 130px;
	width: 190px;
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 3px;
}
.voyage_detail {
	display: inline;
	height: auto;
	width: 254px;
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.voyage_detail p {
	display: inline;
	float: left;
	padding: 0px;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	width: 254px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
}