html {min-height: 100%;}

* { 
	margin: 0;
	padding: 0;
}

a {
color: #005B9C;
}

a:hover {
color: #0B2444 
}

img {
border: 0;
}

body {
	background: #D8D3DC url(../img/background2.jpg) repeat-x left bottom;
	color: #333;
	font: normal 62.5% Tahoma,sans-serif;
}

p,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
	color: #005B9C;
	margin: 0 0 7px 0;
}

h2 {
	font: normal 1.3em Tahoma,sans-serif;
	margin-bottom: 4px;
	color: #005B9C;
	margin: 0 0 7px 0;
}

h3 {
	font: normal 1.1em Tahoma,sans-serif;
	margin-bottom: 4px;
	color: #005B9C;
	margin: 0 0 7px 0;
}

h4 {
	font: normal 1.0em Tahoma,sans-serif;
	margin-bottom: 4px;
	color: #005B9C;
	margin: 0 0 7px 0;
}

h5 {
	font: normal 0.9em Tahoma,sans-serif;
	margin-bottom: 4px;
	color: #005B9C;
	margin: 0 0 7px 0;
}

.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

.container {
	background-color: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 8px 8px;
	width: 780px;
}

.top {
	padding: 8px 8px 0;
}


.header {
	background-color: #fff;
	font-size: 1.2em;
	height: 105px;
	margin: 0 auto;
	padding: 8px 8px 5px;
	width: 780px;
}
.header .left, .header .right {
	background-color: #000033;
	background-image:url(../img/site_logo.gif);
	
	background-repeat:no-repeat;
	background-position:center;
	color: #fff;
	color: #FFF;
	height: 105px;
	position:relative;
}

.header .right a {
    display:block;
    position:absolute;
}

.header .right a.link {
    height:105px;
	width:103.5px;
}
	
.header .right a.link#cdo_link {left:0px;}

.header .right a.link#bru_link {left:103.5px;}

.header .left {
	background: transparent url(../img/cdo-title.gif) top left repeat-x; 
	width:567px;
	height:105px;
}

.header .right {
	overflow: auto;
	width: 207px;
	cursor: pointer;
}

.header .right div {
	padding-left: 16px;
	padding-top: 16px;
	font: normal 1.6em "Trebuchet MS",sans-serif;
}
.container .navigation {
  background: #D9E1E5 url(../img/nav.jpg);
  border: 1px solid #7795BD; 
  background-color:#000000;
  border-top: 1px solid #0080FF;
/*  border-bottom: 1px solid #006CD9;*/
  
  height: 24px;
  top: 0px;
  left: 0px;
  right: 0px;
  position: relative;
}

.container .navigation .menu {
	display:block;
}

.container .navigation ul * {	

/*	background: #D9E1E5 url(../img/nav.jpg);*/
	position: relative;
}


.main {
	border-top: 8px solid #FFF;
	background: url(../img/bgmain.jpg) repeat-y;
}


.sidenav {
	float: right;
	width: 205px;
}
.sidenav h2 {
	color: #333300;
	font-size: 1em;
	font-weight: bold;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.sidenav ul {
	padding: 0;
	border-top: 1px solid #e4e4e4;
}
.sidenav li {border-bottom: 1px solid #e4e4e4;}
.sidenav li a {
	font-size: 1.1em;
	color: #333300;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.sidenav li a:hover {
	background-color: #ebebeb;
	color: #654;	
}

/* content */
.content {
	float: left;
	margin: 10px 0;
	padding: 0 16px;
	width: 536px;
}

.content {
	color: #666;
	font-size: 1.0em;
	margin-bottom: 6px;
}


.content .imgright {
padding: 3px;
border: 1px solid #D2D2D2;
margin-right: 8px;
margin-top:2px;
float: right;
}

.content .imgleft {
padding: 3px;
border: 1px solid #D2D2D2;
margin-right: 8px;
margin-top:2px;
float: left;
}
/* paragraph's properties */
.container .main .content p{
   padding-bottom:0;
   padding-top:1px;
   text-align:justify;
}

.footer {
	background: url(../img/bluefooter.jpg) repeat-x;
	color: #FFF;
	font: bold 1em sans-serif;
	line-height: 39px;
	text-align: center;
}
.footer a,.footer a:hover {color: #FFF;}

.container .visitors_counter {
	color: #FFF;
	font: bold 1em sans-serif;
	line-height: 39px;
	float:right;
    position:relative;
    text-align:right;
	top:-28px;
	margin-right:8px;
	font-size:10px;
	font-variant:normal;
}
/****************************************************/
.submit_button {
    height:17px;
    width:50px;
	background-image:url(../img/bg_button.gif);
    border: 1px solid #e4e4e4;
}
/****navigation bar**********************************/
#navigation #search_box {
    color: #FFFFFF;
	position: relative;
	
    float:right;
	margin-top:3px;
	margin-right:0px;
    padding-right: 10px; 
	display: block;
	text-align: right;
	white-space: nowrap; /* For Opera */
}

#navigation #search_box  .search_field {

   height:15px;
   width:70px;

   border: 1px solid  #0071E1;


   position: relative;
   float:left;
    
   margin-right: 5px;
   margin-left: 0px;
   padding-left: 15px;
   padding-right:5px;
   
   background:#fff;
   background-image: url(../img/icon_textbox_search.gif);
   background-position:left;
   background-repeat: no-repeat;
   
   color:#004B97;
}

#navigation #search_box .submit_button {
   position: relative;
   float:left;
   border: 1px solid  #003D79;
}
/**************Tooltip definitions****************************/

/**************Tooltip definition for anchor******************/
a.tt{
    position:relative;
    z-index:24;
/*    color:#3CA3FF; */
/*	font-weight:bold; */
    text-decoration:none;
}
a.tt span{ display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover {
    z-index:25;
	color: #aaaaff;
}
/* background:; */

a.tt span.tooltip:hover { 
    z-index:25;
	color: #aaaaff;
} 
/*background:;*/

a.tt:hover span.tooltip {
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #2A1F55;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../img/tooltip.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
    text-align: justify;
	background: url(../img/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
    background:  url(../img/tooltip.gif)  no-repeat bottom;
}
/**************Tooltip definition for popup********************/
.popup_tt {
/*    position:relative;*/
    position:absolute;
    z-index:25;
	color: #aaaaff;
	font-weight:bold;
    text-decoration:none;
/*	background:; */
	visibility:hidden;
}
/*popup_tt span{ display: none; }*/
/*background:; ie hack, something must be changed in a for ie to execute it*/

.popup_tt span.tooltip {
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #2A1F55;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
.popup_tt span.tooltip span.top {
	display: block;
	padding: 30px 8px 0;
    background: url(../img/tooltip.gif) no-repeat top;
}
.popup_tt span.tooltip span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
    text-align: justify;
	background: url(../img/bubble_filler.gif) repeat bottom; 
}
.popup_tt span.tooltip span.bottom{
	display: block;
	padding:3px 8px 10px;
    background:  url(../img/tooltip.gif)  no-repeat bottom;
}
/**************************************************************/
/* ???? ???????? ?????? */
.ref_description_block {
  display:none;
}

.ref_description {
    cursor:pointer;
	font-weight:bold;
}