/* ©2007, Branko Vukelić, except for the Yahoo! reset.css portion. */
/* All rights reserved. */


/*** RESET BROWSER DEFAULTS ***/

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


/*** BASIC LAYOUT ***/

body {
	padding-top: 81px;
        padding-bottom: 64px;
}

#page {
	position: relative;
	width: 950px;
	margin: 0 auto;
}

#language_select {
	position: absolute;
	top: -20px;
	left: 700px;
}

#language_select li {
	float: left;
}

#language_select li a {
	display: block;
	padding-top: 3px;
	width: 107px;
	height: 17px;
	margin-right: 12px;
	overflow: hidden;
}

#headpanel {
	position: relative;
	width: 950px;
	height: 391px;
}

#headpanel h1 {
	position: absolute;
	top: 11px;
	left: 51px;
}

#headpanel h1, #headpanel h1 a {
	width: 168px;
	height: 168px;
}

#portal_link {
	position: absolute;
	top: 186px;
	left: 92px;
}

#portal_link, #portal_link a {
	width: 87px;
	height: 29px;	
}

#consite_link {
	position: absolute;
	top: 223px;
	left: 102px;
}

#consite_link, #consite_link a {
	width: 68px;
	height: 154px;
}

#headpanel h2 {
	position: absolute;
	top: 62px;
	left: 284px;
}

#notice {
	position: absolute;
	top: 86px;
	left: 284px;
	width: 620px;
	height: 50px;
	overflow: hidden;
}

#content {
	clear: both;
	position: relative;
}

#main_column {
	float: right;
	width: 664px;
}

#news {
	margin: 20px auto;
	width: 600px;
}

#news h2 {
	width: 118px;
	height: 17px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#news_items {
	margin-top: 5px;
}

#news_items li {
	margin: 20px 0;
	padding: 10px 0 10px 48px;
}

#news_items li h3 {
	margin-bottom: 3px;
}

#news_items .news_meta {
	margin-bottom: 5px;
}

#sidebar {
	float: left;
	width: 286px;
}

#highlight {
	width: 286px;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

#highlight h1 {
	height: 138px;
	overflow: hidden;
}

#highlight h1 span {
	display: block;
	height: 40px;
	padding: 0 48px 0 48px;
	margin-top: 100px;
}

#highlight p {
	padding: 0 48px 6px 48px;
}

#footer {
	clear: both;
	width: 950px;
	height: 36px;
	overflow: hidden;
}

#banner {
	float: left;
	padding: 5px 10px;
}

#copyright {
	padding: 10px 10px;
}

/* Image replacement styles */

#headpanel h1, #portal_link, #consite_link {
	overflow: hidden;
}

#headpanel h1 a, #portal_link a, #consite_link a {
	text-indent: -999px;
	position: absolute;
}

/*** STYLING ***/

body {
	background: #333 url(/images/background.jpg) repeat-x;
	color: #999;
}

#page {
	background:	#e6e6e6 url(/images/sidebar_bg.png) repeat-y;
	color: #4d4d4d;
}

#language_select li a {
	background: url(/images/lang_bg.jpg)  0 -20px;
}

#language_select li a:hover {
	background: url(/images/lang_bg.jpg);
}

#start.en #english a {
	background: url(/images/lang_bg.jpg);
}

#start.sr #serbian a {
	background: url(/images/lang_bg.jpg);
}

#headpanel {
	background: url(/images/headpanel.jpg);
}

#headpanel h1 a {
	background: url(/images/team88_logo.jpg);
}

#headpanel h1 a:hover {
	background: url(/images/team88_logo.jpg) 0 -168px;
}

#portal_link a {
	background: url(/images/team88_logotype.jpg);
}

#portal_link a:hover {
	background: url(/images/team88_logotype.jpg) 0 -29px;
}

#consite_link a {
	background: url(/images/team88_caution.jpg);
}

#consite_link a:hover {
	background: url(/images/team88_caution.jpg) 0 -154px;
}

#news h2 {
	background-repeat: no-repeat;
}

body.en #news h2 {
	background-image: url(/images/label_team88news.png);
}

body.sr #news h2 {
	background-image: url(/images/label_team88news_sr.png);	
}

#news_items {
	border-top: 1px solid #4d4d4d;
}

#footer {
	background: #1a1a1a;
	color: #999;
}

