body {
    font: 14px Verdana, Helvetica;
    margin: 0;
    padding: 0;
}

.mainTable {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}


#topRow {
    background: #70a0d3 url('../gfx/zboze-baner2.jpg') repeat-x center 50px; 
    height: 185px;
    padding: 0;
}

#bannerCell {
    text-align: center;
    vertical-align: middle;
    width: 625px;
    height: 185px;
    padding: 0;
/*    background: url('../gfx/Szlachetne Zdrowie border.png') no-repeat -2px 6px; */
}

#bannerBorder {
    border-top: 10px solid #5585b7;
    border-bottom: 67px solid #64391b;
    _border-bottom: 14px solid #64391b;
    background: #5585b7;
    display: inline-block;
    float: top;
    padding: 0;
    margin: 0;
    height: 130px;
    width: 720px;
}

#leftCell {
    text-align: center;
    vertical-align: middle;
    padding:0;
    margin: 0;
}

#rightCell {
    text-align: center;
    vertical-align: middle;
    padding:0;
    margin: 0;
}

#mainRowShadow {
    background: url('../gfx/bottomShadowSoft.png') repeat-x top center;
}

#mainRow {
}

ul.questions {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font: 11px Verdana,Helvetica;
}

ul.questions li {
    margin: 0;
    background: url('../gfx/questionMark.png') no-repeat center left;
    padding: 1em 0 1em 36px;
}

ul.questions a:hover {
    text-decoration: none;
}
#leftMainCell {
    width: 200px;
    padding: 0 7px;
    font: 12px Verdana, Helvetica;
}

#leftMainCell a {
    text-decoration: none;
    display: block;
}

#leftMainCell a:hover {
    text-decoration: underline;
}

#mainCell {
    height: 520px;
    width: 780px;
    padding: 0 17px;
    vertical-align: top;
    font: 13px Verdana, Helvetica;
}


#mainTable td {
    border: 0px dotted #DDD;
}

#footer {
    background: #64391b url('../gfx/bottomShadow.png') repeat-x top center;
    height: 70px;
}

#footerCell {
    text-align: center;
    color: #986543;
    font: 10px Verdana, Helvetica;
}


p {
    text-align: justify;
    text-indent: 1.5em;
}

.menuTable {
    width: 100%;
    
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    border-bottom: 1px solid #64391b;
    border-top: 1px solid #64391b;
}

#menuRow {
    background: #FF0 url('../gfx/yellowGlow.png') repeat-x top center;
    text-align: center;
    padding: 0;
    margin: 0;
    border: 0;
    font: 16px Verdana, Helvetica;
}

#menuRow a {
    text-decoration: none;
    color: #64391b;
    padding: 0px 15px;
    border: 0px dotted #F00;
    margin: -1px;
    line-height: 29px;
    position: relative;
    display: inline-block;
}

#menuRow a.selected {
    background: #888 url('../gfx/orangeGlow.png') repeat-x top center;
    text-decoration: none;
    color: #FEFE00;
}

#menuRow a:hover {
    background: url('../gfx/greenGlow.png') repeat-x top center;
    color: #64391b;
}

table.simple {
    font: 12px Verdana, Helvetica;
    border-collapse: collapse;
    text-align: center;
}

table.simple td {
    border: 4px solid #FFF;
    padding: 6px 9px;
}

table.simple2 {
    font: 12px Verdana, Helvetica;
}

table.simple2 td.history {
    width: 290px;
    height: 215px;
    background: url('../gfx/XVI wiek.jpg') no-repeat center center;
}

table.simple2 td.now {
    width: 290px;
    height: 215px;
    background: url('../gfx/XXI wiek.jpg') no-repeat center center;
    font: 14px Verdana, Helvetica;
}

div.centerator {
    text-align: center;
    margin: 0;
    padding: 0;
    width: 100%;
}

ul.red {
    color: #FFA;
    text-align: left;
    font: bold 14px Verdana, Helvetica;
    padding: 0 16px;
    margin: 5px 0;
}

ul.green {
    color: #F00;
    text-align: left;
    font: bold 12px Verdana, Helvetica;
    padding: 0 16px;
    margin: 5px 0;
}

p {
    margin: 0.5em;
    font: 12px Verdana, Helvetica;
}

p.sign {
    text-align: right;
    font: italic 11px Verdana,Helvetica;
}

a.bare {
    text-decoration: none;
}

a.bare:hover {
    text-decoration: underline;
}

h1 {
    text-indent: 0;
    text-align: center;
    color: #64391b;
    font: bold 18px Arial,Helvetica;
    margin: 10px 0;
}

h2 {
    font: bold 15px Verdana, Helvetica;
    margin: 0.5em 0;
}

p.soft {
    font: 8px Verdana, Helvetica;
    color: #AAA;
    line-height: 9px;
}

table.faq {
    font: 11px Verdana, Helvetica;
    border-collapse: collapse;
    border: 0px solid #64391b;
    margin: 7px 0 5px 0;
}

table.faq td {
    border-top: 2px solid #FFF;
    padding: 4px 8px;
}

table.faq tr.que {
    background: #d9fba8 url('../gfx/lightSpringBg.png') repeat-x bottom center;
}

table.faq tr.ans {
    background: #d7edf6 url('../gfx/skyShadowBg.png') repeat-x top center; 
    color: #000;
}

table.faq tr.hideIt {
    display: none;
}    

table.faq tr.ans td {
    text-align: justify;
}

div.photoBar {
    border: 0px dotted #888;
    text-align: center;
    padding: 0;
    margin: 10px 0 0 0;
    border-bottom: 1px solid #AAA;
}

div.photoBar img {
    width: 96px;
    height: 96px;
    margin: 2px 6px 8px 6px;
    border: 1px solid #000;
    background: #FFF;
    display: inline-block;
    padding: 0;
}

p.center {
    text-indent: 0;
    text-align: center;
    font: 11px Verdana,Helvetica;
}

p.justify {
    text-align: justify;
    text-indent: 1.2em;
    margin: 0.5em 0;
    font: 11px Verdana,Helvetica;
}

table.trivial {
    border-collapse: collapse;
    border: 1px solid #46A;
    display: inline-table;
}

table.trivial td {
    border: 1px solid #46A;
}

div.note {
    font: 11px Verdana, Helvetica;
    margin: 5px 0 10px 0;
}

div.note ul {
    margin: 0.5em;
}

ul.links {
    font: 12px Verdana,Helvetica;
}

ul.links li {
    margin: 0.7em 0;
}

a.soft {
    text-decoration: none;
    color: #888;
    font: 10px Verdana,Helvetica;
}

a.soft:hover {
    text-decoration: underline;
}

a.soft:visited {
    color: #D88;
}

span.brown {
    color: #64391b;
    font-weight: bold;
    margin: 0;
    display: inline;

}

a.footerLink {
    text-decoration: none;
    color: #c88c64;
    margin: 15px 5px;
    line-height: 15px;
}

a.footerLink:hover {
    text-decoration: underline;
}

a.footerSoft {
    color: #875534;
    text-decoration: none;
}

a.footerSoft:hover {
    color: #c88c64;
}

#footerCell span.soft {
    color: #875534;
}

div.letter {
    border: 1px solid #CCC;
    padding: 8px;
    margin: 2px 10px;
    background: #FFF url('../gfx/pen.jpg') no-repeat bottom left;
    color: #332200;
}

span.more {
    color: #888;
    font: 9px Verdana, Helvetica;
}