/* CSS Document */

body{
	padding:0 0 0 0;
	margin:0;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	background-color: #d8e9f1;

}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}
h1 {
	 font-size: 24px;
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------top--------------------*/
#topMain{
	width:100%;
	background:url(images/top_bg.gif) 0 0 repeat-x;
	height:207px;
}
#top{
	width:908px;
	height:207px;
	margin:0 auto;
}
#top img.logo{
	display:block;
	font-size:0;
	line-height:0;
	margin:35px 39px 0 0;
	float:left;
}
#top p.topDiv{
	display:block;
	background:url(images/top_div.gif) 0 0 no-repeat;
	height:80px;
	width:2px;
	margin:22px 38px 0 0;
	float:left;
}
#top p.slogan{
	display:block;
	background:url(images/slogan.gif) 0 0 no-repeat;
	width:281px;
	height:72px;
	float:left;
	margin:30px 40px 0 0;
}
#top ul.link{
	width:150px;
	height:55px;
	float: left;
	margin:35px 0 0 150px;
}
#top ul.link li{
	float:left;
	line-height:0;
	font-size:0;
}
#top ul.link li a.bosna{
	display:block;
	background:url(images/bosnia_herzegovina.gif) 0 0 no-repeat;
	width:44px;
	height:44px;
	margin:0 5px 0 0;
}
#top ul.link li a.bosna:hover{
	background:url(images/bosnia_herzegovina-hover.gif) 0 0 no-repeat;
}
#top ul.link li a.engleska{
	display:block;
	background:url(images/britain.gif) 0 0 no-repeat;
	width:44px;
	height:44px;
	margin:0 5px 0 0;
}
#top ul.link li a.engleska:hover{
	background:url(images/britain-hover.gif) 0 0 no-repeat;
}
#top ul.link li a.russia{
	display:block;
	background:url(images/russia.gif) 0 0 no-repeat;
	width:44px;
	height:44px;
	margin:0 5px 0 0;
}
#top ul.link li a.russia:hover{
	background:url(images/russia-hover.gif) 0 0 no-repeat;
}
#top ul.link li a.text{
	display: block;
	width:120px;
	height:10px;
	margin:0 5px 5px 0;
	font: normal 10px/normal "Courier New", Courier, monospace;
	color: black;
}
#top ul.nav{
	width:906px;
	height:25px;
	margin:51px 0 0 0;
	float:left;
	background:url(images/nav_div.gif) left top no-repeat;
	padding:0 0 0 2px;
}
#top ul.nav li{
	float:left;
	font-size:0;
	line-height:0;
	background:url(images/nav_div.gif) right top no-repeat;
	height:25px;
	padding:0 2px 0 0;
}
#top ul.nav li.noImg{
	background-image:none;
}
#top ul.nav li a{
	display:block;
	padding:0 39px;
	font:bold 10px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:black;
	background-color:inherit;
	text-decoration:none;
	text-transform:uppercase;
	border:none;
}
#top ul.nav li a:hover{
	background:url(images/nav_hover.gif) 0 0 repeat-x;
	padding:0 38px;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	color:#fff;
	background-color:inherit;
}
#top ul.nav li a.hover{
	display:block;
	background:url(images/nav_hover.gif) 0 0 repeat-x;
	padding:0 38px;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	color:#fff;
	background-color:inherit;
	font:bold 10px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
}
#top ul.sub{
	width:898px;
	padding:10px 0 0 10px;
	float:left;
}
#top ul.sub li{
	float:left;
	color:#C0C0C0;
	background-color:inherit;
	font:normal 11px/9px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#top ul.sub li a{
	color:#C0C0C0;
	background-color:inherit;
	font:normal 11px/9px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 12px;
	text-decoration:none;
}
#top ul.sub li a:hover{
	color:#EFEF94;
	background-color:inherit;
}
	
/*------------------------------------------------top--------------------*/

