/****************

    ERIC MEYER'S RESET

****************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
strong{
    font-weight:bold; 
}
em{ 
    font-style:italic; 
}

/****************

    STRUCTURE

****************/

#container{ width:960px; margin:0 auto; background:url("bg/dot.gif") repeat-x 0 116px; /**/ }
    #header{ position:relative; margin-bottom:2px; padding:20px 50px; background:#fff url(bg/dot.gif) repeat-y 350px 0; text-align:right; /**/ height:80px; }
    #main{ float:left; width:100%; background:url(bg/dot.gif) repeat-y 350px 0; }
        #navigation{ float:left; width:862px; padding:10px 48px 10px 50px; background:#fff url(bg/dot.gif) repeat-y 350px 0; }
	.homepage #navigation{ width:912px; padding-left:0; padding-right:48px; background-color:#fff; }
        #content{ float:right; width:450px; padding:20px 80px; /**/ }
        #sidebar{ float:left; width:350px; }
    #footer{ position:relative; clear:both; text-align:center; background:#fff; padding:15px 0; height:11px; /**/ }

/****************

    TEXT

****************/

h1{ font:italic normal 24px Arial; color:#1f3a65; padding-bottom:20px; }
	.alternate{ clear:both; background:#0079c0; color:#fff; font-style:normal; margin-bottom:5px; padding:8px; text-align:center; }
h2{ font:bold 13px/1.5em Arial; color:#0079c0; }
h3{}
h4{}
h5{}
h6{}
p{ font:normal 12px/1.5em Arial; padding-bottom:15px; }

/****************

    LINKS

****************/

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

/****************

    IMAGES

****************/

img{}

/****************

    LISTS

****************/

ul, ol, dl{ margin-left:20px; padding-bottom:15px; }
dt{}
dd, li{ font:normal 12px/1.5em Arial; }

/****************

    TABLES

****************/

table{}
th, td{}
thead, tbody, tfoot{}

/****************

    FORMS

****************/

select{}
option{}
fieldset{}
label{}
input, textarea{}
.submit{}



/*
usefull classes
*/
.clear{ width:100%; clear:both; height:1%; font-size:1px; }
.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }

#ador{ position:absolute; top:15px; right:20px; width:21px; height:11px; }

/*******************************************/


/* header menu */

#header ul{ float:right; margin-left:0; padding-top:30px; padding-bottom:0; list-style:none; overflow:hidden; }
#header li{ float:left; font:bold 12px Arial; text-transform:uppercase; margin-left:-2px; border-left:2px dotted #c4c4c4; padding:8px 7px 8px 5px; }
#header li a{ color:#1f3a65; text-decoration:none; padding:5px; -moz-border-radius:5px; }
#header li a:hover, #header li .selected{ background:#0079c0; color:#fff; }

#logo{ position:absolute; top:12px; left:50px; width:254px; height:97px; background:url(bg/logo.png) no-repeat 0 0; }
#english{ position:absolute; top:25px; left:352px; width:31px; height:84px; background:url(bg/english.png) no-repeat 0 0; }
#hrvatski{ position:absolute; top:25px; left:352px; width:31px; height:84px; background:url(bg/hrvatski.png) no-repeat 0 0; }
/* navigation */

#navigation h1{ background:url(bg/quote.png) no-repeat 0 20px; padding-top:40px; }
#navigation p{ color:#1f3a65; font-size:11px; }
#navigation img, #pageFlash{ float:right; margin-left:50px; }

/* sidebar menu */

#newsletter-signup{ margin-bottom:15px; padding:10px 30px; background:#1f3a65; }
#newsletter-signup label{ display:block; font:italic 18px Arial; color:#fff; padding-bottom:4px; }
#newsletter-signup .text{ width:200px; background:#eee; border:3px solid #fff; border-color:#BDBDBD #FFFFFF #FFFFFF #BDBDBD; padding:2px; }
#newsletter-signup .submit{ width:35px; height:29px; border:0; padding:0; background:url(bg/newsletter.png) no-repeat 100% 100%; cursor:pointer; }

#sidebar ul{ list-style:none; margin-left:0; }
#sidebar li{ font:normal 18px Arial; background:url(bg/dot.gif) repeat-x 0 100%; padding-bottom:2px; }
#sidebar a{ display:block; background-color:#fff; background-repeat:no-repeat; background-position:15px 50%; color:#1f3a65; text-decoration:none; padding:18px 80px; padding-left:30px; }

    .icon1 a{ background-image:url(bg/icon1.png); }
    .icon2 a{ background-image:url(bg/icon2.png); }
    .icon3 a{ background-image:url(bg/icon3.png); }
    .icon4 a{ background-image:url(bg/icon4.png); }
    .icon5 a{ background-image:url(bg/icon5.png); }
    
#sidebar a:hover, #sidebar .selected{ background-color:#0079c0; color:#fff; }

/**/

.circles{ float:left; margin-left:0; list-style:none; }
.circles li{ float:left; width:220px; padding-right:10px; font:italic 11px/1.5em Arial; }
.circles .blue{ width:134px; height:134px; background:url(bg/blue-round.png) no-repeat 0 0; color:#fff; padding:40px; }

/*gallery*/
.gallery { margin:0; }
.gallery li{ float:left; list-style:none; padding:5px; }

/* footer links */

#footer li{ display:inline; padding:0 5px; }

.alt{ display:none; }

/* homepage categories */

#categories{ float:left; width:960px; }
#categories ul{ float:left; width:100%; margin-left:0; padding-bottom:5px; list-style:none; background:url(bg/dot.gif) repeat-x 0 100%; }
#categories li{ float:left; width:116px; padding-right:4px; }
#categories h3{ font:bold 13px "Trebuchet MS", Arial; background:#666; color:#fff; width:96px; height:28px; line-height:14px; text-align:center; -moz-border-radius:0 0 12px 12px; padding:10px 10px; }
#categories h3 a{ color:#fff; text-decoration:none; }
#categories h3 a:hover{ text-decoration:underline; }
#categories p{ font:italic normal 11px Arial; color:#aaa9a9; padding:10px; background:url(bg/dot.gif) repeat-x 0 100%; }

#categories .item1 h3{ background:#d21218; }
#categories .item2 h3{ background:#36662b; }
#categories .item3 h3{ background:#f5a90f; }
#categories .item4 h3{ background:#87ae4b; }
#categories .item5 h3{ background:#f7cb00; }
#categories .item6 h3{ background:#ac263b; }
#categories .item7 h3{ background:#e34b04; }
#categories .item8 h3{ background:#4e1f54; }

.homepage #navigation ul{ margin-left:0; list-style:none; }
.homepage #navigation li{ width:320px; height:191px; background:url(bg/home-tabs.png) no-repeat 0 0; margin-bottom:5px; padding-right:15px; }
.homepage #navigation h2{ width:150px; -moz-border-radius:0 0 10px 0; padding:7px 10px; background:#1f3a65; color:#fff; }
.homepage #navigation p{ padding:10px 10px 0; font:italic normal 12px Arial; color:#aaa9a9; }
.homepage #navigation .tabs-links{ padding-top:15px; padding-left:25px; background:url(bg/dot.gif) repeat-x 0 5px; list-style-type:disc; color:#c20d0d; }
.homepage #navigation .tabs-links li{ width:auto; height:auto; margin-bottom:0; padding-right:0; background:none; }
.homepage #navigation .tabs-links a{ color:#000; text-decoration:none; }
.homepage #navigation .tabs-links a:hover{ text-decoration:underline; }
.homepage #navigation img{ float:right; margin-left:0; }

.homepage #header, .homepage #footer, .homepage #navigation{ background-color:#fff; }

.homepage #navigation img, .homepage #pageFlash{ margin-left:0; }






















































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */