/* (X)HTML Elements
======================================================================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin:0;
	padding:0;
	outline:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul
{
padding-left:20px;

}
#header
{
padding-bottom:16px;
}
#wrapper
{
	margin:0 auto;
	width:1003px;
	height:auto;
	/*background:#ccc;*/
	border-left:#3366cc 1px solid;
	border-right:#3366cc 1px solid;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#headerShadow
{
	position:absolute;
	top:223px;
	left:555px;
	background:url(img/header_shadow.png) no-repeat left top;
	width:126px;
	height:29px;
	z-index:55;
	.background:none;
	.filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/header_shadow.png,sizingMethod=crop);

}

table.tabs
{
	width:100%;
	border-collapse:collapse;
}
		.tabs td
		{
			padding:0;
		}
		.tabs a
		{
			display:block;
			height:47px;
			background:url(img/tab_a.jpg) repeat-x left top;
			line-height:47px;
			text-align:center;
			.padding:0 30px 0 30px;
			padding:0 0px 0 25px;
			position:relative;
			color:#FFFFFF;
			text-decoration:none;
		}
		.tabs a:hover
		{
			background:url(img/tab_a_hover.jpg) repeat-x left top;
		}
		.tabs td a span
		{
			position:absolute;
			height:47px;
			width:31px;
			background:url(img/tab_a_right.png) no-repeat left top;
			top:0px;
			right:-31px;
			z-index:10;
			cursor:pointer;
			.background:none;
			.filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/tab_a_right.png,sizingMethod=crop);

		}
		.tabs a:hover span
		{
			background:url(img/tab_a_hover_right.png) no-repeat left top;
			.background:none;
			.filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/tab_a_hover_right.png,sizingMethod=crop);
		}
		.tabs a.current
		{
			background:url(img/tab_a_hover.jpg) repeat-x left top;
		}
		.tabs td a.current span
		{
			background:url(img/tab_a_hover_right.png) no-repeat left top;
			.background:none;
			.filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/tab_a_hover_right.png,sizingMethod=crop);
		}
#mainNav
{
	position:absolute;
	top:0;
	left:0;
	width:650px;
}

#mainContent
{
padding-top:50px;
width:720px;
/*border:green 1px dotted;*/
top:200px;
float:left;
/*margin-bottom:150px;*/
}
#sideContent
{
float:right;
width:271px;
/*border:#777 1px dotted;*/
}


.mainContentBlock
{
border-top:#000 1px dotted;
margin:10px;
po sition:absolute;
t op:300px;
padding-top:10px;
}
.mainContentBlock h1 span
{
background:#2b7ccf;
line-height:28px;
padding: 0 10px 0 10px;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
}

.textContainer
{
/*border-left:#ff1800 6px solid;*/
padding-left:25px;

}
.textContainer img
{
border:0px;border-right:#ff1800 6px solid; 
padding-right:8px;
}

.pHeader
{
background:#ddeaf7;
color:#2b7ccf;
margin-bottom:15px;
margin-top:15px;
padding-left:65px;
padding-right:65px;
font-weight:bold;
/*text-align:center;*/
}

.menuWrapper
{
width:271px;
position:relative;
background:url(img/menu_top.gif) no-repeat left top;
}
.menuWrapper  span
{
position:absolute;
font-size:20px;
font-style:italic;

top:4px;
left:84px;
color:#FFFFFF;
}

.menu
{
width:251px;
position:relative;
background:url(img/menu_bottom.gif) no-repeat left bottom;
padding: 45px  0px  100px  20px;
}
.menu a
{
display:block;
h eight:25px;
padding: 5px 0 5px 0;
width:245px;
text-decoration:none;
color:#ffffff;
/*border-top:#FFFFFF 1px dotted;*/
background:url(img/brorder.gif) repeat-x left top;

}
.menu a div
{
	padding: 0 0 0 19px;
}
.menu a.active div
{
	background:url(img/bullet.gif) no-repeat left center;
}

.menu a:hover
{
background:#145fc5 url(img/brorder.gif) repeat-x left top;
}

.menu  .active
{
disp lay:block;
h eight:25px;
pad ding: 5px 0 5px 19px;
wi dth:225px;
te xt-decoration:none;
col or:#ffffff;
back ground:url(img/brorder.gif) repeat-x left top;
}



.menu hr
{
border:0;
height:1px;
background:url(img/brorder.gif) repeat-x left top;
padding:0;
margin:0;
width:245px;
}

#bottom
{

	background:url(img/bottom_bg.gif) no-repeat right  bottom;
	/*border:red 1px solid;*/
	padding:150px 0 7px 0;
	text-align:center;
	color:white;
	position:relative;
	font-weight:bold;
	color:#70aff1;
}






/*======================================================================================================================*/
/* absolute positioning !!!*/
	#smallNav
{
	text-align:left;
	position:absolute;
	top:203px;
	left:870px;
	z-index:6;
	line-height:11px;
	height:11px;
}

		#smallNav img
		{
			border:0px;
			padding-left:10px;
			padding-right:10px;
		}
				#smallNav a
				{
				line-height:11px;
				
				}


/* панелька із ссилками*/
#panel
{
/*	border:#CC00FF 1px solid;*/
	width:710px;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top:25px;
	margin-bottom:0px;
	position:absolute;
	left:10px;
	bottom:95px;
	z-index:5;
}
	#panel a
	{
		color:#000000;
		text-decoration:underline;
	}
	#panel a:hover
	{
		color:#015add;
		text-decoration:none;
	}

	#panel .leftLinks
	{
		float:left;
	}
	#panel .rightLinks
	{
		float:right;
	}
	#panel #panel-Top
	{
		height:20px;
		background:url(img/dot.gif) repeat-x left top;
		padding-top:15px;
	}
	#panel #panel-Bot
	{
		width:100%;
		height:20px;
		border-top:#015add 3px solid;
		background:url(img/dot.gif) repeat-x left bottom;
		padding-bottom:20px;
	}

#bottomMenu
{
position:absolute;
left:0;
bottom:80px;
}
#topMenu
{
position:absolute;
left:0;
top:227px;
}

.banners a
{
/*border:#ff0000 1px solid;*/
/*display:block;*/
padding: 0px 0px 0px 0px;
width:auto;
text-decoration:none;
color:#2b7ccf;
background:#2b7ccf;
}
.banners a:hover
{
background:none;
}
.banners a img
{
/*width:245px;*/
}   

.banners  span.imagetext
{
padding:8px;
border:#ffffff 1px solid;
position:ablokute;
left:25px;
top:60px;
background: #3366cc url(img/bullet.gif) no-repeat left center;
font-size:16px;
font-weight:bold;
font-style:none;
}

