﻿body{
margin:0;
padding:0;
line-height: 1.5em;
background-image: url('stars.jpg');
}

b{font-size: 110%;}
em{color: red;}

img { border: 0 }

p {
font-size: 14px;
font-family: Arial;
text-align: justify;
}

h1 {
font-size: 20px;
font-family: Arial;
color:#002768;
font-weight: bold;
text-align: center;
}

h2 {
font-size: 18px;
font-family: Arial;
color:#002768;
font-weight: bold;
text-align: center;
}

h3 {
font-size: 16px;
font-family: Arial;
color:#002768;
font-weight: bold;
text-align: center;
}

#MainContainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color: White;
padding: 0 90px 0 90px;
background-image: url('body.jpg');
}

#Header{
height: 193px; /*Height of top section*/
background-image: url('Header.jpg');
width: 100%;
padding-bottom: 10px;
background-repeat: no-repeat;
}

#MenuHolder{
background: white;
height: auto;
}

#ContentWrapper{
width: 100%;
}

#ContentColumn
{
        padding-top: 10px;
/*Set left margin to LeftColumnWidth margin-left: 300px; */
position: static;
float: left;
width:600px;
}

#LeftColumn{
float: left;
width: 300px;
position: static;
float: left;
padding-top: 10px;

}

.LeftMenuItem
{
position: static;
float: left;
background-image: url('LeftMenuItemBG.gif');
width:283px;
height:36px;
margin-left:0px;
margin-bottom: 10px;
}

.LeftMenuItemText
{
text-align: center;
width: 100%;
top: 6px;
position: relative;
background-position: 30px;
background-repeat: no-repeat;
}

.LeftMenuItemText a,.LeftMenuItemText a:visited, .LeftMenuItemText a:active
{
text-align: center;
width: 100%;
font-family: Arial, Tahoma;
color: #072466;
text-decoration:none;
font-weight:bold;
font-size: 12px;
}

.LeftMenuItemText a:hover
{
color: #BC0930;
font-weight:bold;
font-size: 13px;
top: -1px;
}

#Footer{
clear: left;
width: 100%;
text-align: center;
padding: 10px 0 20px 0;
}

/*-------------------------------------------------------------ContentColumn*/


.InnerText
{
    width: 98%;
    height: auto;
    margin-left: 1%;
}
.ColumnUp
{
    width: 100%;
    height: 25px;
    background-image: url('ContentUp.gif');
    background-repeat: no-repeat;

}

.ColumnContent
{
    width: 100%;
    height: auto;
    background-image: url('ContentBG.gif');
    clear: both;
}
.ColumnDown
{
    width: 100%;
    height: 25px;
    background-image: url('ContentDown.gif');

    background-repeat: no-repeat;
}
/*----------------------------------------------------------------MENU*/

/***** Menu Formatting *****/
#memu {
        display: block;
    text-align: center;
    text-decoration: none;
}
#menu ul {
        width: 100%; /*If your links text is bigger you will have to adjust this value*/
    height: 34px;
        margin: 0 auto;
        padding: 0;
        line-height: 34px; /*same as height. This will center your text verticaly*/
        text-decoration: none;
    background: url(menu_bg.jpg) repeat-x left top;
}

/*Left Corner*/
#menu ul li.left {
        display: block;
        float: left;
        clear: left;
        width: 50px;
        height: 34px;
    background: url(menu_l.jpg) no-repeat left top;
}

/*Right Corner*/
#menu ul li.right {
        display: block;
        float: right;
        clear: right;
        width: 40px;
        height: 34px;
    background: url(menu_r.jpg) no-repeat right top;
}

#menu ul li {
        width: auto;
        display: inline;
        float: left;
        list-style: none;
        text-align: center;
        text-decoration: none;
}

#menu ul li a {
        display: block;
        text-decoration: none;
        text-transform: inherit;
        padding: 0 30px;
        color: #CCCCCC;
        font-size: 14px;
    font-family: Tahoma;
}

#menu ul li em {
        display: block;
        float: left;
        width: 2px;
        height: 34px;
    background: url(menu_sep.jpg) no-repeat left top;
}

/*last separator*/
/*This will add a separator after your last link*/
#menu ul li.sep {
        width: 2px;
    background: url(menu_sep.jpg) no-repeat left top;
}

#menu ul li a:hover, #menu ul li a.active {
        background: transparent url(menu_over.jpg) repeat-x center top;
        text-decoration: none;
        Color: white;
}

#menu ul li a.active {
        cursor: default;
}



/******IE hack******/
<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->

/*----------------------------------------------------------------------------------------------*/
.underlinemenu{
font-weight: bold;
width: 100%;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
/*text-align: right; set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #494949;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid #002768; /*bottom border is 3px*/
font-size: small;
font-family: Arial;
color:#002768;
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color:#BD0930;

}
/*-----------------------------------------------------------------------------------------------------*/
.xlink
{
position: static;
float:right;
margin-right:-120px;
margin-top:170px;
border:0;
font-size:12px;
font-family:Arial;
color:#BC0930;
font-weight: bold;
text-decoration:none;
width:auto;
line-height:10px;
}
.xlink:hover
{
text-decoration:underline;
color:navy;
}
/*-----------------------------------------------------------------------------------------------------*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}

#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:690px;
  height:250px;
  display:none;
  z-index:9999;
   font-family:arial;
   font-size: 14px;
}

#boxes #dialog {
  width:290px;
  height:250px;
  background-color:#ffffff;

}

#dialog  a, #dialog  a:visited, #dialog  a:active
{
        color: #4F0216;
        font-weight: bold;
        text-decoration:none;

}

#dialog  a:hover
{
        color:navy;
        text-decoration:underline;
}
#dialog input
{
border: solid 1px #4F0216;
}


fieldset { border:0;margin:0;padding:0; }
        label { display:block; }
        input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
        input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }

/* input's на странице контактов */
input.input_contact
{
    width:90%;
}

td.td_contact
{
 width:370px;
}

