/* CSS Document */

/* CSS Document */

/* LAYOUT STYLE RULES */

/* root */
.info {padding-left:15px;}
.info a {font-size:11px}
#root {
	min-height: 100%;
	text-align: center;
}
.list{
margin-left:18px;
}




/* head */
#head {
	margin: 0 auto;
	border-top: 7px solid #D0DBCD;
	padding:20px 0 0 0;

}
.pagenum {
text-align:center;
width:100%;
font-size:11px;
}
.pagenum a {
text-decoration:none;
}
.pagenum a:hover {
text-decoration:none;
color:#e50278;

}
#logo {position:relative; top:15px; float: left; padding-left: 120px;}

#head-top-menu {float: right; text-align: right; border:none;}

	#head-top-menu ul {list-style-type: none; display: block;}
	#head-top-menu ul li {
		display: block;
		float: left; 
		background: url('img/head-top-menu-bg.gif') no-repeat 100% 10px; 
		padding: 5px 13px 0; 
		position: relative;
	}
	
	/* fix list position in IE 6 */ #head-top-menu ul li.last {background-image: none; padding-right: 0} 
	/* fix list position in IE 7 */ #head-top-menu ul li.last {background-image: none;}
	
	#head-top-menu ul li a {padding: 2px 6px;}
	#head-top-menu ul li a:hover {background: #E50278; color: #fff}
	
	#head-top-menu ul li a.curr {font-weight:bold; color:#FFFFFF; background-color:#e50278; text-decoration: none; margin: 0 8px;}
	
	

#head-top-menu2 {clear: both; padding-top: 35px; //padding-top: 16px}

	#head-top-menu2 ul {
		background: cornflowerblue;
		list-style-type: none; display: block;
		margin: 0; padding: 0;
	}
	
	#head-top-menu2 ul li {
		display: block;
		float: left;
	}
	
	#head-top-menu2 ul li a {
		display: block;
		float: left;
		width: 230px;
		height: 30px;
		padding: 30px 0 0 0;
		overflow: hidden;
		height: 0 !important; /* for most browsers */
		height /**/:30px; /* for IE5.5 block model */
		background-repeat: no-repeat;
	}

	#head-top-menu2 ul li a#l1 {background-image: url('img/head-menu1.gif');}
	#head-top-menu2 ul li a#l2 {background-image: url('img/head-menu2.gif');}
	#head-top-menu2 ul li a#l3 {background-image: url('img/head-menu3.gif');}
	#head-top-menu2 ul li a#l4 {background-image: url('img/head-menu4.gif');}
	
	#head-top-menu2 ul li a#l1:hover,
	#head-top-menu2 ul li a#l2:hover, 
	#head-top-menu2 ul li a#l3:hover,
	#head-top-menu2 ul li a#l4:hover {background-position: 0 -30px;}
	
	#head-top-menu2 ul li a.current {background-position: 0 -60px;}
	
	
	
	



/* body */
#body {}
#body-wrapper {position: relative; display: block; border-left: 220px solid #fff;}
#body-inner {display: block; margin-left: -220px;}
#left {float: left; position: relative; width: 220px; left: 0;}
#center {margin-left: 220px; position: relative; display: block; zoom:1;}


/* main menu */
.body-menu, .body-menu2                 {list-style-type: none; margin: 0; padding: 0 0 25px 0; width: 210px;}

