body {
	margin: 0;
	background: #0b3f60 url(sprites-x.png) repeat-x 0 -1600px;
	font: normal 14px/1.3em Georgia, "Times New Roman", "Nimbus Roman No9 L", Times, serif;
}

a img { border: 0; }

form { margin: 0; padding: 0; }

.center { text-align: center !important }
.float-left { float: left }
.float-right { float: right }

.clear-left { clear: left }
.clear-right { clear: right }
.clear-all { clear: both }

ul.menu {
	position: absolute; display: inline;
	margin: 0; padding: 0;
	white-space: nowrap;
}
	
ul.menu li {
	position: relative; display: inline;
	list-style-type: none; 
}

ul.menu li a { text-decoration: none }

ol.lower-roman, ol.roman { list-style-type: lower-roman }
ol.upper-roman { list-style-type: upper-roman }

ol.alpha, ol.lower-alpha { list-style-type: lower-alpha }
ol.upper-alpha { list-style-type: upper-alpha }

.width-half { width: 49% }
.width-third { width: 32% }
.width-fourth { width: 24% }

div.column {
	position: relative; display: block; overflow: hidden;
	margin: 0 0.5%;
}

/* blocks */
#container {
	position: relative; z-index: 100;
	width: 956px; 
	margin: 12px auto 0;
	background: #fff;
}

#header {
	position: relative; z-index: 10;
	height: 160px;
	background: #386494 url(sprites-x.png) repeat-x 0 -80px;
}

#header div.decoration {
	position: absolute; overflow: hidden;
	top: 0; right: 0; width: 636px; height: 153px;
	background: url(header-deco.jpg) no-repeat;
}

#header .sign {
	position: absolute; overflow: hidden; 
	left: 45px; top: 0; width: 136px; height: 130px;
}

#header .title, #header .subtitle, #header .logo {
	position: absolute; color: #fff;
}

#header .title {
	left: 375px; top: 30px; width: 200px;
	font: bold 18px/18px "Lucida Sans Unicode" "Arial Unicode";
	letter-spacing: 2px; 
}

#header .subtitle {
	left: 330px; top: 85px; width: 400px; 
	font-size: 12px; font-weight: bold; text-transform: uppercase
}

#header .logo {
	left: 210px; top: 50px; width: 600px; 
	font: bold 30px/36px Georgia, "Times New Roman", "Nimbus Roman No9 L", Times, serif;
	text-transform: uppercase
}

body.lang-sr #header .logo {
	left: 190px; width: 640px; 
}

body.lang-sr #header .subtitle {
	left: 320px;
}

#header .main-menu {
	position: absolute; float: left;
	bottom: 6px; left: 0; height: 33px;
	padding: 0 4px;
}

#header .main-menu .item {
	position: relative; float: left;
	height: 100%; margin: 0 4px; 
	color: #fff; background: #80a1b6 url(sprites-x.png) repeat-x 0 -245px;
	font-weight: bold; font-size: 14px; line-height: 36px; text-transform: uppercase;
}

#header .main-menu .hover { background: #b7d5e7 url(sprites-x.png) repeat-x 0 -450px; }
#header .main-menu .active { background: #b7d5e7 url(sprites-x.png) repeat-x 0 -280px; }

#header .main-menu .active, #header .main-menu .active a { color: #03214a !important; }
#header .main-menu .active span, #header .main-menu .hover span { padding: 0 8px; }

#header .main-menu .item .W, #header .main-menu .item .E { 
	position: absolute;
	top: 0; width: 4px; height: 100%;
	background: url(sprites-1.png) no-repeat;
}

#header .main-menu .item .W { left: -4px; background-position: -50px -26px }
#header .main-menu .item .E { right: -4px; background-position: -54px -26px }

#header .main-menu .hover .W { background-position: -50px -100px }
#header .main-menu .hover .E { background-position: -54px -100px }

#header .main-menu .active .W { background-position: -60px -26px }
#header .main-menu .active .E { background-position: -64px -26px }


