BODY {
    margin: 0px;
    padding:0px;
    font-family: Verdana, Arial,Tahoma,sans-serif;
    font-size:11px;
    color:#444444;
    min-width:1000px;
    position:relative;
    height:auto !important;
    height:100%;
    min-height:100%;
    background-color:#fff;
}
HTML
{
    height:100%;
}

a img {border: 0;}

FORM { margin-left: 10px; }

H1 {font-size: 14px; color:#2c6ea0;}

select{
width: 200px;
font-family: Verdana, Arial;
font-size:11px;
border: 1px solid #aaaaaa;
margin: 3px 2px 0px 0px;
}

table {
    font-size: 11px;
}

input{
font-family: Verdana, Arial;
font-size:11px;
margin: 3px 2px 0px 0px;
}

.button{
font-family: Verdana, Arial;
font-size:11px;
font-weight: bold;
color: #fff;
border: 1px solid #aaa;
margin: 3px 2px 0px 0px;
height: 22px;
background:#ff9a00 url('/verst/images/button/bg.png') repeat-x left bottom;
}

.button:hover{
    background:#ffcc00 url('/verst/images/button/bg.png') repeat-x left top;
}

TEXTAREA { FONT-SIZE:11px;BORDER: #aaaaaa 1px solid; margin: 2px; }

BUTTON { margin: 3px; }

table.anketa td {
	padding: 1px 0px 1px 4px;
	vertical-align: top;
	}

#footer
{
    float:left;
    clear: both;
    height:57px;
    position:relative;
    top: 0px;
    width:100%;
    background:#b0aeaf url('/verst/images/foot_bg.gif') no-repeat left top;
    padding-top:0px;
}

#footer2
{
    float:left;
    clear: both;
    height:57px;
    position:relative;
    top: 0px;
    width:100%;
    padding-top:0px;
    background: #b0aeaf url('/verst/images/prefoot.gif') repeat-x top;
}

#footer_text
{
    margin-left:10px;
}
#content
{
    position: relative;
    z-index: 4;
    margin-left:199px;
    padding-bottom:40px;
    width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'790px':'');
}


* html #content{
    float:left;
    margin-left:0px;
}

FORM
{
    margin: 0px;
    padding:0px;
}
A {
    color:#2c6ea0;
    text-decoration: underline;
}


A:hover
{
    color:#2c6ea0;
    text-decoration: none;
}


#peoples
{
    float:left;
    width:198px;
    margin-top: 10px;
    padding: 0px 0px 0px 0px;
    margin-bottom:110px;
    background: #fff;
}


#peoples_title
{
	background: #48578e;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	height: 17px;
	line-height: 14px;
}

#top_menu
{
    height:44px;
    
}
#header
{
    height: 183px;
    position: relative;
    z-index: 5;
    width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1005px':'');
    background: url('/verst/images/top_fon.jpg') repeat-x;
    background-position: 0px 135px;
}

#banners
{
    height:92px;
    background: #fff;
	margin: 0px 0px 0px 0px;
}

#banners a:hover {
    border: 0;
}

#logo
{
   	position: relative;
	z-index: 2;
	margin: 0px;
	float:left;
	height: 92px;
	width:310px;
	background: url('/verst/images/logo_bg.jpg');
}


#logo a {
    border: 0px;
}


#left_banner
{
	position: relative;
	display:block;
	z-index: 4;
    margin-top:0px;
    margin-right:200px;
    padding: 0;
    margin-left:310px;
    height: 74px;
}

#b468
{
	position:  relative;
	top:  16px;
	width: 468px;
	margin: 0px auto 0px auto;
}

#b200
{
	width: 200px;
	margin: 16px 0 0 0;
}
#right_banner
{
	position: relative;
	z-index: 4;
    width:200px;
    float:right;
    margin-top:0px;
    margin-right:5px;
    padding: 0px 0px 0px 0px;
    height: 74px;
}

#login_form
{
    font-size: 11px;
	position: relative;
    top: 0px;
    color: #fff;
    height: 46px;
	left:0px;
    float:left;
    display:block;
    background: url('/verst/images/auth.gif') no-repeat 0px 0px;
    width:100%;
}

#login_form a {
	color: #fff;
}

#log_tab {
	height:26px; 
	position: relative; 
	left: 22px;
}

* html #log_tab
{
	left: -5px;
}

* html #login_form
{
	position: relative;
	z-index: 15;
}

.right_log {
	position: relative;
	color:#000;
	margin-left:310px;
	top:10px;
}

.left_log {
	padding-left:20px;
	width:290px;
	height:46px;
	float: left;
	margin: 0 0 0 0;
	top: 0px;
}

