@CHARSET "UTF-8";
body {
	font-family: sans-serif, helvetica, arial;
	font-size: 12px;
	background-color: #003399;
}

a {
	text-decoration: none;
	color: #ffffff;
}

.topRow {
	padding: 0px;
	margin: 0px;
}

.footerRow {
	padding: 5px; 
	color: #a1a1a1; 
	font-size: 10px; 
	border-top: 1px solid #ffffff;
	background-color: #003399;
}

.main {
	vertical-align: top;
	padding: 0px 0px;
	color: white;
	width: 656px;
	background-color: #003399;
}

table.menuBar {
	padding: 0px;
	margin: 0px;
	height: 29px;
	width: 100%;
}

table.menuBar td.menuBarBegin {
//	background-image: url('images/menuBckBegin.jpg');
	background-position: right bottom;
	background-repeat: no-repeat;
	width: 0px;		
}

table.menuBar td.menuBarBody {
	background-image: url('images/menuBck.jpg');
	background-position: bottom;
	background-repeat: repeat-x;
}

table.menuBar td.menuBarEnd {
//	background-image: url('images/menuBckEnd.jpg');
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 0px;		
}

.image {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.sectionTitle, .articleHeader {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 5px;
	border-bottom: 1px solid #ffffff;
}

.sectionTitle a {
	color: #FFFFFF;
}

table.articlesList {
	width: 98%;
}

table.articlesList td {
	padding: 6px;
}

table.articleSnippet {
	border-collapse: collapse;
	border: 1px solid #e1e1e1;
	margin: 5px;
	width: 100%;
}

.articleTitle {
	font-size: 1.2em;
	color: #000080;
	font-weight: bold;
	font-family: tahoma;
	border-bottom: 1px solid #e1e1e1;
	padding: 0px;
	padding: 3px 10px;
}

.articleSummary {
	vertical-align: top;
	text-align: justify;
}

.articleContent {
	text-align: justify;
	vertical-align: top;
	padding: 0px 10px;
}

.subsectionLink {
	padding: 0px 10px;
}

.navigationColumn {
	vertical-align: top;
	width: 190px;
	background-color: #d9dde6;
	padding: 10px;
	width/**/:/**/ 170px;
}

.navigationRow {
	background-repeat: repeat-x;
	background-position: bottom;
	vertical-align: top;
	height: 29px;
}

.navigationRow TD {
	/** width: 110px; **/
	padding: 0px 0px;
	/** width/**/:/**/ 90px; **/
}

ul.subMenuVertical {
	background-color: #d9dde6;
	width: 110px;
	text-align: left;
	margin-left: -5px;
	display: none;
	position: relative;
}

html>body ul.subMenuVertical
{
	width: auto;
	min-width: 110px;
}

ul.subMenuVertical li.firstEmptySubmenu {
	height: 1px;
	padding: 0px;
	margin: 0px;
}

li.firstEmptySubmenu div{
	font-size: 2px;
	background-color: red;
}

.navigationBox {
	vertical-align: top;
	background-color: #d9ddff;
	padding: 5px;
	margin: 5px auto;
}

.navigationBox h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0px 10px;
	padding: 0px;
}

.navigation ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.navigation ul li {
	padding: 5px;
}

	
.navigation .navLevel1{
	padding-left: 5px;
}

.navigation .navLevel2 {
	padding-left: 15px;
}

.position_path_paragraph {
	margin:0px;
	padding: 10px;
}

.position_path_link {
	font-style: italic;
}

/*this is the css for the vertical version*/
.vertical ul{
	list-style-type: none;
	padding: 0px;
	border-top: 1px solid;
	width: 156px;
	margin: 5px auto;
}
.vertical li a{
	display: block;
	width: 146px;
	text-decoration: none;
	height: 1.2em;
	padding: 2px 4px;
	border: 1px solid;
	border-top: 0px;
}
.vertical li{
	/*Needed for IE. Don't ask me why, It was a lucky guess.*/
	display: inline;
}
.vertical li ul{
	position: absolute;
	margin-top: -1.3em;
	margin-left: 150px;
}
/*this is the css for the horizontal version*/
.horizontal ul{
	list-style-type: none;
	padding: 0px;
	border-left: 1px solid;
	display: block;
	height: 1.6em;
	margin: 0px;
}
.horizontal li{
	float: left;
	display: inline;
	white-space:nowrap;
}
.horizontal li a{
	text-decoration: none;
	height: 1.2em;
	float: left;
	display: block;
	width: 100px;
	padding: .1em 5px;
	border: 1px solid;
	border-left: none;
}
.horizontal li li a{
	border-top: none;
	border-left: 1px solid #ffffff;
}
.horizontal li ul{
	position: absolute; 
	margin-top: 1.3em;
	margin-left: -1px;
	width: 162px;
	border: none;
	display: block;
	height: auto;
}
.horizontal li li ul{
	position: absolute;
	margin-top: .1em;
	margin-left: 200px;
}
.horizontal li ul li a{
	width: 200px;
}
/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
/*Not sure if I recommend this or not*/
.inaccesible li ul{
	display: none;
}
/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/




