body  {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	background-image:url(../style/fn02.jpg);
	background-repeat: repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
a:link {color:#800000;text-decoration:none;}
a:visited {color:#684500;text-decoration:none;}
a:hover {color:#FFFFFF;}
em, i { font-size:0.95em;}
b, strong {color:#800000;}
sup {color:#800000; font-weight:bold;}
blockquote {font-style:italic;}
.tbllimit {width:95%;}
table {font-size:0.85em; width:100%;}
td {border-bottom:1px solid #684500;vertical-align:top;padding-left:0.6em;}
hr { color:#800000;}
.thrColElsHdr #linksbar ul li, .thrColElsHdr #linksbar p, .sourse, .topmen {font-size:0.7em;} /* all small text at page */

.thrColElsHdr #container { 
	background-color: #cc9900;
	padding:0;
	margin: 0px 8%; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image:url(../style/bgr_hr.gif);
	background-repeat: repeat-y;
} 
.thrColElsHdr #header { margin:0;
	height:140px;
	background-image:url(../style/cup_c.jpg);
	background-repeat: repeat-x;
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#cup {float:left; width:504px;height:140px; margin:0 0 0 -3px;}
.topmen {float:right; margin:0.7em 0.9em 0 0; text-align:right; width:175px;}
.yandexform #srchbl {}
.yandexform #wind {border-left:0;border-top:0;}
#yandex-results-outer { margin-left:4px;}
.srch {margin-top:13px; width:139px;}
span.txt  {font-size:0.7em; font-weight:bold; color:#826201;}
.srch #wind {width:98%; background-color:#dab545; border:0; font-size: 9pt;}
.srch #button { background-color:#800000; border:0; color:#FFCC00; width:98%; cursor:pointer; margin-top:0px;}


.thrColElsHdr h1 {
	font:160% "Times New Roman", Times, serif;text-align:center;line-height:1.2em;color:#800000;margin:0;padding:0 1em;font-weight:normal;
	letter-spacing:0.05em;}
.thrColElsHdr h2 {
	font-size: 110%;
	margin-bottom:0;
	color:#800000;
}
#header2 {clear:both; margin-bottom:26px;}

img.star {
	margin: 0px 3px -5px 1px;
}

/* sidebar*/
.thrColElsHdr #linksbar {
	float:left;width:10em; /* since this element is floated, a width must be given */
	padding: 0 1em; /* top and bottom padding create visual space within this div */
}

.thrColElsHdr #linksbar p {line-height:1.4em; background-image:url(bull_link.png); background-position:0px 4px; background-repeat:no-repeat; padding-left:10px;}
.thrColElsHdr #linksbar p a:link, .thrColElsHdr #linksbar p a:visited {
	font-weight:bold;color:#800000;text-decoration:none;}
.thrColElsHdr #linksbar p a:hover {color:#FFFFFF;}	
.thrColElsHdr #linksbar h5 {font-size:0.9em; padding-left:10px; margin:0 0 0 0;}
.thrColElsHdr #linksbar ul { padding-left:10px;}

.leftlinks {margin-top:24px; margin-left:0;padding-left:10px; width:100px;}

.thrColElsHdr #menuebar {
	float:right; width:139px; /* top and bottom padding create visual space within this div */
	margin-right:5px; border:0;
}
.thrColElsHdr #menuebar img { border:0;}
.thrColElsHdr #menuebar a:link, .thrColElsHdr #menuebar a:visited, .thrColElsHdr #menuebar a:hover, {border:0;}

.thrColElsHdr #mainContent {
 	margin:-8px 160px 0 11.9em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	text-align:justify;line-height:1.6em;
} 

.thrColElsHdr .date {
	font-size:80%;text-align:center;color:#800000;margin:10px 0px;padding:0 1em 0 1em;
}
.sourse {
	text-align:left;color:black;font-weight:bold;line-height:1.6em;padding-left:20%; text-indent:-20px;}
.arrows { margin:8px; 0 18px 0; height:24px;}
.arrows img { border:0;}
.arrows span {display:block;float:left;width:33%;text-align:center;} 

.thrColElsHdr #footer { clear:both;
	padding: 10px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#c38a02;
	margin:0;
} 

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* illustration in the right colonn */
.mn_prt {text-align:center; padding-top:10px;}
.ill_col {float:right; width:198px; margin:7px 0 0 12px;}
.ill_col img { margin-bottom:9px; width:198px;}
.ill_col a:link img, .ill_col a:visited img {border:1px solid #cc9900;}
.ill_col a:hover img {border:1px solid #fdd765;}
.bio_prt { display:block;float:right; margin:0 0 0 12px;}

.top a:link, .top a:visited {height:11px; background-image:url(topr.png); float:right; cursor:pointer; clear:both; background-repeat:no-repeat; background-position:right; margin:0.4em 0 1.1em 0; width:20%;}
.top a:hover {background-image:url(topw.png);}
.map_sm { float:left;border:0; margin:0.3em 1em 0.5em 0;}
.panor { background-repeat:no-repeat; background-position:50% 50%;}
.subtitr { font-size:0.7em; font-style:italic; line-height:1.2em; margin-top:0.3em;color:#800000; font-weight:bold; text-align:center;}

.autor {font-family:"Times New Roman", Times, serif; font-weight:bold; color:#800000; font-style:italic; font-size:1.2em; text-align:right; margin-bottom:0;}
.autorsub {font-weight:normal; color:#800000; font-size:0.85em;text-align:right; line-height:1em; margin-top:0;}
#glrcoll {width:99%; padding:0;}
.bio_glr {width:114px; height:190px; float:left; text-align:center; font-size:0.9em; margin-top:7px;}
.bio_glr p { line-height:1.2em; margin-bottom:0.5em;}

.listlinkscentr a:link, .listlinkscentr a:visited {font-weight:bold;display:block;background-image:url(st.png); background-repeat:no-repeat; background-position:2px 7px; padding:0.5em 0.5em 0.5em 2.1em; margin:0.5em 0; text-align:left;}
.listlinkscentr a:hover {background-color:#dfbf5f;}

.recl468 { display:block; float:left; width:90%; text-align:center; padding:5px 0 5px 0;}
.googler {margin-left:-10px; margin-bottom:20px; padding:0; float:left;}
.annee, .lng {font-family:"Times New Roman", Times, serif; font-size:2em; color:#800000; text-align:center;}
.annee {margin:0.9em 0 0.5em 0;}
.lng {margin:0em 0 0em 0;}
.annee a:link, .annee a:visited, .lng a:link, .lng a:visited {font-size:0.5em;}

/* gallery elements */
.glpic {float:left; text-align:left; width:80%; margin-bottom:12px;}
.glpic img {float:left; margin:0 12px 0 0;}
.glpic p {float:left; font-size:0.9em; font-style:italic; }
.glpic a:link img, .glpic a:visited img {border:1px solid #cc9900;}
.glpic a:hover img {border:1px solid #fdd765;}
/* END gallery elements */