#login_form input.auth
{

	width: 60px;
	height: 12px;
	margin: 0px 15px 0px 5px;
	height: 14px;
	font-family: Verdana, Arial;
	font-size:10px;
	border: 1px solid #aaaaaa;
	float:left;
}

SPAN.login_links
{
    padding-left:15px;
}
#login_image
{
    float:left;
    margin-left:5px;
    margin-top:-4px;
}

#login
{
    float:left;
    padding-left:15px;
    color:#3457A0;
}
#password
{
    float:left;
    padding-left:10px;
    color:#3457A0;
}
A.login
{
    margin-left:40px;
}
A.password
{
    margin-left:38px;
}

#user
{
    width:280px;
    float:left;
    margin-top:6px;
    margin-left:10px;
    text-align:left;
}
A.logout
{
    margin-left:5px;
}
#top_navig
{

    vertical-align: top;
    margin: 0px 0px 0px 320px;
    height: 63px;
//background: url('/verst/images/top_navig_center.jpg') repeat-x;
}
* html #top_navig
{
	margin: 0px 0px 0px 0px;
	position: absolute;
	z-index: 10;
	left: 0px;
}

#top_navig_left
{
	float: left;
    height: 63px;
	width:228px;
}
* html #top_navig_left
{
	margin: 0px 0px 0px 160px;
}
#top_navig_right
{
	float: right;
    height: 63px;
	width:168px;
}

#top_buttons
{
	position: absolute;
	display: block;
	z-index: 10;
	left: 370px;
	top: 136px;
	text-decoration: none;
}
* html #top_buttons
{
top: 138px;
}

#top_buttons span
{
margin: 10px 0px 0px 0px;
color: #000;
text-decoration: none;
font-size: 12px;
line-height: 21px;
}

* html #top_buttons span
{
	position: relative;
	top: 2px;
}

#top_buttons a:hover
{
	text-decoration: none;
        border: 0;
}

#top_buttons a:hover span
{
text-decoration: underline;
}


IMG.top_navig_icon
{
    vertical-align: top;
    border: 0px;
    height: 22px;
    margin: 0px 3px 0px 20px;
}
 .clear {clear: both;}


/*    3-  */
#wrapper_big {
  width: 100%;
  width: expression((documentElement.clientWidth||document.body.clientWidth)<995?'1000px':'');
  min-width: 1000px;
}
#container_big {margin-top: 25px; width: 100%; }
#content_big {
  position: relative;
  z-index: 1;
  left: 0;
  width: 100%;
  float: left;
}
#text_big {margin: 0 0 0 680px;}

#content_block {
	float:left;
	width:99%;
}

#content_block div.inner_left_block {
	margin: 0 40% 0 260px;
}

#content_block div.inner_big_left_block {
	margin: 0 30% 0 260px;
}

#content_block div.inner_center_block {
	margin: 0 0 0 260px;
}

.inner_right_block {
	float:left;
	width:39%;
	margin-left:-40%;
}

.inner_small_right_block {
	float:left;
	width:28%;
	margin-left:-30%;
}

#left_big {
	float:left;
	width:220px;
	margin-left:-100%;
	height:800px;
}

#right_big {
	position: relative;
    z-index: 2;
	float: left;
	width: 450px;
	margin-left: -100%;
	left:220px;
}

.block_banner {
    clear: left;
    margin-left: 10px;
    margin-right: 10px;
    background: url('/verst/images/banner/baner_fon.jpg') repeat-x;
    height: 238px;
}

.bb_left {
    width: 100%;
    float: left;
    background: url('/verst/images/banner/baner_left.jpg') no-repeat left;
    height: 238px;
}

.bb_right {
    width: 100%;
    float:right;
    background: url('/verst/images/banner/baner_right.jpg') no-repeat right;
    height: 238px;

}

.footer {
    width: 100%;
    height: 40px;
    margin-top: 10px;
    vertical-align: bottom;
    background: url('/verst/images/footer.jpg') repeat-x;
}

.block {
    clear: left;
    width: 98%;
    margin-bottom: 25px;
    background: url('/verst/images/block_shadow.jpg') no-repeat;
    padding: 30px 0 0 12px;
}


.block .title {
    height: 23px;
    width: 100%;
    vertical-align: bottom;
    border-bottom: 1px dotted #beac7e;
}

.block .title .left {
    float: left;
    height: 23px;
    margin: 0 0 0 10px;
    padding: 0 5px;
    vertical-align: bottom;
    background: #ff911e;
}

.block .title .left a, .block .title .left a:hover {
    position: relative;
    color: #FFF;
	font-size: 18px;
}

.block .title a.lnk {
	position: relative;
	top: 5px;
	margin-left: 10px;
    color: #555;
}

.block .title .edit {
    float:right;

    height: 29px;
    width: 100px;

}

.block .content {
    margin: 0 10px 10px 10px;
    padding-top: 10px;
    font-size: 11px;
}

