html, body {height:100%}

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

body { margin: 0px 0px 0px 0px; background: #EEEEEE  }     /*#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  }     

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

.navHorisontal { color:#000000; background: #E6E6E6  }
.activeNavHorisontal { color:#FFFFFF; background: #A8776E  }

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

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

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

#menu { width:200px;
        background: #FFFFFF;
        padding: 0px 15px 15px 10px;
        }
        
#menu ul { margin-top: 0px;  margin-bottom: 12px; 
           background: #FBFBFB;
           border-right: 5px #FFFFFF solid
           }        

/* --------------------------------------------------------- */	
/* --------------------------------------------------------- */
/* ----- Основная навигация ----- */

/*------- общие параметры навигационных элементов ----------*/
.nav0, .activeNav0, .nav1, .activeNav1, .nav2, .activeNav2 
    { text-decoration:none; display:block; border-right: 5px #FFFFFF solid}
    
a.nav0:hover, a.nav1:hover, a.nav2:hover { border-right: 5px #A8776E solid }    

/*------- 0 уровень ----------*/
.nav0, .activeNav0 { padding: 3px; padding-left:5px; margin: 3px 0px 3px 0px; letter-spacing:0px }                             
                               
.nav0 { color:#000000; background: #f0f0f0 }
.activeNav0 { color:#FFFFFF; background: #A8776E }

/*------- 1 уровень ----------*/
.nav1, .activeNav1 { color:#000000; margin-left:15px; /*border-bottom:#DDDDDD 1px dotted;*/ padding:2px 0px 2px 0px }

.activeNav1 { font-weight:bold }

/*------- 2 уровень ----------*/
.nav2, .activeNav2 { color:#000000; margin-left:30px; /*border-bottom:#DDDDDD 1px dotted;*/ padding:2px 0px 2px 0px }

.activeNav2 { font-weight:bold }

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

#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 .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 }              
	


/* --------------------------------------------------------- */
/*  Для элементов фольклорного архива:     */
/* --------------------------------------------------------- */

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

.titleInList { font-size: 100%;  letter-spacing: 1px;  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}


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

#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 {font-weight:bold; letter-spacing:0px}
.accent_italic { font-style: italic; font-weight: bold; letter-spacing: 0px;}
.accent_letter_spacing { 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 */}