/* navig */
#multi-level {height:30px; position:relative; z-index:100; background:#fff url(../images/nav/image_drop_back.gif) repeat-x; padding-left:20px;border:1px solid #000; border-width:0 1px;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */

.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; font-size:11px;}

/* Set up the size of the list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
.menu li.top a.top_link {display:block; float:left; height:30px; line-height:30px; text-decoration:none; color:#fff; background: url(../images/nav/image_drop_1a.gif); padding:0;}
.menu li.top a.top_link span.span_top {display:block; float:left; height:30px; background: url(../images/nav/image_drop_1a.gif) right top; padding:0 15px 0 0;}
.menu li.top a.top_link b.b_top {display:block; float:left; height:30px; width:26px;}

.menu li.top a.top_link span.drop {background: url(../images/nav/image_drop_0a.gif) right top; padding:0 25px 0 0;}

.menu li a#home b.b_top {background:transparent url(../images/nav/home.gif) no-repeat center center;}
.menu li a#settings b.b_top {background:transparent url(../images/nav/settings.gif) no-repeat center center;}
.menu li a#soft b.b_top {background:transparent url(../images/nav/soft.gif) no-repeat center center;}
.menu li a#courses b.b_top {background:transparent url(../images/nav/courses.gif) no-repeat center center;}
.menu li a#drive b.b_top {background:transparent url(../images/nav/drive.gif) no-repeat center center;}
/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible; cursor:pointer; position:relative;}
.menu li:hover {position:relative; z-index:200;}

/* Style the top level links */
.menu li.top a.top_link:hover,
.menu li.top:hover a.top_link {background: url(../images/nav/image_drop_1b.gif);}
.menu li.top a.top_link:hover span.span_top,
.menu li.top:hover a.top_link span.span_top {background: url(../images/nav/image_drop_1b.gif) right top;}
.menu li.top a.top_link:hover span.drop,
.menu li.top:hover a.top_link span.drop {background: url(../images/nav/image_drop_0b.gif) right top;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* Style the drop down sub level links */
.menu :hover ul.sub {left:0; top:30px; background: transparent url(../images/nav/transparent.gif); padding:3px 0 0 0; white-space:nowrap; width:135px; height:auto;}
.menu :hover ul.sub li {display:block; float:left;}
.menu :hover ul.sub li a {display:block; float:left; height:25px; width:135px; line-height:25px; color:#000; text-decoration:none; padding:0; background: url(../images/nav/dropa_0.gif) no-repeat;}

/* All this lot is for IE6, believe it or not, to style the fly outs */
.menu :hover ul.sub li a span,
.menu :hover ul.sub li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span, 
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span
{display:block; float:left; background: url(../images/nav/drop_0.gif) right top; height:25px; width:92px; padding:0 10px 0 5px; font-weight:normal; color:#000;}

.menu :hover ul.sub li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span
{background: url(../images/nav/drop_0.gif) right top; color:#000;}

.menu :hover ul.sub li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover
{background: url(../images/nav/dropba_1.gif) no-repeat; color:#fff;}

.menu :hover ul.sub li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span
{background: url(../images/nav/drop_1.gif) right top; color:#fff;}

.menu :hover ul.sub li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span
{background:url(../images/nav/drop_1.gif) right top; color:#fff;}

/* the next two lines keep the menu trail :hover state for IE7 and non-IE browsers */
.menu :hover ul li:hover > a.fly {background:url(../images/nav/dropba_1.gif) no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly span {background:url(../images/nav/drop_1.gif) right top; color:#fff;}

/* Style the images to the left of each link */
.menu ul.sub b {display:block; float:left; background:transparent url(../images/nav/book.gif) no-repeat center center; height:25px; width:25px;}


.menu ul.sub b.settings {background:transparent url(../images/nav/settings.gif) no-repeat center center;}
.menu ul.sub b.server {background:transparent url(../images/nav/server.png) no-repeat center center;}



.menu ul.sub b.script {background:transparent url(../images/nav/script.gif) no-repeat center center;}
.menu ul.sub b.internet {background:transparent url(../images/nav/internet.gif) no-repeat center center;}
.menu ul.sub b.graphics {background:transparent url(../images/nav/graphics.png) no-repeat center center;}
.menu ul.sub b.antivirus {background:transparent url(../images/nav/antivirus.png) no-repeat center center;}
.menu ul.sub b.soft {background:transparent url(../images/nav/soft.gif) no-repeat center center;}
.menu ul.sub b.office {background:transparent url(../images/nav/office.png) no-repeat center center;}
.menu ul.sub b.mobile {background:transparent url(../images/nav/mobile.gif) no-repeat center center;}
.menu ul.sub b.edit {background:transparent url(../images/nav/edit.png) no-repeat center center;}
.menu ul.sub b.radio {background:transparent url(../images/nav/radio.gif) no-repeat center center;}
.menu ul.sub b.shrift {background:transparent url(../images/nav/shrift.gif) no-repeat center center;}
.menu ul.sub b.raznoe {background:transparent url(../images/nav/raznoe.gif) no-repeat center center;}






.menu ul.sub b.dreamweaver {background:transparent url(../images/nav/dreamweaver.gif) no-repeat center center;}
.menu ul.sub b.photoshop {background:transparent url(../images/nav/photoshop.png) no-repeat center center;}
.menu ul.sub b.corelgraf {background:transparent url(../images/nav/corelgraf.gif) no-repeat center center;}
.menu ul.sub b.internet {background:transparent url(../images/nav/internet.gif) no-repeat center center;}
.menu ul.sub b.video_kurs {background:transparent url(../images/nav/video.gif) no-repeat center center;}



.menu ul.sub b.contacts {background:transparent url(../images/nav/contacts.gif) no-repeat center center;}
.menu ul.sub b.forum {background:transparent url(../images/nav/forum.gif) no-repeat center center;}
.menu ul.sub b.email {background:transparent url(../images/nav/email.gif) no-repeat center center;}




/* Position the flyouts */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:107px; top:0; background:transparent url(../images/nav/transparent.gif); padding:5px 5px 5px 0; white-space:nowrap; width:120px; z-index:200; height:auto;}
/* navig */


/* CSS Document Site */
body {background-image:url(../img/bg.jpg);}
.tab{text-align: center; margin-top:10px; margin-bottom:10px; margin-left:10px; margin-right: 10px; width:97%;}
.title {border:1px solid #ededed; background-color:#FFFFFF;}
h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#000000; margin: 5px; text-align: left;}
.images{margin-top: 10px; margin-bottom: 10px;}
.fon{border:1px solid #999999; font-size:11px; color:#333333; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; background-color: #ededed;}
.puti{border:1px solid #999999; font-size:11px; color:#333333; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; background-color: #ededed; margin-top:2px; margin-left:2px; margin-right:2px;}
.text{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#424242; margin:5px; text-align: left;}	
.link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666; font-weight: bold; text-decoration: none;}
.link_div {border:1px dashed #999999; margin-left:12px; margin-right:12px;}
.link_p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; margin:5px; text-align: left; text-decoration: none;}
.images_comments {margin-top: 2px; margin-bottom:2px;}
.div_comments {margin-left:10px; margin-right:10px; margin-bottom:5px; border: 1px solid #eaeceb; text-align: left; text-indent: 5px;}
.post_comments {margin-left:10px; margin-right:10px; border: 1px solid #ffffff; font-size: 12px;}
.text_comments {border-top:1px solid #eaeceb; border-left:1px solid #eaeceb; border-right:1px solid #eaeceb; border-bottom:1px solid #eaeceb; margin-left:10px; margin-right:10px;}
.post_comment_add {font-size:11px;}
.nav {border: 1px solid #316c8b; width:100%; height:20px;}
.zam_right {border: 1px solid #000000;}
.link_menu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: normal; text-decoration: none; margin-right: 10px;	}
.link_menu:hover {text-decoration: none; color: #0000FF;}
.mail_t {font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; margin-top: 10px; margin-bottom: 3px;}
.mail_botton {margin-top: 5px;}
.pstrnav {padding: 0px 10px 5px 10px; color:#424242; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
.pstrnav a{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px;color:#245E93; text-decoration:none;}
.text_div {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333333;}
.k_valqt { background:url(http://www.pavlodar.com/img/info/kzt_120x90_6.gif) no-repeat center top;}
.reklama {border:1px dotted #FF0000; text-align: center; width:80%; height:110px; margin-right:30px;}
.index {background-color:#FFFFCC; border:1px dotted #316c8b; padding: 5px; margin:10px;}
.border_solid {background-image: url(../images/fon_setka.gif); border:1px solid #316c8b;}
.border_dotted {background-color:#FFFFFF; border:1px dotted #316c8b;}
.menu_l_r {font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 12px; background-image: url(../images/nav/menu_n1.png);}
.menu_left {background-image: url(../images/fon_setka.gif); background-color:#f6f6f6; border-right:1px solid #316c8b;}
.menu_right {background-image: url(../images/fon_setka.gif); background-color:#f6f6f6; border-left:1px solid #316c8b; background-position: center;}
.logotip {background-image: url(../images/logo_1.gif);}
.fon {background-color: border:1px solid #999999;}
p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#424242; margin:10px; text-align: left;}
/* CSS Вывод контекстной подсказки */
p.tt {position: relative;}
a.tooltip:hover { background:#FFFFFF; text-decoration:none; }
a.tooltip span { display:none; width:180px; text-align: left; }
a.tooltip:hover span {
	display:block;
	position:absolute;
	z-index: 100;
	top: 400px;
	right: 167px;
	border: 1px dotted #565656;
	padding: 5px 5px;
	background: #ffffa2;
	color:#3A3A3A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
/* CSS Вывод контекстной подсказки */
/* CSS Document Site */