/* Set origin of page to 0,0 */
body {
  margin: 0px;
  padding: 0px;
  overflow-x: hidden; 
  background-color: #384242;}
  
/* Use to center #page horizontally */
#horizontal {
  position: absolute;
  margin: 0px;
  padding: 0px;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 1px; }
  
#page {
  position: absolute;
  top: 0px;
  width: 962px;  
  height: 3200px;
  background-color: #2f3f3d;
  left: 50%;
  margin-left: -480px; 
  border: 0px solid #000; }
  
#header {
  position: absolute; 
  left: 0px; 
  top: 0px; 
  z-index: 3; }  
  
#menu {
  position: absolute; 
  font-family: Palatino;
  font-weight: bold;
  font-size:14px;
  left: 0px; 
  top: 0px; 
  width: 966px;
  z-index: 3; 
  background-color: #2f3f3d; }  
  
#backdrop {
  position:absolute; left:18px; top:110px; 
  z-index: 1; }

#footer {
  position: absolute; 
  left:18px; 
  top:604px; 
  z-index: 1; }    
  
body.sub_frame {
  margin: 0px;
  padding: 0px;
  overflow-x: hidden; 
  background-color: #2f3f3d;}
  
#content {
  position:absolute; 
  left:0px; 
  top:130px; 
  width:740px;
  z-index: 3; }

#main_content {
  width:700px;
  z-index: 3; 
  border: 1px solid #CCC;
  margin: 20px; }
  
#sub_content {
  width:800px;
  z-index: 3; 
  background-color: #2f3f3d;
  border: 1px solid #CCC;
  margin: 20px; }
  
#blogger_content {
  width:680px;
  z-index: 3;
  border: 1px solid #CCC;
  margin: 20px;}

#side_content {
  position:absolute; 
  right: 0px; 
  width: 235px;
  top: 148px; 
  height: 800px;
  z-index: 3; 
  border: 0px solid #CCC;
  margin: 0px;}

#my_content {
  position:absolute; 
  left:0px; 
  top:150px; 
  width:640px;
  z-index: 3; 
  background-color: #2f3f3d;
  border: 1px solid #CCC;
  margin: 20px; }  
  
img.pic_header {
  position:absolute; 
  left:30px; 
  top:120px; 
  z-index: 5; }

div.classes {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility:hidden; }

#mail {
  position:absolute; 
  left:10px; 
  top: 8px; 
  width: 500px; 
  z-index: 2; 
  font-family: Arial; 
  font-size: 12px;
  color: #FFF;
}  


h1 {
  color:#51A6EA; 
  font-family: Verdana; 
 font-size: 16px; 
 font-weight:bold; 
 line-height: 24px;
 padding: 0px; 
 margin-left: 25px; 
 padding-top:10px; } 
 
h2 {
 color:#000; 
 font-family:Arial; 
 font-size:14px; 
 font-weight:bold;
  line-height: 24px; 
 padding: 0px; 
 margin: 0px; } 

a.left_menu  {
 border: 0; 
 color: #000000;
 background: transparent;
 text-decoration: none; }

a.left_menu:visited {
  color: #000000;
  background: transparent;
  text-decoration: none;}

a.left_menu:hover {
  color: #FFF;
  text-decoration: none;}

a.left_menu:active {
  color: #0000FF;
  text-decoration: none;}
  
.submenu {
  color:#A4B8DF; 
  font-family:Arial; 
  font-size:14px; 
  font-weight:bold; 
  display: inline;
  padding: 10px;
  text-decoration:underline; 
  cursor:pointer; }

 .classsubmenu {
  color:#A4B8DF; 
  font-family:Arial; 
  font-size:14px; 
  font-weight:bold; 
  display: block;
  padding: 12px;
  text-decoration:underline; 
  line-height:0px;
  cursor:pointer; }
  
p.pubtext {
  font-family: Trebuchet, Arial;
  font-size: 13px;
  color: #c8d1d8; 
  width: 600px; 
  line-height: 24px;
  padding-bottom:8px;
  text-align: justify;
  display: block; 
  margin-left:25px; }
  
p.projecttext {
  font-family: Trebuchet, Arial;
  font-size: 13px;
  color: #c8d1d8; 
  width: 700px; 
  line-height: 24px;
  text-align: justify;
  display: block; 
  margin-left:40px; }
 
p.classtext {
  font-family: Trebuchet, Arial;
  font-size: 13px;
  color: #c8d1d8; 
  width: 700px; 
  line-height: 24px;
  text-align: justify;
  display: block;
  z-index: 6;  
  margin-left:25px; }  
  
p.bodytext {
  color:#c8d1d8; 
  font-family: Verdana; 
  font-size: 13px;
  line-height: 22px;
  text-align:justify; 
  text-indent: 15px;
  padding: 0px 0px 0px 0px; 
  margin: 25px;  } 
  
  
p.aboutme {
  color:#000; 
  font-family: Trebuchet, Arial; 
  width:200px; 
  font-size: 13px; 
  line-height: 16px;
  text-align:justify; 
  padding: 0px 0px 5px 0px; 
  margin-left: 25px;  } 

li {
  color:#c8d1d8; 
  font-family:Arial; 
  font-size:13px; 
  text-align:justify; 
  padding: 0px;
  margin: 0px; 
  line-height: 22px; 
  width:530px;} 


a {
  color: #ffad38;
  background: transparent;
  text-decoration: none;}

a:visited {
  color: #ffad38;
  background: transparent;
  text-decoration: none;}

a:hover {
  color: #ffad38;
  text-decoration: underline;}

a:active {
  color: #ffad38;
  text-decoration: underline;}
  
a.e-mail {
  display: inline;
  padding: 20px;
  background: transparent;
  text-decoration: none;
  color: #000;}

a.e-mail:visited {
  color: #000;
  background: transparent;
  text-decoration: none; }

a.e-mail:hover {
  color: #FFF;
  text-decoration: underline;}

a.e-mail:active {
  color: #FFF;
  text-decoration: underline;}
  
p.front {
  padding: 0px;
  margin: 0px; 
  display: block; }

table. {
margin: 25px;  
 }  
  
td.menu_item {
  width: 130px;
  color: #000000; 
  font-family: Times New Roman;
  vertical-align: middle;
  font-size: 16px; 
  font-weight:bold;
  text-align:justify; 
  padding-left: 30px;
  margin: 0px;
  background-color: #96C6EB }  
  
td.class_item {
  color: #000000; 
  font-family: Arial;
  vertical-align: middle;
  font-size: 14px; 
  font-weight:bold;
  text-align:justify; 
  padding-left: 30px;
  margin: 0px;  } 
   
td.position {
  width:170px;
  color:#c8d1d8; 
  font-family:Arial;
  vertical-align: top;
  font-size: 13px; 
  text-align:left; 
  padding: 8px;
  margin: 0px;  }  

td.place, td.degree {
  width:400px;
  color:#c8d1d8; 
  font-family:Arial;
  vertical-align: top;
  font-size:13px; 
  text-align:left; 
  padding: 8px;
  margin: 0px;  }  
  
td.year {
  width:100px;
  color:#c8d1d8; 
  font-family:Arial;
  vertical-align: top;
  font-size:13px; 
  text-align:left; 
  padding: 8px;
  margin: 0px;  }