body {
    background:#051e4c;
    margin:0;
    padding:0;
    font:80% 'Trebuchet MS', Arial, Helvetica, sans-serif;
    line-height:1.6em;
    color:#7e7e7e;    
    }

/* typo */
ul, ul ul, ul ul ul, ol, ol ol, ol ol ol {
    margin:2px 10px;
    padding:0;
    list-style-position:inside;
    }
ul li, ul ul li, ul ul ul li, ol li, ol ol li, ol ol ol li {
    margin:0;
    padding:0 10px;
    }
a {
    text-decoration:none;
    outline:none;
    color:#5288e0;
    }
a:hover {
    text-decoration:none;
    color:#fc8d00;
    }
h2 {
    font-size:1em;
    text-transform:uppercase;
    width:100%;
    }
h3 {
    background:#051e4c;
    width:170px;
    height:22px;
    padding:2px 0 0 20px;
    color:#fff;
    border-bottom:1px solid #adcddf;
    margin:15px 0 0 0;
    font-size:1em;
    text-transform:uppercase;    
    }
h4 {
    font-size:1.4em;
    }
p, h2, h4 {
    margin:0;
    padding:0.5em 0;
    }
img {
    border:0;
    }
fieldset {
    border:0;
    }
table, td, select, input, textarea, li {
    font:100% 'Trebuchet MS', Arial, Helvetica, sans-serif;
    }
table p {
    padding:2px 0;
    }
pre {
    font-size:10px;
    }

/* CONTAINERS */
#default, #page {
    background:url(../images/bg-body.jpg) no-repeat;
    width:850px;
    min-height:600px;
    margin:0 auto;
    text-align:left;    
    position:relative;
    }
#content {
    background:url(../images/bg-content.gif) repeat-y;
    float:left;
    display:inline;    
    width:751px;
    height:auto;
    min-height:600px;
    margin:0 auto 0 50px;
    }
/* LEFT COL */
#left {
    float:left;
    width:555px;
    margin:0;
    border-left:1px solid #4f586e;
    border-right:1px solid #4f586e;
    }
/* HEADER */
#header {    
    position:relative;
    float:left;
    width:555px;
    }
#header img {
    display:block;
    }
#header h1 {
    position:absolute;
    top:53px;
    left:30px;
    width:313px;
    margin:0;
    padding:0;
    text-indent:-9000px;
    }
#header h1 a {
    background:url(../images/logo.gif) no-repeat;
    display:block;
    height:126px;
    }
#text {
    float:left;
    width:495px;
    padding:13px 30px;
    }
#default #text {
    background:url(../images/bg-sahHome.jpg) no-repeat bottom;
    height:245px;
    padding:25px 30px 0px 30px;
    line-height:24px;
    color:#fff;
    }
#text h2 {
    color:#fc8d00;
    }
#text a {
    color:#ff9130;
    }
#text a:hover {
    color:#5288e0;
    }
/* RIGHT COL */
#right {
    float:left;
    width:190px;
    margin:0 0 0 4px;
    padding:0;
    }
#right p {
    padding:8px 20px 0 20px;
    }
#right img {
    margin-top:15px;
    }
/* lang switch */ 
p#langSwitch {
    margin:12px 20px 15px 20px;
    padding:0;
    }
p#langSwitch a {
    display:inline-block;
    text-align:right;
    }
a#homeLink {
    background:url(../images/ikone/ico-home.gif) no-repeat;
    width:60px;
    margin-right:10px;
    }
a.langSwitchFlag {
    background:url(../images/ikone/ico-en.gif) no-repeat;
    width:75px;
    }
#sahklubrijeka2009EN a.langSwitchFlag {
    background:url(../images/ikone/ico-hr.gif) no-repeat;
    }
/* search */
#search {
    background:#051e4c;
    height:25px;
    margin:0;
    border-bottom:1px solid #adcddf;
    }
input.searchField {
    width:101px;
    height:11px;
    float:left;
    display:inline;
    padding:1px;
    margin:5px 5px 0 20px;
    font-size:11px;
    border:1px solid #b1d1e5;
    }
input.btnSearch {
    display:inline; 
    width:40px;
    height:25px;
    margin:0;
    padding:2px 0;
    color:#ff9130;    
    background:none;
    border:none;
    cursor:pointer;
    }
img#picGallHome {
    margin-left:18px;
    }
p#usefulLinks {
    background:url(../images/bg-links.jpg) no-repeat;
    height:190px;
    }
p#usefulLinks a {
    display:block;
    }

/* MENU */
#menu {
    float:left;
    background:url(../images/bg-menu.gif) repeat-x;
    width:555px;
    height:35px;
    margin:0;       
    border-top:1px solid #b1d1e5;
    border-bottom:1px solid #b1d1e5;
    }
#menu ul {
    margin:0;
    padding:0;
    list-style:none;
    }
#menu ul li {    
    float:left;
    display:inline;
    width:auto;
    height:35px;
    margin:0 9px;
    padding:0;    
    text-transform:uppercase;
    position:relative;
    }
#menu ul li a {
    display:block;
    padding:7px 10px 10px 10px;
    font-weight:bold;
    color:#9ec5de;
    }
