<!-- STLEI.CSS - ICFC -->

div.main {
     width: 900px;
     font:normal 11px/17px verdana, sans-serif;
     color:#333333
         }

div.main2 {
     width: 900px;
     font:normal 11px/17px verdana, sans-serif;
     color:#333333
         }

div.home {
     width: 850px;
     font:normal 11px/17px verdana, sans-serif;
     color:#333333
         }

.fullwidth{
     width: 100%;
}

div#logo {
    background-image:  url(http://www.icfcanada.org/images/logo_url.jpg);     background-repeat:
no-repeat;
    height: 100%;
    width: 100%;
     padding-top: 0px;
     padding-left: 0px;
}
div.position {
     padding-top: 0px;
     padding-left: 40px;
     padding-right: 20px;
}

hr {
     color:#218868;  
     background-color: #218868;
     height: 2px
}

div.white hr {
     color:#FFFFFF;  
     background-color: #FFFFFF;
     height: 4px
}

.titlegreen {
        font: 18px/28px verdana, sans-serif;
     color:#218868;
             }

 .titleblue {
        font: 18px/28px verdana, sans-serif;
     color:#0000CD;
             }

.headerblue {
     font:bold 13px/20px verdana, sans-serif;
     color:#0000CD;
      }

.headergreen {
     font:bold 13px/20px verdana, sans-serif;
     color:#218868
      }   

.headerdarkgrey {
     font:bold 13px/20px verdana, sans-serif;
     color:#555555
      }   

.paraheader {
     font:bold 13px/20px verdana, sans-serif;
     color:#1E90FF;
      }

.pale {
     font:normal 11px/17px verdana, sans-serif;
     color:#7D7F94  
      }   

.class1 {
     font:normal 11px/17px verdana, sans-serif;
     }

.class1 img {
     border-style: none
     }   


.class1 A:link {text-decoration: none; color:#0000CD;}
.class1 A:visited {text-decoration: none; color:#0000CD;}
.class1 A:active {text-decoration: none; color:#0000CD;}
.class1 A:hover {text-decoration: underline; color: blue;}   
.class2 A:link {text-decoration: none; color:#FFFFFF;}
.class2 A:visited {text-decoration: none; color:#FFFFFF;}
.class2 A:active {text-decoration: none; color:#FFFFFF;}
.class2 A:hover {text-decoration: underline; color: blue;}   
.class3 A:link {text-decoration: none; color:#00009C;}
.class3 A:visited {text-decoration: none; color:#00009C;}
.class3 A:active {text-decoration: none; color:#00009C;}
.class3 A:hover {text-decoration: underline; color: blue;}   
.positionright {
          text-align: right;
    }

.bigleftmargin {
            margin-left: 45%;
    }

div.indent {
     font:normal 11px/17px verdana, sans-serif;
     color:#333333;
            margin-left: 30px;
            margin-right: 30px;
}
div.indent10 {
     font:normal 11px/17px verdana, sans-serif;
     color:#333333;
            margin-left: 10px;
            margin-right: 10px;
}
div.indent20 {
     font:normal 11px/17px verdana, sans-serif;
     color:#333333;
            margin-left: 20px;
            margin-right: 20px;
}

div.indent30  {
     font:normal 11px/17px verdana, sans-serif;
     color:#333333;
            margin-left: 30px;
            margin-right: 30px;
}

div.indent40 {
     font:normal 11px/17px verdana, sans-serif;
     color:#333333;
            margin-left: 40px;
            margin-right: 40px;
}

div.indent60 {
     font:normal 11px/17px verdana, sans-serif;
     color:#333333;
            margin-left: 60px;
            margin-right: 60px;
}

div.indent2 {
     font:normal 11px/17px verdana, sans-serif;
     color:#333333;
            margin-left: 3%;
            margin-right: 3%;
}
div.name {  
     font:bold 22px/34px Lucida sans Unicode, Impact, sans-serif      color:#FFFFFF;              }

.title {  
     font:bold 17px/26px verdana, sans-serif;
     color:#0000CD;
       }

h1 {
        font:bold 22px/34px verdana, sans-serif;
             }

 h2 {
        font: 18px/28px verdana, sans-serif;
     color:#218868
             }

h3, .dkblueheader {
        font:bold 15px/23px verdana, sans-serif;
     color:#0000CD;
             }

h4, .smallheader {
     font:bold 13px/20px arial, sans-serif;
     color:#3A5FCD;
     }

h5 {
        font:normal 11px/17px verdana, sans-serif;
             }

.support {
          text-align: right;
        font:bold 15px/23px verdana, sans-serif;
     color:#49E20E;
    }

.figuretitle {
     font:normal 11px/17px arial, sans-serif;
     }

button, textarea, input, object, select, img {
                 display:inline-block;
     font:normal 12px/18px arial, sans-serif
}

table, tr, td, address {
     font:normal 11px/17px verdana, sans-serif;
     color:#222222; 
     }

table.teal {
     background-color:#218868
     }

.right {
    text-align: right;
}

.class4 {
        font:bold 13px/20px verdana, sans-serif;
     }

.smallerfont  {
     font:normal 10px/15px Verdana, sans-serif; 
     color:#008B45;
        }

.largerfont {
     font:normal 12px/18px verdana, sans-serif;
     color:#111111
         }

.smallfont  {
     font:normal 9px/14px Verdana, sans-serif; 
        }

.blue {
     font:normal 11px/17px verdana, sans-serif; 
     color:#0000CD;
}
.dullblue {
     font:normal 11px/17px verdana, sans-serif; 
     color:#00008B;
}
.red {
     font:normal 11px/17px verdana, sans-serif;
     color:#CC0000;
}
.green {
     font:normal 11px/17px verdana, sans-serif;
     color:#00AA00;
}
.white {
     font:normal 11px/17px verdana, sans-serif;
     color:#000000;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: normal;
color: navy;                  
}