/* CSS Document for SFIT website */
/* Jean Luprano, June 2008 */

body { font-family: arial, helvetica, sans-serif;
       font-size: 9pt;
	   text-decoration: none;
	   text-align: justify;
	   color: #000000;
	   background-color: #b6c7d2;
	   padding-left: 13em;
       padding-right: 1em;
	   padding-top: 1em;
	   margin-top: 0;
	   margin-bottom: 0.5em;
       margin-left: 0.5em;
	   margin-right: 0.5em }

.u { text-decoration: underline }
	   
td,th,h1,h2,h3 { color:  #005fb4}

th { font-weight: bold;
     text-align: center;
	 background-color: #ced9de }
	 
td { text-align: left;
     padding-left: 5px;
	 padding-right: 5px }
	 
td.align { vertical-align: top }
	 
h1 { font-weight: bold;
     font-size: 18pt;
	 text-align: left }
	 
h2 { font-size: 10pt;
	 text-align: left }

h3 { font-size: 9pt;
	 text-align: left }
						
h1.header { padding:0; margin:0 }

h1.title { font-size: 22pt;
           padding-top: 1.2em;
           padding-bottom: 2em }

a:link { color: #2f3468 }
a.visited { color: #4f4e31 }
a:hover { color: #912c45 }
a:active { color: #000000 }

td.lfooter { font-size: 8pt; text-align: left }
td.rfooter { font-size: 8pt; text-align: right }
td.opinion { text-align: center }

ul.navbar { position: absolute;
            top: 26em;
            left: 0;
            width: 11em;
            list-style-type: none;
            padding: 0;
            margin: 0 }

ul.navbar li { background: #0070bc;
               margin: 0.5em 0;
               padding: 0.1em;
			   padding-left: 0.6em;
			   margin-left: 0.3em;
			   border-color: #0070bc;
			   border-style: outset }

ul.navbar a { text-decoration: none;
              font-size: 8pt;
              font-weight: bold }

ul.navbar a:link    { color: #c4c4ba; text-decoration: none }
ul.navbar a:visited { color: #c4c4ba; text-decoration: none }
ul.navbar a:hover   { color: #000000; text-decoration: none }
ul.navbar a:active  { color: #c4c4ba; text-decoration: none }

img { border: none }
img.wealthy img.istlogo img.euflag img.csemlogo {
	padding: 0;
	margin:0 }
	
img.istlogo {
	position: absolute;
	top: 3.3em;
	left: 0.1em;
    padding: 0.1em;
	border-style: outset;
	border-width: 2px;
	border-color: #0070bc }
	
img.euflag {
	position: absolute;
	top: 9.4em;
	left: 0.5em }
		
img.csemlogo {
	position: absolute;
	top: 9.8em;
	left: 4em }

img.wealthy {
	position: absolute;
	top: 11.5em;
	left: 1.6em }
	
img.roadmap {
    padding: 0.1em;
	border-style: outset;
	border-width: 2px;
	border-color: #0070bc }
						  
div.container   { width: 100%;
                  margin: 0px;
				  border: 1px solid gray;
				  line-height: 150% }
				  
div.header,div.footer { font-size: 9pt;
                        padding-top: 1em;
                        padding-bottom: 1em;
                        margin-top: 1em;
                        border-top: thin dotted }
						
div.left { float: left;
           width: 160px;
		   margin: 0;
		   padding: 1em }
		   
div.content { margin-left:190px;
              border-left:1px solid gray;
              padding:1em }

p.logo { left: 0;
         padding-top: 2em }

p.topleft { position: absolute;
	        top: 1em;
	        left: 1em;
	        padding: 0;
	        margin: 0 }

p.topright { position: absolute;
	        top: 0.1em;
	        right: 1em;
	        padding: 0;
	        margin: 0 }

		 
address { font-size: 8pt;
          padding-top: 1em;
          padding-bottom: 1em;
          margin-top: 1em;
          border-top: thin dotted }

@media print {
	ul.navbar,img.topleft,p.topleft,p.topright { display: none }
	body { padding-left: 0em }
	p.note, address { margin-left: 3em;
		              margin-right: 3em	}
}