.body-menu a, .body-menu2 a             {text-decoration: none;}
.body-menu li, .body-menu2 li           {padding: 3px 0 5px 0; border-bottom: 1px solid #E4E4E5}
.body-menu li span, .body-menu2 li span {background: url('img/marker1.gif') no-repeat 20px 55%; padding-left: 30px;}
.body-menu a:hover, .body-menu2 a:hover {text-decoration: underline}

.body-menu li strong {
	font-size: 0.85em; 
	background: url('img/menu-selected-bg.gif') no-repeat 0 0 ; 
	display: block;
	text-align: left;
	height: 25px;
	padding-top: 3px;
	color: #585858;
	padding-left: 19px;
} /* active menu point */
.body-menu li strong em {background: url('img/marker3.gif') no-repeat 0 50%; padding-left: 12px;}
.body-menu li strong em a {font-weight:bold; font-size:1em; color:#585858;}
.body-menu li strong em a:hover {text-decoration:none; color:#585858;}
.body-menu2 li strong em a {font-weight:bold; font-size:1em; color:#585858;}
.body-menu2 li strong em a:hover {text-decoration:none; color:#585858;}

/* main menu 2 */
.body-menu2 {margin-top: 0;}
.body-menu2 li {padding: 3px 0 5px 30px; background: url('img/marker1.gif') no-repeat 20px 9px }

/* main menu submenu */
.body-menu li div       {padding:0 0 5px 39px; background:#F6F6F6 url('img/menu-bg-bottom.gif') no-repeat 0 100%; margin-top:-2px;} /* submenu gray wrapper */ 
.body-menu li div ul    {margin:0; list-style: none; }
.body-menu li div ul li {background: url('img/marker2.gif') no-repeat 0 55%; padding-left: 10px; border: none; }

.body-menu li.border0, .body-menu2 li.border0 {border: none}

#menu h2 {
	display: block;
	width: 210px;
	height: 32px;
	padding: 32px 0 0 0;
	overflow: hidden;
	height: 0 !important; /* for most browsers */
	height /**/:32px; /* for IE5.5 block model */
	background: url('img/useful-links.gif') no-repeat 0 0;

	margin-bottom: 7px;
}

.body-menu li.active {
	background: url('img/menu-bg.gif') no-repeat 0 0; 
	border: none; 
	font-size: 0.85em; 
	font-weight: 900; 
	color: #8B9399; 
	height:27px; 
	padding: 5px 0 0}

/* center */
#center {padding: 7px 20px 75px 25px;}
#bread-crumbz {color: #9FA1A4; font-size: 0.85em; margin: 0 0 27px 0}





/* block 1 */
.block1 {width: 100%; border-bottom: 1px solid #DEDFE1; margin-top: 1em; color: #585858; padding: 10px;}
.block1 td {padding: 35px 0 22px 5px; border-top: 1px solid #DEDFE1;}
.block1 a {color: #E50278; background: url('img/marker1.gif') no-repeat 0 45%;padding-left: 7px; }
.block1 ul {list-style-type: none; margin: 1em 0 1.5em; padding: 0; line-height: 2em}
.block1 ul li {background: url('img/marker4.gif') no-repeat 0 50%; padding-left: 10px;}
.block1 ul li a {background: none; padding: 0;}


.desc {float: left; }

/* block 2 */
.block2 {width: 100%; border: 1px solid #DEDFE1; margin-top: 1em; color: #6B6B6B;}
.block2 td {/*padding: 10px;*/}


.show {display: block}
.hide {display: none}




.table-menu {background: transparent url('img/spacer1.gif') repeat-x 0 0; height: 60px; padding: 0; font-size: 0.95em;}
.table-menu ul {list-style-type: none; padding: 0; margin: 0; }
.table-menu ul li {display: block; float: left; }

.table-menu ul li em {
	height: 29px;
	font-weight: 900;
	background: transparent url('img/spacer2.gif') no-repeat 0 50%;
	cursor: pointer;
	outline: none;
	color: #4b4c3e;
	text-decoration: underline;
	/*border: 1px solid red;*/
}


.table-menu ul li em.strong {
	height: 44px; 
	background: #EFEFF0 url('img/bump.gif') no-repeat 50% 100%;
	color: #E50278; 
	text-decoration: none;
	cursor: default;
}

.table-menu ul li em, .table-menu ul li em.strong {padding: 15px 18px 0; display: block; float: left;}
 
.mm ul li em, .mm ul li em.strong {padding: 15px 35px 0;}






/* common rules */
.doblock { background:url(img/fon.gif) repeat; }
.doblock:after {content: ''; display: block; clear: both; background:url(img/fon.jpg) repeat } /* fix blocks floating in non-IE browsers */
.clear, .clear2 {clear: both;}

.clear2 {border: 1px solid #fff}
.small {font-size: 0.85em;}
ul.small-font li a {color: #9FA1A4; font-size: 0.85em;}
#head-top-menu a {color: #4b4c3e}
ul.small-font li ul li a {color: #585858; font-size: 0.85em;}
.content img {
border:solid 5px #FFFFFF;
float:left;
margin-bottom:0px;
margin-top:0px; 
margin-right:5px;
}


/* very common rules */
#head, #body, #finger {width: 920px; margin: 0 auto; text-align: left;}


strong.important {color: #E50278; font-size: 120%}

.pad1, .pad2 {padding: 10px}
.pad2 {border-top:1px solid #DEDFE1}
.pad3 {padding:20px 10px 0px; }
.pad3 p {margin-bottom: 0}

.pad3 ul {list-style-type: none; margin-left: 4px}
.pad3 ul li {background: url('img/marker4.gif') no-repeat 0 50%; padding-left: 10px;}

.pad1 img {margin: 0 2em 0 0}
.block3 {border: 1px solid #DCDCDC}

#spec {border: none}
#center .spec1,  #center .spec2 {color: #3F87AE}
#center .spec2 {margin-bottom: 0;border: 1px soldi red;}
.center {text-align: center}

.spec-table {border-collapse:separate; border-spacing: 1px; width: 100%}
.spec-table td {padding: 6px 8px}
.spec-table .tr {background: #EBF0F4}
.spec-table .tr2 {border-right: 1px solid #EBF0F4}

#center .none {background-image: none}



/* footer */
#foot {

	height: 15px;
	text-align: center;
	clear: both;
}
#dummy {
	height: 50px;
	text-align: center;
	clear: both;
	margin-bottom: 60px;

}

#foot {margin-top:0px;}

#root {margin-bottom: -40px; }

#finger {border-top: 1px solid #D0DBCD; position: relative; }

	#finger ul {list-style-type: none; display: block; margin: 8px 0 0 250px; }
	#finger ul li a {color: #4b4c3e; font-size: .85em}
	#finger ul li {
		display: block;
		float: left; 
		background: url('img/footer-menu-spacer.gif') no-repeat 100% 70%; 
		padding: 0 15px; 
		position: relative;
	}
	
	#finger ul li.first {padding-left: 0}

	/* fix list position in IE 6 */ #finger ul li.last {background-image: none; padding-right: 0} 
	/* fix list position in IE 7 */ #finger ul li.last {background-image: none;}


#copy {color: #8B9399; padding: 46px 0 0 5px; font-size: 0.85em; float: left;}

#artics-wrap {text-align: center; height: 15px;clear: both}
#artics {
	background: #4b4c3e; 
	position: absolute; 
	padding: 4px 10px; 
	text-align: center; 
	font-size: 0.75em; 
	width: 900px;
	height: 15px;
	clear: both;
	margin: 0 auto;
	position: relative;
}

#artics,#artics a {color: #acacac}




/* debug */

/*
#root {background: green;}
#head {background: cornflowerblue;}
#logo {background: red;	}

#head-top-menu {background: blue; }

#body {background: lightblue}

#foot {background: purple;}
#finger {background: pink;}
*/
div.tab {border-top: 1px solid #ccc; padding-top: 25px; margin-top: -10px; background: #ffffff;}


div.pagerr {
	width:550px;
	text-align: center;
	font-size: 10px;	
}