.block .content h1 {
    font-size: 12px;
    color: #2c6ea0;
}


.block_mini {
    position: relative;
    z-index: 2;
    width: 164px;
    margin: 10px 0 0 4px;
    padding: 15px 10px 10px 20px;
    background: #dadada url('/verst/images/all/left_block_bg.png') no-repeat left top;
}

* html .block_mini {
    width: 194px;
}


.block_mini_footer {
    height:10px;
    margin: 0 0 10px 4px;
    background: url('/verst/images/all/left_block_bottom.png') no-repeat left top;
}

.block_mini input {
    width: 100px;
    height: 18px;
    margin:0;
    border: 1px solid #aaa;
    border-right:0;
}

.block_mini .button {
    margin:0;
    border-left:0;
}

#menu
{
    position: relative;
    z-index: 2;
    top: -10px;
    width:178px;
    padding: 0px 0px 0px 0px;
    margin-bottom:0px;

}

.readed {
border-bottom: 1px dotted #133b80;
}

.readed a {
color: #133b80;
font-size: 12px;
}

.unreaded {
border-bottom: 1px dotted #ff911e;
}

.unreaded a {
color: #ff911e;
font-size: 12px;
}

#vcard {
	
	position:absolute;
    left:0;
    color: #1f3b6d;
    width:260px;
    
}


#vcard .photo_div {
	margin-left:30px;
	padding-top:2px;
	background: #fdf7dd;
	width:200px;
}

#vcard img.photo {
	margin: 0px 15px;
    width: 168px;
    height: 216px;
}

#vcard .info {
	border-top: 1px dotted #F59026;
	display: block;
	background: #fff;
	padding: 10px;
	
}

#vcard .change {
	margin-top:5px;
	text-align:right;
	background: #F59026;
	width:55px;
	margin-left:160px;
	padding:5px;
}

#vcard .change a {color: white;}

#vcard .info h1{
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #beac7e;
}




.online {
    top: 2px;
    height: 22px;
}

.page_title {
    position: relative;
    display: block;
    width: 100%;
    top: -10px;
    font-size: 14px;
}


.theme {
    margin-left: 10px;
    font-weight: bold;
}


#cont_tip {
    display: block;
    padding: 5px;
    position: absolute;
    
    width: 250px;
    z-index: 6000;
    background: #f3f3f3;
    border: 1px solid #5b94c9;
    color: #2c6ea0;
}

P#cont_tip {
    top:210px;
}

* html P#cont_tip {
    top:220px;
}

.sideBar{
text-align:left;
}

.sideBar img {
position: relative;
top: -7px;
width: 29px;
height: 26px;
}

.sideBarContents {
    position:absolute;
    z-index: 202;
    top: 20px;
    left: -313px;
    width: 340px;
    border: 1px solid #5b94c9;
    background-color:#f3f3f3;
    }
.sideBarInner {
    display: block;
    float: left;
    width: 166px;
    padding: 0;
    margin: 0;
}

.sideBarContents ul{
    display: block;
    width: 160px;
    clear: right;
    padding:0;
    margin:0;
    
}

.sideBarContents li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	color:#000;
}

.sideBarContents li a{
	padding: 2px;
        text-decoration: none;
	display: block;
	width:100%;
}

.sideBarContents li a:hover{
	background: #ccc;
	border: 0;
}

.sideBar{
	position: relative;
        float: right;
	top: 8px;
}

.sideBarTab{
	height:25px;
	width:35px;
        padding-right: 10px;
        border: 0;
}


.imgCrop_wrap {
	/* width: 500px;   @done_in_js */
	/* height: 375px;  @done_in_js */
	position: relative;
	cursor: crosshair;
}

/* an extra classname is applied for Opera < 9.0 to fix it's lack of opacity support */
.imgCrop_wrap.opera8 .imgCrop_overlay,
.imgCrop_wrap.opera8 .imgCrop_clickArea { 
	background-color: transparent;
}

/* fix for IE displaying all boxes at line-height by default, although they are still 1 pixel high until we combine them with the pointless span */
.imgCrop_wrap,
.imgCrop_wrap * {
	font-size: 0;
}

.imgCrop_overlay {
	background-color: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	width: 100%;
	height: 100%;
}

.imgCrop_selArea {
	position: absolute;
	/* @done_in_js 
	top: 20px;
	left: 20px;
	width: 200px;
	height: 200px;
	background: transparent url(castle.jpg) no-repeat  -210px -110px;
	*/
	cursor: move;
	z-index: 2;
}

/* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */
.imgCrop_clickArea {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	opacity: 0.01;
	filter:alpha(opacity=01);
}

.imgCrop_marqueeHoriz {
	position: absolute;
	width: 100%;
	height: 1px;
	background: transparent url(marqueeHoriz.gif) repeat-x 0 0;
	z-index: 3;
}

