/* THE BIG GUYS */
body {padding: 0px; margin:0px 0 0 0;
    color:#333;
    font:83%/1.5 arial,tahoma,verdana,sans-serif;
    text-align: justify;
	scrollbar-face-color:#649dd4;
	scrollbar-base-color:#325326;
	scrollbar-arrow-color:#FFCC66;
	scrollbar-shadow-color:#efefef;
}

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer}
a:link {color:#c00}
a:visited {color:#777}
a:hover,a:active {color:#649dd4;text-decoration:underline;}

/* GENERAL */
img {border:none}
hr {margin: 0.25em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}
/* COLORS */
.red_bright {COLOR: #f90e0b}
.VDT_red    {COLOR: #649dd4}
.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}

#printlink, #printlink a {
    color:#aaaaaa;
    /*font-size: 85%; */
    text-transform:uppercase;
    font-weight:bold;
    text-align:middle;
}
.date {font: bold 78% arial;color:#bbb;display:block;letter-spacing: 1px}

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6, .inside_header, .img_captext, .small, .smalltext, .x-small, .xx-small
 {text-align:left;}

.small, .pro_day, .pro_text, #content_right p  {font-size:87%; line-height:145%};
.img_captext, .xx-small, .x-small, {font-size:10px; letter-spacing: 0.01em; line-height:125%}
.img_captext, #calendar .small {color:#666666}
.subtitle, .keywords {font-style:italic;text-align: center;}
.keywords { color:#649dd4; font-weight: bold;}

.newsdate {
	display: block;
    clear: both;
    font-family: Georgia, Times, Verdana, Sans-Serif;
    font-size:18px;
    letter-spacing:0.2em;
    text-align:left;
    color:#649dd4;
    padding-top:6px;
    border-top: 1px dotted #649dd4;
    margin-bottom:10px;
    margin-top:10px;
}

/* HEADERS */
h1, h2, h3, h4, h5, h6 {
   letter-spacing:0px;
   font-family: arial,verdana,sans-serif;
/*   margin: 1.2em 0 .3em; */
   margin: 0.4em 0 .3em;
	}
h1 {font-size: 146%; margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h3 a, h3 a:link,  h3 a:hover {text-decoration:none;}
h4,.inside_header {font-size: 116%; margin-top: 8px; margin-bottom:2px; font-weight:bold; color:#649dd4;}

h5,h5 a, h5 a:link, h5 a:hover, h5 a:visited, .colorcell, .colorcell a, .colorcell a:link, .colorcell a:hover, .colorcell a:visited
 {font-size: 106%; background-color: #649dd4;
  font-weight: bold;
  letter-spacing: 0px;
  text-align: justify;
  color: #ffffff;
  padding: 2px 5px 2px 5px;
}
h6 {font-size: 96%}

.title, .titlecaps {
		font-size:14pt;	font-family: arial, helvetica, 'sans serif'; font-weight: bold;
		line-height:150%;text-transform:uppercase; letter-spacing:1pt;
        text-align: center;color: #649dd4;
        margin-bottom: 2px; margin-top:0px;
          }
.titlecaps {font-size:22pt;}

/* **********************************************************************************************************************

/* LAYOUT - main body of page */
   #wrap {min-width:770px;max-width:1200px;margin:0px 0px 0px 0px;position:relative}
   #content-wrap {position:relative;width:100%}

/* LAYOUT - HEADER url("images/sprites.gif") repeat-x 0 100%  */
    #header {background: #666666; margin: 0 0 10px 0px; padding: 5px 0 8px 0; border-top:2px solid #649dd4;border-bottom:2px solid #649dd4;}
    #header #banner {background: url("../graphics/s2dlogo.jpg") no-repeat; height:60px; text-align:left;}
    #header #site-name {font: 265% arial;letter-spacing: -.05em;margin:0 0 0 40px;padding:3px 0;color:#ccc;border:none}
    .menurow {vertical-align:middle; padding-left:25px;}

/* row with language menu */
   #banner_bottom {padding: 0 35px 0 25px; text-align:right};



/*left: 25px left 180px content 15px right 1px border 15px margin*/
    #utility {width:221px; padding: 0 15px 20px 25px; border-right: 1px solid #649dd4; vertical-align:top;}
    #sidebar {position:absolute;top:0;right:25px;width:20%;border-top: 5px solid #999;padding-top: 1px;padding-bottom: 40px}

    #content {padding:0 35px 20px 15px}
    #content #textdiv {width:100%; float:left;}

    #breadcrumb {border-bottom: 1px dotted #8888ff; padding-bottom: 5px;}
	#content #breadcrumb a, #content #breadcrumb a:link, #content #breadcrumb a:visited, #content #breadcrumb a:active
    {
    	/*color:#7777aa;*/
    	color:#A22020;text-decoration:none}

    #content #breadcrumb a:hover {text-decoration:underline}


/* right column */
	#content_right {display: block; float:right; width: 226px; border:0; padding:3px; margin:0 0 0 20px;}

    #content_top {display: block; border:0; margin:0 246px 0 0; padding:0;}

	.featurebox {color:#333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%}
	.featurebox h1, .featurebox h2, .featurebox h3 {
    	margin: 0 0 .3em; border-bottom: 1px solid #c00; color:#c00
    }
	.featurebox p, .featurebox h4, .featurebox h5, .featurebox h6  {
    	border:none; margin: 0 0 4px 0;color:#444
    }
	.featurebox h1 a, .featurebox h2 a,  .featurebox h3 a {font-weight:bold}

/* footer */
.footer {
    padding: 5px 25px 5px 25px;
    border-top: 1px solid #649dd4;
    vertical-align: middle;
}

/* 	Tables ********************************************************** */
	.pro_day, .pro_text {vertical-align:top;padding: 5px 0 5px 0;}
	.pro_day {width:15%;color:#649dd4;font-weight:bold;}
	.pro_text {width:85%;}

.tablecell_h, .tablecell_1, .tablecell_2, tablecell_3 {
  text-align:left;
  vertical-align:middle;
  border:0px none;
  margin:0;
  padding:3px;
}
.tablecell_h {
  font-weight:bold;
  background-color:#dddddd;
 }
.tablecell_2 {
  background-color:#ccffcc;
 }
.tablecell_3 {
  background-color:#cccccc;
 }
 .textbox  {
	display:block;
	padding:5px;
	margin: 0px 0px 0px 0px;
    background-image: url('../../voldis/back/stromboli_36227_494bw.jpg');
	border:0px;
    text-align:left;
}
table.imgtext-table, table.imgtext-nowrap, .spacer-gif {
  	margin:0;
    padding:0;
    border:0px none;
}
table.imgtext-table {
    text-align:left;
	float:left;
}
table.imgtext-nowrap {
	width:100%;
    text-align:left;
    clear: both;
}

.thin, .thin_small {
	width:100%;
    height:1px;
    color: #888888;
    margin: 10px 0px 10px 0px;
}

.verticalbar  {width:1px; margin:0; background-color:#649dd4;}

/* ************************************************************************************************************ */
/* IMAGES */
.image_left, img.image_left, a img.image_left {
         clear: left;
         float: left;
         margin: 0 10px 20px 0;
         border: 5px solid #eeeeee;
		 border-right: 5px solid #cccccc;
         border-bottom: 5px solid #cccccc;
}
.image_right, img.image_right, a img.image_right  {
         clear: right;
         float: right;
         border: 5px solid #eeeeee;
         margin: 0 0px 20px 10px;
		 border-right: 5px solid #ccccc;
         border-bottom: 5px solid #ccccc;
}

.img-r, .img-l {
         width: 160px;
         padding: 5px;
         background-color: #eeeeee;
		 text-align: center;
}
.img-l {clear: left; float: left; margin: 0 10px 20px 0;}
.img-r {clear: right; float: right; margin: 0 0px 20px 10px;}
.img-l img, .img-r img {margin: 0 0 3px 0;}




/* ************************************************************************************************************ */
/* FORMS */

	/* SEARCH */
/*	#search {color:#fff;font-weight:bold; position:reabsolute;top:10px;right:30px;}        */
   	#search {color:#fff;font-weight:bold; margin: 10px 25px 15px 15px;}
	#search form {margin:0}
	#search input {width:8em;margin: 0 0 -1px;height:1.2em}
	#search label {padding:5px 0 0;display:inline}
	#search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}



/* FORMS */
form {margin: 0 0 1.5em}
input, textarea {font-family: arial,tahoma,verdana,sans-serif;
	margin: 2px 0; border: 1px solid #999}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

	/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}

	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	form.f-wrap-1 {width:100%;padding: .5em 0;background: #f6f6f6 url("../images/featurebox_bg.gif") no-repeat 100% 100%;border-top: 1px solid #d7d7d7;position:relative}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}

		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */

		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}

		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.f-wrap-1 div.req b {color:#c00;font-size:140%}
		form.f-wrap-1 label select {width: 15.5em}
		form.f-wrap-1 label textarea.f-comments {width: 20em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}

		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}

		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(../images/errormsg_bg.gif) no-repeat 0 0}
		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}



 /************************************** MENUS ***************************** */
	/* NAV - top horizontal nav */
	/* NAV - top horizontal nav */
	/* 1st level */
   #udm li a.first:hover {color:#bb202a;}

	#udm li.active a.first {background: #bb202a; color:#fff; }
	/*border-right: 3px solid #bb202a; border-bottom: 3px solid #bb202a;}  */

	/* 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 ul {background: #fff url("images/menuback_02.jpg") no-repeat }
	#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 a, #udm li li li li a:hover,#udm li li li li a:focus, #udm li li li li a:visited, #udm li li li li a:link  {background:none; color:#eeeee;}
*/	#udm li li li li.active a.fourth {color:#eeeeee;}

/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul {position:static}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff}
	#nav-secondary {padding-top:0;border-top: 1px solid #ccc; margin-top: 1px}

    /*#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff url("images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}*/
    #nav-secondary a {line-height:1.8; padding: 5px 0 5px 23px;background: #fff url("images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}

	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer}
	#nav-secondary a:link {color:#000}
	#nav-secondary a:visited {color:#000}
	#nav-secondary a:hover {color:#c00; background: #cee url("images/sprites.gif") no-repeat 10px -695px}

    #nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active
    	{color:#c00}
	/*#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}*/
    #nav-secondary li {border-bottom: 1px solid #ccc}

/* SECONDARY NAVIGATION - 2nd TIER */
	#nav-secondary ul {margin: 0 0 1em 23px;padding:0}
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}
	#nav-secondary li.active li {border: none;margin:0}

	#nav-secondary li.active li.active a:link,
	#nav-secondary li.active li.active a:visited,
	#nav-secondary li.active li.active a:hover,
	#nav-secondary li.active li.active a:active {color: #c00; font-weight:normal}

 	#nav-secondary li.active li.first a:link,
	#nav-secondary li.active li.first a:visited,
	#nav-secondary li.active li.first a:hover,
	#nav-secondary li.active li.first a:active {color: #333333; font-weight:normal}

/* SECONDARY NAVIGATION - 3rd TIER */
	#nav-secondary ul ul {margin: 0 0 1em 13px;padding:0}

    #nav-secondary li.active li.active li a,
    #nav-secondary li.active li.active li a:link,
    #nav-secondary li.active li.active li a:visited {width:117px}

    #nav-secondary li.active li.active li a:link,
	#nav-secondary li.active li.active li a:visited,
	#nav-secondary li.active li.active li a:hover,
	#nav-secondary li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active a:link,
	#nav-secondary li.active li.active li.active a:visited,
	#nav-secondary li.active li.active li.active a:hover,
	#nav-secondary li.active li.active li.active a:active {color: #c00; font-weight:normal}

	#nav-secondary li.active li.active li.first a:link,
	#nav-secondary li.active li.active li.first a:visited,
	#nav-secondary li.active li.active li.first a:hover,
	#nav-secondary li.active li.active li.first a:active {color: #555555; font-weight:normal}


/* SECONDARY NAVIGATION - 4th TIER */
	#nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px}
	#nav-secondary li.active li.active li.active li a:link,
	#nav-secondary li.active li.active li.active li a:visited,
	#nav-secondary li.active li.active li.active li a:hover,
	#nav-secondary li.active li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active li.active a:link,
	#nav-secondary li.active li.active li.active li.active a:visited,
	#nav-secondary li.active li.active li.active li.active a:hover,
	#nav-secondary li.active li.active li.active li.active a:active {color: #c00; font-weight:normal}

  	#nav-secondary li.active li.active li.active li.first a:link,
	#nav-secondary li.active li.active li.active li.first a:visited,
	#nav-secondary li.active li.active li.active li.first a:hover,
	#nav-secondary li.active li.active li.active li.first a:active {color: #777777; font-weight:normal}



/* MENU for tour program display */
.tourmenu,.tourmenu a, .tourmenu_act a {
  color:#333;
  font-size: 14px;
  letter-spacing: 0.05em;
  font-variant:small-caps;
  font-weight:bold;
  text-decoration: none;
  text-align:center;
  display: block;
  margin: 0px 5px 0px 5px;
  border: 3px solid #ffffff;
  padding: 2px 5px 2px 5px;
}
.tourmenu a:hover, .tourmenu a:active, .tourmenu a:focus {
/*    background-color: #eeeeee; */
    border: 3px solid #ffff55;
    text-decoration: none;
}
.tourmenu_act a {
    border: 3px solid #649dd4;
    text-decoration: none;
}


/* ************************    LISTS *****************************************/

/* LISTS */
ul {list-style-type:none}
ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
/*li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
*/
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/*
ul, ul.red, ul.blue, ul.gray  {
	list-style-image:url('../gif/list_r.gif');
	list-style-position:outside;
    font-size:x-small;
    text-align: left;
    text-indent:15pt;
    margin: 0;
}
ul.blue  {list-style-image:url('../gif/bullets/list_b.gif');}
ul.gray  {list-style-image:url('../gif/bullets/list_g.gif');}

ul li a:hover, ul li a:active {font-weight: bold;}
ul.blue li a:hover, ul.gray li a:hover {list-style-image:url('../gif/bullets/list_r.gif');}
*/