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

TABLE { border-collapse: collapse; border: 0; }
IMG { border: 0 }
A IMG { border: 0 }
A { color: #00508f }
A:hover { color: #ba1319 }

.png { filter:expression(fixPNG(this)) }

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

#visual { padding: 0 0 5px 0 }
#visual TABLE { width: 100%; }
#visual TD { background: url('../images/banners/main_bg.gif') left top no-repeat; border: 4px solid #f5f5f5; width: 34%; font: 23px Arial; text-transform: uppercase; color: #fff; cursor: pointer}
#visual TD.spacer { background: none; border: 0px; width: 2px; cursor: default}
#visual TD DIV { width: 100%; height: 112px; }

#head { padding: 0 0 20px 0 }
#tree1 { padding: 7px 0; text-align: center; background: #f5f5f5 }
#tree1 A { font: bold 12px Arial; margin: 0 0; padding: 0px 2%; text-decoration: none; text-transform: uppercase; color: #ba1319; border-right: 2px solid #ba1319}
#tree1 A.last {border: 0px}
#tree1 A:hover  { text-decoration: underline; }
#tree1 A.sel { text-decoration: underline; }

#sidebar { width: 30%; padding: 0px 0px 0px 0px; vertical-align: top; }

#tree2 { margin: 0 0 20px 0; background: #f5f5f5; padding: 7px 12px;  }
#tree2 A { display: block; font: bold 12px Arial; color: #ba1319; padding: 5px 10px; margin: 7px 0; text-decoration: none;}
#tree2 A:hover { background: #fff }
#tree2 A.sel { background: #fff }

#tree3 { padding: 0 0 0 20px; }
#tree3 A { display: block; font: 11px Arial; color: #00508f; padding: 2px 10px; margin: 0 0 5px 0; text-decoration: none }
/*#tree3 A:hover { color: #4895C2; border: 1px solid #4895C2 }*/

/*#tree4 { padding: 0 0 0 40px }
#tree4 A { display: block; height: 14px; font: 10px Arial; color: #999; padding: 2px 10px; margin: 0 0 5px 0; border: 1px solid #999; text-decoration: none }
*html #tree4 A { height: 20px }
#tree4 A:hover { color: #4895C2; border: 1px solid #4895C2 }*/

.informer { padding: 0 0 0 0 }
.informer IMG { float: left; margin: 0 10px 0px 0; border: 4px solid #f5f5f5; }
.informer DIV { font: 12px Arial; margin: 0 0 20px 0; /*line-height: 1.4em*/; float: left; width: 100%}
.informer H1 { font: 18px Arial; margin: 0 0 12px 0; color: #ba1319 }
.informer H2 { font: bold 12px Arial; margin: 0 0 10px 0 }

.more { font: 13px Arial }
.more H1 { font: 18px Arial; margin: 0 0 0px 0; color: #ba1319 }
.more UL { padding-bottom: 20px}
.more LI { padding-top: 10px; background: url('../images/ul.gif') 0 1.3em no-repeat; }

#content .new_block { font: 12px Arial; margin: 0 0 30px 0; border-bottom: 7px solid #f5f5f5; width: 100%; overflow: hidden; zoom: 1 }
#content .last { border: 0 ; padding:0 0 5px 0 }
#content .new_block SPAN { display: block; font: 80% Arial; margin: 0 0 10px 0 }
#content .new_block H1 { font: bold 15px Arial; margin: 0 0 17px 0 }
#content .new_block H1 A { }
#content .new_block IMG { float: left; border: 5px solid #f5f5f5; margin: 3px 18px 17px 0 }
#content .new_block P { text-align: justify; margin: 0px 0 17px 0; }

#content .new_block .text { overflow: hidden; zoom: 1 }
#content .new_block .footer { overflow: hidden; zoom: 1; margin: 0px 20px 17px 0px; clear: both; }
#content .new_block .footer .left { float: left; font-size: 12px }
#content .new_block .footer .right { float: right }

#content .context { padding: 10px; background: #f4f4f4; 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: #214b73; 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: bold 12px Arial;
	color: #00508f;
	border: 2px solid #f5f5f5;
	padding: 4px 7px; 
	margin: 0 10px 3px 0;
	text-decoration: none;
}
.paging A:hover { background: #f5f5f5; color: #ba1319 }
.paging A.sel { background: #f5f5f5; color: #ba1319 }
.paging SPAN { float: left; margin: 0 10px 0 0 }

#footer { padding: 10px 0 10px 0; background: #f5f5f5 }
#footer TABLE { width: 100% }
#footer TD { font: 11px Tahoma }
#footer .left { padding: 0 0 0 10px }
#footer .center { text-align: center }
#footer .right { padding: 0 10px 0 0; text-align: right }

#path { font-size: 11px; margin: -20px 0 20px 0 }
#path SPAN { font-size: 14px; color: #00508f }
			
#content { width: 70%; height: 100%; font: 12px Arial; padding: 0px 40px 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: 23px Arial; margin: 0 0 22px 0; color: #ba1319}
#content H2 { font: 18px Arial; margin: 0 0 13px 0; color: #ba1319 }
#content H3 { font: bold 15px Arial; margin: 0 0 10px 0; color: #00508f }

LI { line-height: 1.3; padding: 2px 0 0 0 }
UL, OL { padding: 0 0 17px 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; margin-top: 5px; 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: 5px 0 2px 0 }
UL OL, OL OL { margin-left: 22px }

#content P.data_head { font-size: 15px; margin: 0 0 12px 0; text-align: center; font-weight: bold }
TABLE.data {margin: 0px 0 20px 0; clear: left}
TABLE.data TH { font: bold 15px Arial; color: #00508f; padding: 10px 10px;  border-bottom: 1px solid #0e0e0e; text-align: left; background: #f5f5f5}
TABLE.data TD { font: 12px Arial; padding: 10px 10px;  border-bottom: 1px solid #0e0e0e;}
TABLE.data TR.shade TD {background: #f5f5f5}

IMG.left { float: left; clear: left; border: 5px solid #f5f5f5; margin: 0px 22px 10px 0 }
IMG.right { display: block; float: right; border: 5px solid #f5f5f5; margin: 7px 0 10px 22px }


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