@import url("./navigation.css");
html,body {margin: 0; padding: 0; height: 100%; }
body {background: #ffffff url(/images/bg/mbg.jpg) repeat-x top; font: 9pt Helvetica, tahoma, verdana, Arial, sans-serif; text-align: center; color: #696969; }

p {margin: 10px 0; }
hr {height: 1px; background: #696969; border: 0; }
.clear {clear: both; }

/********* Links *********/
a {color: #4e96e6; outline: none; text-decoration: none; }
a:hover {color: #000; }


/********* Container *********/
div#container {width: 998px; text-align: left; margin: 0 auto;  background: url(/images/ppp.png); }

/********* Header block *********/
div#header  {height: 80px; margin: 0; padding: 10px; color: #000; background: no-repeat url(/images/Tomsk.gif) 20px 10px; }

div.dep#header  { background: no-repeat url(/images/Tomsk.gif) 20px 10px; }
div.ogu#header  { background: no-repeat url(/images/ogu.png) 15px 1px; }

div#header h1 {height: 80px; line-height: 80px; margin: 0; padding-left: 160px; color: #4e96e6;}
div#header h2 {height: 80px; line-height: 28px; margin: 0; padding-left: 110px; padding-top: 15px; color: #555;}
div#header h2:hover {  color: #555; }
div#starticons { float: right; width: 250px; text-align: right; height: 40px;}
div#starticons1 { float: left}
/********* Content block *********/
div#content {float: left; width: 637px; padding: 10px; background: #fff; margin: 5px 5px; }
div#content p {margin: 10px 0; padding: 5px; }
div#content img {margin: 10px 15px; float: left; }
div#content a img {border: 0; }
div#content a:hover img {border: 0; }
div#content a.catlink {color: #000; }
div#content a.catlink:hover {color: #696969; text-decoration: none; }
div#content a.postlink {}
div#content a.postlink:hover {text-decoration: none; }
.pll {float: left; }
.plr {float: right; }
.postlinks {clear: both; padding: 4px; margin: 5px 0; background: #edf4fb; height: 18px; }
.postlinks a {color: #4e96e6; font-weight: bold; }
.postlinks a:hover {text-decoration: none; }

/********* Right sidebars *********/
div#sidebar1 {float: right; width: 316px; background: #fff; padding: 5px; margin: 5px 5px 0 0; }
div#sidebar2 {float: right; clear: right; width: 316px; background: #FFE870; margin: 4px 5px 0 0; padding: 5px; color: #232323; }
div#sidebar3 {float: right; clear: right; width: 316px; background: #E8FF70; margin: 4px 5px 0 0; padding: 5px; color: #232323; }

div#sidebar1 h3, div#sidebar2 h3 {color: #000; }

.searchBlock {border-bottom: 1px solid #cecece; padding: 0 0 10px 10px;}

/********* Right sidebars menu *********/
div#sidebar1 ul {list-style-type: none; margin: 0; padding: 0; width: 316px; }
div#sidebar1 ul li {border-bottom: 1px solid #cecece;}
div#sidebar1 ul li a {font-size: 10pt; font-weight: bold; color: #4e96e6; padding: 6px 4px 6px 22px; background: url(/images/arrow1.gif) no-repeat bottom left; width: auto; display: block;}
div#sidebar1 ul li a:hover {color: #000; background: url(/images/arrow1.gif) no-repeat top left; text-decoration: none; }

div#sidebar1 ul li.selected a {color: #000; background: url(/images/arrow1.gif) no-repeat top left; text-decoration: none; }
/********* Bottom blocks *********/

.bottomBlock {float: left; width: 316px; background: #edf4fb; margin: 5px 0 5px 5px; padding: 5px; color: #000; }
.bottomBlock h3 {color: #fff; margin: 2px; font-family: Arial, Helvetica, Tahoma; background: #4e96e6; padding: 4px 0 4px 10px; }

/********* Bottom blocks lists *********/
.bottomBlock ul.uli {list-style-type: none; margin: 0; padding: 0; width: 316px; }
.bottomBlock ul.uli li {border-bottom: 1px solid #cecece;}
.bottomBlock ul.uli li a {color: #fff; padding: 6px 4px 6px 10px; background: #696969; width: auto; display: block; }
.bottomBlock ul.uli li a:hover {color: #fff; background: #232323; }

.bottomBlock ul.uli2 {list-style-type: none; margin: 0; padding: 0; width: 316px; }
.bottomBlock ul.uli2 li {border-bottom: 1px solid #cecece;}
.bottomBlock ul.uli2 li a {color: #000; padding: 6px 4px 6px 10px; background: #888; width: auto; display: block;}
.bottomBlock ul.uli2 li a:hover {color: #fff; background: #000; }

/********* Footer *********/
div#footer {clear: both; text-align: left; height: 80px; background: #fff; color: #666; padding: 10px; }
div#footer p {margin: 0; padding: 5px 10px; }


/********* Headings *********/
h1,h2,h3,h4,h5,h6 {margin: 2px 5px; }
h1 {font-size: 2.6em; }
h2 {font-size: 2.2em; }
h3 {font-size: 1.6em; }
h4 {font-size: 1.2em; }
h5 {font-size: 1.0em; }
h6 {font-size: 0.8em; }

/********* Main menu *********/
#mainmenu {float: right; width: 100%; font-size: 12pt; line-height: normal; overflow: hidden;}
#mainmenu ul {float: left; padding: 10px 10px 0 0px; list-style: none; margin: 0 10px; }
#mainmenu li {display: inline; margin: 0; padding: 0; }
#mainmenu li a {float: left; background: #c0c0c0; margin: 0; padding: 0 0 0 6px; text-decoration: none; margin-left: 1px; font-weight: bold; }
#mainmenu li a span {float: left; display: block; padding: 6px 15px 4px 6px; margin-right: 2px; color: #fff; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainmenu li a span {float: none; }
/* End IE5-Mac hack */
#mainmenu li a:hover span {color: #fff; }
#mainmenu li a:hover {background: #a0a0a0; }
#mainmenu li a:hover span {background-position: 100% -43px; }
#mainmenu li.selected a {background: #999;  border-bottom: 3px solid #666;}
#mainmenu li.selected a span {background: #999; color: #fff; }

li.submenu { padding: 0 0 0 15px !important; border-bottom: 1px solid white !important;  overflow: hidden; }
li.subsubmenu { padding: 0 0 0 30px !important; border-bottom: 1px solid white !important; }

/********* Tables *********/
table {width: 100%; border-collapse: collapse; margin: 5px 0; }
th {background: #999; color: #fff; padding: 4px 6px; border: 1px solid #cecece; border-collapse: collapse; }
td {background: #fff; color: #232323; padding: 4px 6px; border: 1px solid #cecece;border-collapse: collapse; }
td:hover {background: #e2eefc; color: #232323; padding: 4px 6px; border: 1px solid #cecece;border-collapse: collapse; }
th hr { display: none; }

/********* Forms *********/
form {margin: 0; padding: 0; }
form#commentForm p {margin: 5px; height: 20px; }
form#commentForm fieldset {border: 1px solid #cecece; margin: 0; width: 600px; }
form#commentForm legend {padding: 4px 10px; font-weight: bold; font-size: 10pt; text-transform: uppercase; }
form#commentForm label {float: left; font-weight: bold; }
form#commentForm label span {color: #ff0000; }
form#commentForm input {width: 410px; float: right; border: 1px solid #cecece; padding: 2px 5px 2px 5px; }
form#commentForm input:hover {width: 410px; float: right; border: 1px solid #696969; padding: 2px 5px 2px 5px; }
form#commentForm textarea {width: 420px; float: right; height: 200px; overflow: auto; border: 1px solid #cecece;}
form#commentForm textarea:hover {width: 420px; float: right; height: 200px; overflow: auto; border: 1px solid #696969; }
form#commentForm .button {width: 205px; float: right; margin: 2px; }
form#commentForm .button:hover {background: #cecece; cursor: pointer; width: 205px; float: right; margin: 2px; }

form#searchForm p {height: 30px; padding: 2px; }
form#searchForm span {font-weight: bold; margin-right: 4px; }
form#searchForm input {width: 250px; height: 22px; background: #fff url(/images/sbg.png) no-repeat left; border: 1px solid #cecece; padding: 5px 5px 2px 20px; }
form#searchForm input:hover {width: 250px; height: 22px; background: #fff url(/images/sbg.png) no-repeat left; border: 1px solid #696969; padding: 5px 5px 2px 20px; }

.sitemap {
  border: 1ps solid red;
  padding-left: 50px;
  background: #fff;
  text-align: left;
  padding: 10px;
  padding-left: 100px;
  margin: 20px;
  margin-left: 200px;
  margin-right: 200px;
}

.sitemap ul{
  list-style: circle;
}

.sitemap ul li{
  padding: 2px;
  display: block;
}

#news{
        padding:0 40px 0 0; font-size:1em;
        overflow:hidden;
}

        #news .item{
                margin:0 0 10px 0; overflow:hidden;
        background: #eee;
        }
        #news .description{ margin:0 0 0 10px; padding:0;}
        #news .leftmargin{ margin:0 0 0 180px; padding:0;}
        #news .description h1{
                font-family:Verdana;
                font-size:15px;
                margin:0;
                color:#af1d09;
                font-weight:normal;
        }
        #news .description h1 span.date{
      float: right;
      margin:-2px 2px 0 0px; font-size:12px; font-weight:normal; color: #999; display: block; width: 90px; background: #fff;
      padding: 5px;
    }
        #news .description p{
                line-height:1.4em; margin:0; text-indent:0 !important;
        }
        #news .allnews{
                margin:-30px 0 1em 180px;
                display:block;
                background:url(/images/arrright.gif) no-repeat 7px 65%;
                padding-left:20px; width:120px;
        }

        #news .image{ width:166px; height:150px; float:left; position:relative; }
        #news .frame{cursor:pointer; width:166px; height:150px; position:absolute; top:0; left:0; background:url(/images/preview.png) no-repeat top left;}

/*Main*/

#centerwindow {  
  position:absolute;
  height:255px;
  width: 100%;
  margin:-127px 0px 0px -50%;
  top: 48%; 
  left: 50%;
  text-align: left;
  font-size:1.2em;
  padding: 0;
  overflow:hidden;
  background: url(/images/ppp.png);
  }

#centerwindow .frame{
  height:100px; position:relative;
  margin: 70px 0px 0px 0px;
  padding:0;
  font-size: 18px;
  }

#centerwindow .frame div {
  width: 48%;
  padding: 0px;
}

#centerwindow span#center {
  text-align: center;
  width: 100%;
  position: absolute;
  padding: 23px 0 0 0;
  color: #999;
}

#centerwindow .frame div#left {
  float: left;
  text-align: right;
  background: url(/images/Tomsk.png) no-repeat right 10px;
}
#centerwindow .frame div#right {
  float: right;
  text-align: left;
  background: url(/images/ogu.png) no-repeat left 10px;
}

#centerwindow .frame div a {
  vertical-align: middle;
  color: #222;
  padding: 20px;
  padding-top: 40px;
  display: block;
  height: 100px;
}

#centerwindow .frame div#left a {
  padding-right: 120px;
}
#centerwindow .frame div#right a {
  padding-left: 110px;
}

#centerwindow .frame div a:hover {
  vertical-align:middle;
  color: #333;
}

#NetLogon {
  top:0;
  left:0;
  height: 20px;
  width: 100%;
  display: block;
  background: #FFE870;
  padding-top: 5px;
  text-align: right;
  border-bottom: 1px solid #aaa;
  color: #333;
  position: fixed;
  z-index: 10000;
}
#NetLogon .links{
  margin-left: 10px;
  float: left;
}
.stat {
  display: block;
  text-align: left;
  width: 780px;
  background: #fff;
  padding: 10px;
}
ul.stat {}
ul.stat li {
  width: 500px;
  padding: 4px;
}
ul.stat li span{
  width: 50px;
  border: 1px solid #c3c392;
  background: #d3d3a2;
  position: absolute;
  padding: 1px;
}
ul.stat li a{
  margin-left: 70px;
}
span.stat b {
  padding: 2px;
  background: #defa43;
}

