﻿    body
    {
        font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
        font-size: 12pt;
        padding: 40px 50px 20px 50px;
    }
    
    .container
    {
        float: left;
        width: 277px;
        margin-right: 20px;
        margin-bottom: 20px;
        padding: 0px 0px 20px 0px;
    }
    
    .container h2
    {
        margin: 0px;
        padding: 10px;
        
    }
    
    .container p
    {
    	padding-left: 10px;
    	padding-right: 10px;
    }
    
    #morphi
    {
        width: 900px;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
    }
    
    #what
    {
    	background-color: #9fd4d3;
    	background-image: url(bg1.jpg);
    	background-repeat: no-repeat;
    }
    
    #why
    {
    	background-color: #70bfbc;
    	background-image: url(bg2.jpg);
    	background-repeat: no-repeat;
    }
    
    #how
    {
    	background-color: #109490;
    	background-image: url(bg3.jpg);
    	background-repeat: no-repeat;
    }
    
    #disclaimer
    {
        clear: both;	
        color: gray;
        text-align: center;
    }
    
    #disclaimer a
    {
        clear: both;	
        color: gray;
        text-decoration: none;
    }
    
    #disclaimer a:hover
    {
        clear: both;	
        color: gray;
        text-decoration: underline;
    }
    
    .ExamplesTable
    {
    	
    }
    
    .ExamplesTable td
    {
		padding-bottom: 20px;	
    }