body { 
background : url(img/fon.gif);
background-attachment: fixed; 
margin : 0; 
padding : 0; 
} 
html, body { 
font-size : 100.01%; 
height : 100%; 
} 
div { 
position : relative; 
} 
img {
position: relative;
border:0;
} 
br.clear { 
clear : both; 
} 
form.top {
margin-bottom: -1px; 
} 
hr { 
position : relative; 
margin-left : 30px; 
margin-right : 20px; 
padding : 0; 
width : 95%; 
}
#fixed-div {
height: 100px;
position: fixed;
top: 20px;
left: 10px;
}
#post {
background : url(img/fon0.gif);
display : table-column;
padding : 1px;
margin : 1px;
overflow: auto;
float : left;
position : absolute;
} 
#col { 
display : table-column; 
padding : 11px; 
width : 60%;
text-align: left; 
float : left; 
}
#col0 { 
display : table-column;
width : 95%; 
padding : 5px; 
float : left; 
position : relative; 
} 
#col1 { 
display : table-column; 
background-color : #093d60; 
width : 12%; 
float : left; 
position : static; 
} 
#col2 { 
display : table-column;
padding : 3px;
float : left; 
position : relative; 
} 
#col3 {
display : table-column;
padding : 3px;
width : 15%;
float : left;
position : static;
} 
#col4 { 
display : table-column; 
padding : 8px; 
width : 70%; 
float : left; 
position : static; 
margin-bottom : -200px; 
font-size : 8px; 
}
#top { 
width : 798px; 
height : 150px; 
background-color : #093d60; 
border-top : 1px solid; 
border-bottom : 1px solid; 
border-color : #0096FF;  
} 
#t { 
width : 800px;
padding-bottom : 40px; 
background : url(../img/fon0.gif); 
background-color : #093d60; 
border-top : 1px solid; 
border-bottom : 1px solid;  
border-color : #0096FF;  
} 
#t1 { 
width : 798px; 
height : 25px; 
background : url(../img/fon1.gif);
padding-bottom : 4px;
border-top : 0px solid; 
border-bottom : 0px solid; 
border-color : #0096FF;  
} 
#t2 { 
width : 800px; 
background-color : #d4c2ac; 
border-top : 2px solid; 
border-bottom : 2px solid;  
border-color : #0096FF; 
} 
#t3 { 
width : 800px;
padding-bottom : 40px; 
background-color : #ffffff;
border-color : #0096FF;
font-size : 17px; 
font-weight : bold; 
font-family : "Arial, Helvetica, Verdana, Arial"; 
} 
#th { 
color : #666699; 
margin-top : 5px; 
padding-bottom : 10px; 
margin-bottom : 0; 
margin-left : 20px; 
margin-right : 20px; 
font-size : 17px; 
font-weight : bold; 
font-family : "Times New Roman"; 
} 
#th1 {
color : #B2B2B2;
margin: 20px 30px 20px 30px;  
text-align : center;  
font-size : 10pt; 
text-align : justify; 
font-family : "Arial, Helvetica"; 
text-indent : 10px;
line-height: 1.3;
} 
#th2 { 
text-align : center; 
color : #ccffff; 
margin-top : 5px; 
margin-bottom : 0; 
margin-left : 20px; 
margin-right : 20px; 
font-size : 17px; 
font-weight : bold; 
font-family : "Arial, Helvetica"; 
} 
#th3 { 
color : #00008a; 
margin-top : 5px; 
margin-bottom : 0; 
margin-left : 20px; 
margin-right : 20px; 
font-size : 20px; 
font-weight : bold; 
font-family : "Times New Roman"; 
} 
#th4 { 
color : #fffedd;  
margin-bottom : -15px; 
margin-left : 40px; 
margin-right : 0px;
text-align : left; 
font-size : 14px; 
font-weight : bold; 
font-family : "Times New Roman"; 
}
#th5 {
color : #3F3F3F;
margin: 20px 40px 30px 40px;  
text-align : center;  
font-size : 10pt; 
text-align : justify; 
font-family : "Arial, Helvetica"; 
line-height: 1.4; 
}
#th6 {
color : #E9787B;
margin: 20px 10px 30px 40px;  
text-align : left;  
font-size : 10pt; 
text-align : justify; 
font-family : "Arial, Helvetica"; 
line-height: 1.4; 
} 
a.a:link { 
color : #ccffff; 
font-weight : bold; 
font-size : 11pt; 
text-decoration : none; 
font-family : "Times New Roman"; 
} 
a.a:visited { 
color : #838383; 
font-weight : bold; 
font-size : 11pt; 
text-decoration : none; 
font-family : "Times New Roman"; 
} 
a.a:hover { 
color : #ff73b9; 
font-weight : bold; 
font-size : 11pt; 
text-decoration : none; 
font-family : "Times New Roman"; 
} 
a.u:link { 
color : #ccffff; 
font-weight : bold; 
font-size : 9pt; 
text-decoration : none; 
font-family : "Arial, Helvetica"; 
} 
a.u:visited { 
color : #ccffff; 
font-weight : bold; 
font-size : 9pt; 
text-decoration : none; 
font-family : "Arial, Helvetica"; 
} 
a.u:hover { 
color : #ff73b9; 
font-weight : bold; 
font-size : 9pt; 
text-decoration : none; 
font-family : "Arial, Helvetica"; 
} 
a.un:link { 
color : #525252; 
font-weight : bold; 
font-size : 10pt; 
text-decoration : none; 
font-family : "Comic Sans MS, Arial, Helvetica";
} 
a.un:visited { 
color : #838383; 
font-weight : bold; 
font-size : 10pt; 
text-decoration : none; 
font-family : "Comic Sans MS, Arial, Helvetica"; 
} 
a.un:hover { 
color : #ff73b9; 
font-weight : bold; 
font-size : 10pt; 
text-decoration : none; 
font-family : "Comic Sans MS, Arial, Helvetica";
}
a.tar:visited { 
color : #838383; 
font-weight : bold; 
font-size : 9pt; 
text-decoration : none; 
font-family : "Comic Sans MS, Arial, Helvetica"; 
} 
a.tar:hover { 
color : #ff73b9; 
font-weight : bold; 
font-size : 9pt; 
text-decoration : none; 
font-family : "Comic Sans MS, Arial, Helvetica";
} 
a.tar:link { 
color : #838383; 
font-weight : bold; 
font-size : 9pt; 
text-decoration : none; 
text-align : center;
font-family : "Times New Roman"; 
} 
a.ua:link { 
color : #dfdfdf; 
font-weight : bold; 
font-size : 9pt; 
text-decoration : none; 
text-align : left;
font-family : "Times New Roman"; 
} 
a.ua:visited { 
color : #838383; 
font-weight : bold; 
font-size : 9pt; 
text-decoration : none; 
text-align : left;
font-family : "Times New Roman"; 
} 
a.ua:hover { 
color : red; 
font-weight : bold; 
font-size : 9pt; 
text-decoration : none; 
text-align : left;
font-family : "Times New Roman"; 
} 
a.n:link { 
padding : 2px; 
margin-left : 5px; 
margin-right : 70px; 
text-align : center; 
color : #FEFEFE; 
font-weight : bold; 
font-size : 8pt; 
text-decoration : none; 
font-family : "Arial, Helvetica"; 
} 
a.n:visited { 
padding : 2px; 
margin-left : 5px; 
margin-right : 70px; 
text-align : center; 
color : #FEFEFE; 
font-weight : bold; 
font-size : 8pt; 
text-decoration : none; 
font-family : "Arial, Helvetica"; 
} 
a.n:hover { 
padding : 2px; 
margin-left : 5px; 
margin-right : 70px; 
text-align : center; 
color : aqua; 
font-weight : bold; 
font-size : 8pt; 
text-decoration : none; 
font-family : "Arial, Helvetica"; 
} 
a.us:link { 
color : #ccffff; 
font-weight : bold; 
font-size : 10pt; 
text-decoration : none; 
text-align : left;
font-family : "Times New Roman"; 
} 
a.us:visited { 
color : #ccffff; 
font-weight : bold; 
font-size : 10pt; 
text-decoration : none; 
text-align : left;
font-family : "Times New Roman"; 
} 
a.us:hover { 
color : red; 
font-weight : bold; 
font-size : 11pt; 
text-decoration : none; 
text-align : left;
font-family : "Times New Roman"; 
}
a.ud:link { 
margin-left : 6px; 
margin-right : 3px;
color : #7f7f7f; 
font-weight : bold; 
font-size : 11pt; 
text-decoration : none; 
font-family : "Comic Sans MS, Arial, Helvetica";
} 
a.ud:visited {
margin-left : 6px; 
margin-right : 3px; 
color : #838383; 
font-weight : bold; 
font-size : 11pt; 
text-decoration : none; 
font-family : "Comic Sans MS, Arial, Helvetica"; 
} 
a.ud:hover {
margin-left : 6px; 
margin-right : 3px; 
color : #ff73b9; 
font-weight : bold; 
font-size : 11pt; 
text-decoration : none; 
font-family : "Comic Sans MS, Arial, Helvetica";
}
strong { 
text-align : center; 
font-size : 10pt; 
margin-bottom : -7px; 
font-family : "Times New Roman"; 
}
p { 
color : #000000; 
padding : 0; 
margin-top : 5px; 
margin-left : 20px; 
margin-right : 20px; 
font-weight : bold; 
font-size : 15px; 
font-family : "Verdana"; 
}
p.main { 
text-align : left;  
text-indent : 10px;
line-height: 1.2;
font-size: 8pt;
color : #D0D8B5; 
text-decoration : none; 
font-family : "Verdana"; 
} 
p.title { 
text-align : center;  
font-size: 8pt;
color : #FF8080; 
text-decoration : none; 
font-family : "Arial, Helvetica";  
}
p a { 
color : #dfdfdf; 
} 
p a:hover { 
color : aqua; 
}
i{ 
text-align : left;  
line-height: 1.3;
font-size: 7pt;
color : #E1DD91; 
text-decoration : none; 
font-family : "Arial, Helvetica";  
}
i.form { 
text-align : left;
font-weight : bold; 
font-size : 9pt;
color : #A7D2D8; 
font-family : "Arial, Helvetica";  
}
ul { 
text-align : left;
font-weight : bold; 
font-size : 9pt;
color : #D0D8B5;  
font-family : "Arial, Helvetica"; 
} 
li { 
margin-top: 4px;
text-align : left;
color : #DDBD88; 
font-size : 9pt; 
font-family : "Arial, Helvetica"; 
} 
li.title { 
text-align: left;
font-weight : bold; 
font-size: 9pt;
color : #000080; 
font-family : "Arial, Helvetica";
width : 710px;
text-indent: 10px;
vertical-align: middle;
}
li.main { 
text-align: left;
font-weight : bold; 
font-size: 7pt;
color : #E1DD91; 
text-decoration : none; 
font-family : "Arial, Helvetica";
} 
h1 { 
text-align : center; 
font-size : 11pt; 
margin-bottom : -1px; 
margin-top : 5px;
font-family : "Comic Sans MS, Arial, Helvetica"; 
} 
h1.title { 
text-align : center; 
font-size : 11pt; 
color : #ccffff; 
font-family : "Comic Sans MS, Arial, Helvetica"; 
} 
h1.main { 
text-align : center; 
color : #7f7f7f; 
font-weight : bold; 
font-size : 11pt; 
font-family : "Comic Sans MS, Arial, Helvetica"; 
}
h2 { 
text-align : center; 
width : 100%; 
font-size : 12pt; 
color : #62639b; 
font-family : "Comic Sans MS, Arial, Helvetica"; 
} 
h3 { 
text-align : center; 
font-size : 9pt; 
color : #62639b; 
font-family : "Times New Roman"; 
} 
h4 { 
text-align : center; 
font-size : 10pt; 
color : #ccffff; 
font-family : "Times New Roman"; 
} 
.error {
	color:red;
    font-weight : bold;
	text-align:left;
	font-size:100%;
}
.text {
      color:#FFFF80;
      font-size: 100%;
	font-family: "Arial, Helvetica";
	padding: 10px 10px 10px 10px;
	}
