/*=========== Global reset ======================*/
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
html, body, div, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, th, td { margin:0; padding:0 }
table { border-collapse: collapse; border-spacing:0 }
fieldset, img { border:0 }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration: none }

/* The below restores some sensible defaults */
table, p {
margin: 0 0 1.6em 0;
padding: 0;
}
ul, dl, ol {
margin: 0 0 1.6em 2.8em;
padding: 0;
}
strong { font-weight: bold }
em { font-style: italic }
a img { border: none } /* Gets rid of IE's blue borders */
/*=========== END: Global reset ======================*/


html {
font-family: arial, helevtica, sans-serif;
font-size: 0.8em;
color: #222;
}

body {
background: #f6eae0;
margin: 0 0 30px 0;
}

#container {
width: 964px;
margin: 0 auto;
}

#container-body {
background: #fff;
padding: 0 2px 2px 2px;
}



/*========== entry page ==========*/
body.entry #container {
width: 930px;
height: 775px;
margin-bottom: 20px;
background: #fff url(/images/bg-entry-v2.jpg) no-repeat left top;
position: relative;
}

body.entry #footer { /** hide footer on entry page **/
display: none;
}

#flash-audio { /** flash iframe: audio **/
position: absolute;
top: 12px;
left: 790px;
border: 1px solid #b06f66;
}

#flash-oval-photo { /** flash iframe: oval photos **/
position: absolute;
top: 411px;
left: 32px;
background: #fefdcf url(/swf/entry-oval/imgs/bg.jpg) repeat-x left top;
}

body.entry #header {
height: 150px;
}

body.entry #header h1.logo {
float: left;
width: 550px;
height: 52px;
/*background: transparent url(/images/logo.jpg) no-repeat left top;*/
margin: 35px 0 0 20px !important;
padding: 0 !important;
text-indent: -9999px;
}

body.entry #header h1.logo a {
width: 550px;
height: 52px;
display: block;
}

body.entry #content-row {
height: 420px;
}

body.entry #footer {
height: 205px;
}

body.entry #footer .logo-jda a {
display: block;
width: 200px;
margin: 185px 0 0 5px;
text-align: center;
font-weight: bold;
text-decoration: none;
color: #222;
}
/*========== END: entry page ==========*/


/*========== homepages ==========*/
body.homepage #container { /** default homepage bg **/
width: 930px;
height: 775px;
background: #fff url(/images/bg-hp-english.jpg) no-repeat left top;
}

body.english-homepage #container { /** english homepage BG **/
background: #fff url(/images/bg-hp-english.jpg) no-repeat left top;
}

body.polish-homepage #container { /** polish homepage BG **/
background: #fff url(/images/bg-hp-polish.jpg) no-repeat left top;
}

body.spanish-homepage #container { /** spanish homepage BG **/
background: #fff url(/images/bg-hp-spanish.jpg) no-repeat left top;
}

body.homepage #header {
height: 130px;
}

body.homepage #header h1.logo {
float: left;
width: 820px;
height: 82px;
/*background: transparent url(/images/logo.jpg) no-repeat left top;*/
margin: 35px 0 0 20px !important;
padding: 0 !important;
text-indent: -9999px;
}

body.homepage #header h1.logo a {
width: 820px;
height: 82px;
display: block;
}

body.homepage #content-row {
height: 440px;
margin: 0;
}

body.homepage ul.home-nav {
display: block !important;
}

body.homepage ul.left-nav {
display: none !important;
}

body.homepage #footer {
width: 930px;
height: 205px;
position: absolute;
top: 570px;
}

body.homepage #footer .logo-jda a {
position: absolute;
top: 185px;
left: 0px;
/*
display: block;
float: left;
margin: 150px 0 0 20px;
*/
width: 200px;

text-align: center;
font-weight: bold;
text-decoration: none;
color: #222;
}
/*========== END: homepages ==========*/


/*========== subpages ==========*/
body.subpage #header {
clear: both;
height: 128px;
border-bottom: 4px solid #b66359;
}

body.subpage #header-body {
height: 125px;
border-bottom: 2px solid #b66359;
}

body.subpage #header h1.logo a { /** default header **/
display: block;
width: 960px;
height: 125px;
background: #fffcd9 url(/images/bg-header-english.jpg) no-repeat left top;
text-indent: -9999px;
}

body.english-subpage #header h1.logo a { /** english header **/
background: #fffcd9 url(/images/bg-header-english.jpg) no-repeat left top !important;
}

body.polish-subpage #header h1.logo a { /** polish header **/
background: #fffcd9 url(/images/bg-header-polish.jpg) no-repeat left top !important;
}

body.spanish-subpage #header h1.logo a { /** spanish header **/
background: #fffcd9 url(/images/bg-header-spanish.jpg) no-repeat left top !important;
}

body.subpage #content-row {
margin: 0;
padding: 0;
position: relative;
overflow: auto;
background: #fff url(/images/bg-content-row.jpg) repeat-y left top;
}

body.subpage #content-row-body {
margin: 0;
padding: 0;
overflow: auto;
background: transparent url(/images/bg-watermark.jpg) no-repeat right top;
}

body.subpage #left-column {
float: left;
width: 180px;
min-height: 400px;
}

body.subpage ul.home-nav {
display: none !important;
}

body.subpage ul.left-nav {
display: block !important;
}

body.subpage #right-column {
float: right;
width: 760px;
min-height: 400px;
}

body.subpage #right-column-body {
padding: 20px 80px 20px 10px;
}

body.subpage #footer { /** default footer **/
clear: both;
width: 100%;
height: 80px;
background: #fff url(/images/bg-footer-english.jpg) no-repeat left top;
padding: 1px 0 0 0;
border-top: 4px solid #b66359;
}

body.english-subpage #footer { /** english footer **/
background: #fff url(/images/bg-footer-english.jpg) no-repeat left top;
}

body.polish-subpage #footer { /** polish footer **/
background: #fff url(/images/bg-footer-polish.jpg) no-repeat left top;
}

body.spanish-subpage #footer { /** spanish footer **/
background: #fff url(/images/bg-footer-spanish.jpg) no-repeat left top;
}

body.subpage #footer-body {
border-top: 1px solid #fff;
}

body.subpage #footer .logo-jda a {
float: left;
width: 180px;
margin: 60px 0 0 0;
text-align: center;
font-weight: bold;
text-decoration: none;
color: #222;
}
/*========== END: subpages ==========*/