body
{
    background: #222222 url(../layout/body2.png) repeat-y center center;
    overflow: auto;
    font-family: arial, tahoma, verdana, helvetica;
    font-size: 12px;
    line-height: 150%;
    color: #CFCFCF
}


img
{
    border: 0px
}

a
{
    text-decoration: underline;
    font-weight: normal;
    color: #FFFFFF
}

a:hover
{
    text-decoration: none;
    font-weight: normal;
    color: #DDDDDD
}

h1
{
	color: #FF0000;
	margin: 0px;
	padding: 9px 0px;
	font-weight: normal;
	font-size: 18px
}

ul
{
	list-style: disc outside url(../layout/list.png);
	float: left;
	position: relative;
	margin: 0px 20px;
	padding: 0px 20px 15px 20px
}


#bannerContent
{
	height: 100px;
	width: 750px;
	margin: 0px auto;
}
#bannerContent p
{
	padding-top: 30px;
}

#horizon
{
    text-align: center;
    position: absolute;
    top: 300px;
    left: 0px;
    width: 100%;
    height: 1px;
    overflow: visible;
    margin-top: 10px;
    padding-top: 10px;
}

#content
{
    position: absolute;
    top: -334px;
    left: 0px;
    width: 100%;
    height: 668px;
    padding: 0px;
}

.mainScreen
{
	background: url(../layout/mainscreen.png) no-repeat top left;
	width: 766px;
	height: 568px;
	margin: 0px auto
}

	#footerContent
	{
		width: 715px;
		margin: 0px auto;
		text-align: center;
		color: #666666;
		font-size: 11px;
	}

	#footerContent a
	{
		color: #666666;
		font-size: 11px;
		font-weight: bold;
		padding: 0px 7px;
		margin-top: -5px;
		text-decoration: none
	}
	
	#footerContent a:hover
	{
		color: #F4E3D6
	}

.mainMenu
{ 
	background: url(../layout/mainmenu.png) no-repeat top left;
	width: 694px;
	height: 91px;
	margin: 20px 0px 0px 32px;
	float: left;
	display: inline;	
}

	.mainMenu .first
	{
		background: url(../layout/menusepleft.png) no-repeat top left;
		width: 670px;
		height: 37px;
		padding: 0px 0px 0px 21px;
		margin: 15px 0px 0px 9px;
		float: left;
		display: inline
	}
	.mainMenu .first p.sepMid
	{
		background: url(../layout/menusepmid.gif) no-repeat top left;
		width: 14px;
		height: 37px;
		padding: 0px;
		margin: 0px;
		float: left;
		display: inline
	}	
	.mainMenu .first p.sepRight
	{
		background: url(../layout/menusepright.gif) no-repeat top left;
		width: 21px;
		height: 37px;
		padding: 0px;
		margin: 0px;
		float: left;
		display: inline
	}			
	.mainMenu .first a
	{
		background: url(../layout/firstbutton.png) repeat-x top left;
		padding: 11px 14px 0px 14px;
		height: 26px;
		float: left;
		display: inline;
		color: #000000;
		font-weight: bold;
		text-decoration: none
	}
	.mainMenu .first a:hover
	{
		background: url(../layout/firstbutton2.png) repeat-x top left
	}	

	.mainMenu .second
	{
		width: 660px;
		height: 24px;
		padding: 0px 0px 0px 0px;
		margin: 8px 0px 0px 33px;
		float: left;
		display: inline
	}
	.mainMenu .second a
	{
		background: url(../layout/secondbutton.png) no-repeat top left;
		padding: 3px 0px 0px 0px;
		margin: 0px 5px;
		width: 109px;
		height: 21px;
		float: left;
		display: inline;
		font-weight: normal;
		text-align: center;
		color: #FFFFFF;
		text-decoration: none
	}
	.mainMenu .second a:hover
	{
		background: url(../layout/secondbutton2.png) no-repeat top left
	}	
	.mainMenu .second a.big
	{
		background: url(../layout/secondbutton3.png) no-repeat top left;
		padding: 3px 0px 0px 0px;
		margin: 0px 5px;
		width: 130px;
		height: 21px;
		float: left;
		display: inline;
		font-weight: normal;
		text-align: center;
		color: #FFFFFF
	}
	.mainMenu .second a.big:hover
	{
		background: url(../layout/secondbutton4.png) no-repeat top left
	}			

