@charset "utf-8";
/* CSS Document */

/********************************************
   HTML ELEMENTS
********************************************/ 
body img {
     border: none;
}

#space {
	margin-bottom: 1000px;
}

.s img {
	border: none;
}

.s iframe {
	width: 1000px;
	height: 1500px;
}

#wrap * {
	padding: 5 px 5px 5px 5px;
}

#wrap {
	width: 833px;
	background: #F9F9F9 url(images/bg.jpg) repeat-y center top;
	font: normal 70%/1.5em Verdana, Tahoma, Verdana, sans-serif;
	color: #333;
	text-align: left;
	width: 833px;
	margin-top: 10px;
}

/* links */
#wrap a {
	background: inherit;
	text-decoration: none;
	color: #667F99;
}
#wrap a:hover {
	background: url(images/comment.gif) no-repeat left center;
	color: #996800;
}
/* headers */
#wrap h1, h2, h3 {
	font-family: Verdana, Tahoma, 'Trebuchet MS', Sans-serif;
	font-weight: Bold; 		
}
#wrap h1 { font-size: 120%; }
#wrap h2 {
	font-size: 110%;
	text-transform: uppercase;
	margin: 10px 0 10px 0;
}
#wrap h3 { font-size: 110%; color: #007E80; }

#wrap h1, h2, h3, p {
	margin: 0;
	padding: 10px;		
}
#wrap ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}

/* images */
#wrap img {
	border: 2px solid #CCC;
}
#wrap img.float-right {
  margin: 5px 0px 5px 10px;  
}
#wrap img.float-left {
  margin: 5px 10px 5px 0px;
}

/* blockquote */
#wrap blockquote {
	margin: 10px;
	padding: 0 0 0 28px;
	border: 1px solid #f2f2f2;
	background: #FAFAFA url(images/quote.gif) no-repeat 5px 5px;
}

/* form elements */
#wrap form {
	margin:10px; padding: 0 5px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
#wrap label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
#wrap input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
#wrap textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
#wrap input.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 2px 3px; 
	background: #FFF;
	color: #275F6C;
}
/* search form */
#wrap form.search {
	padding: 0; margin: 0; 
	vertical-align: bottom;
	border: none;
	background-color: transparent;
}
#wrap form.search input.textbox { 
	margin: 0; padding: 1px;
	width: 120px;
	border: 1px solid #CCC; 
	background: #FFF;
	color: #333; 
}
#wrap form.search input.button {
	height: 20px;
	padding: 1px 3px;
	width: 60px;
}

/********************************************
   LAYOUT
********************************************/ 

#content-wrap {
	position: relative;
	width: 91%;
	margin: 0 auto;
	padding: 0;	
}
/* header */
#contentheader {
	position: relative;
	width: 833px;
	height: 100px;
	background: #2f8196 url(images/header.jpg) no-repeat center top;
	margin: 0; 
	padding: 0;
	font-size: 14px;
	color: #FFF;
}
#contentheader h1#contentlogo {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 30px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	color: #FFF;
	text-transform: none;
	
	/* change the values of top and Left to adjust the position of the logo*/
	top: 19px; left: 53px;	
}
#contentheader h2#slogan {
	position: absolute;
	z-index: 9999999;
	margin: 0;
	padding: 0;
	font: bold 12px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	/* change the values of top and Left to adjust the position of the slogan*/
	top: 63px;
	left:41px;
	text-align: right;
	width: 753px;
	height: 27px;
}
#contentheader #searchform {
	float: right;
	padding: 45px 40px 0 0;
	display: inline;
}
/* menu */
#menu {
	clear: both;
	width: 833px;
	height: 26px;
	background: #b7b8bc url(images/menubg.jpg) repeat-y;
	margin: 0;
	font: bolder 12px/26px Tahoma, Verdana, Arial, Sans-Serif;			
}
#menu ul{
	margin: 0;
	padding: 0 0 0 35px;
}
#menu ul li {
	float: left;
	list-style: none;		
}
#menu ul li a {
	display: block;
	text-decoration: none;	
	padding: 0 10px;
	background: inherit;
	color: #FFF;
}

#menu ul li a:hover {
    background: #FFF; 
	color: #333;  
}
#menu ul li#current a {	
	background: #30899F; 
	color: #FFF;	
}