ul.Listing {
  padding: 20px;
}
ul.Listing li {
  margin-top: 5px;
}
#downLinks {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  background: #ffffff url(/images/bg/mbg.jpg) repeat-x top;
  padding: 5px 0 5px 0px;
  text-align: left;
}
P{
    text-indent: 1em;
}
P:first-child
{
    text-indent: 0;
}

div#content ol
{ 
  list-style: decimal inside;
}
div#content ol li {
   padding: 3px;
}
div#content p, div#content div {
  padding: 2px;
}

a.pdf { /*The background image*/
  background: url(/images/pdf.png) no-repeat left center;
  padding-left: 20px;
  line-height: 16px; /* To center the text vertically with the icon */
}

a.txt { /*The background image*/
  background: url(/images/txt.png) no-repeat left center;
  padding-left: 20px;
  line-height: 16px;
}

a.zip { /*The background image*/
  background: url(/images/zip.png) no-repeat left center;
  padding-left: 20px;
  line-height: 16px;
}

a.email {
  background: url(/images/email.png) no-repeat left center;
  padding-left: 20px;
  line-height: 16px;
}

a.external {
  background: url(/images/ext_link.png) no-repeat left center;
  padding-left: 20px;
  line-height: 16px;
}

.goog-te-gadget {
    height: 25px;
    overflow: hidden !important;
    display: block;
}
.goog-te-banner-frame1, .goog-te-banner1 {
    display: none !important;
    visibility: hidden !important;
    height: 0px !important;
    top: -10px;
}