.main
{ 
	width: 686px;
	height: 409px;
	margin: 0px 0px 0px 41px;
	float: left;
	display: inline;	
}

.footer
{ 
	background: url(../layout/footer.png) no-repeat 7px 0px;
	width: 676px;
	height: 25px;
	margin: 7px 0px 0px 41px;
	padding: 10px 5px 0px 5px;
	float: left;
	display: inline;
	text-align: left;
	color: #999999;
}

	.footer a
	{
		color: #999999;
		font-weight: normal;
		padding: 0px 7px;
		margin-top: -5px;
		text-decoration: none
	}
	
	.footer a:hover
	{
		color: #F4E3D6
	}
	
	.footer a.right
	{
		float: right;
		margin-top: 0px
	}	
	
/***
    scrollbar
               ***/

#wn	
{
    float: left;
    display: inline;   
    position:relative;    
    text-align: left;    
    height:370px;
    overflow:hidden;
    margin-top: 20px;
    margin-bottom: 20px
}

.content
{
    position:relative;
    overflow: hidden;
    top: 0px;
    left: 0px;
    width:621px;
    margin-left: 23px;
    margin-right: 23px;
    padding: 0px 0px
}

.contentScrollRight
{
    position:relative;
    top: 0px;
    left: 0px;
    width:199px;
    margin-left: 23px;
    margin-right: 23px;
    padding: 0px 0px;
    overflow: hidden
}
	.contentScrollRight span.areaTitle
	{
		background: url(../layout/headerbarnarrow.png) no-repeat top left;
	    position: relative;
	    width: 186px;
	    height: 21px;
	    padding: 2px 0px 0px 13px;
	    margin: 14px 0px 2px 0px;
	    float: left;
	    font-weight: bold;
	    font-size: 14px;
	    color: #000000
	}
	.contentScrollRight a.buttonBack
	{
		float: right;
		margin-top: 23px;
	}	
.contentRight3
{
    position:relative;
    top: 0px;
    left: 0px;
    width:280px;
    margin-left: 23px;
    margin-right: 23px;
    padding: 0px 0px
}

.contentScrollRight3
{
    position:relative;
    top: 0px;
    left: 0px;
    width:271px;
    margin-left: 18px;
    margin-right: 18px;
    padding: 0px 0px
}

.contentScrollRight2
{
    position:relative;
    top: 0px;
    left: 0px;
    width:306px;
    margin-left: 18px;
    margin-right: 18px;
    padding: 0px 0px
}

	.contentScrollRight2 span.areaTitle
	{
		background: url(../layout/headerbar.png) no-repeat top left;
	    position: relative;
	    width: 293px;
	    height: 21px;
	    padding: 2px 0px 0px 13px;
	    margin: 14px 0px 2px 0px;
	    float: left;
	    font-weight: bold;
	    font-size: 14px;
	    color: #000000
	}

.contentLeft
{
	width: 422px;
	height: 390px;
	float: left;
	overflow: hidden
}

.contentLeft4
{
	width: 422px;
	height: 409px;
	float: left;
	overflow: hidden
}

.contentLeft img, .contentLeft3 img, .contentLeft4 img
{
	margin: 0px;
	padding: 0px;
	float: left
}

.contentLeft3
{
	width: 360px;
	height: 409px;
	float: left;
	overflow: hidden
}

.contentLeft2
{
	width: 315px;
	height: 389px;
	padding: 10px 0px 10px 10px;
	float: left;
	overflow: hidden
}