/* Main */
#main {
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
	width: 72%;
}
#main h1 {
	color: #667F99;
	border-bottom: 1px solid #CCCCCC;
	background: #F6F6F6 url(images/arrow.gif) no-repeat 5px 50%;
	padding: 3px 0 3px 20px;
	margin: 20px 0 20px 0;
}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 10px 0 10px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}
.post-footer .date {
	background: url(images/clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(images/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(images/page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

/* sidebar */
#sidebar {
	float: right;
	padding: 0;
	margin: 0;
	width: 26%;
}	
#sidebar h1 {
	margin: 10px 0 0 0; 
	padding: 3px 10px; 
	font: bold 120% Tahoma, Verdana, Sans-Serif;	
	color: #FFF;	
	background: #B6B8BB;	
}
#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 3px 0px 8px 0; padding: 0;
	text-decoration: none;	
}
#sidebar ul.sidemenu li {
	border-bottom: 1px solid #EFF0F1;
	background: url(images/bullet.gif) no-repeat 2px 3px ;
	padding: 2px 0 2px 25px;
	margin: 0 2px;			 
}

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu a {
	font-weight: bold;
	padding: 2px 0; 		
	background: none;
}

/* footer */
#footer {
	clear: both;
	color: #66737B;
	font: normal 90% Verdana, Tahoma, sans-serif;
	background: #f5f5f5 url(images/footerbg.jpg) no-repeat center top;	
	width: 833px;
	height: 60px;
	text-align: center;
	padding: 8px 0 0 0;
	margin: 0 auto;	
}
#footer a { text-decoration: none; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray { color: #CCC; }

body {
	background: #fff;
    color: #000;
	margin: 3px 8px;
}

#gbar {
	height: 22px;
}

.gbh,.gbd {
	border-top: 1px solid #c9d7f1;
	font-size: 1px;
}
		   
.gbh {
	height: 0;
    position: absolute;
	top: 24px;
	width: 100%}
	  
#gbi,#gbs {
	background: #fff;
    left: 0;
	position: absolute;
	top: 24px;
	visibility: hidden;
	z-index: 1000}
		   
#gbi {
	border: 1px solid;
    border-color: #c9d7f1 #36c #36c #a2bae7;
	z-index: 1001;
}
	  
#guser {
	padding-bottom: 7px !important;
    text-align: right;
}
		
#gbar,#guser {
	font-size: 13px;
    padding-top: 1px !important;
}
			  
@media all{
.gb1,.gb3 {
	height: 22px;
    margin-right: .5em;
	vertical-align: top;
}
		   
#gbar {
	float: left;
}}

.gb2 {
	display: block;
    padding: .2em .5em;
}
	  
a.gb1,a.gb2,a.gb3{
	color: #00c !important;
}

.gb2,.gb3 {text-decoration: none}

a.gb2:hover {background: #36c;
             color:#fff !important}
			 
a.gb1,a.gb2,a.gb3,.link{color: #20c!important}

.ts {border-collapse: collapse}

.ts td{padding: 0}

.ti,.bl,form,#res h3 {display: inline}

.ti {display: inline-table}

.fl:link,.gl,.gl a:link {color: #77c}

a:link,.w,#prs a:visited,#prs a:active,.q:active,.q:visited {color: #20c}

.mblink:visited,a:visited {color: #551a8b}

a:active {color: red}

.cur {color: #a90a08;
      font-weight: bold}
	  
.b {font-weight: bold}

.j {width: 42em;
    font-size: 82%}
	
.s {
	max-width: 42em;
	heigt: 300;
	height: auto;
}

.sl {font-size: 82%}

#gb {text-align: right;
     padding: 1px 0 7px;
	 margin: 0}
	 
.hd {position: absolute;
     width: 1px;
	 height: 1px;
	 top: -1000em;
	 overflow: hidden}
	 
.f,.m,.c h2,#mbEnd h2{color: #676767}

.a,cite,.cite,.cite:link{color: green;
                         font-style: normal}
						 
#mbEnd {float: right}

h1,ol{margin: 0;
      padding:0}
	  
li.g,body,html,.std,.c h2,#mbEnd h2,h1 {font-size: small;
                                        font-family: arial,sans-serif}
										
.c h2,#mbEnd h2,h1 {font-weight: normal}
 
#ssb,.clr {clear: both;
           margin:0 8px}
		   
.clr {
	margin-bottom: 500;
	font-size: small;
}		   
		   
#nav a,#nav a:visited,.blk a {color: #000}

#nav a {display: block}

#nav .b a,#nav .b a:visited {color: #20c}

#nav .i {color: #a90a08;
         font-weight: bold}
		 
