html, body { margin: 0px; padding: 0px; text-align: ; }
img{ margin:0px; padding:0px; border:none;}
img.png{	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}


#top{ width:100%;}
#top .line01{ width:100%; height:12px; background:#dea203 url(images/top.line01.jpg) repeat-x center; border-left:1px solid #dea303; border-right:1px solid #dea303; font-size:0px;line-height:0px;}
#top .main{ height:266px; width:100%; background: #759cff url(images/top.main.jpg) center no-repeat;}
#top .main .logo{ margin: 20px 0 0 63px; position:absolute; width:224px; height:82px;	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/client/templates/transaccord/images/top.logo.png');}
#top .main .home{ position:absolute; left:100%; margin: 10px 0px 0px -150px; width:25px;height:25px;background:url(images/_home.gif) no-repeat center;}
#top .main .mail{position:absolute; left:100%; margin: 12px 0px 0px -100px; width:25px;height:25px;background:url(images/_mail.gif) no-repeat center;}


#topmenu{ display:table; width:100%; height:26px; margin: 5px 0px 0px 0px; background: #fcd465 url(images/topmenu.bg.jpg) repeat-x 0px -1px; border-collapse: collapse; empty-cells: show; text-align:center;}
#topmenu td.spacer01{ width:202px; border:1px solid #dea303; padding:0; margin:0;}
#topmenu td.menu, #topmenu td.menuOn	{ margin-left:15px; margin-right:15px; width:150px;}
#topmenu td.menu{ border:1px solid #dea303;white-space:nowrap;}
#topmenu td.menuOn{ border:1px solid #dea303; background: url(images/topmenu.hover.bg.jpg) repeat-x center;white-space:nowrap;}
#topmenu td.menu a, #topmenu td.menuOn a{ color:#18026b; text-decoration:none; text-transform:uppercase; font: bold 10pt Tahoma; padding-left:13px; padding-right:13px; background:url(images/topmenu.a.img.gif) no-repeat 0px 5px;}
#topmenu td.spacer02{ border:1px solid #dea303;}


#leftblock{ width:203px; border-right: #1d096e 1px solid; float:left; margin:15px -204px 0px 0px; padding:0px; }
#leftblock a{ display:block; color:#18026b; text-decoration:none; font: bold 9pt Tahoma; margin:8px 0px 8px 0px;}
#leftblock a.l1{ padding: 3px 0px 5px 20px; background:url(images/topmenu.a.img.gif) no-repeat 10px 8px; text-transform:uppercase;}
#leftblock a.l1_active{ padding: 3px 0px 5px 20px; background:url(images/topmenu.a.hover.img.gif) no-repeat 10px 8px; text-transform:uppercase; color:orange;}
#leftblock a.l1:hover{ color:orange; background:url(images/topmenu.a.hover.img.gif) no-repeat 10px 8px;}
#leftblock a.l2 { padding: 0px 0px 5px 30px; background:url(images/leftblock.a.l2.img.gif) no-repeat 20px 8px; font: 9pt Tahoma; color:#8171a9;}
#leftblock a.l2_active { padding: 0px 0px 5px 30px; background:url(images/leftblock.a.l2.hover.img.gif) no-repeat 20px 8px; font: 9pt Tahoma; color:orange;}
#leftblock a.l2 b , #leftblock a.l2_active b  { font: bold 10pt Tahoma;}
#leftblock a.l2:hover { color:orange; background:url(images/leftblock.a.l2.hover.img.gif) no-repeat 20px 8px;}
#leftblock .sep{ height:2px; margin:0px 9px 0px 9px; background: url(images/leftblock.sep.bg.gif) repeat-x; font-size:0px;line-height:0px;}

#mainblock{ margin: 15px 11px 20px 214px; height:px;}
#mainblock .pageName{color:#ea560c; text-decoration:none; font: bold 11pt Verdana; margin:8px 0px 0px 0px; text-transform:uppercase;}
#mainblock .sep{ height:3px; background: url(images/mainblock.sep.bg.gif) repeat-x center; font-size:0px;line-height:0px; margin:3px 0px 5px 0px ;}
#mainblock .output, #mainblock .output td {color:#18026b; text-decoration:none; font: 9pt Verdana; line-height:18pt;}
#mainblock .output a, #mainblock .output td a {color:#18026b; text-decoration:; font: 9pt Verdana;}
#mainblock .output a:hover, #mainblock .output td a:hover {color:#c99300;}
#mainblock .output img{ border:1px solid #ecff1c; margin:5px;}


#footer{ height:62px; background:#0b0867;}
#footer a.logo {position:absolute; display:block; width:557px; height:33px; no-repeat 0px 0px; margin: 15px 0px 0px 20px;}
#footer a.logotxt{position:absolute; display:block; width:px; height:px; color:#ffffff; margin: 5px 0px 0px 160px; font: 8pt Verdana; text-decoration:none;}
#footer a.logotxt:hover{color:orange;}
#footer a#logotxt3 {margin-top:24px; }
#footer .contacts{position:absolute; /* width:100%; */ right: 12px; text-align:right; color:#ffffff; margin: -14px 0px 0px -30px; font: 8pt Verdana;}
#footer .contacts a {color:#ffffff; text-decoration:none;}
#footer .contacts a:hover {color:orange;}