BODY {
  FONT-SIZE: small; MARGIN: 2px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
  background:#666 url('../gif/Logo_VDT_02_8_back_gray.jpg');
  background-repeat:repeat;
  background-attachment:fixed;
  padding:0px;
  color:#999;
  scrollbar-face-color:#bb202a;
  scrollbar-base-color:#325326;
  scrollbar-arrow-color:#FFCC66;
  scrollbar-shadow-color:#efefef;
  }

/* LINKS */

A:link {text-decoration: none ;color: #dddddd;}
A:visited {text-decoration: none ;color: #dddddd;}
A:hover {text-decoration: underline ;color: #ffffff;}
A:active {text-decoration: none ;color: #ffffff;}

.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}

/* COLORS */
.red_bright {COLOR: #f90e0b}
.VDT_red    {COLOR: #bb202a}
.VDT_yellow {color: #FFE06a}
.new_blue   {color: #006699}
.sant_blue  {color: #0064a6}
.VDT_orange {color: #FFBB44}
.HAW 	  	{color: #60852d}
.IND		{color: #008f5b}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}


/* html elements */

select   {font-size:8px;line-height:8px;font-family:verdana,arial,helvetica,sans-serif;border: 1pt;border-style: solid;}
input    {background-color: #f0f0f0; font-family: Verdana; font-size: 8pt; color: #000000;}
select   {background-color: #f0f0f0; font-family: Verdana; font-size: 7pt; color: #000000;}
textarea {background-color: #f0f0f0; font-family: Verdana; font-size: 8pt; color: #000000;}


.normal {
  text-align:justify;
  border:0px none;
  margin:0;
}

.small, .pro_day, .pro_text, #content_right, #content_left {font-size:90%;}

.small {
  text-align:left;
  font-size: 8pt;
  line-height: 140%;
  border:0px none;
  margin: 0;
  padding: 0;
}

.xsmall, .img_captext, .x-small, #calendar .small {
  font-size:xx-small;
  text-align:left;
  /*font-size:10px; */
  letter-spacing: 0.01em;
  line-height:125%}

  }


/* TYPOGRAPHY p, ul, ol {margin: 0 0 1.5em}*/
p, ul, ol {margin: 0 0 0 0}

h1, h2, h3, h4, h5, h6, .inside_header, .inline_header, .img_captext, .small, .smalltext, .x-small, .xx-small
 {text-align:left;}


.img_captext, #calendar .small {color:#888}


h1, h2, h3, h4	{
	font-weight:bold;
	margin-top:0px;
   text-align:left;
   padding:0;
}

h1	{
	margin-bottom: 10px;
	font-size: 16pt;
	text-transform:uppercase;
    text-align:left;
     }

h2	{
	 padding:0;
	 margin-bottom: 5px;
	 margin-top:0px;
     font-size: 120%;
     text-align:left;
	}

h3, #title	{
	margin-bottom: 2px;
  	font-size:12px;
  	text-align:left;
  	line-height:130%;
  	border:0px none;
  	margin:0;
  	padding:0;

}

.date {font: bold 78% arial;color:#bbb;display:block;letter-spacing: 1px}

.copyright {font-size:10px;
		 text-align:left;
		 margin-top:2px;
         margin-bottom:2px;
		}




/* page layout *********************************/

#top {vertical-align:middle; width:100%; padding:5px 0; margin-top:5px; background:#bb202a;}
#lang {width:720px; text-align:right;margin: 20px 0 0 0;}
#wrap {width:100%;}

#submenu, #content {
	text-align:left;
	width:720px;
	padding: 10px 0 5px 0;
	margin-bottom: 0;
}
#submenu {position:relative; border: 1px dotted #bb202a; padding:10px; width: 800px;
}
#logo_top {position:absolute; left:580px; top:10px; float:right; margin-bottom:10px;}
#sm {width: 600px;}
#sub2 { border-top: 1px solid #bb202a;}


/* content blocks */

	/* LAYOUT - CONTENT BETWEEN HEADER and FOOTER */
    /* everything between header and footer */
	#maintable {min-width: 883px; padding: 0 15px 20px 15px;

		vertical-align: top; text-align:left;}


	/*left: 25px left 180px content 15px right 1px border 15px margin*/
    #left-col {width:192px; padding: 0 10px 20px 0px; vertical-align:top;}

	 /*left content */
    #left {clear:both; margin-bottom:10px; padding-bottom: 10px; border-bottom: 1px dotted #666;}
	/* second element in main column (the content) */
    #contentmain {min-width: 663px; padding:3px 1px 20px 10px;
	 	border-left: 1px solid #bb202a;
	 	vertical-align:top; margin: 10px 0 0 0;}

	#content_right {float:right; width: 210px; border:0; padding:0px; margin:0 0 10px 10px;}

	#content_top { border:0; margin:0 220px 0 0; padding:0; vertical-align:top;}
/*   #r-cell {border-top:1px solid #bb202a;padding-top:3px;}  */

	#content_right .small, #utility .small {font-size:100%;}




/* fixed elements in left column */
/* SEARCH */
   #search {display:block; padding: 0px 2px 2px 2px; margin: 0px 0px 25px 0px;
		text-align:left;}
	#search input, #search input.fr  {float:left; width:110px; height:1.75em; margin: 0 5px 0 0;height:1.2em; font-size:87%;display:inline;}
   #search input.fr {width:90px;}
	#search label {padding:5px 0 0;display:inline}
	#search input.f-submit {display:inline; width:auto;font-size:81%;
		height:1.60em;
		background:none;
		color:#666;
	}


#tip {
	display: block;
	font-size:87%; font-weight:bold; width: 100%; padding: 2px; margin: 5px 0;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
}
#tip a:link {color:#aaa;}


/* google ads */
.google {
    margin: 15px 0px;
    padding-top: 5px;
    /*border-top: 1px dotted #bb202a;*/
    text-align: left;
}





/* footer blocks */
#footer1, #footer2 {
    padding: 5px 25px 5px 25px;
    border-top: 1px solid #bb202a;
    vertical-align: middle;
    text-align:left;
    font-size: 8pt;
}
#footer1 {margin-top: 5px; vertical-align:bottom;}
#footer2 {border-bottom: 1px solid #bb202a; margin-bottom:5px;}

#footer2 table {border:none; width: 100%; font-size:10px; letter-spacing: 0.01em;}

#logo_bottom {float:right; margin-left: 20px; margin-top: 10px; vertical-align:bottom;}
#edited {width:200px;}
#menu_bottom {margin:5px 20px 5px 20px; text-align:center;}
#c_note {width:200px;}


/* textblocks */
.textbox  {
 	display:block;
	padding:5px;
	margin: 0px 0px 0px 0px;
   background-image: url('images/yasur_i29986.gif');
   background-position:center 20%;
	border:0px;
   text-align:left;
   color: #ccc;
}



/* horizontal rulers */
hr {clear:both;}

hr.spc {width:100%; height:1px; border:none; background-color:#bb202a;
margin:5px 0;}
hr.thin {
    height:1px;
    color: #888888;
    margin: 10px 0px 10px 0px;
}
hr.thin_small {color:#bb202a;background-color:#bb202a;height:1px; width:80%;
 margin: 5px 10% 5px 10%;}

hr.spacer {
	clear: left; width:75%; margin: 10px 12.5% 10px 12.5%;
	/*background-color:#bb202a; */
	border:none; height: 1px;
	border-top: 1px dotted #bb202a;

}


/* lists *+++++++++++++++++++++++++ */
/*
ul	{list-style-image:url('../gif/list_r.gif');
	list-style-position:outside;
   text-align: left;
   text-indent:10px;
	margin: 0;
} */

/*div.hr {
  height: 15px;
  background: #fff url(../gif/3volcanoes.gif) no-repeat scroll center;
} */


 /************************************** MENUS ***************************** */
	/* NAV - top horizontal nav */
	/* 1st level */

   #udm li a.first:hover {color:#bb202a;}
	#udm li.active a.first {background: #bb202a; color:#fff; }

	/* 2nd level */

   #udm li li a {border-bottom: 1px solid #bb202a;}
   #udm li li.last a {border-bottom: none;}

	#udm li li.active a.second {background: #bb202a; color:#eee; font-weight:bold;}

	/* 3rd level */
   #udm li li li.active a.third {background: #bb202a; color:#eee; font-weight:bold;}

	/* 4th level */

	#udm li li li li a {color:#eee}
	#udm li li li li a:focus, #udm li li li li a:hover {color:#bb202a;}
	#udm li li li li.active a.fourth {color:#eeeeee;}




/* td tour extension */
/* Classes for extension tx_tdtour  */

div .tx_tdtour_pi1 {margin:0; padding:0}

.tx_tdtour_shortlist_row,.tx_tdtour_shortlist_row_alt,.tx_tdtour_shortlist_legend
	{text-align:left; font-size:12px; margin-bottom:3px;}
.tx_tdtour_shortlist_legend {color:#999999; margin-top:10px;
border-top: 1px dashed #888888; padding-top:5px;}

.tx_tdtour_programtable a:link, .tx_tdtour_programtable a:hover, .tx_tdtour_programtable a:active,.tx_tdtour_programtable a:visited,
.eyecatcher a:link, .eyecatcher a:hover, .eyecatcher a:active,.eyecatcher a:visited
 {color:#bb202a;}
.tx_tdtour_programtable
 { font-size: 11px; line-height:125%}

.eyecatcher {display:block; float:left;}
.tx_tdtour_eyecatcher_header {text-align:left; font-size: 114%;
color: #666666; margin-bottom:2px;}

.eyecatcher_highlight {font-size:100%; color:#bb202a; margin-top:4px;}

.tx_tdtour_eyecatcher_header a, .tx_tdtour_eyecatcher_header a:link, .tx_tdtour_eyecatcher_header a:hover, .tx_tdtour_eyecatcher_header a:visited
 {color:#bb202a;}

.highlights_tour {font-size: 80%; clear: left; float: left;width: 160px; margin:0 10px 20px 0; border:0; padding:4px; background-color:#FFE06a;}



/* MENU for tour program display */
.tourmenu a, .tourmenu_act, .tourmenu_act a, .ctour-left-shortcut {
  color:#0064a6;   /* was 333 */
  line-height: 110%;
  font-variant:small-caps;
  text-decoration: none;
  text-align:center;
  display: block;
  margin: 0px 5px 0px 5px;
  border: 2px solid #ffffff;
  padding: 2px 5px 2px 5px;
}
.tourmenu a:hover, .tourmenu a:active, .tourmenu a:focus {
    border: 2px solid #0064a6;
    text-decoration: none;
}

.tourmenu_act {
    border: 2px solid #bb202a;
    text-decoration: none;
}

.ctour-left-shortcut {
    text-align:left;
    width: 180px;
    margin: 10px 0;
    border: 2px solid #0064a6;
}
.ctour-left-shortcut a, .ctour-left-shortcut a:hover {
    text-decoration: none;
}
.ctour-left-shortcut:hover, .ctour-left-shortcut:active {
    text-decoration: none;
    border: 2px solid #bb202a;
}

/* CUSTOM TOURS */
    .ctour-inline-change, .ctour-inline-change a:link {font-size:66%; color:#666666; font-weight:normal; vertical-align: super;}
    span.ctour-inline-subdued {font-size:66%; color:#aaa; font-weight:normal; padding-bottom: 10px;}

    .ctour-itinerary-headerrow {font-weight: bold; text-align: left; font-size: 100%; line-height: 120%;
		color: #60852d; padding: 3px 10px 3px 3px; vertical-align:middle;}

	.ctour-container, .ctour-container-itinerary {width: 220px; float: right; margin: 10px 0 5px 15px; border: 1px solid #bb202a; padding: 5px;
		vertical-align:top; text-align:left;}
    .ctour-container-itinerary {width: 160px; border:none; }

	.ctour-itinerary-day-container {margin-bottom: 10px;}
    .ctour-options {clear:both; text-align:left;}

	.ctour-gif-buttons-table {width: 180px; float:right; margin: 0px 0px 0px 15px; text-align:center; vertical-align:middle;}
    .ctour-linkimage {margin: 2px 0; border: 1px solid #999;}

	.ctour-list-header {color:#bb202a; background:#eeeeee; font-weight:bold;
		padding:3px; margin: 5px 0;}


    .ctour-pagebrowser {text-align:right;}

	.form-inline {margin:0; display:inline;}
	.ctour-form-inline-right {padding:0; margin:0 10px 0 10px; display: inline; float:right}
    .ctour-form-inline-left {padding:0; margin:0 10px 0 10px; display: inline; float:left}

	.ctour-submit, .ctour-submit-inline, .ctour-submit-left
		{border: 1px solid #bb202a; padding: 0 3px; font-size: 11px; font-weight:bold;}
	.ctour-submit {float: right; margin: 10px 0 5px 15px;}
	.ctour-submit-inline, .ctour-input {display:inline; margin-left: 7px;}

	.radiobutton {background-color:#ffffff; border: none; margin: 0 5px 0 0;
		width: 12px; height:12px;}
		
/* ****************************** NEWS ******************************/
#l-news {font-size:10px;}
.news, .news_alt {font-size: 11px; color:#E17000; border-bottom: 1px dotted #aaa; margin: 5px 0 10px 0;}
#l-news div.news, #l-news div.news_alt {display:inline;}
.news_alt {color:#999;}
.n-title {font-weight:bold; }