html, body {height:100%}

body, table, td {font-size: 13px;
	font-family: Arial, sans-serif;
	color: #606060;}	
	
strong {color:#000000; font-weight:normal}	

body { margin: 0px 0px 0px 0px; background: #FFF;  }     /*#9BA4AC */

/* --------------------------------------------------------- */

#containerDiv {height:100% }
#main { width:980px; height:100% }

/*---------------  ---------------------*/
/* --------------------------------------------------------- */

#header { width:980px; height:157px; background: #FFFFFF url(Images/Header/header.jpg) right no-repeat; 
          padding:0px}
          
#header .headerContent { margin:105px 15px 0px 15px; text-align:right }
#header .headerTitle { font-size: 16px; letter-spacing: 3px; font-weight: normal; margin-bottom:10px  }     

/* ----- Дополнительная навигация (горизонт.) ----- */
a.navHorisontal, a.activeNavHorisontal  { text-decoration:none; margin: 0px 0px 3px 0px }

a.navHorisontal { color:#FFF; background: #A8776E;  }
a.activeNavHorisontal { color:#606060; background: #FFF; }

/* --------------------------------------------------------- */          
/* --------------------------------------------------------- */   

#shadow_left_top, #shadow_left_bottom { width: 17px; background: url(Images/Bg/shadow_left.jpg) repeat-y top right }
#shadow_right_top, #shadow_right_bottom { width: 17px; background: url(Images/Bg/shadow_right.jpg) repeat-y top left }

/*#shadow_left_top { width: 20px; background: url(Images/Header/shadow_left.jpg) repeat-y top right }
#shadow_left_bottom { width: 20px; background: url(Images/Header/shadow_left.jpg) repeat-y top right }
#shadow_right_top { width: 20px; background: url(Images/Header/shadow_right.jpg) repeat-y top left }
#shadow_right_bottom { width: 20px; background: url(Images/Header/shadow_right.jpg) repeat-y top left }
*/

/*---------------  ------------------------- */ 
/* --------------------------------------------------------- */

/* левый столбец - зона навигации и поиск */

#navTD { background: #FFFFFF;
         width:220px;
         padding-top:5px;
       }
        
#navTDcontainer { width:220px;
        margin: 0px 15px 15px 0px;
        }
        
        
/*---------------------------------------------------------- */ 
/* --------------------------------------------------------- */

#news { width: 200px;
        padding: 0px 10px 15px 15px }
        
#news ul { margin-top: 0px;  margin-bottom: 12px; background: #FFFBF2;} 
#news .header { background: #E5D0B3; color:#FFFFFF; font-weight: bold; letter-spacing: 1px;
                padding: 3px; padding-right:5px; margin: 3px 0px 3px 0px;}

/*---------------  ---------------------*/
/* --------------------------------------------------------- */

#content { padding:0px 15px 15px 15px;
           background: #FFFFFF;
           text-align:justify;
           }

#content a:link, #content a:visited  { color: #40598B;                         /* #60351C */   /* #003399 */
             text-decoration: underline }

#content h1 { border-bottom: 1px #AAAAAA solid; color:#606060; font-size: 120%; letter-spacing: 0px; font-weight: bold; text-align: left }
#content h2 { color:#606060; font-size: 110%; letter-spacing: 0px; font-weight: bold; text-align: left }
#content h3 { color:#606060; font-size: 100%; letter-spacing: 0px; font-weight: bold; text-align: left; padding-top: 10px;  padding-bottom: 10px;}
#content h4 { color:#606060; font-size: 100%; letter-spacing: 0px; font-weight: bold; font-style:italic; text-align: left; padding-top: 10px;}
#content a.smaller_header_link { font-size: 90%; font-weight: normal; text-decoration:none}

#content li { margin-bottom: 6px }

#content p.comment {padding-left: 30px; font-size: 96%}
#content ol.comment {padding-left: 30px; font-size: 96%}
#content ul.comment {padding-left: 30px; font-size: 96%}

#content .note { padding:5px; background: #FBFBFB; border: 1px #E0E0E0 solid;
                 display:none; margin: 10px 0px 15px 15px }

#content img.closeBtn { cursor:pointer; float:right; position:relative; top:-5px; left:5px } 

a img {border:none}

.hand { cursor: pointer }

/*---     onClick   ---*/