#news_items li {
	background: url(/images/news_titlebar.png) no-repeat;
}

.meta_highlight {
	color: #000;
}

#highlight {
	background: url(/images/highlights_bottom.jpg) bottom no-repeat;
}

#highlight h1 {
	background: url(/images/highlights_top.jpg) no-repeat;
	color: #990000;
}

#start.sr #highlight h1 {
	background-image: url(/images/highlights_top_sr.jpg);
}

#highlight p {
	background: url(/images/highlights_middle.jpg) repeat-y;
}

/*** TYPOGRAPHY ***/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#language_select li {
	text-align: center;
}

#language_select li a {
	text-decoration: none;
	color: #333;
	font-size: 0.9em;
	font-weight: bold;
}

#notice li {
	font-size: 0.9em;
	font-weight: bold;
}

.notice1, .notice1 a {
	color: #1f6974;
}

.notice2, .notice2 a {
	color: #0f4d58;
}

#notice li a:hover {
	color: #aa8800;
}

#news_items li h3 {
	font-size: 2em;
	color: #a00;
}

#news_items li h3 a {
	color: #a00;
}

#news_items li h3 a:hover {
	text-decoration: underline;
}

.meta_highlight {
	font-weight: bold;
}

#footer {
	font-size: 0.9em;
	text-align: right;
}

#highlight {
	font-family: "Courier New", Courier, monospace;
}

/*** MAIN MENU ***/

#menubar_title {
	display: none;
}

#menubar {
	position: relative;
	width: 950px;
	height: 45px;
	background: #1a1a1a;
}

#menubar li {
	display: block;
	float: left;
}

#menubar li a {
	display: block;
	height: 45px;
	overflow: hidden;
	text-indent: -9999px;
	margin-right: 20px;
}

/* Home menu item */

#menuitem_home a {
	width: 26px;
	background: url(/images/label_home.png);
}

#start.en #menuitem_home a, #start.sr #menuitem_home a {
	background: url(/images/label_home.png) 0 -45px;
}

/* English menu links */

body.en #menuitem_consite a {
	width: 182px;
}

body.en #menuitem_webcon a {
	width: 187px;
}

body.en #menuitem_graph a {
	width: 230px;
}

body.en #menuitem_contact a {
	width: 143px;
}

#start.en #menuitem_consite a {
	background: url(/images/label_consite.png);
}

#start.en #menuitem_webcon a {
	background: url(/images/label_webcon.png);
}

#start.en #menuitem_graph a {
	background: url(/images/label_graph.png);
}

#start.en #menuitem_contact a {
	background: url(/images/label_contact.png);
}

#consite.en #menuitem_consite a {
	background: url(/images/label_consite.png) 0 -45px;
}

#webcon.en #menuitem_webcon a {
	background: url(/images/label_webcon.png) 0 -45px;
}

#graph.en #menuitem_graph a {
	background: url(/images/label_graph.png) 0 -45px;
}

#contact.en #menuitem_contact a {
	background: url(/images/label_contact.png) 0 -45px;
}

/* Serbian menu links */

body.sr #menuitem_consite a {
	width: 144px;
}

body.sr #menuitem_webcon a {
	width: 176px;
}

body.sr #menuitem_graph a {
	width: 208px;
}

body.sr #menuitem_contact a {
	width: 118px;
}

#start.sr #menuitem_consite a {
	background: url(/images/label_consite_sr.png);
}

#start.sr #menuitem_webcon a {
	background: url(/images/label_webcon_sr.png);
}

#start.sr #menuitem_graph a {
	background: url(/images/label_graph_sr.png);
}

#start.sr #menuitem_contact a {
	background: url(/images/label_contact_sr.png);
}

#consite.sr #menuitem_consite a {
	background: url(/images/label_consite_sr.png) 0 -45px;
}

#webcon.sr #menuitem_webcon a {
	background: url(/images/label_webcon_sr.png) 0 -45px;
}

#graph.sr #menuitem_graph a {
	background: url(/images/label_graph_sr.png) 0 -45px;
}

#contact.sr #menuitem_contact a {
	background: url(/images/label_contact_sr.png) 0 -45px;
}

/* Hover effect */

#start #menubar li a:hover, #start_sr #menubar li a:hover {
    background-position: 0 -90px;
}