body { background-color: #0b4376;  
     color: #fff;
     margin: 0;
     padding: 0;
     border: 0;
     height: 100%; 
     max-height: 100%; }


body a:link, body a:visited { color: #000; text-decoration: none; 
     margin: 0px; width: 84px; height: 84px; padding: 0 px; line-height: 84px }
body a:hover { background-image: url('images/cell_over.jpg'); text-decoration: none;
     margin: 0px; width: 84px; height: 84px; padding: 0 px; }
body a:active { color: #000; margin: 0px; width: 84px; height: 84px; padding: 0 px;  }


h1 { margin: 40px 0 0 50px; font-family: georgia, serif; 
       font-size: 2em; color: #d8d497; line-spacing: 110%; }
       
h2 { color: #c2be85; font-family: Tahoma, Sans-serif; 
   font-size: .9em; font-weight: 300; text-align: left }
   
h3 { color: #c2be85; font-family: Tahoma, Sans-serif; margin-top: 30px;
   font-size: 1em; font-weight: 300; text-align: left; font-weight: bold; }

h4 { color: #C6CD94; font-family: Tahoma, Sans-serif; margin-top: 10px; font-style: italic; font-size: .95em; }

#subtitle { position: absolute; left: 150px; top: 0px; margin: 60px 0 0 50px; width: 220px; }
   
#home { position: absolute; z-index: 2; 
	  top: 150px; left: 70px; 
	  background color: #65bec2; 
      border: groove 2px #000;
	  width: 84px; height: 84px;
	  color: #000; font-family: verdana, sans-serif; text-align: center; font-size: .9em }

#research { position: absolute; z-index: 2; 
	  top: 150px; left: 190px; 
	  background color: #65bec2; 
	  width: 84px; height: 84px; 
      border: groove 2px #000;
      vertical-align: middle;
	  color: #000; font-family: verdana, sans-serif; text-align: center; font-size: .9em }

#philcafe { position: absolute; z-index: 2; 
	  top: 150px; left: 330px; 
	  background color: #65bec2;
      border: groove 2px #000;
	  vertical-align: middle;
	  color: #000; font-family: verdana, sans-serif; text-align: center; font-size: .9em  }
	  
#contact { position: absolute; z-index: 2; 
	  top: 310px; left: 90px; 
	  background color: #7ec3c6;
      border: groove 2px #000;
	  width: 84px; height: 84px;
	  color: #000; font-family: verdana, sans-serif; text-align: center; font-size: .9em }
	  	  
	  
#cv { position: absolute; z-index: 2; 
	  top: 310px; left: 210px; 
	  background color: #7ec3c6; 
      border: groove 2px #000;
	  width: 84px; height: 84px;
	  color: #000; font-family: verdana, sans-serif; text-align: center; font-size: .9em }
	  
	  
#external { position: absolute; z-index: 2; 
	  top: 310px; left: 350px; 
	  background color: #7ec3c6; 
      border: groove 2px #000;
	  width: 84px; height: 84px;
	  color: #000; font-family: verdana, sans-serif; text-align: center; font-size: .9em }
	  
#blog { position: absolute; z-index: 2; 
	  top: 490px; left: 70px; 
	  background color: #65bec2; 
      border: groove 2px #000;
	  width: 84px; height: 84px;
	  color: #000; font-family: verdana, sans-serif; text-align: center; font-size: .9em }
	  
#bio { position: absolute; z-index: 2; 
	  top: 490px; left: 190px; 
	  background color: #65bec2; 
      border: groove 2px #000;
	  width: 84px; height: 84px;
	  color: #000; font-family: verdana, sans-serif; text-align: center; font-size: .9em }
	  
#linkedin { position: absolute; z-index: 2; 
	  top: 490px; left: 330px; 
	  background color: #65bec2; 
      border: groove 2px #000;
	  width: 84px; height: 84px;
	  vertical-align: middle;
	  color: #000; font-family: verdana, sans-serif; text-align: center; font-size: .9em }

#mainwrapper { padding: 40px; font-family: tahoma, sans-serif; font-size: small; position: absolute; z-index: 3; top: 30px; left: 170px; }
#mainwrapper h1 { font-size: large; font-family: georgia, serif; font-variant: small-caps; margin-left: 0px; }
#mainwrapper a { width: auto; height: auto; }
#mainwrapper a:link, #mainwrapper a:visited { color: #8BF2FE; text-decoration: none; 
     margin: 0px; padding: 0 px; line-height: 100%; width: auto; height: auto; }
#mainwrapper a:hover { text-decoration: underline; background-image: none; 
     margin: 0px; color: #FF0000; padding: 0 px; }
#mainwrapper a:active { color: #000; margin: 0px; width: 84px; height: 84px; padding: 0 px; width: auto; height: auto; color: #8BF2FE;  }

#1strownav { position: absolute; top: 160px; left: 30px; height: 40px; }
#2ndrownav { position: absolute; top: 340px; left: 30px; height: 40px; }
#3rdrownav { position: absolute; top: 500px; left: 30px; height: 40px; }
#1strowmain { position: absolute; top: 160px; left: 30px; height: 40px; }
#2ndrowmain { position: absolute; top: 340px; left: 30px; height: 40px; }
#3rdrowmain { position: absolute; top: 500px; left: 30px; height: 40px; }

.sample { margin-left: 20px; margin-right: 20px; border: 2px solid #c2be85; padding: 20px; float: right; width: 40%; 
        background-color: #265e8d; }