.miniDescription
{ 
	width: 419px;
	padding-left: 23px;
	text-align: left;
	position: relative;
	float: left
}
	.miniDescription h1
	{
		padding: 7px 0px 2px 0px
	}
	table.refList
	{
		width: 400px;
		padding: 0px;
		margin: 0px
	}
	table.refList td.icon
	{
		width: 15px
	}
	table.refList td.icon img
	{
		float: left;
		margin: 1px;
		padding: 0px
	}
	table.mediaList
	{
		width: 100%;
		padding: 0px;
		margin: 0px
	}
	table.mediaList td.icon
	{
		width: 30px
	}
	table.mediaList td.icon img
	{
		float: left;
		margin: 1px;
		padding: 0px
	}		

#scrollbar
{
    float: right;
    display: inline;
    position:relative;
    margin: 8px 8px 0px 0px;    
    width:11px;
    height:392px;
    font-size:1px
}

#scrollbar img
{
    border: 0px
}

#track
{
    position:absolute;
    left:0px;
    top:13px;
    width:11px;
    height:366px;
}

#dragBar
{
    position:absolute;
    margin:0px;
    width:11px;
    height:366px;
    background: url(../layout/scrollbody.jpg) repeat-y top left;
    border-top: 1px solid #DA5039;
    border-bottom: 1px solid #C83D1B
    
}

#up
{
    position:absolute;
    padding: 0px;
    left:1px;
    top:0px;
}

#down
{
    position:absolute;
    padding: 0px;
    left:1px;
    bottom:0px;
    width: 11px;
    height: 11px
}	

a.buttonRed
{
	background: url(../layout/redbutton.png) no-repeat top left;
	width: 85px;
	height: 22px;
	padding-top: 3px;
	margin: 7px 0px;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	display: inline;
	font-size: 11px;
	text-align: center
}
a.buttonRed:hover
{
	background: url(../layout/redbutton2.png) no-repeat top left
}

a.buttonRedBig
{
	background: url(../layout/redbuttonbig.png) no-repeat top left;
	width: 186px;
	height: 22px;
	padding-top: 3px;
	margin: 7px 0px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	font-size: 11px;
	text-align: center
}
a.buttonRedBig:hover
{
	background: url(../layout/redbuttonbig2.png) no-repeat top left
}

a.buttonBack
{
	background: url(../layout/backbutton.png) no-repeat top center;
	width: 84px;
	height: 20px;
	padding-top: 2px;
	padding-left: 5px;
	margin: 10px auto 7px auto;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	font-size: 11px;
	text-align: center
}
a.buttonBack:hover
{
	background: url(../layout/backbutton2.png) no-repeat top left
}


input.inputText
{
	background: url(../layout/input2.jpg) no-repeat top left;
	width: 195px;
	height: 19px;
	font-size: 11px;
	color: #000000;
	border: 0px;
	padding: 0px 5px;
	margin: 3px auto
}

	input.inputText:hover
	{
		background: url(../layout/input.jpg) no-repeat top left
	}
input.buttonRed
{
	background: url(../layout/redbutton.png) no-repeat top left;
	width: 85px;
	height: 22px;
	padding: 0px;
	margin: 7px auto;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	text-align: center;
	border: 0px
}
input.buttonRed:hover
{
	background: url(../layout/redbutton2.png) no-repeat top left
}	

table.miniForm
{
	width: 100%;
	margin: 20px 0px
}
	table.miniForm td
	{
		text-align: center
	}
	
