body {
  background-color: #D9DAFD;
  margin: 0;
  padding: 0;
  width: 1280px;
  font-family:arial, sans-serif;
  font-size:medium;
 }
 
#czen {
  position:relative;
  left: 10px;
  top: 10px;
  width: 300px;
  height: 300px;
  border: 2px solid black;
  padding: 5px;
  margin: 3px;
  background-color: #FAECFF;
  float:right;
 } 
 
a {
  text-decoration:none;
 } 
a:hover {
  text-decoration:underline;
  background-color: #E3D3FE;
 }
 
#pgTitle {
  font-size:larger;
  font-weight:900;
  color: #A50E80;
  padding: 5px;
  background-color: #FAF0FF;
}
#banner {
  background-image:url('img/czjazyk3.png');
  background-repeat:repeat-x;
  padding: 0px;
  height:171px;
 }
#img1 {
  position:absolute;
  top: 25px;
  left: 60px;
 } 
#top-nav {
  background-color: #890161;
  height: 42px;
  border: 3px solid #FFD600;
 }

#group1 {
  background-color: white;

 } 
 
#left-col, #content, #right-col {
  border:1px dotted #F5E8FF;
 } 
 
#left-col {
  width: 260px; 
 }
#content {
  width: 700px;
 }
#right-col {
  width: 240px;
  font-size:small;
 }
#end-nav {
  background-color: #890161;
  height: 32px;
  border: 3px solid #FFD600;
  padding-left: 15px;
  padding-top: 8px;
  color: #FFD600;
 }
#siteinfo {
  background-color: #EAE9FE;
  color: #800080;
  height: 32px;
  margin-top: 6px;
 }
 
#footertxt {
  margin-top: 3px;
  padding-top: 8px;
  font-size:smaller;
 } 
 
.img-pad {
  padding: 5px 8px 5px 5px;
 }
 
#SndTbl{
 border: 1px solid #890161;
 
 }  
.book {
  font-size: small;
} 
 
.SndMp3 {
 border: 1px solid #890161;
 background-color: #D1A4F7;
 width: 290px;
 } 
.CZText {
 border: 1px solid #890161;
 width: 300px;
 }
.ENText {
 border: 1px solid #890161;
 width: 250px;
 color: #EBD6FC;
 background-color: #EBD6FC;
 }
.ENText:hover {
 border: 1px solid #890161;
 width: 250px;
 font-weight:900;
 color: #8000FF;
 background-color: #EBD6FC; 
 } 
 
.czarrow li {
  list-style-image:url('img/arrowczflag.jpg');
  padding: 3px;
  }
.czarrow {
 margin: 0;
 border: 1px solid #8D00E1;
 background-color: #F8ECFF;
 padding-top: 5px;
 padding-bottom: 5px;
 margin: 0;
 }  
.odd {
 background-color: #F3DDFF;
 } 
 
/* Vocab */
#leftcol, #rightcol {
 position: absolute;
 top: 0px;
 overflow: scroll;
 height: 400px;
 width:  222px;
}

#leftcol {
  border: 2px dotted blue;
  left: 0px;
  z-index: 10;    
}

#float-img {
 border: 2px dotted green;
 position: absolute;
 left: 236px;
 top: 0px;
 height: 400px;
 width: 220px;
 background-color: #DDE4FE;
 z-index: 5;
    
}
#rightcol {
 border: 2px dotted red;
 left: 470px;
 z-index: 20;     
 
}

#block-top {
    position: relative;
    top: 0px;
    left: 0px;
}

#lang-tran {
    z-index: 1000;
}