.arrow a span{
	padding-left: 1em;
	font-size: 85%;  
}
.arrow a:hover span{
	padding-left: 2em;
}
.arrow a span.noshow{
	visibility: hidden;
}
/*Plus code*/
.plus a span{
	padding-left: .5em;
}
/*colors for menu*/
.blue li a{
	color: white;
	font-weight: normal;
	text-align: center;
	border: 0px;
}
.blue li a:hover{
	color: #49DAEF;
}
.blue li ul li a {
	background-color: #4D63B8;
	color: #ffffff;
	border: 0px;
	border-bottom: 1px dashed #c1c1c1;
	font-weight: normal;
	text-align: left;
	height: auto;
}
.blue li ul li a:hover {
	color: #49DAEF;
}

.blue ul{
	border-color: #000080;
	border: 0px;
}

.blackwhite li a{
	background-color: white;
	color: black;
	border-color: black;
}
.blackwhite li a:hover{
	background-color: black;
	color: white;
	border-color: black;
}
.blackwhite ul{
	border-color: black;
}
.bluewhite li a{
	background-color: white;
	color: #000033;
	border-color: #000033;
}
.bluewhite li a:hover{
	background-color: #000033;
	color: white;
	border-color: #000033;
}
.bluewhite ul{
	border-color: #000033;
}

/** BEGIN LEFT & RIGHT COLUMN **/

td.leftSideColumn {
	width: 150px;
	border-right: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
}

table.blueColumn td.colBody{
	padding: 0px 10px;
	vertical-align:top;
}

table.blueColumn {
	width: 100%;
	height: 100%;
	background-color: #003399;
	color: #ffffff;
	vertical-align:top;
}

table.leftColumn {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}

table.leftColumn {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}