/*------------------------------------------------bodyTop--------------------*/
#bodyTopMain{
	width:100%;
	padding:23px 0 40px 0;
	background-color:#5a9dbe;
	color:#fff;
}
#bodyTop{
	width:908px;
	margin:0 auto;
	background-attachment: scroll;
	background-image: url(images/innerbg1.gif);
	background-repeat: repeat-y;
	background-position: -48px;
}
#bodyTop p.rightTop{
	display:block;
	background:url(images/right_top.gif) 0 0 no-repeat;
	width:324px;
	height:6px;
	font-size:0;
	line-height:0;
	float:right;
}
#bodyTop p.rightBot{
	display:block;
	background:url(images/faq_bg_bottom.gif) 0 0 no-repeat;
	width:324px;
	height:21px;
	font-size:0;
	line-height:0;
	float:right;
}
#bodyTop a.sp{
	display:block;
	background:url(images/special_offer.gif) 0 0 no-repeat;
	width:324px;
	height:80px;
	margin:13px 0 0 0;
	float:right;
}
#bodyTop a.sp:hover{
	background:url(images/special_offer_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------left--------------------*/
#left{
	width:538px;
	float:left;
}
#left h2.welcome{
	display:block;
	height:45px;
	border-bottom:#aad8f4 solid 2px;
	margin:0 0 19px 0;
	font: bold 32px "Courier New", Courier, monospace;
	color: #aad8f4;
}
#left ul.img{
	width:538px;
	height:155px;
	margin:30px 0px 30px 17px;
}
#left ul.img li{
	float:left;
	line-height:0;
	font-size:0;
}
#left ul.img li a.box{
	display:block;
	background:#026f86;
	width:155px;
	height:155px;
	margin:0 18px 0 0;
}
#left p.lftTxt{
	display:block;
	font-size:14px;
	line-height:19px;
	padding:0 0 23px 0;
}
#left p.lftTxt span{
	color:#000;
	background-color:inherit;
	font:normal 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#left p.lftTxt2{
	display:block;
	width:538px;
	color:#aad8f4;
	background-color:inherit;
	font:normal 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#left p.lftTxt2 a{
	display:block;
	background:url(images/read_more_bg.gif) 0 0 no-repeat;
	width:75px;
	height:18px;
	color:#121310;
	background-color:inherit;
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	float:right;
	text-align:center;
}
#left p.lftTxt2 a:hover{
	color:#670606;
	background-color:inherit;
}
#left p.lftTxt2 a.normal{
   background-image: none;
	display:block;
	width:538px;
	color:#aad8f4;
	background-color:inherit;
	font:normal 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 5px 0 5px 0;
}
#left ul.link{
	width:538px;
	height:155px;
	margin:30px 0 0 0;
}
#left ul.link li{
	float:left;
	line-height:0;
	font-size:0;
}
#left ul.link li a.checkNote{
	display:block;
	background:url(images/check_notes.gif) 0 0 no-repeat;
	width:166px;
	height:155px;
	margin:0 18px 0 0;
}
#left ul.link li a.checkNote:hover{
	background:url(images/check_notes_hover.gif) 0 0 no-repeat;
}
#left ul.link li a.userinfo{
	display:block;
	background:url(images/user_info.gif) 0 0 no-repeat;
	width:166px;
	height:155px;
	margin:0 18px 0 0;
}
#left ul.link li a.userinfo:hover{
	background:url(images/user_info_hover.gif) 0 0 no-repeat;
}
#left ul.link li a.download{
	display:block;
	background:url(images/downloads.gif) 0 0 no-repeat;
	width:166px;
	height:155px;
	margin:0;
}
#left ul.link li a.download:hover{
	background:url(images/downloads_hover.gif) 0 0 no-repeat;
}
#left ul.link li a.checkNote1{
	display:block;
	background:url(images/check_notes1.gif) 0 0 no-repeat;
	width:166px;
	height:155px;
	margin:0 18px 0 0;
}
#left ul.link li a.checkNote1:hover{
	background:url(images/check_notes_hover1.gif) 0 0 no-repeat;
}
#left ul.link li a.userinfo1{
	display:block;
	background:url(images/user_info1.gif) 0 0 no-repeat;
	width:166px;
	height:155px;
	margin:0 18px 0 0;
}
#left ul.link li a.userinfo1:hover{
	background:url(images/user_info_hover1.gif) 0 0 no-repeat;
}
#left ul.link li a.download1{
	display:block;
	background:url(images/downloads1.gif) 0 0 no-repeat;
	width:166px;
	height:155px;
	margin:0;
}
#left ul.link li a.download1:hover{
	background:url(images/downloads_hover1.gif) 0 0 no-repeat;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:316px;
	background:url(images/right_bg.gif) 0 0 repeat-y;
	float:right;
	padding:0 0 0 8px;
}
#right .fering{
	position: relative;
	width:200px;
	height:200px;
	background:url(images/fering.gif) 0 0 no-repeat center;
	left: 58px;
	top: 58px;
}

#right h2.faq{
	display:block;
	background:url(images/faq_bg.gif) 0 0 no-repeat;
