html {overflow-y: scroll;}
body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#C9D1D3; background:#082247; min-width:990px; font-size:85%;}
body {height:100%;}
div,dl,dt,dd,ol,ul,li,form,td,th {margin:0; padding:0;}
table, th, td {font-size:100%;}
table,img {border:0;}
img.png {behavior: url(pngbehav.htc);}
p{font-size: 112%; line-height: 125%;}
a:link, a:visited{color:#95B9D2;}
a:hover{color:#FFF;}
a.selected{text-decoration:none;}
h1,h2,h3,h4 {font-family:Georgia; margin:0; padding:0; color:#FFF; font-weight:normal;}
h1 {font-size:180%; padding:10px 0;}
h2 {font-size:150%; padding:10px 0;}
h3 {font-size:130%; padding:10px 0;}
h4 {font-size:100%; padding:10px 0; font-weight:bold;}
ul, ol {margin: 0px 0px 0px 30px}
ul li {margin: 3px 0px 4px 0px}
ol{margin: 10px 0px 10px 20px; padding: 0px 0px 0px 10px}
ul{margin: 10px 0px 10px 20px; padding: 0px 0px 0px 10px}

/* &#206;&#241;&#237;&#238;&#226;&#224; */
#mainWrapper {position:relative; min-height:100%;}
* html #mainWrapper, * html #footer {width:expression((document.documentElement.clientWidth||document.body.clientWidth)<990?'990px':'100%');}
* html #mainWrapper {height:100%;}


/* &#216;&#224;&#239;&#234;&#224;*/
#top {width:100%; border-collapse:collapse; height:218px;}
#coast {position:absolute; top:114px; left:0px;}
#bapl {position:absolute; top:55px; left:3%; width:0;}
#bapl div {position:absolute; top:0; left:-75px; width:148px;}
#bapl img {margin:0 0 6px;}
#year {position:absolute; top:1px; right:275px;}
#logo {position:absolute; top:1px; right:120px;}
.clear {
	width: 100%;
	float: none;
	clear: both;
	height: 0px;
	overflow:hidden;
}



/* &#206;&#241;&#237;&#238;&#226;&#237;&#224;&#255; &#242;&#224;&#225;&#235;&#232;&#246;&#224; */
#mainTable {width:100%; height:200px; border-collapse:collapse; background:url(/images/bg-body.jpg) no-repeat 0 0;}
.ringingTd {width:25px;}
#textFrame {padding:45px 47px 50px 0;}


/* &#195;&#235;&#224;&#226;&#237;&#238;&#229; &#236;&#229;&#237;&#254; */
#topMenu {width:260px; padding:10px 0 0 0;}
div.menu        {clear: left; }
div.menu p.caption {font-size:140%; padding: 0; color: #808080; border-bottom: 1px solid #c0c0c0; background: transparent;}
div.menu dl {padding:5px 0;}
div.menu dt {padding:0 0 1px 0;}
div.menu dt a {display:block; padding:7px 0 7px 30px; text-decoration:none; background:url(/images/anchor.gif) no-repeat 11px 11px;}
div.menu dt a:hover {background:#1f7191 url(/images/anchor.gif) no-repeat 11px 11px;}
div.menu .selected{background:#1f7191 url(/images/anchor.gif) no-repeat 11px 11px; color: #FFFFFF}

div.error{margin: 0px 0px 10px 0px; border-style: dashed; border-width: 1px; border-color: red; background-color: #FAFAFA;
padding: 3px 3px 3px 10px; color: red;}

/*&#212;&#238;&#242;&#238;&#227;&#224;&#235;&#229;&#240;&#229;&#255; &#237;&#224; &#227;&#235;&#224;&#226;&#237;&#238;&#233; &#241;&#242;&#240;&#224;&#237;&#232;&#246;&#229; */
#tableFoto {width:100%; height:160px; border-style: solid; border-width: 1px; border-color:#c0c0c0;}

#tableForum {width:100%; border-style: solid; border-width: 1px; border-color:#c0c0c0;}

/*&#207;&#224;&#240;&#242;&#237;&#229;&#240;&#251; &#237;&#224; &#227;&#235;&#224;&#226;&#237;&#238;&#233; &#241;&#242;&#240;&#224;&#237;&#232;&#246;&#229; */
div.partners p.caption        {font-size:140%;  margin: 0.4em 0 0.2em 0; color: #808080; border-top: 3px solid #a5a5a5;}
div.partners img        {border: 1px solid #808080;}
div.partners a img  {padding:2px; margin: 1px;}
div.partners span        {font-size:80% Arial, Helvetica, sans-serif; font-variant: small-caps; color: #8C877B;}


div.inform{
text-align:left; padding: 10px 10px 10px 10px;
line-height: 145%; border-style: solid;
border-width: 1px; border-color: #093853; margin: 0px 0px 0px 0px;
}

/* &#209;&#242;&#232;&#235;&#232;, &#238;&#225;&#249;&#232;&#229; &#228;&#235;&#255; &#205;&#238;&#226;&#238;&#241;&#242;&#229;&#233; &#232; &#209;&#242;&#224;&#242;&#229;&#233; */
.news_date { color: #808080; padding-top: 5px; padding-bottom: 3px; padding-right: 10px;}
.news_title {}
.news_description {padding-left:12px; margin-bottom:0em; color: #606060;}
.current {background-color:#1f7191; padding: 2px;}

/* &#200;&#199;&#206;&#193;&#208;&#192;&#198;&#197;&#205;&#200;&#223;*/
.rimg         {float: right; margin: 0 0 0.5em 2em;}
.limg         {float: left; margin: 0 2em 0.5em 0;}

/* &#210;&#229;&#234;&#241;&#242; */
.blockpage{font-family: Arial, Helvetica, sans-serif; font-size: 130%;
         border-left-style: solid; border-left-width: 10px; border-left-color: #009CD5;
         padding-left: 10px; margin-bottom: 25px; margin-top: 30px}
.zag{font-family: Arial, Helvetica, sans-serif; font-size: 130%; margin-bottom: 15px}
.namelisting{font-family: Arial, Helvetica, sans-serif; border-style: dotted; border-width: 1px; border-color: #818181;
        padding: 5px; padding-left: 20px; margin-top: 30px        }
.artnote{text-align: justify; margin-top: 0px;
        border-style: solid; border-width: 1px; border-color: #093853;
        padding: 6px 10px 6px 10px; text-indent: 0px;}
.note{font-size: 100%; text-align: justify; margin-top: 0px;
        padding: 15px; padding-left: 30px; padding-right: 30px;
        text-indent: 0px; margin-left: 20px;}

.nameital{font-size: 100%; color: #818181;
 padding-left: 20; margin-top: 30px; margin-bottom: 10px; font-style: italic;}
.divright{float: right; padding-bottom: 10px; padding-left: 10; padding-right: 0; }
.divcenter{float: center ;  padding-bottom: 10px; padding-left: 0; padding-right: 0; }
.divleft{float: left ;  padding-bottom: 10px; padding-left: 0; padding-right: 20; }



/* &#212;&#238;&#240;&#236;&#224; &#228;&#235;&#255; &#234;&#238;&#236;&#236;&#229;&#237;&#242;&#224;&#240;&#232;&#229;&#226; &#232; &#239;&#238;&#232;&#241;&#234;&#224; */

/* Input*/
input, textarea, button{margin-bottom: 10px; color: #000000; font-family: verdana, sans-serif; background-color:#D3E4EB;}
input, button {font:normal 85% Arial,Helvetica,sans-serif;}
textarea{font-size: 100%;color: #000000;font-family: verdana, sans-serif;}

/* All input elements that are checkboxes or radio buttons. */
input.check{}

/* Selects are a bit smaller, because it makes them look even better 8). */
select{font-size: 90%;font-weight: normal;color: #000000;font-family: verdana, sans-serif;}


/* &#207;&#238;&#228;&#226;&#224;&#235; */
#bottomWrap {height:116px;}
#bottom {position:relative; margin:-116px 0 0; height:116px; z-index:200; font-size:12px; background:#082247 url("/images/bottom.jpg") repeat-x bottom}
#bottom2 {position:absolute; top:0; left:0; width:100%; height:116px; z-index:300;}
#bottomLine {width: 100%; float: left; clear: both; margin: 0; padding: 0 0 0.9em 0;}

#botmap {position:absolute; top:44px; left:50%; width:0;}
#botmap div {position:absolute; top:0; left:-54px; width:150px;}
#botmap {position:absolute; top:44px; left:50%; width:0;}

#copy {float:left; padding:33px 0 0 72px;}
#anchor {float:right; padding:34px 79px 0 0; background: url("/images/anchor.gif")no-repeat 100px 100px; }

.counter img {opacity: 0.2; filter: alpha(opacity=20);}

.title {font-size: 125%; font-weight: normal;}