/* td.main is the table cell that contains the text */

p,a,table.general,td.main{
        font-size:10pt;
        font-family:Arial,Helvetica,sans-serif;
}

table.main{
        border-collapse:collapse;
        table-layout:fixed;
        border-spacing:0pt;
        empty-cells:show;
        padding:0pt;
        margin:0pt;
        border:0pt;
}

a{
        text-decoration:none;
        color:#2731FF;
}
a:hover{
        text-decoration:underline;
        color:#2731FF;
}

a.crumb{
	font-size:7pt;
	color: #2731FF;
}
font.crumb{
	font-size: 7pt;
}
	
span.crumb{
	  font-size:7pt;
}
p{
        margin:0pt;
}
p.classic{
	  margin-top:0.0em;
        margin-bottom:1em;
}
p.address_participants{
	margin-top:0.5em;
	margin-left:2em;
	margin-bottom:2em;
}



/* This ul design is needed to keep the breadcrumbs in the right place */
/* I still need to find out which item is crucial */
ul{ 
        text-align:left; 
        color:#000000; 
        list-style-type:square; 
        margin-top:0pt; 
        margin-bottom:0pt; 
} 

/* Various list styles */

ul.type1 {
list-style-image: url('arrow1.jpg');
list-style-position: inside;
line-height: 1.5em; 
}

/* This defines the webpage in the browser */
body{
        background-color:#FFFFFF;
        padding:0pt;
        margin:0pt;
        border:0pt;
}

img{
        border:0pt;
        margin:0pt;
        padding:0pt;
}

div.page_info{
	text-align: right;
      font-size: smaller;
	font-style: italic;
}

/* BEGIN: Headings */

h1,h2,h3
{
font-family:Arial,Helvetica,sans-serif;
}

h1
{
     	font-size:14pt;
	font-weight:bold;
   	color:#000000;
}
h2
{
	font-size:12pt;
	font-weight:bold;
    	color:#555555;
}
h3
{
	font-size:10pt;
	font-weight:bold;
	color:#A8A8A8;
}

/* END: Headings */

/* BEGIN: Figures participants*/
/* Problem: image width are different in IE and FF because with margin, */
/* width in IE includes the margins and width in FF excludes the margins */
/* Solution: Set the image inside a <div> and then specify the width of */
/* the <div> (see below) */ 

div.container
{
overflow: hidden; /* see: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin: 0px;
border: 0px solid gray;
}

/* This defines the picture frame. */
/* The specific image must have width=100% so that it nicely fits into the frame. */
div.figure_participants {
  float: left;
  height: 240;
  border: 1px silver solid; /* "1px" is better than "thin" because IE and FF */
                            /* treat "1px" the same. */ 
  margin: 0.5em; /* Space between outside text and frame */
  margin-top: 0; /* Overrides margin-top in margin above */
  padding: 0.5em; /* Space between frame and picture/caption */
}
div.figure_participants_img {
  width: 109;
  margin-bottom: 0.2em;
}
/* Defines the paragraph environment <p> inside figure environment */
/* It's used for the caption */
div.figure_participants img {
  margin: 0.0em;
  width: 100%;
}
div.figure_participants p {
  width: 109;	  
  text-align: left;
  font-size: smaller;
  text-indent: 0;
  letter-spacing: normal;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* END: Figures participants */

/* BEGIN: Figures media */

div.figure_media {
  float: left;
  border: 1px silver solid; /* "1px" is better than "thin" because IE and FF */
                            /* treat "1px" the same. */ 
  margin: 0.5em; /* Space between outside text and frame */
  margin-top: 0; /* Overrides margin-top in margin above */
  margin-left: 0;
  margin-bottom: 0;
  padding: 0.0em; /* Space between frame and picture/caption */
}
div.figure_individual img {
  width: 100%;
  margin: 0.0em;
}
div.figure_media_img {
  width: 200;
}

/* END: Figures media */

/* BEGIN: Figures individual */

div.figure_individual {
  float: left;
  border: 0px silver solid; /* "1px" is better than "thin" because IE and FF */
                            /* treat "1px" the same. */ 
  margin: 1em; /* Space between outside text and frame */
  margin-top: 0; /* Overrides margin-top in margin above */
  margin-left: 0;
  padding: 0.0em; /* Space between frame and picture/caption */
}
div.figure_individual img {
  width: 100%;
  margin: 0.0em;
}
div.figure_individual_img {
  width: 150;
}

/* END: Figures individual */

/* BEGIN: Figures general */

div.figure_left {
  float: left;
  padding: 0.5em;
  border: 1px silver solid; /* "1px" is better than "thin" because IE and FF */
                            /* treat "1px" the same. */ 
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

div.figure_left p {
  margin-top: 0.5em;
  font-size: smaller;
}

div.figure_right {
  float: right;
  padding: 0.5em;
  border: 1px silver solid; /* "1px" is better than "thin" because IE and FF */
                            /* treat "1px" the same. */ 
  margin-left: 0.5em;
  margin-bottom: 0.5em;
}

div.figure_right p {
  margin-top: 0.5em;
  font-size: smaller;
}


div.figure_center {
  padding: 0.5em;
  border: 1px silver solid; /* "1px" is better than "thin" because IE and FF */
                            /* treat "1px" the same. */
  margin-bottom: 1em;
}

div.figure_center p {
  text-align: left;
  margin-top: 0.5em;
  font-size: smaller;
}


/* END: Figures general */

/* BEGIN: footer */

a.footer
{
	color: #DDDDDD; /* color of link without hover */
	text-decoration: none;
	font-size: 7pt;
}
	
a.footer:hover
{
	background-color: #0C00AC;
	color: white; /* color of link with hover */
	font-size: 7pt;
}

/* END: footer */