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; }

.inside_box { border: 0px solid #000; margin: 0 auto; text-align: left; position: absolute; 
top: 189px; left: 0px; width: 830px; height: 600px; }

.inside box 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: relative; top : 190px; left: 192px; width: 639px; height: 600px; border: 0px solid #000; background: #fff;}

.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 {position: absolute; top: 0px; left: 0px; width: 830px; height: 152px; border: 0px solid #000;
 overflow: hidden; background: #000066;}

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

.topmenu{ position: absolute; top: 152px; left: 0px; width: 830px; height: 25px; border: 0px solid #000; overflow: hidden;
 text-align: center; background: #000066; vertical-align: middle;}  

.language_block{ position: absolute; top: 0px; left: 760px; width: 60px; height: 25px; border: 0px solid #000; overflow: hidden;
 text-align: center; vertical-align: middle; padding-top: 3px; background: #000066;}  


.left_layer{ position: absolute; top: 190px; left: 0px; width: 186px; height: 600px; border-right: 0px solid #000;
 background-image: url("/BRek/images/menu.png"); 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: 0px; width: 192px; height: 262px; border-right: 0px solid #000;
 overflow: hidden;}

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

.absolute_bottom{ position: absolute; top: 803px; left: 0px; width: 830px; height: 25px; border: 0px solid #000; overflow: hidden;
 text-align: center; background: #000066;}  

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

.button{ position: absolute; top: 2px; width: 85px; height: 18px; 
border-top: 0px solid #000;
border-bottom: 0px solid #000; 
border-right: 1px 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: #fff;}
.active_button{ font-family: Verdana Helvetica Arial; font-size: 10pt;}

.left_button{ position: absolute; width: 186px; height: 29px; 
border-top: 1px solid #000;
border-bottom: 1px solid #000; 
border-right: 1px solid #000;
border-left: 1px solid #000;
}

.left_button_img{ position: absolute; width: 186px; 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; padding: 2px;}
.left_active_button{ width: 186px;  height: 29px; font-family: Verdana Helvetica Arial; font-size: 10pt; background-image: url("/BRek/images/marked.gif");}


.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{ font-family: Arial; font-size: 12pt; font-weight: bold; color: #000066;}
.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: #F0F8FE;}

.banner_block{ position: absolute; width: 186px; 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:16px;
 background-image: url("/BRek/images/scroller/scroll_background.png");
}

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

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

.scroll-track-bot{
height:12px;
width:16px;
background-image: url('/BRek/images/scroller/scroll_down.png');
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: #000066; }
.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: #000066; }
.main_text{ font-family: Arial; font-size: 14pt; color: #000066; }

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

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

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

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


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

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

.right_menu{ font-family: Arial; font-size: 8pt; color: #000066; }

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

.search { position: absolute; vertical-align: top; width: 90%; height: 25px; border: 0px solid #000;}

.searchClass {
position: absolute;
border: 2px solid #000066;
left: 15px;
top: 0px;
width: 200px;
height: 19px;
background: #ffffff;
color: #000066;
vertical-align: middle;
font-type: Arial;
font-size: 12px;
}

.registerClass {
border: 2px solid #000066;
width: 200px;
height: 19px;
background: #ffffff;
color: #000066;
vertical-align: middle;
font-type: Arial;
font-size: 12px;
}


.registerButton {
width: 100px;
height: 25px;
background: #000066;
background-repeat: no-repeat;
background-position: center center;
border: 0px;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
font-family: Arial; 
font-size: 8pt;
}

.searchButton {
position: absolute;
left: 215px;
top: 0px;
width: 25px;
height: 25px;
background: #000066;
background-image: url('/BRek/images/buttons/search_btn.png'); 
background-repeat: no-repeat;
background-position: center center;
border: 0px;
}


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

.top_splt { position: absolute; margin: 0px auto; top: 29px; left: 0px; width: 100%; height: 5px; border: 0px solid #000;
 background: #000066; overflow: hidden;}

.bottom_splt { position: absolute; top: 489px; left: 0px; margin: 0px auto; width: 100%; height: 5px; border: 0px solid #000;
 background: #000066; overflow: hidden;}

.bottom_ln{ position: absolute; top: 498px; left: 0px; margin: 0px auto; width: 100%; height: 25px; border: 0px solid #000; overflow: hidden;
 text-align: left; background: #000066; vertical-align: middle; }  

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


 /* USER SPACE  */

 .product_holder{ position: absolute; left: 12px; width: 95%; height: 100px; 
         background: lightyellow;
         border-top: 1px solid #ebebeb;
         border-right: 1px solid #ebebeb;
         border-bottom: 1px solid #999;
         border-left: 1px solid #999;
 }

 .button_holder{ position: absolute; vertical-align: center; text-align: center; left: 12px; width: 95%; height: 50px; 
         background: lightyellow;
         border-top: 1px solid #ebebeb;
         border-right: 1px solid #ebebeb;
         border-bottom: 1px solid #999;
         border-left: 1px solid #999;
 }