#header .main-menu .item a {
	color: #fff; padding: 0 8px;
	text-decoration: none;
}

#header .main-menu .item a:hover { text-decoration: underline }

#header .drop-down, #header .sub-menu {
	position: absolute; display: none;
	left: -4px; padding: 0;
	background: #a6cbe1 url(sprites-x.png) repeat-x 0 -897px; 
	border: 1px outset #a6cbe1; 
}

#header .drop-down {
	top: 33px; z-index: 20; 
	margin: 0; border-top: 5px solid transparent;
	-moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px;
	font-size: 11px; line-height: 18px; font-weight: normal;
}

#header .sub-menu {
	margin: -22px 0 0 100%;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}

#header .sub-menu.right {
	left: auto; right: 100%;
	margin-right: -4px;
}

#header .drop-down li {
	position: static; float:left; clear: left; 
	margin: 4px 0; padding: 0 16px 0 8px; width: 50%;
}

#header .main-menu .drop-down li a, 
#header .main-menu .drop-down li span { padding: 0; margin: 0; color: #03214a; }

#header .main-menu .drop-down li .submenu-indicator {
	position: absolute; overflow: hidden; z-index: -1;
	right: 2px; margin-top: -14px;
	width: 10px; height: 10px;
	background: transparent url(sprites-1.png) repeat-x -50px -90px;
}

#header .tools {
	position: absolute;
	right: 0; top: 0; height: 28px; padding: 0 4px;
	background: #eee url(sprites-x.png) repeat-x 0 -360px;
	line-height: 24px; font-size: 11px; font-weight: bold;
}

#header .tools .E, #header .tools .W { 
	position: absolute; overflow: hidden;
	top: -2px; height: 31px;
	background: url(sprites-1.png) no-repeat;
}
#header .tools .E { right: 0; width: 8px; background-position: -92px -26px }
#header .tools .W { left: -17px; width: 24px; background-position: -68px -26px }

#header .tools ul.menu { position: relative; oxverflow: hixdden; margin: 0 8px; }
#header .tools ul.menu li { position: relative; margin: 0 6px; }
#header .tools ul.menu li, #header .tools ul.menu li a { color: #2b476b; }
#header .tools ul.menu li a:hover { color: #5384aa; text-decoration: underline; }

#header .tools ul.menu li.language { margin: 0 3px; }
#header .tools ul.menu li.language img { border: 1px solid #bbb; vertical-align: -12%; }


/* BEGIN: main-columns */
#column-container {
	position: relative; overflow: hidden; z-index: 5;
	width: 100%; min-height: 250px;
	background: #ecebe8 url(sprites-y.png) repeat-y -774px 0;
	color: #03214a;
}

#column-container .decoration {
	position: absolute; overflow: hidden; z-index: 3;
	width: 224px; height: 340px;
	bottom: 0; left: 2px;
	background: url(sidebar-deco.jpg) no-repeat -2px 0;
}

#column-container .side-watermark,
#column-container .page-watermark { 
	position: absolute; overflow: hidden; z-index: 5;
	width: 110px; height: 116px;
	background: url(sprites-1.png) no-repeat;
}

#column-container .side-watermark { bottom: 10px; left: 56px; background-position: -100px -116px }
#column-container .page-watermark { bottom: 10px; right: 10px; background-position: -100px 0 }


#column-container .left-column {
	position: relative; float: left; clear: both; overflow: hidden; z-index: 10;
	width: 226px; margin: 0 0 130px 0; padding: 0;
	white-space: visible;
}

#column-container .main-column {
	position: relative; float: left; overflow: hidden; z-index: 10;
	width: 730px; margin: 0; padding: 0;
}

#column-container .main-column .header {
	position: relative; overflow: hidden;
	height: 30px; padding: 0 8px; margin-bottom: 16px;
	border-bottom: 1px solid #9db6c7;
	background: #e1e8ed url(sprites-x.png) repeat-x 0 -320px;
	line-height: 30px;
}

#column-container .main-column .header .breadcrumbs {
	position: relative; overflow: hidden; float: left; 
	text-transform: uppercase;
	font-size: 11px;
}