div.boardBackground
{
	background: url(../layout/topics/tablicanew.jpg) no-repeat top left;
	width: 686px;
	height: 343px;
	float: left;
	padding: 0px;
	margin: 0px;
	position: relative
}

	.boardBackground a.link1
	{
		background: none;
		width: 110px;
		height: 71px;
		position: absolute;
		left: 164px;
		top: 135px		
	}	
	.boardBackground a.link1:hover
	{
		background: url(../layout/topics/tablica_link1_new.jpg) no-repeat top left;		
	}	
	.boardBackground a.link2
	{
		background: none;
		width: 110px;
		height: 71px;
		position: absolute;
		left: 162px;
		top: 215px		
	}	
	.boardBackground a.link2:hover
	{
		background: url(../layout/topics/tablica_link2.jpg) no-repeat top left;		
	}	

	.boardBackground a.link3
	{
		background: none;
		width: 83px;
		height: 103px;
		position: absolute;
		left: 280px;
		top: 66px		
	}	
	.boardBackground a.link3:hover
	{
		background: url(../layout/topics/tablica_link3_new.jpg) no-repeat top left;		
	}	
	.boardBackground a.link4
	{
		background: none;
		width: 83px;
		height: 99px;
		position: absolute;
		left: 280px;
		top: 180px		
	}	
	.boardBackground a.link4:hover
	{
		background: url(../layout/topics/tablica_link4.jpg) no-repeat top left;		
	}
	.boardBackground a.link5
	{
		background: none;
		width: 84px;
		height: 76px;
		position: absolute;
		left: 376px;
		top: 65px		
	}	
	.boardBackground a.link5:hover
	{
		background: url(../layout/topics/tablica_link5.jpg) no-repeat top left;		
	}	
	.boardBackground a.link6
	{
		background: none;
		width: 101px;
		height: 59px;
		position: absolute;
		left: 370px;
		top: 149px		
	}	
	.boardBackground a.link6:hover
	{
		background: url(../layout/topics/tablica_link6.jpg) no-repeat top left;		
	}	
	.boardBackground a.link7
	{
		background: none;
		width: 109px;
		height: 70px;
		position: absolute;
		left: 369px;
		top: 213px		
	}	
	.boardBackground a.link7:hover
	{
		background: url(../layout/topics/tablica_link7_new.jpg) no-repeat top left;		
	}	
	.boardBackground a.link8
	{
		background: none;
		width: 93px;
		height: 103px;
		position: absolute;
		left: 473px;
		top: 65px		
	}	
	.boardBackground a.link8:hover
	{
		background: url(../layout/topics/tablica_link8_new.jpg) no-repeat top left;		
	}		
	.boardBackground a.link9
	{
		background: none;
		width: 89px;
		height: 102px;
		position: absolute;
		left: 483px;
		top: 176px		
	}	
	.boardBackground a.link9:hover
	{
		background: url(../layout/topics/tablica_link9.jpg) no-repeat top left;		
	}				
	
.miniNewsContainer
{
    position:relative;
    float: left;
    width: 621px;
    margin-top: 10px
}	

	.miniNewsContainer .topic
	{
		background: url(../layout/headerbarwide.png) no-repeat top left;
	    position: relative;
	    width: 456px;
	    height: 21px;
	    padding: 2px 10px 0px 10px;
	    margin: 0px 0px 5px 0px;
	    float: left;
	    font-weight: bold;
	    font-size: 13px;
	    color: #000000
	}	
	.miniNewsContainer .topic span
	{
	    float: right;
	    font-weight: normal;
	    font-size: 10px;
	    margin-top: 2px;
	    color: #FFFFFF
	}
	.miniNewsContainer .desc
	{
	    position: relative;
	    width: 100%;
	    float: left;
	    text-align: justify
	}	
	.miniNewsContainer .desc a.more
	{
	    display: block;
	    margin-right: 540px;   
	}	
	.miniNewsContainer img.thmb
	{
	    float: right;
	    display: inline;
	    margin: 4px 0px 6px 10px;
	    padding: 0px
	}	
	.miniNewsContainer a
	{
	    color: #FF0000
	}	
	.miniNewsContainer a.buttonBack
	{
	    color: #FFFFFF
	}	
	.downFiles
	{
		display: block;
		margin: 0px;
		padding: 0px
	}
	.downFiles img
	{
		float: right;
		margin-left: 5px;
		display: inline		
	}
	
.contentScrollRight3 a.buttonRed
{
	margin-left: 10px;
	margin-right: 100px
}

input.inputCheck
{
	float: left
}