*.linkText { color: #40598B; text-decoration: underline;  cursor: pointer } 
             
*.backLinkText { color: #40598B;   text-decoration: underline;  letter-spacing: 1px; /*font-weight: bold;*/  text-align: left; 
                 cursor: pointer }              
	
/*----------------------------------------------------------*/
/* для вывода фотогалерей */

 .fotoThumb {margin:5px; float:left;
         width:150px; height:112px;
         border:1px #eee solid;
         text-align:center;}
         
   /* исп-ся для вывода первоначально скрытых блоков фото - напр., в разделе "Персоналии" */
 .fotoDivHidden { padding:5px; background: #FBFBFB; border: 1px #E0E0E0 solid;
                 display:none; margin: 15px 0px 20px 0px }      
				 
/*---------------------------------------------------------*/
/* на стартовую страницу для новостей */

 .decorThumb {float:right; margin:0px 0px 10px 15px;}				   
 
/* --------------------------------------------------------- */
/*  Для элементов фольклорного архива:     */
/* --------------------------------------------------------- */

.bd_rubr_header_link { font-size: 100%; letter-spacing: 1px; font-weight: normal}

.titleInList { font-size: 100%;  letter-spacing: 0px;  padding-top: 5px; margin-bottom:2px; text-align: left }
.attrInList { font-size: 86%; padding-left:20px; padding-bottom:10px }
.more { font-size: 90%; font-weight: normal; padding-left: 30px}

.genre { font-size: 86%; font-weight: normal; letter-spacing:0px; font-style:italic }
.commentToText { font-size: 90%; text-align:left; margin-top:30px }

.attr, .attr_if_video  { font-size: 86%; margin-top: 20px; border-top: 1px solid #DDDDDD; padding: 15px }
.attr_if_video { position:relative; top:-37px; background:#FFFFFF }

.folk_text_if_video {height:450px; overflow:scroll; padding:0px 5px 15px 0px}

.searchResult {margin:10px 0px 20px 30px;}
/* --------------------------------------------------------- */
/*----------------   ------------------*/
/* --------------------------------------------------------- */

#hiddenPict { padding:20px; text-align:center; background:#FFFFFF; border:1px #000000 solid; position:absolute; display:none}

#illustrNav { margin-top: 20px; position:absolute; bottom:15px; display:none}
.illustrNavItem { background:#E0E0E0; width:10px; height:10px; margin:2px; float:left; cursor:pointer; display:none;
                  font-size:8px}
                  
.navBackForward { font-size:20px; color:#BBBBBB; cursor:pointer }                   

#shadow {  top:0px; left:0px;
          position:absolute;
          width:100%; height:100%; 
          background:#CCCCCC;
          filter: alpha(opacity=70);  /* IE */
          opacity: 0.7;              /* Mozilla */
          visibility:hidden}
          
#containerDiv {padding:0px; margin:0px; position:absolute; width:100%; height:100% }


/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*------------- -  ------------------------------------*/
/*  Структурные элементы статей */ 

#content a.reference { background: #EEEEEE; text-decoration: none; font-style:normal; font-weight:normal }
#content a.reference:hover { background: #A8776E; color:#FFFFFF }
#content .reference-target-block { border-top: 1px #AAAAAA solid; padding-top: 10px; margin-top: 20px;  text-align:left }
#content .reference-target-back { background: #EEEEEE; text-decoration: none }

.bibl_reference_in_header { font-size:13px; font-weight:normal }
.backLinkToMainRubr { background: #EEEEEE; text-decoration: none; font-size:20px }

.accent {color:#000000; font-weight:normal; letter-spacing:0px}
.accent_italic { font-style: italic; font-weight: bold; letter-spacing: 0px;}
.accent_letter_spacing {color:#000000;  letter-spacing: 1px }
.accent_bg {font-weight:bold; letter-spacing:0px; background:#F0F0F0}

.small { font-size: 86% }

.cite {font-style:italic; letter-spacing:0px}
.cite_otstup {font-style:italic; margin-left:20px}

.dialog { margin:7px 0px 0px 20px; font-style:italic}
.dialog_reply { margin:7px 0px 0px 20px; font-style:normal}
.dialog_passport { margin:10px 0px 0px 40px; font-style:normal}

.epigraph {font-style:italic; letter-spacing:0px; text-align:right}

.otstup {margin-left: 20px}

.semiot_el {background: #ECDAAA}


.webmaster { font-size: 86%; border-top: 1px #DDDDDD solid; color:#333333; margin-left: 20px }

hr {width:200px; height:1px; margin:20px}
.clear {clear:both}

.rightThumb { margin: 0px 0px 0px 20px; float:right }
.linkToNote { color: #40598B; text-decoration: underline;  cursor: pointer; margin: 0px 0px 20px 0px }

/* эксперимент: полупрозрачные декоративные квадратики на стартовой странице */
.decorTD {
          filter: alpha(opacity=50);  /* IE */
          opacity: 0.5;              /* Mozilla */}
		  
.decorTD:hover {
          filter: alpha(opacity=100);  /* IE */
          opacity: 1;              /* Mozilla */}		  

/*-----------------------------------------------------------*/
/*Баннеры скрываем, показываем только на стартовой странице */
.ban {display:none; 
      margin:30px 15px 15px 15px}

/*-----------------------------------------------------------*/
/* для данных в табличной форме */

table.table {margin-top:20px;}
table.table td, table.table th {padding: 5px; text-align:left; margin-bottom:7px;}
table.table th {font-weight:bold; text-align:left; }
table.table .zebra {background:#FAFAFA;}

/*-----------------------------------------------------------*/
/* DIV с дополнительными ссылками на главной */
#media-links-on-front { float:right; padding: 30px 0px 20px 40px; background:#fff;}
.media-links-on-front-inner {position:relative; top:-29px; left:4px; filter: alpha(opacity=70); opacity:0.7;}	/*стрелка и надпись "из медиа-архива"*/

#content .media-links-on-front-inner a:link, 
#content .media-links-on-front-inner a:visited {color:#fff; font-size:13px; text-decoration:none;}

/*-------------------- icons Video & Sound --------*/
.icon-media-arc {position:relative; top:3px;}