﻿*{
    margin: 0;
    padding: 0;   
}
body{
    background: #fff url("../images/main-bgr.gif") repeat-x 0 106px;
    font-family: Times New Roman;
    font-size: 14px;
    text-align: center;
}
a{
    outline: none;
    text-decoration: none;   
}
a.link{	color:#5ab600;}
a.link:hover{text-decoration:underline;}
p{ margin-bottom: 10px;}
h1{color: #273049;font-size: 21px;}
h2{ color: #5ab600; font-weight: normal; font-size: 18px;}
h3{ color: #8a8a8a; font-weight: normal; font-size:14px;}
h4{	color: #273049; font-size :14px;}

.clear {
    clear: both; 
    display: block; 
    font-size: 0; 
    line-height:0;
}
.L{ float: left;}
.R{ float: right;}
/* site layout */
.container{
    text-align: left;
    width: 960px;
    margin: 0 auto;
}
.colL{
	width:272px;
	float:left;
}
	.colL h1{ 
		margin-top:1px; 
		width:272px;
		height: 400px;
	}
	/* titles */
	.titleAbout{ background:transparent url("../images/titles/titleAbout.jpg") no-repeat 0 0;}
	.titleNews{ background:transparent url("../images/titles/titleNews.jpg") no-repeat 0 0;}
	.titleEvents{ background:transparent url("../images/titles/titleEvents.jpg") no-repeat 0 0;}
	.titlePrograms{ background:transparent url("../images/titles/titlePrograms.jpg") no-repeat 0 0;}
	.titlePresent{ background:transparent url("../images/titles/titlePresent.jpg") no-repeat 0 0;}
	.titleLinks{ background:transparent url("../images/titles/titleLinks.jpg") no-repeat 0 0;}
	.titleContact{ background:transparent url("../images/titles/titleContact.jpg") no-repeat 0 0;}
	/* subTab for countries */
	.subTab{
		background:transparent url("../images/subTab.gif") repeat-x 0 0;
		display:block;
		height:22px;
		width:252px;
		border-top: 1px solid #FFF;
		border-bottom:1px solid #000;
		color:#fff;
		font-weight:bold;
		letter-spacing:0.3px;
		text-transform:uppercase;
		padding: 6px 10px 4px;
	}
	.subTab:hover,
	.subTab.sel{ background-position:0 -32px;}

.colR{
	width:648px;
	float:left;
	padding:20px;
	min-height: 400px;
	_height: 400px;	
}
	.colR h1{ margin-bottom: 10px;}
	.colR h4{margin-bottom: 4px; text-transform:uppercase;}
	.colR ul{ padding-left:18px; margin-bottom: 15px;}
	.colR p{ margin-bottom:15px;}
/* header */
.header{
    background:transparent url("../images/header-bgr.jpg") no-repeat 0 0;
    height: 106px;
    position: relative;
}
.logo{
	display:block;
	width:170px;
	height:100px;
}
.lang {
    position: absolute; 
    top: 10px; 
    right: 100px;
}
/* menu */
.menu {
    height: 26px;
    padding-top: 8px;
    position:relative;
}
.menu a{
    text-transform: uppercase;
    font-size:12px;
    font-weight: bold;
    color:#fff;
    float: left;
    display: block;
    padding: 0 10px;
}
.menu a:hover,
.menu a.sel{ color:#000;}
.menu a.sel{cursor: default;}
/* sub menu styles */
.menu_sub{
	float: left;
	height:26px;
}
.menu_body { display:none; width:184px; background:#07b509; position:absolute; top: 34px; z-index:1000; border:solid 1px #000; border-top:0; _left: 60px;}
.menu_body li{background:#07b509; display:block; height: 12px;}
.menu_body li a{background:#07b509; color:#FFFFFF; text-decoration:none; display:block; padding: 4px 4px 4px 12px; width:168px; }
.menu_body li a:hover{ background:#fff; color:#273049;}
/* flags */
.flags{
    height: 23px;
    padding-top: 4px;
    color: #fff;
}
.flags span {
    float: left; 
    padding-left: 10px;
}
.flags a, .lang a{
    display: block;
    float: left;
    width: 24px;
    height: 18px;
    margin-left: 4px;
}
.flagAL{background:transparent url("../images/flags/alb-flag.png") no-repeat 0 0;}
.flagBH{background:transparent url("../images/flags/bh-flag.png") no-repeat 0 0;}
.flagBG{background:transparent url("../images/flags/bg-flag.png") no-repeat 0 0;}
.flagGR{background:transparent url("../images/flags/gr-flag.png") no-repeat 0 0;}
.flagCY{background:transparent url("../images/flags/cy-flag.png") no-repeat 0 0;}
.flagMK{background:transparent url("../images/flags/mk-flag.png") no-repeat 0 0;}
.flagRO{background:transparent url("../images/flags/ro-flag.png") no-repeat 0 0;}
.flagSLO{background:transparent url("../images/flags/slo-flag.png") no-repeat 0 0;}
.flagSR{background:transparent url("../images/flags/sr-flag.png") no-repeat 0 0;}
.flagTR{background:transparent url("../images/flags/tr-flag.png") no-repeat 0 0;}
.flagHRV{background:transparent url("../images/flags/hrv-flag.png") no-repeat 0 0;}
.flagMN{background:transparent url("../images/flags/mn-flag.png") no-repeat 0 0;}
.flagEN{background:transparent url("../images/flags/uk-flag.png") no-repeat 0 0;}

/* banners */
.info{
    background:transparent url("../images/banners/infoBig.jpg") no-repeat 0 0;
    width: 960px;
    height: 353px;
    /*position: relative;*/
    z-index: 1;
}
.infoS{
    background:transparent url("../images/banners/infoSmall.jpg") no-repeat 0 0;
	width: 960px;
	height: 143px;	
    /*position: relative;*/
    z-index:1;
}
.infoTxt {
    width: 484px; 
    height: 264px;
    padding: 30px 20px 20px 30px;
    color: #fff;
    /*position: absolute;
    top: 13px;
    left: 14px;*/
    overflow: hidden;
    font-size: 14px;
}
/* country headers */
.infoAL{background:transparent url("../images/banners/infoALB.jpg") no-repeat 0 0; height: 143px;}
.infoBH{background:transparent url("../images/banners/infoBH.jpg") no-repeat 0 0; height: 143px;}
.infoBG{background:transparent url("../images/banners/infoBG.jpg") no-repeat 0 0; height: 143px;}
.infoGR{background:transparent url("../images/banners/infoGR.jpg") no-repeat 0 0; height: 143px;}
.infoCY{background:transparent url("../images/banners/infoCY.jpg") no-repeat 0 0; height: 143px;}
.infoMK{background:transparent url("../images/banners/infoMK.jpg") no-repeat 0 0; height: 143px;}
.infoRO{background:transparent url("../images/banners/infoRO.jpg") no-repeat 0 0; height: 143px;}
.infoSLO{background:transparent url("../images/banners/infoSLO.jpg") no-repeat 0 0; height: 143px;}
.infoSR{background:transparent url("../images/banners/infoSR.jpg") no-repeat 0 0; height: 143px;}
.infoTR{background:transparent url("../images/banners/infoTR.jpg") no-repeat 0 0; height: 143px;}
.infoHRV{background:transparent url("../images/banners/infoHRV.jpg") no-repeat 0 0; height: 143px;}
.infoMN{background:transparent url("../images/banners/infoMN.jpg") no-repeat 0 0; height: 143px;}
/* home col area */
.colArea .L {
    width: 316px; 
    margin-right: 4px;
}
.colArea .last{ margin-right: 0;}
.colArea .part {
    padding: 0px 10px 10px;
    width:286px; 
    float: left;
}
.colArea .partBorder {
    padding: 0px 10px 10px 0px; 
    width: 306px;
    min-height: 320px;
    border-right: solid 1px #d0d0d0; 
    float: left;
}
.colArea .last .partBorder{ border-right: 0;}
.colArea .part p{ margin-bottom:0;}
.colArea .title{
    color: #273049; 
    font-size: 21px; 
    padding: 10px 10px 4px;
    border-bottom: solid 2px #5ab600;
    margin-bottom: 10px;
    width: 290px;
}
.date {
    color: #273049;
    font-size: 12px;
    font-weight:bold;
}

.more{
	background:transparent url("../images/more-icon.gif") no-repeat 100% 60%;
	display:block;
	padding-right: 14px;
	width: 26px;
	color:#8a8a8a;
}
.more:hover{text-decoration:underline;}
.back{
	background:transparent url("../images/back-icon.gif") no-repeat 100% 60%;
	display:block;
	padding-right: 14px;
	color:#8a8a8a;
}
/* news & events */
.news, .events{	margin-bottom:20px;}
.news p, .events p{margin-bottom:2px;}
.news h2, .events h2, .newsD h2, .eventsD h2{margin: 4px 0;}
.newsD p, .eventsD p{margin-bottom:8px;}

.map{
	background:transparent url("../images/map.jpg") no-repeat 0% 0%;
	width: 648px;
	_width: 644px;
	height:330px;
	border: solid 1px #000;
}
/* footer styles */
.footer{
    background:transparent url("../images/footer-bgr.gif") repeat-x 0 0;
    color: #fff;
    height: 26px;
    padding: 9px 14px 0 0;
    margin-top: 10px;
    text-align: right;
    position:relative;
}
.footer .sep{ padding: 0 4px;}
.footer a{ color: #fff;}
.footer a:hover{ text-decoration:underline;}
.wv{
	display:block;
	width:96px;
	height:30px;
	text-decoration:none;
	text-indent:-9999px;
	position:absolute;
	left:10px;
	top: -3px;
	background:url('../images/wv-w-glow.png') no-repeat 0 0;
	
	_background:url('../images/wv-ie6.gif') no-repeat 0px 4px;
}
.wv:hover{text-decoration:none !important;}