.csb,.ss {background: url(http://www.9ooo.ru/images/nav_logo6.png) no-repeat 0 0;
          height: 26px;
		  display: block}
		  
.ss {background-position: 0 -88px;
     position: absolute;
	 left: 0;
	 top: 0}
	 
.cps {height: 18px;
      overflow: hidden;
	  width: 114px}
	  
.mbi {width: 13px;
      height: 13px;
	  background-position: -91px -74px;
	  margin-right: 3px}
	  
#nav td{padding: 0;
        text-align: center}
		
#logo {display: block;
       overflow: hidden;
	   position: relative;
	   width: 103px;
	   height: 37px;
	   margin: 11px 0 7px}
	   
#logo img {border: none;
           position: absolute;
		   left: -0px;
		   top: -26px}
		   
#logo span,.ch {cursor: pointer}

h3,.med {font-size: medium;
         font-weight: normal;
		 padding: 0;
		 margin: 0}
		 
.e {margin: .75em 0}

.slk td {padding-left: 40px;
         padding-top: 5px;
		 vertical-align: top}
		 
.slk div {padding-left: 10px;
          text-indent: -10px}
		  
.fc {margin-top: .5em;
     padding-left: 3em}
	 
#mbEnd cite {display: block;
             text-align: left}
			 
#mbEnd p {margin: -.5em 0 0 .5em;
          text-align: center}
		  
#bsf,#ssb,.blk {border-top: 1px solid #6b90da;
                background: #f0f7f9}
				
#ssb {margin: 11px 0}

#bsf {border-bottom: 1px solid #6b90da}

#flp {margin: 7px 0}

#ssb div{float: left;
         padding: 4px 0 0;
		 padding-left: 7px;
		 padding-right: .5em}
		 
#prs a,#prs b {margin-right: .6em}

#ssb p{text-align: right;
       white-space: nowrap;
	   margin: .1em 0;
	   padding: .2em}
	   
#ssb {margin: 0 8px 11px;
      padding: .1em}
	  
#mbEnd {background: #fff;
        padding: 0;
		border-left: 11px solid #fff;
		border-spacing: 0;
		white-space: nowrap}
		
#res {padding-right: 1em;
      margin: 0 16px}
	  
.c {background: #fff8dd;
    margin: 0 8px}
	
.c li {padding: 0 3px 0 8px;
       margin: 0}
	   
.c .tam,.c .tal {padding-top: 12px}

#mbEnd li {margin: 1em 0;
           padding: 0}
		   
.xsm {font-size: x-small}

.sm {margin: 0 0 0 40px;
     padding: 0}

ol li {list-style: none}

.sm li {margin: 0}

.gl,#bsf a,.nobr {white-space: nowrap}

#mbEnd .med {white-space: normal}

.sl,.r {display: inline;
        font-weight: normal;
		margin: 0}

.r {font-size: medium}

h4.r {font-size: small}

.mr {margin-top: -.5em}

.g {margin: 1em 0}

.mbl {margin: 1em 0 0}

em {font-weight: bold;
    font-style: normal}

.tbi div, #tbp {background: url(http://www.9ooo.ru/images/nav_logo6.png) no-repeat;
                overflow: hidden;
				width: 13px;
				height: 13px;}

#ssb #tbp {background-position: -91px -74px;
           padding: 0;
		   margin-top: 1px;
		   margin-left: 0.75em;}

.tbpo,.tbpc {margin-left: 3px;
             margin-right: 1em;
			 text-decoration: underline;
			 white-space: nowrap;}

.tbpc,.tbo .tbpo {display: inline}

.tbo .tbpc,.tbpo {display: none}

#prs * {float: left}

#prs a, #prs b {margin-right: .3em}

#ssb a {outline: none}

.std dfn {padding-left: .2em;
          padding-right: .5em}

dfn {font-style: normal;
     font-weight: bold;
	 padding-left: 1px;
	 position: relative;
	 top: -.12em}

#tbd {display: none}

#space {
	margin-bottom: 1000px;
}

.s img {
	border: none;
}