#column-container .main-column .header .breadcrumbs a {
	color: #013251
}

#column-container .main-column .header .tools {
	position: relative; overflow: hidden; float: right; 
	font-size: 11px;
}

#side-navigation {
	margin: 8px 2px;
}

#side-navigation div.menu-item {
	position: relative;
	padding: 4px 0 5px; margin: 4px 8px; 
	font-size: 11px; line-height: 13px; text-transform: uppercase;
	white-space: normal;
	border-bottom: 1px dotted #bcbab2;
}
#side-navigation div.menu-item a { color: #03214a; text-decoration: none }
#side-navigation div.active a, #side-navigation div.menu-item a:hover { color: #3e5d88; }
#side-navigation div.menu-item:hover { border-bottom: 1px solid #3e5d88; }

#side-navigation div.tier-1 { padding-left: 0; font-weight: bold }
#side-navigation div.tier-2 { padding-left: 16px; }
#side-navigation div.tier-3 { padding-left: 32px; font-style: italic }

#side-navigation div.active { border-color: #000; }

#footer { 
	position: relative; clear: both; overflow: hidden; z-index: 8;
	height: 35px; padding-top: 5px;
	background: #86a5b9 url(sprites-x.png) repeat-x 0 -390px; 
	color: #013251;
	font-size: 10px; line-height: 16px; text-align: center;
}

#footer strong {
	font-size: 11px;
}

#footer a { color: #ccc; }

/* elements */
div.block { height: 100%; z-index: -1 }

div.block div div {
	position: absolute; overflow: hidden;
}

div.block .NE, div.block .NW, div.block .SE, div.block .SW {
	z-index: 10; background: url(sprites-1.png) no-repeat; 
}
div.block .N, div.block .S {
	z-index: 0; width: 100%; left: 0; background: url(sprites-x.png) repeat-x; 
}
div.block .E, div.block .W {
	z-index: 0; height: 100%; top: 0; background: url(sprites-y.png) repeat-y;
}

/* page border */
div.block div.border-page .NE, div.block div.border-page .NW { width: 24px; height: 400px; top: -12px; }
div.block div.border-page .NE { right: -20px; background-position: -24px 0 }
div.block div.border-page .NW { left: -20px; background-position: 0 0 }

div.block div.border-page .SE, div.block div.border-page .SW { width: 24px; height: 24px; }
div.block div.border-page .SE { bottom: -20px; right: -20px; background-position: -74px 0 }
div.block div.border-page .SW { bottom: -20px; left: -20px; background-position: -50px 0 }

div.block div.border-page .N { top: -12px; height: 12px; background-position: 0 0 }
div.block div.border-page .S { bottom: -20px; height: 20px; background-position: 0 -20px; }

div.block div.border-page .E, div.block div.border-page .W { width: 20px; }
div.block div.border-page .E { right: -20px; background-position: -20px 0; }
div.block div.border-page .W { left: -20px; background-position: 0 0 }

/* shadows */
.cast-shadow span { position: relative; }

.cast-shadow .jq-shadow  { 
	position: absolute;
	top: 1px; left: 1px;
	color: #082e46;
}

@media print {
    .cast-shadow .jq-shadow  { display: none; }
}

/* BEGIN: typography */
.content {
	margin: 8px 8px 24px;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	margin: 1.2em 0 1.2em 24px; line-height: 1.2em;
	font-weight: normal;
	color: #03214a;
}

.content li h1, .content li h2, .content li h3, .content li h4, .content li h5, .content li h6 {
	margin-left: 0;
}

.content h1 { font-size: 24px; }
.content h2 { font-size: 20px; font-style: italic }
.content h3 { font-size: 16px; font-weight: bold }
.content h4 { font-size: 14px; font-weight: bold; font-style: italic; }
.content h5 { font-size: 12px; font-weight: bold }
.content h6 { font-size: 12px; }

