* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#a5bacc;

}
#wrapper { 
 margin: 0 auto;
 width: 922px;



}
#header {
 color: #4B555E;
 width: 918px;
 float: left;
 padding: 3px 0px 3px 0px;
 border: 2px solid #b6ccbd;
 height: 35px;
 margin: 3px 0px 3px 0px;
 font-family: Trebuchet MS, Vrinda,sans-serif;
 font-size: x-large;
 font-weight: bolder;
 text-indent:75%;


 background-image:url(Images/headerexperiment5.jpg);
}
#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background-color:#C4C4FF;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 465px;
 width: 195px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 border: 0px solid #ccc;
 background-color:#B6CCBD;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 465px;
 width: 678px;
 display: inline;
 font-size: larger;
 font-family: sans-serif;
 overflow-y:scroll;
 
}
#footer { 
 width: 900px;
 clear: both;
 color: #333;
 border: 2px solid #b6afc1;
 background-color:#cccccc;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 font-style: italic;
 font-family: sans-serif;
 text-align: center;


}

.aboutmebutton {

    width:105px;
    border: solid 2px #767F90;
    background-color: #C0C0C0;
    text-align:center;
    font-size: medium;
    font-family: vrinda,sans-serif;
    margin-bottom:10px;
    margin-left: 35px;
    }
    
.cecoursesbutton {

    width:105px;
    border: solid 2px #767F90;
    background-color: #B6AFC1;
    text-align:center;
    font-size: medium;
    font-family: vrinda,sans-serif;
    margin-bottom:10px;
    margin-left: 35px;
    }


.booksbutton {

    width:105px;
    border: solid 2px #767F90;
    background-color: #A5BACC;
    text-align:center;
    font-size: medium;
    font-family: vrinda,sans-serif;
    margin-bottom:10px;
    margin-left: 35px;
    }
    
.articlesbutton {

    width:105px;
    border: solid 2px #767F90;
    background-color: #C0C0C0;
    text-align:center;
    font-size: medium;
    font-family: vrinda,sans-serif;
    margin-bottom:10px;
    margin-left: 35px;
    }
    
    
.classroommaterialsbutton {

    width:105px;
    border: solid 2px #767F90;
    background-color: #B6AFC1;
    text-align:center;
    font-size: medium;
    font-family: vrinda,sans-serif;
    margin-bottom:10px;
    margin-left: 35px;
    }


    
.freebiesbutton {

    width:105px;
    border: solid 2px #767F90;
    background-color: #A5BACC;
    text-align:center;
    font-size: medium;
    font-family: vrinda,sans-serif;
    margin-bottom:10px;
    margin-left: 35px;
    }

    
.philosophyofconnectionbutton {

    width:105px;
    border: solid 2px #767F90;
    background-color: #C0C0C0;
    text-align:center;
    font-size: medium;
    font-family: vrinda,sans-serif;
    margin-bottom:10px;
    margin-left: 35px;
    }


.linksbutton {

    width:105px;
    border: solid 2px #767F90;
    background-color: #B6AFC1;
    text-align:center;
    font-size: medium;
    font-family: vrinda,sans-serif;
    margin-bottom:10px;
    margin-left: 35px;
    }


.contactmebutton {

    width:105px;
    border: solid 2px #767F90;
    background-color: #C0C0C0;
    text-align:center;
    font-size: medium;
    font-family: vrinda,sans-serif;
    margin-bottom:10px;
    margin-left: 35px;
    }
    
.indented { 

    padding-left: 50pt; 
    padding-right: 50pt; 
    }
    


<!--
a:link {color: #333333; text-decoration:none;background-repeat: no-repeat;}
a:active {color: #333333; text-decoration:none;}
a:visited {color: #55598D; font-weight: bold; text-decoration:none;}
a:hover {color: #974350; font-weight: bold; text-decoration: none;}

img {
        border-style:none;
        padding: 0px 20px 8px 15px;
        
        }

ul { margin-left: 1.25em; padding-left: 1.25em; }



</style>