.imgCrop_marqueeVert {
	position: absolute;
	height: 100%;
	width: 1px;
	background: transparent url(marqueeVert.gif) repeat-y 0 0;
	z-index: 3;
}

/* 
 *  FIX MARCHING ANTS IN IE
 *	As IE <6 tries to load background images we can uncomment the follwoing hack 
 *  to remove that issue, not as pretty - but is anything in IE?
 *  And yes I do know that 'filter' is evil, but it will make it look semi decent in IE
 *
* html .imgCrop_marqueeHoriz,
* html .imgCrop_marqueeVert {
	background: transparent;
	filter: Invert; 
}
* html .imgCrop_marqueeNorth { border-top: 1px dashed #000; }
* html .imgCrop_marqueeEast  { border-right: 1px dashed #000; }
* html .imgCrop_marqueeSouth { border-bottom: 1px dashed #000; }
* html .imgCrop_marqueeWest  { border-left: 1px dashed #000; }
*/

.imgCrop_marqueeNorth { top: 0; left: 0; }
.imgCrop_marqueeEast  { top: 0; right: 0; }
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
.imgCrop_marqueeWest  { top: 0; left: 0; }


.imgCrop_handle {
	position: absolute;
	border: 1px solid #333;
	width: 6px;
	height: 6px;
	background: #FFF;
	opacity: 0.5;
	filter:alpha(opacity=50);
	z-index: 4;
}

/* fix IE 5 box model */
* html .imgCrop_handle {
	width: 8px;
	height: 8px;
	wid\th: 6px;
	hei\ght: 6px;
}

.imgCrop_handleN {
	top: -3px;
	left: 0;
	/* margin-left: 49%;    @done_in_js */
	cursor: n-resize;
}

.imgCrop_handleNE { 
	top: -3px;
	right: -3px;
	cursor: ne-resize;
}

.imgCrop_handleE {
	top: 0;
	right: -3px;
	/* margin-top: 49%;    @done_in_js */
	cursor: e-resize;
}

.imgCrop_handleSE {
	right: -3px;
	bottom: -3px;
	cursor: se-resize;
}

.imgCrop_handleS {
	right: 0;
	bottom: -3px;
	/* margin-right: 49%; @done_in_js */
	cursor: s-resize;
}

.imgCrop_handleSW {
	left: -3px;
	bottom: -3px;
	cursor: sw-resize;
}

.imgCrop_handleW {
	top: 0;
	left: -3px;
	/* margin-top: 49%;  @done_in_js */
	cursor: w-resize;
}

.imgCrop_handleNW {
	top: -3px;
	left: -3px;
	cursor: nw-resize;
}

/**
 * Create an area to click & drag around on as the default browser behaviour is to let you drag the image 
 */
.imgCrop_dragArea {
	width: 100%;
	height: 100%;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

.imgCrop_previewWrap {
	/* width: 200px;  @done_in_js */
	/* height: 200px; @done_in_js */
	overflow: hidden;
	position: relative;
}

.imgCrop_previewWrap img {
	position: absolute;
}

.banners_top {
    border-bottom: 1px solid #777;
    background: #CBCFD5 url(http://www.sibnet.ru/images/banner_area_bg.jpg) top left repeat-x;
    }
    
    
    

.menu2 {padding:0px; z-index:5005; top: 0px; border-bottom: 1px dotted #ff911e; list-style:none; height:27px;  font-family:arial, verdana, sans-serif;}
.menu2k { top: -40px;}
* html .menu2 {left: -100px; top: -10px; width: 100%;}
* html .menu2k {left: 250px; top: -38px;}
.menu2 div.top {display:block; float:left; position:relative;}
.menu2 div a.top_link {display:block; float:left; height:27px; line-height:25px; color:#000; text-decoration:none; font-size:11px; font-weight:bold; padding:0 24px 0 12px; cursor:pointer;}
.menu2 div a.top_link span { border: 1px dotted #ff911e; background: #fff; border-bottom: 0px; color:#ff911e; float:left; display:block; padding:0 12px 0 12px; height:27px;}
.menu2 div a.top_link span.down {float:left; display:block;}
.menu2 div a.top_link:hover {text-decoration: underline;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 div:hover {position:relative; z-index:200;}

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

.menu2 :hover ul.sub {left:2px; top:28px; background: #fff; padding:3px 0; border:1px dotted #ff911e; border-top: 0; white-space:nowrap; width:125px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:22px; position:relative; float:left; width:120px;}
.menu2 :hover ul.sub li a {display:block; font-size:12px; height:22px; width:87px; line-height:20px; text-indent:5px; color: #000;}
.menu2 :hover ul.sub li a:hover {text-decoration: none;}