#menu ul li a:hover, #menu ul li a.selected, #menu ul li.over a, #menu ul li:hover a  {
    background:#051e4c;
    }
html>body #menu ul li:hover > a {
    background:#051e4c;
    }

/* dropdown 2nd level */
#menu ul ul {
    position:absolute;
    top:35px;
    left:0;
    background:#051e4c;
    width:150px;    
    padding:5px;
    list-style:none;
    z-index:5;
    }
#menu ul ul li {
    float:left;
    margin:2px 0;
    padding:0;
    width:150px;
    height:auto;
    text-transform:none;
    display:block;
    position:relative;
    }
#menu ul ul li a {
    display:block;
    padding:0 10px;
    font-weight:normal; 
    }
#menu ul ul li a:hover {
    color:#fc8d00;
    }
/* dropdown 3rd level */
#menu ul ul ul {
    position:absolute;
    top:-7px;
    left:140px;
    width:130px;
    padding:5px 10px;
    list-style:none;
    }
#menu ul ul ul li {
    float:left;
    width:120px;
    }
/* show-hide */
#menu ul ul, #menu ul ul ul{display:none;}
#menu ul li:hover ul, #menu ul li.over ul{display:block;}
#menu ul li:hover ul ul, #menu ul li.over ul ul{display:none;}
#menu ul ul li:hover ul, #menu ul ul li.over ul{display:block;}

/* related docs */
h4.relatedDocuments {
    float:left;
    display:inline;
    width:480px;
    font-size:12px;
    text-transform:uppercase;
    padding:0;
    margin:0 30px;
    border-bottom:1px solid #c3c3c3;
    }
ul.relatedDocuments {
    float:left;
    display:inline;
    width:480px;
    padding:0;
    margin:20px 30px;
    list-style:none;
    }
ul.relatedDocuments li {
    margin:0;
    padding:0;
    }

/* search results */
#searchResults {
    float:left;
    width:500px;
    }
#searchResults p, #searchResults ul, #searchResults ul li {
    padding:0 30px;
    }
#searchResults ul,  #searchResults ul li  {
    list-style:none;
    }

/* news */
#newsDefault {
    float:left;
    height:330px;
    width:555px;
    }
#newsDefault h2 {
    background:url(../images/bg-newsh2.gif) no-repeat;
    text-indent:471px;
    padding:5px 0 0 0;
    height:58px;
    }
#sahklubrijeka2009EN #newsDefault h2 {
     text-indent:490px;
     }    
#newsDefault h2 a {
    color:#fff;
    }
#newsDefault img {
    border:2px solid #adcddf;
    }
.scroller {
    height:240px;
    padding:0 30px;
    margin-right:30px;
    overflow:auto;
    }
.jScrollPaneContainer{position:relative;overflow:hidden;z-index:10;}
.jScrollPaneTrack{position:absolute;right:0;top:0;height:100%;}
.jScrollPaneDrag{position:absolute;overflow:hidden;background:url(../images/scrollpane.jpg) repeat-y;cursor:pointer;}
.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;}
a.jScrollArrowUp{display:block;position:absolute;z-index:10;top:0;right:0;text-indent:-9999em;overflow:hidden;height:20px;
    background:url(../images/scroll.jpg) 0px 0px;}
a.jScrollArrowUp:hover{background-position:0px 0px;}
a.jScrollArrowDown{display:block;position:absolute;z-index:10;bottom:0;right:0;text-indent:-9999em;overflow:hidden;height:20px;background:url(../images/scroll.jpg) 0px 20px;}
a.jScrollArrowDown:hover{background-position:0px 20px;}
ul#listaNovosti {
    float:left;
    display:inline;
    width:470px;
    margin:0px;
    padding:0;
    list-style:none;    
}
ul#listaNovosti li {
    float:left;
    width:100%;
    margin:5px 0;
    padding:0;
    }
ul#listaNovosti li img {
    float:left;
    margin-right:27px;
    }
ul#listaNovosti li .datum {
    display:block;
    }
ul#listaNovosti li span {
    font-style:italic;
    }
ul#newsNav {
    height:20px;
    margin:0;
    padding:5px 0 10px 0;
    list-style:none;    
    }
ul#newsNav li {
    float:left;
    width:auto;
    margin:0 1px;
    padding:0;
    }
#novosti {
    padding:0 30px;
    }
#novosti h2, #novosti p, ul#newsNav {
    width:100%;
    float:left;
    }
#novosti p.datum {
    padding:0;
    }
#novosti p.sazetak {
    line-height:1.4em;
    padding-top:0;
    }
.newsText {
    float:left;
    width:100%;
    }

/* LIVE PARTIJE */  
#iframes {
    padding:0 20px 20px 20px;
    }
#bannerSpons {
    position:absolute;
    top:40px;
    left:80px;
    cursor:pointer;
    }

/* FOOTER */
#footer {
    background:url(../images/bg-footer.gif) no-repeat top;
    position:relative;
    float:left;
    display:inline;       
    width:750px;
    height:138px;
    margin-left:51px;
    }
#footer p {
    position:absolute;
    top:85px;
    left:250px;
    color:#fff;
    }
#page #footer p {
    display:none;
    }