﻿/* Version information */
/* "$RCSfile: items_list.htm,v $   $Revision: 1.0 $   $Name:  $" */

/* Main stylesheet for VITARES website */

/* Developer notes 
   ---------------
   
  Main sections - in this file
  #1 Standard tag settings                (changes may affect many items across whole site - as they affect any tags without a specified class assignment)
  #2 Classes                              (changes limited to tags with that class assignment)


  Supporting items
  ----------------
  stylesheet_demonstrator - an html doc showing samples of the affects of this stylesheet
  colour_palette & colour combos
  links
*/

/* At-Rules */
@charset iso-8859-1;


/* #1 Standard tag settings ======================================================*/

/* body specific */
/*---------------*/
/* full_window - make body use full width and height of browser window */ body {padding:0%; margin:0%; } 

/* font setttings */
/* -------------------- */
/* default_font_family - use sans-serif for clearer on-screen display */ body, address, blockquote, div, h1, h2, h3, h4, h5, h6,  p, dl, ul, ol, table, td, th,  textarea, input, small, span {font-family: verdana, tahoma, arial, helvetica, sans-serif;}
/* default_font_size */ { font-size:normal }

/* default_headings */
/* ---------------- */
/* alternate levels use normal / italic font style */
/* each set of three levels (h1,h2,h3) + (h3,h4,h5) follow colour sequence: black => green-med => red-dark */
h1 { font-size:200%; }
h2 { font-size:150%;  font-style:italic; color:#000060;}
h3 { font-size:120%;  color:#006000; }

/* for detail levels change to a distinctive font from normal sans serif */
h4 { font-size:80%;                 font-family:"Comic Sans MS"; font-style:italic;} /* font-size should be 100% reduced value as workaround to a NS display bug - was showing text in following para with class="detail" larger than expected */
h5 { font-size:80%;   color:#000060; font-family:"Comic Sans MS";}
h6 { font-size:80%;   color:#006000; font-family:"Comic Sans MS";  font-style:italic; font-weight:normal;}

/* vertical spacing */
/* keep heading close to its text (also depends on para setting) */ h1, h2, h3, h4, h5, h6   {margin-top:10px; margin-bottom:0px;}


/* default_para - bring them closer together + small margin either side */ p {margin-top:0px;  margin-bottom:10px; margin-left:5px; margin-right:5px;}


/* other */
/* em_diff_links - force emphasis style to italics & bold - to differentiate from links */ em {font-weight:bold; font-style:italic;}


/* end - Standard tag settings ------------------------------------------------------------------------------------ */


/* Custom style classes */
/* -------------------- */

/* General */
/* ======= */
/* action_note_highlight */ .action_note_highlight{ background-color:#FFFF00 }
/* detail   - normally used under (h4,h5,h6) in the main column - distinctive font & more condensed i.e. smaller font size and line height */ .detail {font-family:"Comic Sans MS", cursive; font-size: 80%; line-height:100%;}
/* headline - makes anything huge */ .headline { font-size:250%;}

/* logo */
/* ---- */
/* logo */	.logo {font-family:"arial";}
/* logo white on black */	.logo_wob {font-family:"arial"; color:#FFFFFF; background:#000000;}
/* logo red on black */		.logo_rob {font-family:"arial"; color:#FF0000; background:#000000;}

/* pri      - primary normally used to force smaller font size e.g. within part of a heading*/ .sec { font-size: 100%;}
/* sec      - secondary normally used outside of main column - smaller font size */ .sec { font-size: 80%;}
/* ter      - tertiary normally used outsideof main column - smaller font size and condensed*/ .ter { font-size: 80%; line-height:100%;}


/* block */
/* ===== */


/* block_borders */
/* ------------- */
.block_box        { border:solid 1px #666666;}
.block_bars       { border-top:solid 3px #AAAAAA; border-bottom:solid 3px #AAAAAA;}
.block_bottom_bar { border-bottom:solid 3px #AAAAAA;}

span.breadcrumb   { color:#AAAAAA; font-size:80%;}

/* col_pad */
/* ------- */
/* col_pad_s */		.col_pad_s  {padding: 0% 1% 0% 1%;}
/* col_pad_m */	    .col_pad_m  {padding: 0% 3% 0% 3%;}
/* col_pad_l */		.col_pad_l  {padding: 0% 5% 0% 5%;}

/* indent */
/* ------ */
/* indent_s    - small left side indent */ .indent_s    {margin-left:5px}
/* indent_m    - med left side indent */ .indent_m    {margin-left:10px}
/* indent_l    - small left side indent */ .indent_l    {margin-left:15px}

/* rules */
.rule_h_top_dark  {border-color:#666666;  border-top-width:2px; border-top-style:solid; text-align:top; }
.rule_h_top_light  {border-color:#AAAAAA;  border-top-width:1px; border-top-style:solid; text-align:top; }
.rule_h_top_red   {border-color:#FF0000;  border-top-width:1px; border-top-style:solid; text-align:top; }
.rule_h_top_red_med   {border-color:#990000;  border-top-width:1px; border-top-style:solid; text-align:top; }
.rule_h_bot_red_pad  {border-color:#FF0000;  border-bottom-width:2px; border-bottom-style:solid; text-align:top; padding-bottom:2px;}


/* headings_in_contexts */
/* -------------------- */
/* Sets style for heading when used in context: div or td with class = "reg" or "sec" or "sec_cond" - allows blocks in columns to be laid out individually */

/* td_sec      - secondary column headings - more condensed */  td.sec h1, td.sec h2, td.sec h3 {font-size:100%;} 
/* div_sec      - secondary column headings - more condensed */  div.sec h1, div.sec h2, div.sec h3 {font-size:100%;} 
/* td_ter      - secondary column headings - more condensed */ td.ter  h1, td.ter h2, td.ter h3 {font-size:100%;line-height:100%;} 
/* div_ter      - secondary column headings - more condensed */ div.ter h1, div.ter h2, div.ter h3 {font-size:100%;line-height:100%;} 

/* td_reg      - regular column headings - smaller than main col headings */ td.reg h1 {font-size:120%;} 
/* td_reg      - regular column headings - smaller than main col headings */ td.reg h2, td.reg h3 {font-size:100%;}
/* div_reg      - regular column headings - smaller than main col headings */ div.reg h1 {font-size:120%;} 
/* div_reg      - regular column headings - smaller than main col headings */ div.reg h2, div.reg h3 {font-size:100%;}

/* td_combo_heading   */  td.combo_heading h1, td.combo_heading h2, td.combo_heading h3 {font-size:100%;margin-top:5px; margin-bottom:5px;} 
/* div_combo_heading   */  div.combo_heading h1, div.combo_heading h2, div.combo_heading h3 {font-size:100%;margin-top:5px; margin-bottom:5px;} 



/* End - # General ==================================================================================*/


/* #2 Links =========================================================================================*/

/* links_default */
a:link    {                          color:#000000; font-weight:bold; text-decoration:underline;}
a:visited {                          color:#666666; font-weight:bold; text-decoration:underline;}
a:hover   {background-color:#DDDDDD; color:#000000; font-weight:bold; text-decoration:underline;}
a:active  {                          color:#FF0000; font-weight:bold; text-decoration:underline;}

/* links_nounderline */
a.nounderline:link    {text-decoration: none}
a.nounderline:visited {text-decoration: none}
a.nounderline:hover   {text-decoration: underline}
a.nounderline:active  {color:#FF0000; text-decoration: underline}

/* visited_off */
a.visited_off:visited { color:#000000; }
a.visited_off:active  { color:#FF0000; }

/* nounderline_visited_off */
a.nounderline_visited_off:link {text-decoration: none;}
a.nounderline_visited_off:visited {color:#000000; text-decoration: none;}
a.nounderline_visited_off:hover  {text-decoration: underline;}
a.nounderline_visited_off:active  { color:#FF0000; text-decoration: underline;}


/* nav_h_dark_01 */ 
a.nav_h_dark_01:link    {                               color:#FFFFFF; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: none; }
a.nav_h_dark_01:visited {                               color:#FFFFFF; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: none;}
a.nav_h_dark_01:hover   {background-color:#333333;      color:#FFFFFF; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: underline;}
a.nav_h_dark_01:active  {                               color:#FFFFFF; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: underline; }

/* nav_h_dark_02 */ 
a.nav_h_dark_02:link    {                               color:#FFFFFF; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: none; }
a.nav_h_dark_02:visited {                               color:#FFFFFF; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: none;}
a.nav_h_dark_02:hover   {background-color:#000000;      color:#FFFFFF; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: underline;}
a.nav_h_dark_02:active  {                               color:#FFFFFF; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: underline; }

/* nav_h_dark_current_page */ 
a.nav_h_dark_current_page:link    {                    color:#AAAAAA; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: none; }
a.nav_h_dark_current_page:visited {                    color:#AAAAAA; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: none;}
a.nav_h_dark_current_page:hover   {background-color:#000000;                    color:#AAAAAA; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: none;}
a.nav_h_dark_current_page:active  {                    color:#AAAAAA; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: none; }


/* nav_h_light_01 */
a.nav_h_light_01:link    {                               color:#000000; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: none;}
a.nav_h_light_01:visited {                               color:#000000; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: none;}
a.nav_h_light_01:hover   {background-color:#DDDDDD;      color:#000000; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: underline;}
a.nav_h_light_01:active  {                               color:#FF0000; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: underline;}

/* nav_h_light_02 */
a.nav_h_light_02:link    {                               color:#000000; display:block; width:80%; font-weight:bold; font-size:60%; text-decoration: none;}
a.nav_h_light_02:visited {                               color:#000000; display:block; width:80%; font-weight:bold; font-size:60%; text-decoration: none;}
a.nav_h_light_02:hover   {background-color:#DDDDDD;      color:#000000; display:block; width:80%; font-weight:bold; font-size:60%; text-decoration: underline;}
a.nav_h_light_02:active  {                               color:#FF0000; display:block; width:80%; font-weight:bold; font-size:60%; text-decoration: underline;}


/* nav_v_dark_01 */
a.nav_v_dark_01:link    {                                color:#FFFFFF; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none;  }
a.nav_v_dark_01:visited {                                color:#FFFFFF; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none;  }
a.nav_v_dark_01:hover   {background-color:#333333;       color:#FFFFFF; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: underline;  }
a.nav_v_dark_01:active  {                                color:#FFFFFF; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: underline;  }

/* nav_v_light_01 */
a.nav_v_light_01:link    {                                color:#000000; display:block; width:100%; font-weight:bold; font-size:80%; text-decoration: none;  }
a.nav_v_light_01:visited {                                color:#000000; display:block; width:100%; font-weight:bold; font-size:80%; text-decoration: none;  }
a.nav_v_light_01:hover   {background-color:#DDDDDD;       color:#000000; display:block; width:100%; font-weight:bold; font-size:80%; text-decoration: underline;  }
a.nav_v_light_01:active  {                                color:#FF0000; display:block; width:100%; font-weight:bold; font-size:80%; text-decoration: underline;  }

/* breadcrumb */
/* span_breadcrumb */ span.breadcrumb a:link    {                           color:#AAAAAA; font-weight:normal; text-decoration: none;      }
/* span_breadcrumb */ span.breadcrumb a:visited {                           color:#AAAAAA; font-weight:normal; text-decoration: none;      }
/* span_breadcrumb */ span.breadcrumb a:hover   { background-color:#DDDDDD; color:#000000; font-weight:normal; text-decoration: underline; }
/* span_breadcrumb */ span.breadcrumb a:active  {                           color:#FF0000; font-weight:normal; text-decoration: underline; }


/* deadlink */ .deadlink { color:#AAAAAA; font-weight:bold;}


/* End - #2 Links =========================================================================================*/



/* Color palette & combos  */
/* ======================= */

/* color palette */
/* ------------- */
/* B&W & Shades of grey */
/* black */	               .black    {background-color:#000000}
/* grey_vd */	           .grey_vd  {background-color:#333333}
/* grey_d */	           .grey_d   {background-color:#666666}
/* grey_m */	           .grey_m   {background-color:#AAAAAA}
/* grey_l */	           .grey_l   {background-color:#DDDDDD}
/* grey_vl */	           .grey_vl  {background-color:#EEEEEE}
/* white */	               .white    {background-color:#FFFFFF}

/* red */	               .red      {background-color:#FF0000}
/* red_m */	               .red_m    {background-color:#990000}
/* red_d */	               .red_d    {background-color:#660000}

/* green */	               .green    {background-color:#00FF00}
/* green_m */	           .green_m  {background-color:#006000}
/* green_d */	           .green_d  {background-color:#003000}

/* blue */	               .blue    {background-color:#0000FF}
/* blue_m */	           .blue_m  {background-color:#000060}
/* blue_d */	           .blue_d  {background-color:#000040}

/* yellow */               .yellow  {background-color:#FFFF00}
/* yellow_m */             .yellow_m  {background-color:#FFFF99}


/* text_and_background_color_combos */
/* black on gray */		.bog {color:#000000; background:#DDDDDD;}
/* black on red */		.bor {color:#000000; background:#FF0000;}
/* black on white */ 	.bow {color:#000000; background:#FFFFFF;}
/* gray on black */		.gob {color:#AAAAAA; background:#000000;}
/* gray on red */ 		.gor {color:#AAAAAA; background:#990000;}
/* gray on white */		.gow {color:#666666; background:#FFFFFF;}
/* red on black */		.rob {color:#FF0000; background:#000000;}
/* red on gray */		.rog {color:#990000; background:#DDDDDD;}
/* red on white */		.row {color:#FF0000; background:#FFFFFF;}
/* white on black */	.wob {color:#FFFFFF; background:#000000;}
/* white on gray */	    .wog {color:#FFFFFF; background:#666666;}
/* white on red */		.wor {color:#FFFFFF; background:#FF0000;}
/* End: text_and_background_color_combos */





.action_note_highlight { background-color:#FFFF00 }
.action_note           { background-color:#A0A000 }
.standard_highlight    { background-color:#DDDDDD }

table.layout_01 { background-color:#FF0000; width:80%; margin-left:auto; margin-right:auto;}
thead.layout_01 { background-color:#FF0000; width:80%; margin-left:auto; margin-right:auto;}
tr.layout_01 { background-color:#FF0000; width:80%; margin:auto;}
td.layout_01 { background-color:#FF0000; width:80%; margin:auto;}



div.centered {text-align: center;}
div.centered table {margin: 0 auto; text-align: left;}

.center
{ 
text-align: center;
}

.center table
{ 
margin-left: auto;
margin-right: auto;
text-align: left;
}



.small {font-size:small;}
.smaller {font-size:smaller;}
.smallbold {font-size:small; font-weight:bold;}
.spl {padding-left:6pt;}
.xx_small {font-size:xx-small;}
.x_small  {font-size:x-small;}

.h1_wob_pad {color:#FFFFFF; background:#000000; padding-left:2%; padding-right:2%; font-size:180%;}
.h1_gob_pad {color:#E0E0E0; background:#000000; padding-left:2%; padding-right:2%; font-size:180%;}

h1.main_headline {margin-top:0; padding-top:0; 	margin-bottom:0; padding-bottom:0; font-size:250%;}

.bold_wob {color:#FFFFFF; background:#000000; font-weight:bold;}
.small_gob {color:#A0A0A0; background:#000000; font-size:80%;}

/* superscript & bold & italics */ 			.supbi {vertical-align:super; font-weight:bold; font-style:italic;}
/* superscript & bold & italics small */ 	.supbism {vertical-align:super; font-weight:bold; font-style:italic; font-size:10pt;}

											.x-small {font-size:80%;}

											.xx-small {font-size:6pt;}

/* white small padding */					.whitesmalltoppad {color:white;       font-size:80%;         vertical-align:top;          padding-right:6pt;}
/* bold white top pad */                    .boldsmallerwhitetoppad {color:#FFFFFF;  font-size:80%; font-weight:bold; vertical-align:top; padding-top:4pt;}
/* bold gray top pad */                     .boldsmallergraytoppad {color:#A0A0A0;  font-size:80%; font-weight:bold; vertical-align:top; padding-top:4pt;}
/* bold gray         */                     .boldsmallergray {color:#A0A0A0;  font-size:80%; font-weight:bold; vertical-align:top;}


div.red   {color:red;}
div.green {color:green;}
div.blue  {color:blue}


.black {color:black;}

td.mph {color:#FFFFFF;   font-size:xx-large;   text-align:right;}
td.ital_med_blk {font-style:italics;             font-size:medium;             color: black;}
td.boxbor {background-color:red;             border: 6pt solid transparent;             color:black;             font-size:large;             text-align:center;}


/* -- links in the main-page header and footer -- */
a.sel_link_01:link    {color:#FFFFFF; font-weight:bold; font-size:80%; text-decoration: none; }
a.sel_link_01:visited {color:#FFFFFF; font-weight:bold; font-size:80%; text-decoration: none; }
a.sel_link_01:hover   {color:#FF0000; font-weight:bold; font-size:80%; text-decoration: underline; }
a.sel_link_01:active  {color:#FFFFFF; font-weight:bold; font-size:80%; text-decoration: none;}
/* == links in the main-page header and footer ==*/




/* -- links in the main-page header and footer -- */
a.links_01:link    {color:#000000; font-weight:bold; text-decoration: none}
a.links_01:visited {color:#000000; font-weight:bold; text-decoration: none}
a.links_01:hover   {background-color:#000000; color:#FF0000; font-weight:bold; text-decoration: underline}
a.links_01:focus   {background-color:#000000; color:#FF0000; font-weight:bold; text-decoration: underline}
a.links_01:active  {color:#FF0000; font-weight:bold; text-decoration: none}
/* == links in the main-page header and footer ==*/



/* -- links in the main-page header and footer -- */
a.links_02:link    {color:#000000; font-weight:bold; text-decoration: none}
a.links_02:visited {color:#666666; font-weight:bold; text-decoration: none}
a.links_02:hover   {background-color:#000000; color:#FF0000; font-weight:bold; text-decoration: underline}
a.links_02:focus   {background-color:#000000; color:#FF0000; font-weight:bold; text-decoration: underline}
a.links_02:active  {color:#FF0000; font-weight:bold; text-decoration: none}
/* == links in the main-page header and footer ==*/

/* -- links in the main-page header and footer -- */
a.links_03:link    {color:#000000; font-weight:bold; text-decoration: none; font-size:80%;}
a.links_03:visited {color:#666666; font-weight:bold; text-decoration: none; font-size:80%;}
a.links_03:hover   {background-color:#000000; color:#FF0000; font-weight:bold; text-decoration: underline; font-size:80%;}
a.links_03:focus   {background-color:#000000; color:#FF0000; font-weight:bold; text-decoration: underline; font-size:80%;}
a.links_03:active  {color:#FF0000; font-weight:bold; text-decoration: none; font-size:80%;}
/* == links in the main-page header and footer ==*/

/* -- links in the main-page header and footer -- */
a.links_04:link    {color:#000000; font-weight:normal; text-decoration: none; font-size:80%;}
a.links_04:visited {color:#666666; font-weight:normal; text-decoration: none; font-size:80%;}
a.links_04:hover   {background-color:#000000; color:#FF0000; font-weight:normal; text-decoration: underline; font-size:80%;}
a.links_04:focus   {background-color:#000000; color:#FF0000; font-weight:normal; text-decoration: underline; font-size:80%;}
a.links_04:active  {color:#FF0000; font-weight:normal; text-decoration: none; font-size:80%;}
/* == links in the main-page header and footer ==*/




/*
.main {margin:5px;}
*/


.gray_block {background-color:#333333; color:#CCCCCC;}


/* Default link appearance*/
/* a:link    {                            color:#000000; font-weight:bold; text-decoration:underline;}
/*a:visited {                            color:#666666; font-weight:bold; text-decoration:underline;} /* Visited = Grey & underline */
/*
a:hover   {background-color:#000000; color:#FF0000; font-weight:bold; text-decoration:underline;}
a:focus   {background-color:#000000; color:#FF0000; font-weight:bold; text-decoration:underline;}
a:active  {                            color:#000000; font-weight:bold; text-decoration:underline;}
*/

.tiny {width:20pt}
.expanded {font-size:130%}

/*================== Transform to changed stylesheet ===================*/

/* Ref:3 Links - default
a:link    {                          color:#000000; font-weight:bold; text-decoration:underline;}
a:visited {                          color:#666666; font-weight:bold; text-decoration:underline;}
a:hover   {background-color:#DDDDDD; color:#000000; font-weight:bold; text-decoration:underline;}
a:active  {background-color:#DDDDDD; color:#FF0000; font-weight:bold; text-decoration:underline;}
*/

/* Ref:4 links - nav_01 */
a.nav_01:link    {background-color:#000000;                              color:#FFFFFF; display:block; width:80%; font-weight:normal; font-size:80%; text-decoration: none;}
a.nav_01:visited {background-color:#000000;                              color:#FFFFFF; display:block; width:80%; font-weight:normal; font-size:80%; text-decoration: none;}
a.nav_01:hover   {background-color:#990000;      color:#FFFFFF; display:block; width:80%; font-weight:normal; font-size:80%; text-decoration: none;}
a.nav_01:active  {background-color:#990000;      color:#FFFFFF;display:block; width:80%; font-weight:normal; font-size:80%; text-decoration: none;}

/* Ref:5 links - nav_02 */
a.nav_02:link    {                              color:#000000; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: none}
a.nav_02:visited {                              color:#000000; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: none}
a.nav_02:hover   {background-color:#DDDDDD;      color:#000000; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: underline}
a.nav_02:active  {background-color:#DDDDDD;      color:#000000; display:block; width:80%; font-weight:bold; font-size:80%; text-decoration: none}


/* Ref:6 Links - nav_03 */
a.nav_03:link    {                          color:#000000; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration:none; text-align:top; padding-left:5px; padding-right:3px;   }
a.nav_03:visited {                          color:#666666; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration:none; text-align:top; padding-left:5px; padding-right:3px;   }
a.nav_03:active  { background-color:#DDDDDD; color:#FF0000; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration:none; text-align:top; padding-left:5px; padding-right:3px;   }
a.nav_03:hover   { background-color:#DDDDDD; color:#000000; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration:underline; text-align:top; padding-left:5px; padding-right:3px;   }

/*
div.nav_03 a  {                          color:#000000; display:block; width:90%; font-weight:normal; font-size:80%; text-decoration:none; border-top-width:2px; border-top-style:solid; text-align:top; border-color:#DDDDDD; padding: 0px 5px; margin-left:5px;}
*/

/* Ref:7 td - nav_03 */
td.nav_03        { border-color:#DDDDDD;   border-top-width:2px; border-top-style:solid; text-align:top; }

/* Ref:8 dead_link_01 */
.dead_link_01    { color:#AAAAAA; font-weight:bold; font-size:80%; }

/* Ref:9 Links - nav_04 */
a.nav_04:link    {                          color:#000000; display:block; width:100%; font-weight:bold; font-size:80%; text-decoration:none;}
a.nav_04:visited {                          color:#000000; display:block; width:100%; font-weight:bold; font-size:80%; text-decoration:none;}
a.nav_04:active  { background-color:#DDDDDD; color:#FF0000; display:block; width:100%; font-weight:bold; font-size:80%; text-decoration:none;}
a.nav_04:hover   { background-color:#DDDDDD; color:#000000; display:block; width:100%; font-weight:bold; font-size:80%; text-decoration:underline;}

/* Ref:10 td - nav_04 */
td.nav_04        { border-color:#DDDDDD;   border-top-width:2px; border-top-style:solid; text-align:top; }

/* Ref:11 links - nav_05 */
a.nav_05:link    {                              color:#000000; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none}
a.nav_05:visited {                              color:#000000; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none}
a.nav_05:active  {background-color:#DDDDDD;      color:#FF0000; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none}
a.nav_05:hover   {background-color:#DDDDDD;      color:#000000; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: underline}

/* Ref:12 text - nav_06 */
.nav_06          {font-size:80%;}
.nav             {font-size:80%;line-height:95%;}

/* Ref:13 text - nav_07 */
.nav_07          {font-size:80%; border-color:#DDDDDD;   border-top-width:2px; border-top-style:solid; text-align:top; }

/* Ref:14 text - nav_08 */
.nav_08          {background-color:#333333; display:block; width:100%; color:#FFFFFF; padding:5px;}

/* Ref:15 text - nav_09 */
.nav_09          {background-color:#333333; color:#FFFFFF; font-weight:bold;}

/* Ref:16 text - nav_10 */
.nav_10          {font-size:80%; margin-left:5pt;}

/* Ref:17 text - nav_11 */
.nav_11          {background-color:#333333; color:#FFFFFF; font-size:80%;}

/* Ref:18 links - nav_12 */
a.nav_12:link    {background-color:#000000;      color:#FFFFFF; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none; padding-left:5px; padding-right:3px; }
a.nav_12:visited {background-color:#000000;        color:#FFFFFF; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none; padding-left:5px; padding-right:3px; }
a.nav_12:active  {background-color:#990000;       color:#FFFFFF;display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none; padding-left:5px; padding-right:3px; }
a.nav_12:hover   {background-color:#990000;       color:#FFFFFF; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none; padding-left:5px; padding-right:3px; }

/* Ref:19 text - nav_13 */
.nav_13          {background-color:#DDDDDD; color:#000000; font-size:80%;}

/* Ref:4 links - nav_14 */
a.nav_14:link    {                              color:#FFFFFF; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none; padding:2px;}
a.nav_14:visited {                              color:#FFFFFF; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none; padding:2px;}
a.nav_14:active  {background-color:#990000;      color:#FFFFFF;display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none; padding:2px;}
a.nav_14:hover   {background-color:#990000;      color:#FFFFFF; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none; padding:2px;}


/* Ref:11 links - nav_05 */
a.nav_15:link    {                              color:#000000; font-weight:normal; font-size:100%; text-decoration: none}
a.nav_15:visited {                              color:#000000; font-weight:normal; font-size:100%; text-decoration: none}
a.nav_15:active  {background-color:#DDDDDD;      color:#FF0000; font-weight:normal; font-size:100%; text-decoration: none}
a.nav_15:hover   {background-color:#DDDDDD;      color:#000000; font-weight:normal; font-size:100%; text-decoration: underline}


/* Ref:20 blocks - block_01 */
.block_01        { background-color:#FFFFFF; padding:0; border:1px solid #666666;}

/* Ref:21 blocks - block_02 */
.cell_01        { background-color:#333333;  color:#FFFFFF; font-weight:normal;}

/* Ref:22 blocks - block_03 */
.cell_02        { background-color:#333333;  color:#FFFFFF; font-weight:bold;}

/* Ref:22 blocks - block_03 */
.cell_03        { background-color:#333333;  color:#FFFFFF; font-size:80%;}

.col_01        { background-color:#FFFFFF;  color:#000000; text-align:justify; font-size:100%;}
.col_02        { background-color:#FFFFFF;  color:#000000; text-align:justify; font-size:80%;}

table.table_01       {padding:0; background-color:#FFFFFF; border-style:none;}

.block_rule_01  {border-color:#DDDDDD;  border-top-width:2px; border-top-style:solid; text-align:top; }


/*==================*/

/*
.col_pad_medium {padding: 0% 5% 0% 5%;}
.col_pad_thick  {padding: 0% 10% 0% 10%;}
.col_pad_thin   {padding: 0% 2% 0% 2%;}
*/

.banner_01        { background-color:#333333;  color:#FFFFFF; font-weight:normal;}
.banner_02        { background-color:#333333;  color:#FFFFFF; font-weight:bold;}
.banner_03        { background-color:#333333;  color:#FFFFFF; font-size:80%;}

/*
.block_simple     { background-color:#EEEEEE;}
.block_box        { background-color:#EEEEEE; border:solid 1px #666666;}
.block_bars       { background-color:#EEEEEE; border-top:solid 3px #AAAAAA; border-bottom:solid 3px #AAAAAA;}
*/

/* Ref:4	 links - nav_01 */
a.nav_h_01:link    {background-color:#000000;                              color:#FFFFFF; display:block; width:80%; font-weight:normal; font-size:80%; text-decoration: none;}
a.nav_h_01:visited {background-color:#000000;                              color:#FFFFFF; display:block; width:80%; font-weight:normal; font-size:80%; text-decoration: none;}
a.nav_h_01:hover   {background-color:#990000;      color:#FFFFFF; display:block; width:80%; font-weight:normal; font-size:80%; text-decoration: none;}
a.nav_h_01:active  {background-color:#990000;      color:#FFFFFF;display:block; width:80%; font-weight:normal; font-size:80%; text-decoration: none;}



/* Ref:18 links - nav_12 */
a.nav_v_01:link    {background-color:#000000;      color:#FFFFFF; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none; padding-left:5px; padding-right:3px; }
a.nav_v_01:visited {background-color:#000000;        color:#FFFFFF; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none; padding-left:5px; padding-right:3px; }
a.nav_v_01:active  {background-color:#990000;       color:#FFFFFF;display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none; padding-left:5px; padding-right:3px; }
a.nav_v_01:hover   {background-color:#990000;       color:#FFFFFF; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none; padding-left:5px; padding-right:3px; }


/* Ref:9 Links - nav_04 */
a.nav_v_02:link    {                          color:#000000; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration:none; padding-left:5px; padding-right:3px; }
a.nav_v_02:visited {                          color:#000000; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration:none; padding-left:5px; padding-right:3px; }
a.nav_v_02:active  { background-color:#DDDDDD; color:#FF0000; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration:none; padding-left:5px; padding-right:3px; }
a.nav_v_02:hover   { background-color:#DDDDDD; color:#000000; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration:underline; padding-left:5px; padding-right:3px; }

/* Ref:9 Links - nav_04 */
a.nav_v_03:link    {                          color:#000000; display:block; width:100%; font-weight:bold; font-size:80%; text-decoration:none; padding-left:5px; padding-right:3px; }
a.nav_v_03:visited {                          color:#000000; display:block; width:100%; font-weight:bold; font-size:80%; text-decoration:none; padding-left:5px; padding-right:3px; }
a.nav_v_03:active  { background-color:#DDDDDD; color:#FF0000; display:block; width:100%; font-weight:bold; font-size:80%; text-decoration:none; padding-left:5px; padding-right:3px; }
a.nav_v_03:hover   { background-color:#DDDDDD; color:#000000; display:block; width:100%; font-weight:bold; font-size:80%; text-decoration:underline; padding-left:5px; padding-right:3px; }



.rule_h_top_dark  {border-color:#666666;  border-top-width:2px; border-top-style:solid; text-align:top; }
.rule_h_top_light  {border-color:#AAAAAA;  border-top-width:1px; border-top-style:solid; text-align:top; }
.rule_h_bot_red_pad  {border-color:#FF0000;  border-bottom-width:2px; border-bottom-style:solid; text-align:top; padding-bottom:2px;}


/* .breadcrumb {font-size:60%; text-align:right;} */

.nav_text_01 { font-size:80%;}
.nav_text_02 { font-size:80%; color:#FFFFFF;}
.indent_small {margin-left:5pt;}

/*
div.nav_03 
a:link    {                          color:#000000; display:block; width:90%; font-weight:normal; font-size:80%; text-decoration:none; border-top-width:2px; border-top-style:solid; text-align:top; border-color:#DDDDDD; padding: 0px 5px; margin-left:5px;}
a:visited {                          color:#666666; display:block; width:90%; font-weight:normal; font-size:80%; text-decoration:none; border-top-width:2px; border-top-style:solid; text-align:top; border-color:#DDDDDD; padding: 0px 5px; margin-left:5px;}
a:active  { background-color:#DDDDDD; color:#FF0000; display:block; width:90%; font-weight:normal; font-size:80%; text-decoration:none; border-top-width:2px; border-top-style:solid; text-align:top; border-color:#DDDDDD; padding: 0px 5px; margin-left:5px;}
a:hover   { background-color:#DDDDDD; color:#000000; display:block; width:90%; font-weight:normal; font-size:80%; text-decoration:underline; border-top-width:2px; border-top-style:solid; text-align:top; border-color:#DDDDDD; padding: 0px 5px; margin-left:5px;}
*/

/* paragraph - bring closer to previous content */          table.basic_block_settings p                        {margin-top:0px;  margin-bottom:10px; margin-left:5px; margin-right:5px;}
/* headings  - bring following content closer to heading */  td.basic_block_settings h1, h2, h3, h4, h5, h6   {margin-top:10px; margin-bottom:0px;}
/* paragraph - bring closer to previous content */           td.basic_block_settings p                        {margin-top:0px;  margin-bottom:10px; margin-left:5px; margin-right:5px;}


/* minor */ .secondary_head {font-size:100%;}
/* minor */ .secondary_text {font-size:80%;}

/* col_pad */
/* ------- */
/* col_pad_thin */		.col_pad_thin   {padding: 0% 1% 0% 1%;}
/* col_pad_medium */	.col_pad_medium {padding: 0% 3% 0% 3%;}
/* col_pad_thick */		.col_pad_thick  {padding: 0% 5% 0% 5%;}

/* Ref: basic_block_settings */
/* headings  - bring following content closer to heading */ table.basic_block_settings h1, h2, h3, h4, h5, h6   {margin-top:10px; margin-bottom:0px;}
/* paragraph - bring closer to previous content */          table.basic_block_settings p                        {margin-top:0px;  margin-bottom:10px; margin-left:5px; margin-right:5px;}
/* headings  - bring following content closer to heading */  td.basic_block_settings h1, h2, h3, h4, h5, h6   {margin-top:10px; margin-bottom:0px;}
/* paragraph - bring closer to previous content */           td.basic_block_settings p                        {margin-top:0px;  margin-bottom:10px; margin-left:5px; margin-right:5px;}


/* End: basic_block_settings */

/* block_surround */
.block_box        { border:solid 1px #666666;}
.block_bars       { border-top:solid 3px #AAAAAA; border-bottom:solid 3px #AAAAAA;}
.block_bottom_bar { border-bottom:solid 3px #AAAAAA;}
/* End: individual_blocks */

/* Ref: nav_h_link_01 */
a.nav_h_link_01:link    {background-color:#000000;      color:#FFFFFF; display:block; width:80%; font-weight:normal; font-size:80%; text-decoration: none;}
a.nav_h_link_01:visited {background-color:#000000;      color:#FFFFFF; display:block; width:80%; font-weight:normal; font-size:80%; text-decoration: none;}
a.nav_h_link_01:hover   {background-color:#990000;      color:#FFFFFF; display:block; width:80%; font-weight:normal; font-size:80%; text-decoration: none;}
a.nav_h_link_01:active  {background-color:#990000;      color:#FFFFFF;display:block; width:80%; font-weight:normal; font-size:80%; text-decoration: none;}


/* Ref: nav_h_link_02 */
a.nav_h_link_02:link    {background-color:#FFFFFF;      color:#000000; display:block; width:80%; font-weight:normal; font-size:80%; text-decoration: none;}
a.nav_h_link_02:visited {background-color:#FFFFFF;      color:#000000; display:block; width:80%; font-weight:normal; font-size:80%; text-decoration: none;}
a.nav_h_link_02:hover   {background-color:#DDDDDD;      color:#000000; display:block; width:80%; font-weight:normal; font-size:80%; text-decoration: none;}
a.nav_h_link_02:active  {background-color:#DDDDDD;      color:#000000; display:block; width:80%; font-weight:normal; font-size:80%; text-decoration: none;}


/* Ref: nav_v_link_01 */
a.nav_v_link_01:link    {background-color:#000000;      color:#FFFFFF; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none; padding-left:5px; padding-right:3px; }
a.nav_v_link_01:visited {background-color:#000000;        color:#FFFFFF; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none; padding-left:5px; padding-right:3px; }
a.nav_v_link_01:active  {background-color:#990000;       color:#FFFFFF;display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none; padding-left:5px; padding-right:3px; }
a.nav_v_link_01:hover   {background-color:#990000;       color:#FFFFFF; display:block; width:100%; font-weight:normal; font-size:80%; text-decoration: none; padding-left:5px; padding-right:3px; }



/* 2004 VITARES Ltd. */