.content p, .content blockquote {
	margin-top: 1em; margin-bottom: 1em;
	text-indent: 2em;
	text-align: justify;
}
.content blockquote { text-indent : 0; margin: 0 44px; }

.content blockquote.framed {
	border: 3px double #9ab;
	margin: 28px; padding: 0 16px;
}

.content li p { text-indent: 0; }

.content .subtitle { margin-top: -24px; margin-bottom: 24px }

.content em, .content cite {
	font-style: italic;
	font-weight: normal;
}

.content strong {
	font-weight: bold;
}

.content em strong, .content strong em {
	font-weight: bold;
	font-style: normal;
	color: #3573b9;
}

.content img.thin-bordered { border: 1px solid #666 }
.content img.bordered { border: 4px double #666 }
.content img.float-left { margin: 4px 8px 4px 0; }
.content img.float-right { margin: 4px 0 4px 8px; }
.content img.center { margin: 4px 8px; clear: both; }

.content .figure {
	position: relative; display: block; overflow: hidden;
	margin: 4px 6px; padding: 8px;
	border: 1px solid #999; background: #e1e8ed;
	text-align: center; 
}

.content .figure img { border: 1px solid #999; }

.content .figure .caption {
	position: relative;
	margin-top: 8px;
}

.content ul { padding: 0 0 0 44px; margin: 0 0 8px; }
.content ul ul, .content ul ol, .content ol ul, .content ol ol { padding: 0 16px 0 32px; }

.content ul li, .content ol li  {
	padding: 0; margin: 8px 0; text-indent: 0;
	text-align: justify;
}

.content a { color: #1f67ae }

.content form {
	position: relative; 
	margin-left: 10%; width: 80%; text-align: center;
}

.content label {
	position: relative; float: left; clear: both;
	width: 25%; margin: 8px 4px 0 0;
	text-align: right; 
}

.content label.mandatory { font-weight: bold }

.content input, .content select, .content textarea, .content form p.note {
	position: relative; float: left; clear: right;
	margin: 4px 0 0 0;
	font: normal 14px/1.3em Georgia, "Times New Roman", "Nimbus Roman No9 L", Times, serif;
}

.content label.required {
	font-weight: bold;
}

.content button {
	margin: 16px 8px 0;
}

.content table.data {
	border: 3px double #9db6c7;
}

.content table.data thead tr {
	background: #86a5b9 url(sprites-x.png) repeat-x 0 -80px; 
	border-bottom: 1px solid #9db6c7;	
}

.content table.data thead th {
	padding: 8px 0;
}

.content table tr.odd {
	background: #f7f3ed;
}

.content table tr.even {
	background: #eee4d7;
}

.content table td {
	padding: 4px;
}

.content .error {
	color: #f00;
	font-weight: bold;
}

.content .information {
	color: #00f;
}

.content .gallery a { outline: 0 }

.content .gallery a img {
	margin: 4px; padding: 3px;
	border: 1px solid #666;
}

.content .gallery a:hover img {
	border: 4px solid #9db6c7;
	padding: 0px;
}
	
/* END: typography */

/* BEGIN: jquery lightbox */
#jquery-overlay {
	position: absolute;
	top: 0; left: 0; z-index: 9001;
	width: 100%; height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0; left: 0; z-index: 9002;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	width: 250px; height: 250px;
	margin: 0 auto;
	background-color: #fff;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%; left: 0%;
	height: 25%; width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0; left: 0;
	height: 100%; width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display: block; width: 49%; height: 100%;
	zoom: 1;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	float: right; right: 0; 
}
#lightbox-container-image-data-box {
	overflow: auto;
	width: 100%;
	padding: 0 10px 0; margin: 0 auto;
	line-height: 16px;
	background-color: #fff;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	float: left;
	width: 92%; 
	text-align: left; 
}	
#lightbox-image-details-caption { 
	color: #03214a;
	font-weight: bold;
}
#lightbox-image-details-currentNumber {
	display: block; clear: left; 
	padding: 0.5em 0 1em;
	color: #666;
}			
#lightbox-secNav-btnClose {
	width: 20px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* -- */