/* =Reset
************************************************************** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;   color: black;   background: white;}
ol, ul {list-style: none;}
table { border-collapse: separate;  border-spacing: 0;}
caption, th, td {   text-align: left;   font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */


body {margin-top: 16px; font-family: Arial; font-size: 11px; color: #3c3c3c; background: url('./gfx/site-bg.gif') #4682b4 repeat-x;}

div#root {width: 967px; margin: 0px auto; overflow: hidden;}
div#content {float: left; margin-top: 4px; overflow: hidden; width: 646px; background: url('./gfx/site-left-body.gif') repeat-y; }
div#content div#message-box {width: 610px; height: 14px; margin: 0px 0px 0px 9px; background-color: #f5f5f5; padding: 4px 6px; margin-bottom: 8px; }
div#content div#message-box span {color: #ff0000; font-weight: bold;}
div#content div#message-box a {color: #517823; font-weight: bold; text-decoration: none;}
div#content div#message-box a:hover {text-decoration: underline;}
div#content .head {overflow: hidden; width: 646px; height: 14px; background: url('./gfx/site-left-head.gif') no-repeat; }
div#content .foot {overflow: hidden; width: 646px; height: 17px; background: url('./gfx/site-left-foot.gif') top left no-repeat;}

div#right-box {float: right; overflow: hidden; padding: 6px 0x 4px 0px; margin-right: 16px; width: 220px; }
div#right-box ul {list-style: none; }
div#right-box ul li {font-size: 10px; margin-bottom: 4px; line-height: 14px; text-align: justify;}
div#right-box ul li a {font-size: 11px; color: #d03f3f; text-decoration: underline; }
div#right-box ul li a:hover {text-decoration: none; }

div#right-box h3 {font-size: 11px; font-weight: bold; color: #505050; margin-top: 2px; margin-bottom: 6px;}
div#right-box .box {background-color: #f5f5f5; padding: 6px; margin-top: 6px;}
div#right-box .box p {font-size: 11px; line-height: 16px; text-align: justify; color: #505050;}
div#right-box .box p a {color: #d03f3f; text-decoration: none;}
div#right-box .box p a:hover {text-decoration: underline;}

div#content-box {float: left; overflow: hidden; padding: 6px 0px 4px 16px; width: 384px; }
div#content-box h1 {color: #d03f3f; font-size: 20px; text-decoration: underline; margin-bottom: 4px;}
div#content-box p {font-size: 11px; color: #404040; margin-left: 1px; text-align: justify; line-height: 18px; margin-top: 20px;}
div#content-box p strong {font-weight: bold}
div#content-box span.article-info {font-size: 10px; color: #c0c0c0; padding-top: 4px;}
a#button-calculator {display: block; width: 220px; height: 56px; background: url('./gfx/button-calculator.gif') no-repeat;}
a:hover#button-calculator {background-position: 0px -56px;}

div#menu {float: right; margin-top: 4px; overflow: hidden; width: 316px; background: url('./gfx/site-right-body.gif') repeat-y; }
div#menu .head {overflow: hidden; width: 316px; height: 14px; background: url('./gfx/site-right-head.gif') no-repeat; }
div#menu .foot {overflow: hidden; width: 316px; height: 17px; background: url('./gfx/site-right-foot.gif') top left no-repeat;}

a.calculator-button {margin-left: 8px; display: block; width: 297px; height: 49px; background: url('./gfx/calculators-buttons.gif') no-repeat;}
a.pzu {background-position: 0px 0px;}
a:hover.pzu {background-position: -297px 0px;}

a.link4 {background-position: 0px -49px;}
a:hover.link4 {background-position: -297px -49px;}

a.warta {background-position: 0px -98px;}
a:hover.warta {background-position: -297px -98px;}

a.cu {background-position: 0px -147px;}
a:hover.cu {background-position: -297px -147px;}

a.benefia {background-position: 0px -196px;}
a:hover.benefia {background-position: -297px -196px;}

a.liberty {background-position: 0px -245px;}
a:hover.liberty {background-position: -297px -245px;}

/* liScroll style declarations */
ul#ads {display: none;}
.tickercontainer { /* the outer div with the black border */
border: 0px solid #000;
width: 610px; 
height: 14px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
float: left; 
position: relative;
width: 610px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 592px;
font: 11px "Arial";
list-style-type: none;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
ul.newsticker li div.space {width: 60px; float: right}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: 11px "Arial";
margin: 0 0 0 0;
}

ul.newsticker a:hover {
text-decoration: none;
} 

ul.newsticker span {
margin: 0 0 0 0;
} 
div.tags { font-size: 10px; line-height: 14px; margin: 10px auto; padding: 0px 5px; } 
h2 { font-size: 14px; margin: 10px 5px; color: Green; }