* {
  /* 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; }

image { border:1px;}
 
#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;
  background: white;
} 

#content h2, #subContent h2
{
  /* Section headers share the same font */
  font: bold 12px Sans;
  border-top:1px  solid #aaaaaa;
  padding-top:4px;
  padding-bottom:4px;
   
}  

#subContent h2
{
   font: bold 12px Sans;
   background: #FFFFF2;
   border-bottom :1px  solid #aaaaaa;
   text-align: center;

}

#content h2  
{    
   padding-top:3px;
   padding-right:6px;
   border-right:7px solid #339900;
   font: 18px 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.1em 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:#F6FFF6;
  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;
   
  }
h3 
{
  margin: 11px;
  font: bold 17px Georgia  Sans-Serif;
  color: #303030;
  padding-top:14px;
}

  h4 {
  margin: 11px;
   font: bold 13px Sans;
  }