* { font-family: Verdana; color: #0e0e0e; padding: 0; margin: 0; }
BODY { padding: 0px; background: #fff }

TABLE { border-collapse: collapse; }
IMG { border: 0 }
A IMG { border: 0 }
A { color: #d18639; }
A:hover { color: #901819 }

#shell { width: 100%; height: 100% }

.visual { background: #fafafa; border-bottom: 1px solid #dadada; padding: 20px 0px }
	
.banner { border: 1px solid #dadada; width: 50%; padding: 12px 40px 14px 12px; background: #fff; font-size: 11px; vertical-align: top; cursor: pointer; line-height: 1.3em }
.banner IMG { float: left; margin: 6px 10px 0px 0; border: 2px solid #dadada; }
.banner H2 { font-weight: bold; font-size: 12px; text-transform: uppercase; margin: 0 0 9px 0 }
.banner H2 A { font-family: Arial; color: #901819 }

.delim IMG { width: 20px; height: 1px }

.ti1 { background: #fff url('../images/interest/ti1_bg.gif') 100% 50% no-repeat; }
.ti2 { background: #fff url('../images/interest/ti2_bg.gif') 100% 50% no-repeat; }

#head { background: #eca83e url('../images/topmenu_bg.gif') left top repeat-x; }
#tree1 { float: left; clear: both }
#tree1 A { float: left; font-family: Arial; font-weight: bold; font-size: 15px; padding: 11px 21px 12px 21px; margin-left: -1px; background: url('../images/topmenu_delim.gif') right 13px no-repeat; text-transform: uppercase; text-decoration: none; color: #eaf5f9; }
#tree1 A.last { background: url('../images/1x1.gif') }
#tree1 A:hover { background: url('../images/topmenu_bg_sel.gif') left top repeat-x }
#tree1 A.sel { background: url('../images/topmenu_bg_sel.gif') left top repeat-x }

#sidebar { width: 30%; padding: 20px 20px 0px 20px; vertical-align: top; }
#sidebar H1 { font: bold 14px Arial; padding:0 0 5px 20px; color: #901819; background: url('../images/h1_bg.gif') left 3px no-repeat; border-bottom: 1px solid #dadada; text-transform: uppercase;}

#tree2 { margin: 0 0 20px 0;  padding: 20px 20px 20px 20px; background: #fafafa; border-bottom: 1px solid #dadada; border-top: 1px solid #dadada }
#tree2 A { display: block; font-size: 12px; font-weight: bold; background: url('../images/ul.gif') left 15px no-repeat; border-top: 1px solid #fff; padding: 10px 0px 10px 20px; margin: 0px 0; }
#tree2 A.first { border-top: 0px; margin-top: -10px; /*background-position: left 5px;*/ }
/*#tree2 A.first:hover { background-position: left 5px }*/
#tree2 A.last { padding-bottom: 0px }
#tree2 A:hover { background: url('../images/ul_sel.gif') left 15px no-repeat }
#tree2 A.sel { background: url('../images/ul_sel.gif') left 15px no-repeat; color: #901819; text-decoration: none }

#tree3 { padding: 0 0 0 20px; margin: 0 0 10px 0 }
#tree3 A { display: block; font-weight: normal; font-size: 11px; background: url('../images/ul_mini.gif') left 10px no-repeat; padding: 4px 17px; margin: 0 0 5px 0; text-decoration: underline; border: 0px; text-transform: none}
#tree3 A:hover { background: none; background: url('../images/ul_mini_sel.gif') left 10px no-repeat }
#tree3 A.sel { background: none; background: url('../images/ul_mini_sel.gif') left 10px no-repeat; text-decoration: none }

.informer { float: left; width: 100%; padding: 0px 0px 0 0px; margin: 0 0 20px 0; }
.informer IMG { float: left; margin: 0 12px 0px 0; border: 2px solid #dadada; }
.informer DIV { font-size: 11px; margin: 0 0px 0px 0px; padding: 20px 20px 20px 20px; overflow: hidden; color: #000; border-bottom: 1px solid #dadada; background: #fafafa}
.informer DIV.last { border-bottom: 1px solid #dadada }
* html .informer DIV {  width: 100% }
.informer H1 { margin: 0 0 0px 0  }
.informer H2 { font-weight: bold; font-size: 11px; margin: 0 0 7px 0 }

.more { float: left; width: 100%; font-size: 12px; margin: 0 0 20px 0 }
.more H1 { margin: 0 0 0px 0 }
.more UL { padding-bottom: 20px; padding-top: 10px; background: #fafafa; border-bottom: 1px solid #dadada}
.more LI { padding-top: 10px; background: url('../images/ul.gif') 0 1.3em no-repeat; }

#content .new_block { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #dadada; width: 100%; overflow: hidden; zoom: 1; background: #fafafa }
#content .last { }
#content .new_block SPAN { display: block; margin: 0 0 10px 0 }
#content .new_block H1 { margin: 0 0 20px 0; font: bold 14px Arial; padding:0 0 5px 20px; color: #d18639; background: #fff url('../images/h1_bg.gif') left 3px no-repeat; border-bottom: 1px solid #dadada; text-transform: uppercase }
#content .new_block H1 A { font-family: Arial; text-decoration: none }
#content .new_block IMG { display: block; float: left; border: 2px solid #dadada; margin: 0px 18px 10px 20px }
/*#content .new_block IMG { float: left; margin: 20px 18px 10px 20px }*/
#content .new_block P { text-align: justify; margin: 20px 20px 0px 20px; }
#content .new_block .left { float: left; clear: both; font-size: 11px; font-style: italic; white-space: nowrap; padding-left: 20px}
#content .new_block .right { float: right; font-size: 11px; padding-right: 20px }
#content .new_block .right A { }
#content .new_block .text { float: left; width: 100%; margin: -20px 0px 20px 0; }

#content .context { padding: 10px; background: #fafafa; margin: 0 0px 20px 0; font-size: 10px; text-align: center; }
#content .context SPAN { display: block; margin: 7px 0px 0px 0px ; font-weight: bold; color: #d18639; text-align: center; padding: 0px}
#content DIV.left { float: left; margin-right: 16px}
#content DIV.right { float: right; margin-left: 16px}

.paging { margin: 0 0 20px 0; width: 100%; overflow: hidden; zoom: 1 }
.paging A { 
	display: block;
	float: left;
	font-weight: bold;
	font-size: 12px;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	padding: 4px 7px; 
	margin: 0 10px 0 0;
	text-decoration: none;
}
.paging A:hover { background: #fafafa; color: #d18639; }
.paging A.sel { background: #fafafa; color: #d18639; }
.paging SPAN { float: left; margin: 4px 10px 0 0 }

#footer { padding: 0px 0 0px 0; background: #fafafa; border-top: 1px solid #dadada }
#footer TABLE { width: 100% }
#footer TD { font-size: 11px }
#footer .top { background: #e6e6e6 url('../images/topmenu_bg.gif') left 50% repeat-x;  height: 18px; border-top: 1px solid #e2e1dd; border-bottom: 1px solid #c2c2c2; }
#footer .left { padding: 20px 0 20px 20px }
#footer .center { text-align: center }
#footer .right { padding: 20px 20px 20px 0; text-align: right }

#path { font-size: 11px; margin: -30px 0 0px 0; float: right; clear: both;}
#path SPAN { font-size: 12px; }
			
#content { width: 70%; height: 100%; font-size: 12px; padding: 20px 20px 0px 0px; vertical-align: top }
#content P { margin: 0 0 20px 0; text-align: justify; line-height: 1.4em }
#content TD { font-size: 12px }
#content OL, UL { text-align: justify; line-height: 1.4em }

#content H1 { font: bold 16px Arial; margin: 0 0 20px 0; padding:0 0 7px 22px; color: #901819; background: url('../images/h1_bg2.gif') left 4px no-repeat; border-bottom: 1px solid #dadada; text-transform: uppercase;}
#content H1.minimarg { margin-bottom: 10px }
#content H2 { font: bold 15px Arial; margin: 0 0 13px 0; color: #d18639 }
#content H3 { font: bold 13px Arial; margin: 0 0 10px 0; color: #d18639 }

LI { line-height: 1.3; padding: 3px 0px }
UL, OL { padding: 0 0 20px 20px; margin: 0 }
UL { list-style-type: none }
UL LI, OL UL LI { background: url('../images/ul.gif') 0 0.7em no-repeat; padding-left: 18px; text-align: left }
UL OL LI { padding-left: 0 }
OL { margin-left: 22px }
OL LI { background-image: none }
UL OL, UL UL, OL UL, OL OL { padding: 0 0 0 1px; margin: 7px 0 7px 2px }
UL OL, OL OL { margin-left: 22px }

#content P.data_head { margin: 0 0 12px 0; text-align: center; font-weight: bold }
TABLE.data {margin: 0px 0 20px 0; clear: both}
TABLE.data TH { font-weight: bold; font-size: 11px; color: #d18639; padding: 10px 10px;  border: 1px solid #dadada; background: #fafafa}
TABLE.data TD { font-size: 11px; padding: 10px 10px;  border: 1px solid #dadada;}
TABLE.data TR.shade TD {  }

/*IMG.left { float: left; clear: left; margin: 0px 16px 8px 0; border: 2px solid #dadada }*/
IMG.left { float: left; clear: left; margin: 6px 20px 8px 0; border: 2px solid #dadada }
IMG.right { float: right; clear: right; margin: 6px 0 8px 20px; border: 2px solid #dadada }


.add { display: block; height: 20px; font-size: 18px; padding: 0 0 24px 0; }

#friends UL { padding-bottom: 10px; }
#friends LI { font-size: 12px; margin-bottom: 10px; }
#friends LI SPAN { font-weight: bold; }

#friends .paging { font-size: 12px; padding: 0 0 0 50px; }
#friends .paging A { float: left; margin: 0px 9px 5px 0; }

#friends .addsite { display: block; overflow: hidden; margin: 0 0 10px 30px; }
#friends .addsite SPAN { float: left; font: 18px arial; }
#friends .addsite A { float: left; font: bold 12px arial; margin: 3px 0 0 7px; }

#friends .code { text-align: center; }
#friends .code TEXTAREA { width: 80%; height: 50px; font-size: 12px; padding: 1px 4px; margin-bottom: 24px; }

#friends LABEL { display: block; font-size: 12px; margin-bottom: 4px; }
#friends SPAN.comment { display: block; font-size: 11px; color: #6d6d6d; margin-bottom: 16px; }

#friends INPUT.txt { display: block; font-size: 13px; width: 50%; height: 21px; padding: 1px 4px; margin-bottom: 16px; }
#friends INPUT.btn { cursor: pointer; width: 120px; height: 23px; font-size: 13px; }

#friends SELECT { display: block; width: 50%; height: 20px; font-size: 13px; margin-bottom: 16px; }
#friends TEXTAREA { width: 50%; height: 100px; font-size: 13px; padding: 1px 4px; margin-bottom: 4px; }

#friends .list { padding: 20px 30px 5px 30px; margin: 0 0 30px 0; border: 1px solid #D4D4D4 }
#friends .list A { font-size: 18px; }
#friends .list P { font-size: 12px; padding-top: 7px; }


SPAN.hleblink { display: none !important }
#hleb { font-size: 10px; color: #a3a3a3; margin: 10px 0 10px 0}
#hleb A { color: #a3a3a3 }

.adsense { margin: 0 0 15px 0 }