/*	width:187px;*/
	height:54px;
	padding:17px 0 0 92px;
	color:#F1EFD8;
	background-color:inherit;
	font:normal 23px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 17px 0;
}
#right h2.faq span{
	color:#fff;
	background-color:inherit;
	font:normal 14px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
}
#right ul.rightLink{
	width:279px;
	padding:0 0 0 15px;
}
#right ul.rightLink li{
	background:url(images/bullet.gif) 0 3px no-repeat;
	padding:0 0 6px 15px;
	color:#670606;
	background-color:inherit;
	font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
}
#right ul.rightLink li span{
	color:#69610E;
	background-color:inherit;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	display:block;
}
#right a.rm2{
	display:block;
	background:url(images/read_more_bg2.gif) 0 0 no-repeat;
	width:76px;
	height:18px;
	margin:0 0 0 207px;
	color:#232424;
	background-color:inherit;
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
}
#right a.rm2:hover{
	color:#670606;
	background-color:inherit;
}
#right_new ul.rightLink{
	width:279px;
	padding:0 0 0 15px;
}
#right_new ul.rightLink li{
	background:url(images/bullet.gif) 0 3px no-repeat;
	padding:0 0 6px 15px;
	color:#670606;
	background-color:inherit;
	font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
}
#right_new ul.rightLink li span{
	color:#69610E;
	background-color:inherit;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	display:block;
}
#right_new a.rm2{
	display:block;
	background:url(images/read_more_bg2.gif) 0 0 no-repeat;
	width:76px;
	height:18px;
	margin:0 0 0 207px;
	color:#232424;
	background-color:inherit;
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
}
#right_new a.rm2:hover{
	color:#670606;
	background-color:inherit;
}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------bodyTop--------------------*/

/*------------------------------------------------bodyBot--------------------*/
#bodyBotMain{
	width:100%;
	background:url(images/body_bot_bg.gif) 0 0 repeat-x #262626;
	padding:15px 0 10px 0;
	color:#fff;
}
#bodyBot{
	width:908px;
	margin:0 auto;
}
#bodyBot a.whatNew{
	display:block;
	background:url(images/what_new.gif) 0 0 no-repeat;
	width:211px;
	height:194px;
	float:right;
	margin:5px 0 0 0;
}
#story{
	width:309px;
	background:url(images/body_bot_div.gif) right top no-repeat;
	float:left;
	padding:0 24px 0 0;
	margin:0 25px 0 0;
}
#story h2{
	color:#FFFEF4;
	background-color:inherit;
	font:normal 28px/22px Arial, Helvetica, sans-serif;
	margin:0 0 14px 0;
	display:block;
}
#story ul{
	padding:0 0 2px 0;
}
#story ul li{
	font-size:0;
	line-height:0;
}
#story ul li a{
	display:block;
	background:url(images/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 14px;
	color:#CF9201;
	background-color:inherit;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#story ul li a:hover{
	color:#fff;
	background-color:#393939;
}
#story a.rm3{
	display:block;
	background:url(images/read_more_bg2.gif) 0 0 no-repeat;
	width:76px;
	height:18px;
	margin:0 0 0 231px;
	color:#232424;
	background-color:inherit;
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
}
#story a.rm3:hover{
	color:#670606;
	background-color:inherit;
}
/*------------------------------------------------bodyBot--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	height:97px;
	background:url(images/footer_bg.gif) 0 0 repeat-x #d8e9f1;
	padding:30px 0 0 0;
	color:#000;
}
#footer{
	width:908px;
	height:97px;
	margin:0 auto;
	position:relative;
}
#footer ul{
	width:590px;
	position:absolute;
	left:0;
	top:0;
}
#footer ul li{
	float:left;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:inherit;
}
#footer ul li a{
	padding:0 7px;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer ul li a.home{
	padding:0 7px 0 0;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a.home:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 10px/20px Arial, Helvetica, sans-serif;
	position:absolute;
	left:0;
	top:20px;
	width:230px;
	color:#670606;
	background-color:inherit;
}
#footer p.design{
	display:block;
	width:245px;
	height:20px;
	padding:0;
	position:absolute;
	left:0;
	top:36px;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#8B8228;
	background-color:inherit;
}
#footer p.design a.link{
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#8B8228;
	background-color:inherit;
	text-decoration:none;
	padding:2px;
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:#000;
}
/*------------------------------------------------footer--------------------*/
#right h2.events {
	display:block;
	/*	width:187px;*/
	height:54px;
	padding:17px 0 0 92px;
	color:#F1EFD8;
	background-color:inherit;
	font:normal 23px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 17px 0;
	background-image: url(images/events.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#right_new h2.events {
	display:block;
	/*	width:187px;*/
	height:54px;
	padding:17px 0 0 92px;
	color:#F1EFD8;
	background-color:inherit;
	font:normal 23px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 17px 0;
	background-image: url(images/events.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#right h2.stories {
	display:block;
	/*	width:187px;*/
	height:54px;
	padding:17px 0 0 92px;
	color:#F1EFD8;
	background-color:inherit;
	font:normal 23px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 17px 0;
	background-image: url(images/stories.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

