html, body {margin:0; padding:0; width:100%; height:100%; overflow:auto; text-align: center; }
.body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; text-align: center;}

.outline { border: 0px solid #000; margin: 0 auto; 
text-align: left; position:absolute; top: 0px; left: 50%; 
margin-left: -415px; width:830px; height:827px; z-index:10; }

.internal { border: 0px solid #000; margin: 0 auto; text-align: left; position: absolute; 
top: 0px; left: 0px; width: 830px; height:827px; z-index:10;}

.mainbox{ position: absolute; top : 200px; left: 190px; width: 630px; height: 600px; border: 0px solid #000; background: #FFFFFF;}

.calendarbox{ position: absolute; left: 4px; width: 780px; height: 80px; border: 0px solid #000;}

.calendarbox3{ position: absolute; left: 4px; width: 615px; height: 80px; border: 0px solid #000;}

.header_block_1 {position: absolute; top: 0px; left: 0px; width: 831px; height: 138px; border: 0px solid #000;
 overflow: hidden; background: #FFFFFF; vertical-align: top; text-align: left;}

.top_splitter { position: absolute; top: 281px; left: 0px; width: 830px; height: 5px; border: 0px solid #000;
 background: #000066;}

.topmenu_1{ position: absolute; top: 138px; left: 0px; width: 831px; height: 62px; border: 0px solid #000; overflow: hidden;
 text-align: center; background-image: url("/BRek/images/pattern_2/images/topmenu.jpg"); vertical-align: bottom;}  

.language_block{ position: absolute; top: 0px; left: 765px; width: 50px; height: 31px; border: 0px solid #000; overflow: hidden;
 text-align: center; vertical-align: middle; padding-top: 6px;}  


.left_layer{ position: absolute; top: 200px; left: 0px; width: 182px; height: 613px; border: 0px solid #000; 
 background-image: url("/BRek/images/pattern_2/images/menu_left.jpg"); background-repeat: no-repeat; overflow: hidden;}

.left_spacer { position: absolute; top: 190px; left: 186px; width: 6px; height: 600px; border-right: 0px solid #000;
 background: #FFFFFF; overflow: hidden;}

.leftmenu{ position: absolute; top: 0px; left: 10px; width: 172px; height: 270px; border-right: 0px solid #000;
 overflow: hidden; padding-left: 10px;}

.bottom_splitter { position: absolute; top: 794px; left: 0px; width: 830px; height: 5px; border: 0px solid #000;
 background: #000066;}

.absolute_bottom{ position: absolute; top: 813px; left: 0px; width: 830px; height: 19px; border: 0px solid #000; overflow: hidden;
 text-align: center; background-image: url("/BRek/images/pattern_2/images/line.jpg")}  

.title_line { position: absolute; background: #FFFFFF; height: 4px; top: 20px;}

.button{ position: absolute; top: 2px; height: 29px; 
border-top: 0px solid #000;
border-bottom: 0px solid #000; 
border-right: 0px solid #fff;
border-left: 0px solid #fff;
padding-left: 2px;
text-align: center;
}

.button_img {
vertical-align:middle;
margin:0 auto;
}

.button_text{ font-family: Verdana Helvetica Arial; font-size: 10pt; padding: 2px; color: #000;}
.active_button{ font-family: Verdana Helvetica Arial; font-size: 10pt;}

.left_button{ position: absolute; width: 172px; height: 29px;
border-top: 0px solid #000;
border-bottom: 0px solid #000; 
border-right: 0px solid #000;
border-left: 0px solid #000;
background-image: url("/BRek/images/pattern_2/images/buton_up.png");
background-repeat: no-repeat;
background-position: left;
}

.left_button:hover { position: absolute; width: 172px; height: 29px; 
border-top: 0px solid #000;
border-bottom: 0px solid #000; 
border-right: 0px solid #000;
border-left: 0px solid #000;
background-image: url("/BRek/images/pattern_2/images/buton_down.png");
background-repeat: no-repeat;
background-position: left;
}


.left_button_img{ position: absolute; width: 172px; height: 29px; 
border-top: 0px solid #000;
border-bottom: 0px solid #000; 
border-right: 0px solid #000;
border-left: 0px solid #000;
}


.left_button_text{ font-family: Verdana Helvetica Arial; font-size: 10pt; font-weight: bold; padding-left: 20px; padding-top: 5px; color: #000;}
.left_active_button{ width: 172px;  height: 29px; font-family: Verdana Helvetica Arial; font-size: 10pt; padding-left: 20px; padding-top: 5px;}


.topmenu a:link { text-decoration: none; color: #fff; } 
.topmenu a:visited { text-decoration: none; color: #fff;} 
.topmenu a:hover { text-decoration: none; color: red; background: #3E85BD;} 

.leftmenu a:link { text-decoration: none; color: #fff;} 
.leftmenu a:visited { text-decoration: none; color: #fff;} 
.leftmenu a:hover { text-decoration: none; color: red;} 


.innermenu_header{ font-family: Arial; font-size: 10pt; font-weight: bold; color: #000000;}
.innermenu{ font-family: Arial; font-size: 10pt; font-weight: bold; color: #000000;}
.current_year{ font-family: Arial; font-size: 13pt; font-weight: bold; padding-right: 10px; text-align: right; color: #75C5F0;}

.innermenu a:link { text-decoration: none; color: #000066;} 
.innermenu a:visited { text-decoration: none; color: #000066;} 
.innermenu a:hover { text-decoration: none; color: #000066;} 

.colorbox_1{ position: absolute; height: 80px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: #FFFFFF;}
.colorbox_2{ position: absolute; height: 80px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: #FFFBD5;}

.banner_block{ position: absolute; width: 150px; height: 80px; border: 0px solid #000; text-align: center; vertical-align: center;}

/* NEWS */

.news_text{ font-family: Verdana Helvetica Arial; font-size: 10pt; padding: 2px; color: #FFF; }
.news_text a:link { text-decoration: none; color: #000;}
.news_text a:visited { text-decoration: none; color: #000;}
.news_text a:hover { text-decoration: none; color: red;}

/* SCROLLERS */

.scroll-track{
 height:12px;
 width:12px;
 background-image: url("/BRek/images/scroll-background.png");
}

.scroll-handle{
 border: 0px solid black;
 height:12px;
 width:12px;
 background-image: url("/BRek/images/scroll_main_body.jpg");
 background-repeat: no-repeat;
 cursor:pointer;
}

.scroll-track-top{
height:12px;
width:12px;
background-image: url('/BRek/images/scroll_up_arrow.jpg');
cursor: pointer;
}



.scroll-track-bot{
height:12px;
width:12px;
background-image: url('/BRek/images/scroll_down_arrow.jpg');
cursor: pointer;
}


.activity_header{ position: absolute; top: 0px; left: 2px; width: 637px; height: 29px; border: 0px solid #000; padding: 0px; }
.activity_header_left{ position: absolute; top: 0px; left: 0px; width: 450px; height: 15px; border: 0px solid #000; padding-top: 6px; padding-left: 4px; text-align: left; }
.activity_header_right{ position: absolute; top: 0px; left: 450px; width: 187px; height: 15px; border: 0px solid #000; padding-top: 6px; text-align: right;}
.activity_header_line{ position: absolute; top: 25px; left: 4px; width: 622px; height: 4px; border: 0px solid #000; padding-left: 10px; background: #75C5F0; }

.graynet{ background-image: url("/BRek/images/net.jpg"); z-index: -10;}
.news_header{ top: 0px; left: 3px; width: 203px; height: 29px; position: absolute;}

/* TEXTS */

.activity_text{ font-family: Arial; font-size: 10pt; color: #75C5F0; }
.activity_text2{ font-family: Arial; font-weight: bold; font-size: 10pt; color: #000066; }
.frontpage_text{ font-family: Arial; font-weight: bold; font-size: 12pt; color: #000000; 
background-image: url("/BRek/images/pattern_2/images/efect_tree.png");
background-repeat: no-repeat;
background-position: left;}

.frontpage_text_date{ font-family: Arial; font-weight: bold; font-size: 12pt; color: #75C5F0; }

.standart_text{font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #000000; }
.main_text{ font-family: Arial; font-size: 14pt; color: #000066; }

.standart_text a:link{ text-decoration: none; color: #000000;}
.standart_text a:visited{ text-decoration: none; color: #0000;}
.standart_text a:hover{ text-decoration: none; color: red;}

.activity_text a:link { text-decoration: none; color: #75C5F0;} 
.activity_text a:visited { text-decoration: none; color: #75C5F0;} 
.activity_text a:hover { text-decoration: underline; color: #75C5F0;} 

.activity_text2 a:link { text-decoration: none; color: #000066;} 
.activity_text2 a:visited { text-decoration: none; color: #000066;} 
.activity_text2 a:hover { text-decoration: none; color: #000066;} 

.frontpage_text a:link { text-decoration: none; color: #000066;} 
.frontpage_text a:visited { text-decoration: none; color: #000066;} 
.frontpage_text a:hover { text-decoration: none; color: #000066;} 


.activity_menu{ font-family: Arial; font-size: 10pt; color: #000066; vertical-align: middle;}

.activity_menu a:link { text-decoration: none; color: #000066;} 
.activity_menu a:visited { text-decoration: none; color: #000066;} 
.activity_menu a:hover { text-decoration: none; color: #75C5F0;} 

.right_menu{ font-family: Arial sans-serif; font-size: 10pt; color: #000000; }

.right_menu a:link { text-decoration: none; color: #000000;} 
.right_menu a:visited { text-decoration: none; color: #000000;} 
.right_menu a:hover { text-decoration: none; color: #9D5928;} 

/* NEW WINDOW CONSTANTS */
.top_line{ top: 0px; margin: 0px auto; width: 830px; height: 25px; border: 1px solid #000; overflow: hidden;
 text-align: center; background: #000066; vertical-align: middle;}  

.bottom_line{ top: 640px; margin: 0px auto; width: 830px; height: 25px; border: 0px solid #000; overflow: hidden;
 text-align: center; background: #000066; vertical-align: middle;}