#topmost {
width:770px;
margin:10px auto;
text-align:right;
}

#header {
margin:20px auto;
width:770px;
}

#header h1 {
color:#888;
font-size:130%;
font-family:Arial;
letter-spacing:.8px;
text-align:left;
padding:5px;
margin-bottom:0px;
border-bottom:1px solid #ccc;
}

#navigation {
margin:0 0 0 -90px;
width:545;
font-size:140%;
}

#navigation ul {
list-style-type:none;
}

#navigation li {
float:left;
}

#navigation a {
color:#99cc00;
background-color:#fff;
text-align:center;
text-decoration:none;
padding:5px;
}

#navigation a:hover, #navigation .active {
color:#fff;
background-color:#99cc00;
}

#content {
height:auto;
margin:0 auto;
width:770px;
}

#content .leftCol p.clear {
clear:both;
height:0;
}

#content p {
font-size:120%;
}

#content p.center {
text-align:center;
}

#content div.leftCol {
float:left;
width:545px;
border-right:1px solid #ccc;
padding-right:14px;
}

#content div.rightCol {
float:right;
width:196px;
text-align:center;
padding-left:14px;
}

#content ol {
margin-top:10px;
list-style-type:decimal;
}

#content li {
margin-left:50px;
font-size:130%;
font-weight:bold;
}

#footer {
border-top:1px solid #ddd; 
height:50px;
margin:0 auto;
padding:10px;
text-align:center;
width:750px;
font-size:90%;
}

#pogoji {
margin:20px;
}

.clear {
clear:both;
height:20px;
}

.textbutton {
display:inline; margin-left:2px; border:solid 1px #999; font-weight:bold; padding:1px 5px 1px 23px; background-repeat:no-repeat; background-position:3px 5px; white-space:nowrap; text-decoration:none; line-height:190%;
}

.textbutton:link, .textbutton:visited, .textbutton:active {
background-color:#eee;
}

.textbutton:hover {
background-color:#ddd;
}

a {
color:#666;
text-decoration:underline;
}

a:hover {
color:#999;
text-decoration:none;
}

a:active, a:focus { 
outline:0;
}

body {
color:#555;
font-family:"Trebuchet MS", Arial, Verdana;
font-size:0.74em;
margin:0;
padding:0;
text-align:left;
}

img {
border:none;
}