table.leftColumn td.topLeft {
	background-image: url('images/left_col/lt.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 4px;
}
table.leftColumn td.topMiddle {
	background-image: url('images/left_col/mt.gif');
	background-repeat: x-repeat;
	background-position: bottom;
	height: 7px;
}

table.leftColumn td.topRight {
	background-image: url('images/left_col/rt.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 7px;
}

table.leftColumn td.leftMiddle {
	background-image: url('images/left_col/lm.gif');
	background-repeat: y-repeat;
	background-position: right;
	width: 4px;
}

table.leftColumn td.rightMiddle {
	background-image: url('images/left_col/rm.gif');
	background-repeat: y-repeat;
	background-position: left;
	width: 7px;
}

table.leftColumn td.bottomLeft {
	background-image: url('images/left_col/lb.gif');
	background-repeat: no-repeat;
	background-position: right top;
	width: 4px;
}
table.leftColumn td.bottomMiddle {
	background-image: url('images/left_col/mb.gif');
	background-repeat: x-repeat;
	background-position: top;
	height: 7px;
}

table.leftColumn td.bottomRight {
	background-image: url('images/left_col/rb.gif');
	background-repeat: no-repeat;
	background-position: left top;
	width: 7px;
}

table.leftColumn td.colBody {
	background-image: url('images/left_col/mainBck.gif');
	font-size: 11px;
	font-family: Arial;
	padding: 5px;
}

td.rightSideColumn {
	width: 150px;
	border-right: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
}

table.rightColumn {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}

table.rightColumn td.topLeft {
	background-image: url('images/right_col/lt.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 7px;
}
table.rightColumn td.topMiddle {
	background-image: url('images/right_col/mt.gif');
	background-repeat: x-repeat;
	background-position: bottom;
	height: 7px;
}

table.rightColumn td.topRight {
	background-image: url('images/right_col/rt.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 4px;
}

table.rightColumn td.leftMiddle {
	background-image: url('images/right_col/lm.gif');
	background-repeat: y-repeat;
	background-position: right;
	width: 7px;
}

table.rightColumn td.rightMiddle {
	background-image: url('images/right_col/rm.gif');
	background-repeat: y-repeat;
	background-position: left;
	width: 4px;
}

table.rightColumn td.bottomLeft {
	background-image: url('images/right_col/lb.gif');
	background-repeat: no-repeat;
	background-position: right top;
	width: 7px;
}
table.rightColumn td.bottomMiddle {
	background-image: url('images/right_col/mb.gif');
	background-repeat: x-repeat;
	background-position: top;
	height: 7px;
}

table.rightColumn td.bottomRight {
	background-image: url('images/right_col/rb.gif');
	background-repeat: no-repeat;
	background-position: left top;
	width: 4px;
}

table.rightColumn td.colBody {
	background-image: url('images/right_col/mainBck.gif');
	font-size: 11px;
	font-family: Arial;
	padding: 5px;
}

table.itemListBox {
	background-color: #e0e2ef;
	border: 2px solid #dadada;
	width: 200px;
}

table.itemListBox td.header {
	font-size: 12px;
	color: #000080;
	font-weight: bold;
	border-bottom: 1px solid white;
	height: 25px;
}

img.icon {
	vertical-align: middle;
	margin-right: 5px;
}

ul.itemList {
	list-style: none;
	margin: 5px 0px;
	padding: 0px;
}

ul.itemList li {
	font-size: 11px;
	margin-bottom: 8px;
	background-image: url('images/ostalo/bullet.gif');
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 16px;
}

ul.itemList li a {
	color: #000080;
	text-decoration: none;
}


/** END LEFT & RIGHT COLUMN **/





/* added by Roko */




/* WELCOME PAGE FLAGS */
ul#languages{
	list-style:none;
	padding:0;
	margin:0;
}
ul#languages li a{
	text-decoration:none;
	display:block;
	padding:30px;
	margin:7px 4px;
	position:relative;
	background:#4E62B9;
	color:#fff;
	padding:15px 30px;
	cursor:pointer;
	border:1px solid #fff;
	font-weight:bold;
	border-radius:5px;
	box-shadow:0 1px 3px #29166F;
}
ul#languages img{
	margin-right:10px;
	vertical-align:-2px;
}
ul#languages li a:hover{
	position:relative;
	background:#36c;
}





/* FORM */

#form{
	width:630px;
}
#form label{
	display:block;
	clear:both;
	float:left;
	width:230px;
	float:left;
	line-height:20px;
}
#form legend, #form label{
	font-weight:bold;
}
#form fieldset{
	position:relative;
	border:none;
	border-bottom:1px solid #002777;
	padding:3px 15px;
	padding-left:35px;
}
#form fieldset:hover{
	background:#0D42AA;
}

#form fieldset span.num{
	color:#3863B7;
	font-size:20px;
	position:absolute;
	left:5px;
}
#form input[type="text"]{
	width:325px;
	border:none;
	padding:3px 5px;
	vertical-align:middle;
	background:#D5DFF2;
	border:1px solid transparent;
}
#form input[type="text"]:focus, #form textarea:focus{
	background:#fff;
	border:1px solid #0D42AA;
}
#form input[type="radio"]{
	margin-right:10px;
}
#form textarea{
	border:none;
	resize:vertical;
	width:325px;
	border:1px solid transparent;
	padding:5px;
	background:#D5DFF2;
}

label span{
	color:#96DAFF;
	font-size:18px;
	margin-right:5px;
}
#submit{
	display:block;
	position:relative;
	margin:10px auto;
	background:#3863B7;
	color:#fff;
	padding:10px 40px;
	cursor:pointer;
	border:1px solid #fff;
	font-weight:bold;
	border-radius:5px;
}

#email-name{
	position:absolute !important;
	overflow:hidden !important;
	width:0px !important;
	height:0px !important;
	left:-9999px !important;
}

/* VALIDATE PLUGIN */
.jQ_validate_span_error{
	right:0;
	color: red;
	background:#fff;
	border:1px solid #ccc;
	-webkit-box-shadow:0 2px 3px #999;
			box-shadow:0 2px 3px #999;
	padding:2px 4px;
}
.jQ_validate_style{
	border:1px solid red !important;
	background:#fff !important;
}
input[type=checkbox].jQ_validate_style{
	outline:1px solid red;
}
/*  end VALIDATE PLUGIN */