* {
  /* This is the universal selector: It allows us to style every element
      on a page. In this case, we remove the default browser padding 
      and margin on every element */
  margin: 0;
  padding: 0;
  list-style: none;
   }
 
body {
  /* Styles applying to the entire page */
  font: 12px   Sans-Serif,Verdana;
  color: #202020;
  
  /*background: #292929;*/
  background: #ffffff;
  text-align: center;
  overflow: scroll
  }
td {
    font: 12px
    Sans-Serif,Verdana;
    border-bottom:1px solid #aaaaaa; 
    padding-top:4px;
    padding-bottom:4px;
    padding-left:2px;
    padding-right:2px;
  }
 
.image
{
 width:200px;
 border:1px  solid #aaaaaa;
 float:left;
 padding:4px;
 margin:5px;
 width:90px;
}

#header {
  /* To the header we apply a background image which tiles horizontally */
  height: 168px;
  text-align: left;
  background: url('images/background.jpg') repeat-x top left;
  }
 
#wrapper {
  /* The wrapper contains the content area, navigation and footer.
    It's positioned in the center of the page using auto margins */
  width: 870px;
  margin: 0 auto;
  text-align: left;
  }
 
#content, #subContent {
  /* Both the content area and navigation share the same background color */
  color:black;
  /*border: 1px  solid #dadada;*/
  /*border-right:url('images/shade_right.jpg')  repeat-y top right;*/
  background: white;

  } 

#content h2, #subContent h2 {
  /* Section headers share the same  font */
  /*background:  url('images/background.jpg') repeat-x top left;  */
   border-top:1px  solid #aaaaaa;
   padding-top:4px;
   padding-bottom:1px;
   text-align: center;
  }
  
#subContent h2
{
   font: bold 13px Sans;
   background: #FFFFF2;
   border-bottom :1px  solid #aaaaaa;
   
}

#content h2  
{    
  padding-top:3px;
  font: bold 20px Georgia  Sans-Serif;
  color: #333333;
  text-align: right;
}
    
 
#content
{
  /* The content area is positioned to the right using a right float */
  float: right;
  width: 630px;
    
}
 
#subContent {
  /* The navigation is positioned to the left using a left float */
  float: left;
  width: 210px;
  }


 
  /* The following styles apply to lists and links within the navigation */ 
#subContent ul {
  list-style: none;
   margin: 1em;
  }
 
#subContent a  {
  color: #000;
  font:  1.0em Sans-Serif;
  text-decoration: none;
  
  }
 
#subContent a:hover {
  color: #555555;
  text-decoration: underline;
 }
 
  /* The following styles apply to the footer and it's contents */
#footer {
  position:relative;
  top:50px;
  clear: both;
  text-align: center;
  padding: 0px;
  font: 0.8em Sans-Serif;
  background:#F6FEF6;
  border-top: 1px  solid #c0c0c0;
  }  
 
#footer a {
  color: ;
  }
 
#footer a:hover {
  color: #000;
  }    

#kod {
  border: 1px  dashed #c0c0c0;
  position: relative;
  left: 30px;
  top:5px;
  width:550px;
  background:#F6FEF6;
  padding-top: 12px;
  padding-left:5px;
  padding-bottom: 12px;
  color: #303030;
  }  
 
  /* General styles */  
img {
  border: none;
  }
 
img.left {
  float: left;
  margin: 1em 1em 1em 0;
  }
 
img.right {
  float: right;  
  margin: 1em 0 1em 1em;
  }  
 
p {
  margin: 11px;
  color: #202020;
}

h3
{
  margin: 11px;
  font: bold 17px Georgia  Sans-Serif;
  color: #303030;
  padding-top:14px;
  padding-bottom:0px;
  }

h4
{
  margin: 11px;
  font: bold 16px Georgia Sans-Serif;
  color: #333333;
};