.main {
	font-family: "Arial, Helvetica";
	font-size:90%;
}
.menu {
	padding: 2px 10px 2px 0px;
}
.content {
	padding: 20px 20px 20px 20px;
	font-family: "Arial, Helvetica";
	font-size:100%;
}
div.answer {
color : #EBFFFF;  
font-size : 16px; 
font-weight : bold; 
font-family : "Arial, Helvetica"; 
text-indent : 10px;
	padding: 10px 10px 10px 10px;
	}
div.smiles {
	width:165px;
	height:46px;
	background:#DBEBF2;
	border:1px dotted #c0c0c0;
	padding: 10px 10px 10px 10px;
	}

.inputField {
	background:#DBEBF2;
    color:#000040;
	border:1px solid #c0c0c0;
	width:100px;
	font-size: 120%;
	font-family: "Arial, Helvetica";
	}
input.ac {
	background:#DBEBF2;
	border:1px solid #c0c0c0;
	width:250px;
	font-size: 100%;
	font-family: "Arial, Helvetica";
	}
.btn {
	background:#DBEBF2;
	border:1px solid #0099CC;
	width:70px;
	font-size: 120%;
	font-family: "Arial, Helvetica";
	}
.ref {
background : url(img/refrech.jpg);
	border: 1px solid #dfdfdf;
	width: 22px;
    height: 22px;
	}	
 
textarea.links {
	background:#DBEBF2;
	border:1px solid #c0c0c0;
	width:780px;
	height:200px;
	font-size: 80%;
	font-family: "Arial, Helvetica";
	}
textarea.messField {
	background:#DBEBF2;
	border:1px solid #c0c0c0;
	width:350px;
	height:150px;
	font-size: 120%;
	font-family: "Arial, Helvetica";
	padding:5px 5px 5px 5px;
	}
textarea.design {
	background:#DBEBF2;
	border:1px solid #c0c0c0;
	width:100%;
	height:400px;
	font-size: 100%;
	font-family: "Arial, Helvetica";
	padding:5px 5px 5px 5px;
	}
textarea.answerField {
      background:#DBEBF2;
	color:#ffffff;
	border:1px solid #c0c0c0;
	width:450px;
	height:100px;
	font-size: 100%;
	font-family: "Arial, Helvetica";
	padding: 5px 5px 5px 5px;
	}