body {
 padding: 0px;
 margin: 0 0;
 font: 0.9em verdana, arial, sans-serif;
 background: rgb(255,255,255);
 text-align: center;
 }
 
a:link { color: rgb(150,120,0); text-decoration: underline; }
a:visited { color: rgb(70,40,0); text-decoration: underline; }
a:hover { color: rgb(180,157,1); text-decoration: none; }
a:active { color: rgb(200,167,1); text-decoration: none; }

p {
 text-align: left;
 margin: 6px auto;
 margin-left: 57px;
 margin-bottom: 20px;
 }

h1 {
 margin: 3px 50px;
 font: 1.8em verdana, arial, sans-serif;
 text-align: left;
 color: rgb(180,157,1);
 }

h2 {
 margin: 3px 50px;
 font: 1.6em verdana, arial, sans-serif;
 text-align: left;
 color: rgb(180,157,1);
 }

img.f {
 float: left;
 }

ul.list {
 text-align: left;
 margin: auto 57px;
 list-style-image: url(images/list.png);
 }
.outer_body {
position: relative;
 padding: 0px;
 width: 100%;
 height: 100%;
 }

.bar {
 position: relative;
 padding: 0px;
 top: 0px;
 width: 100%;
 margin: 0 0;
 height: 7px;
 background: rgb(180,161,1);
 }
 
.header {
 position: relative;
 margin: 0px auto;
 width: 700px;
 height: 410px;
 background: url(images/header.png) left top no-repeat;
 z-index:10;
 }

.central {
 position: relative;
 top: -30px;
 margin: 0px auto;
 width: 900px;
 padding: 0px;
 z-index: 9;
 }
 
.float { 
 position: relative;
 float: left;
 width: 390px;
 height: 370px;
 background: url(images/menu.png) left bottom no-repeat;
 }
 
.menu {
 position: relative;
 margin: 0px;
 padding: 0px;
 top: 36px;
 left: 40px;
 height: 100%;
 }

ul.topmenu a:link {text-decoration: none;}
ul.topmenu a:visited {text-decoration: none;}

ul.topmenu {
position: relative;
display: block;
list-style-type: none;
 padding: 0px;
 width: 300px;
 margin: 0px;
 }

ul.topmenu li {
position: relative;
display: block;
list-style-type: none;
 margin: 0px;
 padding: 0px;
 height: auto;
 width: auto;
 }

ul.topmenu span { 
  position: relative;
  display: block;
  padding: 0px;
  margin: 0px;
  height: 65px;
  width: 300px;
 }
 
ul.topmenu .nodisplay {
 visibility: hidden;
 }

ul.topmenu a {
 display: block;
 width: 100%;
 height: 100%;
 }
 
ul.topmenu .home {
 background: url(images/home.png) right top no-repeat;
  z-index:2;
 }

ul.topmenu a:hover .home {
 background: url(images/home.png) right -62px no-repeat;
  z-index:3;
 }

ul.topmenu .about {
 background: url(images/about.png) right top no-repeat;
 top:1px;
  z-index:2;
 }

ul.topmenu a:hover .about {
 background: url(images/about.png) right -63px no-repeat;
  top:1px;
  z-index:3;
 }

ul.topmenu .teaching {
 background: url(images/teaching.png) right top no-repeat;
 top:4px;
 height: 76px;
 z-index:10;
 }
 
ul.topmenu a:hover .teaching {
 background: url(images/teaching.png) right -82px no-repeat;
 top:4px;
 height: 76px;
 z-index: 15;
 }

ul.topmenu .work {
 background: url(images/work.gif) right top no-repeat;
 left:30px;
 top: -6px;
 height: 76px;
 z-index: 4;
 }
 
ul.topmenu a:hover .work {
 background: url(images/work.gif) right -80px no-repeat;
  left:30px;
 top: -6px;
 height: 76px;
  z-index: 1;
 }

ul.topmenu .contact {
 background: url(images/contact.png) right top no-repeat;
 top:-13px;
 left: 30px;
 z-index: 2;

 } 
 
ul.topmenu a:hover .contact {
 background: url(images/contact.png) right -63px no-repeat;  
 z-index: 3;
 } 
 
.content {
 top:50px;
 position: relative;
 float: right;
 width: 450px;
 height: 400px;
 background: url(images/tleft.png) left top no-repeat;
 margin: 0px auto;
 z-index: 1;
 }
 
.main {
position: relative;
 width: 100%;
 margin: 0px auto;
 background: white;
 padding: 15px;
 z-index: 2;
 background: url(images/bright.png) right bottom no-repeat;
 }
 
.form {
 width: 90%;
 text-align: left;
 }
 
.send {
 position: relative;
 left: 50px;
 } 

.footer p {
 font: 0.8em verdana, arial, sans-serif;
 text-align: right;
 }

ul.bottommenu {
 list-style-type: none;
 }
 
ul.bottommenu li {
 font: 0.85em verdana, arial, sans-serif;
 display: inline;
 }