* {
    margin: 0em;
    border: none;
    padding: 0em;
  }
body
  {
  	color: rgb(51,51,51);
  	background-color: rgb(118,8,8);
  	font: 0.8em/1em Plantin, "Plantin std", "Plantin", "Baskerville", Georgia, "Times New Roman", serif; 
    line-height: 1.5em;
    text-align: center;
    background-image: url(../img/back.png);
    background-repeat: repeat;
  }
h1,h2,h3 {
    font: 1.2em/1.6em "Thesis Sans", "Myriad Pro", "Lucida sans", Verdana, sans-serif;
}  

h1
  {
    color: rgb(0,166,255);    
    font-size: 150%;
    margin: 0em 0em 0.15em 0em;
  }
h2
  {
    font-size: 100%;
  }  

ul
  {
    list-style: none;
  }    
a, a:visited, a:focus,  a:link 
  {
  	color: black;
    text-decoration: none;
  	cursor: Pointer;
    border-bottom: 1px dotted;
  }
a:hover {
    text-decoration: none;
    border-bottom: 1px solid;
}
div#layout
  {
    width: 1000px;
    background-color: #fff;
    margin: 1em auto 1em auto;
    /*border: 1px dotted #ccc;*/
    text-align: center;
    z-index: 2;
  }
div#header
  {
    position: relative;
    width: 1000px;
    height: 270px;
    margin: 0px auto 0em auto;
  }
div#header #top{
    position: relative;
    width: 1000px;
    height: 201px;
    background-color: rgb(8,8,8);
/*    border: 1px solid black; */
}  
div#header #top #panorama{
  position: relative;
  top: 0px;
  left:0px;

}

div#header #bottom{
    position: relative;
    top:-40px;
    width: 1000px;
    height: 160px;
}  
div#item1{
  position: absolute;
  width: 200px;
  top: 0px;
  left: 60px;
  /* border-top: 3px solid rgb(208,208,208);*/
}
div#item2{
  position: absolute;
  width: 200px;
  top: 0px;
  left:280px;
  /* border-top: 3px solid rgb(208,208,208);*/
}
div#item3{
  position: absolute;
  width: 200px;
  top: 0px;
  left: 500px;
  /* border-top: 3px solid rgb(208,208,208);*/
 /* border: 1px solid black;*/
}
div#item4{
  position: absolute;
  width: 200px;
  top: 0px;
  left: 720px;
  /* border-top: 3px solid rgb(208,208,208);*/
}
div#item1 a, div#item2 a, div#item3 a, div#item4 a {
  color: rgb(208,208,208);
  font-size: 1.3em; 
  text-align: left;
  margin: 5px 0px 10px 10px;
  font: 1.3em/1.6em "Thesis Sans", "Myriad Pro", "Lucida sans", Verdana, sans-serif;
}

div#item1 a:hover, div#item2 a:hover, div#item3 a:hover, div#item4 a:hover {
border-bottom: 1px solid;
}
/* menu and header section end */

div#header h1
  {
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: white;
  }

div#content
  {
    width: 900px;
    margin: 0em auto 1em auto;
    text-align: justify;
  }  

div#content h1 {
  color: black;
}  
div#content p
  {
    clear: both;
    margin: 0em 0em 1em 0em;
  }
div#content a {
    color: rgb(0,16,144);
}
div#content div#content_left{
  width: 670px;
  margin-right: 9px;
  float:left;
 } 

div#content h1 {
 font-size: 1.7em;
}
div#content h2{
 font-size: 1.3em;
 margin-top:1em;
}
div#content table,div#content ul{
    clear: both;
    margin: 0em 0em 1em 3em;
}

div#content table td, div#content table th{
    padding: 0em 2em 0em 0.5em;
}

div#content ul {
  list-style: circle;
}

div#content ul li a{
  margin-right: 2em;
}

div#content img#me {
  width: 220px;
  margin-left: 0px;
   float:right;
}

div#content img.l {
 margin-top:2em;
 float:left;
}

div#content div.r {
  margin-left: 100px;
  margin-bottom: 2em;
}


/* double column desing end */
div#footer
  {
    clear: both;
    width: 1000px;
    margin: 0em auto 0em auto;
    border-top: 1px solid rgb(211,211,211);
    padding: 0.5em 0em 0.5em 0em;
    font-size: 80%;
  }
a.validate 
  {
    border: 1px solid #aaa;
    text-decoration: none;
  }
.validate span 
  {
    color: #fff;
    background-color: #aaa;
    margin-right: 0.2em;
  }
span.line
  {
    margin: 0.5em;
  }

#earth {
  position: absolute;
  top:600px;
  left:0px;
  z-index: -1;
}