body {
    margin: 0px; border: 0px;
    padding: 0px;
    background: #A9A9F5;}

<style>
  #levelsudas {}
  #leftmenu {margin: 0px; border: 0px; padding: 0px; background: #A9A9F5; height: 100%;}
  #level1 { margin-left: 150px;  padding: 0px; background: #A9A9F5;}
  #right {
    margin-left: 0px;
    padding: 0px;
    background: #A9A9F5; position: relative;}
  
  p.clear {clear: both}
  h3 {color: blue;}
  div.center {text-align: center;}

  #main {width: 700px;
    margin-right: 150px;
    background: white; color: black; height: 100%;
    padding: 15px; text-align: justify;}
  #main_about_me {margin-right: 150px; background: white; color: blue; width: 700px; padding: 15px; text-align: center;}
  #main_home_page {margin-right: 150px; background: white; color: black; height: 650px; width: 700px; padding: 15px; text-align: center;}
  #main_links {margin-right: 150px; background: white; color: black; width: 700px; padding: 15px; text-align: justify;}  
  #top {background: #A9A9F5; width: 100%; color: blue; padding: 5px 0px 0px 0px;}
  #credo {background: #6960EC; color: #00008B;  font-style: italic; font-size: 20px; width: 700px; height: 90px; padding: 10px 15px 5px 15px;}
  #float {float: right; width: 100px; height: 100px; background: white;}
  #lftBar {position: absolute; width: 110px; top: 20px; left: 20px; color: white;}
  #rgtBar {position:absolute; width: 180px; top: 0px; right:0px; padding: 10px;}

div.imgright {margin: 6px; border: 2px solid #000000; float: right; clear: both;}
div.imgleft {margin: 10px 10px 10px 0px; border: 2px solid #000000; float: left; clear: both;}
div.desckarso {text-align: center; font-weight: normal; margin: 2px;}



/* foto gallery */
#fotoMorocco {margin-right: 150px; background: #ffff66; width: 880px; height: 800px; padding: 0px;}
#fotomainMorocco {margin-right: 150px; background: #ffff66; width: 880px; height: 1000px; padding: 0px;}
#fototext {background: #338000; width: 780px; text-align: justify; color: white; padding: 10px 50px 10px 50px;}
#africaright {height: 230px; width: 210px; float: right; display: inline; border: 2px solid black; margin: 10px 10px 10px 20px; } 
/* #levelfoto { margin: 30px;  padding: 10px; background: #ffff66; width: 1000px;}  yellow */

div.pavienis {dislay: block; text-align: center; }
div.img {margin: 5px;			/* pav + legend aprasymas */
  border: 2px solid #0000ff;
  height: 220px;
  width: 200px;
  float: left;
  text-align: center; }	

div.img img {display: inline;		/* pav aprasymas */	
  margin: 5px;
  border: 2px solid black;}

div.img a:hover img {border: 1px solid #0000ff;}     /* uzejus ant pav, aprasymas */

div.desc {text-align: center;
  font-weight: normal; color: blue;
  width: 200px;
  margin: 2px;}


div.foto_home {height: 300px; width: 280px; float: left; padding: 20px;}
div.foto_home img {display: inline; margin: 5px; border: 2px solid #0000ff;} 

div.kalbos {display: inline; margin: 20px;}

.box {height: 120px; background: yellow; overflow: auto; width: 665px; 
border: 10px solid black; padding: 10px;}

 </style>