body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    background-color: #D6CFAB;
    font-family: Georgia, Times New Roman, serif, sans-serif;
    font-size: 12px;
    color:#030303;
    line-height: 20px;
    text-align: left;
}

body.home {
    background-color: #D6CFAB;
}

body.homepage {
    background: #D6CFAB url(../images/home-background.gif);
    background-repeat: repeat-y;
}

body.pq {
    margin: 0px;
    padding: 0px;
    height: 100%;
    background-color: #A9A1B6;
    font-family: Georgia, Times New Roman, serif, sans-serif;
    font-size: 12px;
    color:#030303;
    line-height: 20px;
    text-align: left;
}

body.content {
    background: #D6CFAB url(../images/background.gif);
    background-repeat: repeat-y;
}

body.slideshow {
    background-color: #ffffff;
    font: 12pt/14pt Georgia, Times New Roman, Serif;
}

body.timeline-detail {
    background-color: #ffffff;
}

body.slideshow-portraits {
    background-color: #24160F;
}

body.glossary {
    background-color: #FFFFFF;
    font: 12pt/14pt Arial, Sans-Serif;
}

body.menu {
    background-color: #ffffff;
}

body.panorama {
    background-color: #352A27;
}

body.glossaryDivider {
    background-color: #FFFFFF;
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    color: #6B6C6D;
    border: #CCCCCC;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    text-align: center;
}

body.glossaryDividerDashed {
    background-color: #FFFFFF;
    font-family: Arial, Sans-Serif;
    font-size: 10px;
    border: #CCCCCC;
    border-style: dotted;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px
}

p {
    font-family: Georgia, Times New Roman, serif;
    font-size: 12px;
    color:#030303;
    line-height: 20px;
}

h1 {
    font-family: Georgia, Times New Roman, serif;
    font-size: 17px;
    color:#333;
    line-height: 26px;
}

td {
    color:#666666;
    font-size: 11px;
    font-family: verdana, arial, sans-serif;
    line-height: 13pt;
    font-weight: normal;
    vertical-align: top
}

hr {
    border-top: 1px solid #666;
    padding: 0px;
    margin: 0px;
    height: 1px;
}

a:link { color: #880000; text-decoration : none; }
a:visited { color: #660000; text-decoration : none; }
a:hover { color: #440000; text-decoration: underline;}
a:active { color: #880000; text-decoration: none }

a.glossary:link {
    color: #000000;
    font-weight: normal;
    text-decoration: underline;
}

a.glossary:visited {
    color: #000000;
}

a.glossary:hover {
    color: #000000;
}

a.glossary:active {
    color: #000000;
}

a.glossaryAlphabet {
    letter-spacing: -0.27ex;
    font-size: 11px;
    font-family: arial, sans-serif;
    color: #6B6C6D;
    font-weight: normal;
    text-decoration: none;
    padding: 0px
}

a.glossaryAlphabet:visited {
	color: #6B6C6D;
}


a.glossaryEntries {
    font-size: 13px;
    font-family: arial, sans-serif;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    padding-left: 22px;
    line-height: 20px
}

img {
    border: 0px solid #ccff00;
}

img.zoom {
    padding: 2px 5px 0px 0px;
}

img.logotype {
    margin-bottom: 4px;
    margin-left: 1px;
}

/* Glossary Popup */
.glossaryWord {
    font-family: Arial, helvetica, san-serif;
    font-size: 18px;
    padding-bottom: 5px;
    padding-left: 22px;
    font-weight: bold;
    color: #42577E;
}

.glossaryDefinition {
    font-family: Arial, helvetica, san-serif;
    font-size: 11px;
    padding-left: 22px;
    padding-right: 22px;
    line-height: 16px
}

.glossaryEntries {
    font-family: Arial, helvetica, san-serif;
    font-size: 14px;
    padding-left: 22px;
}

.testdashed { border: red; border-style: dashed; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

/* CUSTOM */

.caption {
    color: #333;
    font-family: Arial, helvetica, san-serif;
    font-size: 10px;
    padding-left: 8px;
    line-height: 13px;
}

.quote {
    font-family: Georgia, Times New Roman, serif;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color:#333;
    line-height: 15px;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

.quotesource {
    font-family: Georgia, Times New Roman, serif;
    font-size: 12px;
    color: #030303;
    padding-left: 20px;
    line-height: 18px;
}

.indent {
    padding-left: 20px;
    padding-right: 20px;
}

.center {
    width: 100%;
    text-align: center
}

/* layout */
#home-message {
    position: absolute;
    top: 20%;
    width:100%;
    text-align: center;
}

#home-message a:link { color: #aa0000; text-decoration : none; }
#home-message a:visited { color: #aa0000; text-decoration : none; }
#home-message a:hover { color: #440000; text-decoration: underline;}
#home-message a:active { color: #880000; text-decoration: none }

#content {
    margin: 0px;
    padding: 0px;
    width: 100%;
    /*    border: 1px solid #33c;*/
    /* TAKE CARE OF WIDTH - look up box model hack! */
}

#content td {
    background: #fff;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #333;
    padding: 2px;
    line-height: 15px;
}

#content td.numbers {
    text-align: right;
}

#content td.title {
    font-weight: bold;
}

#sectionIndicator {
    position: absolute;
    top: 20px;
    left: 8px;
    padding: 0px;
    margin: 0px;
    width: 23px;
    border: 0px solid #cc0000;
}

#mainCol {
    width: 572px;
    background: #fff;
    margin: 0px 0px 0px 37px;
    padding: 0px 0px 20px 0px;
    /*border-right: 1px solid #94969C;*/
}

#noPadCol {
    width: 609px;
    padding-left: 0px;
    padding-bottom: 20px;
    padding-right: 0px;
    margin: 0px;
    background: #fff;
}

#title {
    padding: 0px;
    border: 0px solid #00dddd;
}

#footer {
    text-align: center;
    font-size: 10px;
    padding: 10px;
}

#text {
    width: 538px;
    padding: 8px 0px 10px 0;
    margin: 0px;
    border: 0px dotted #333;
}

#text_voices {
    width: 538px;
    background: #fff url(../images/bg-epyc-voices.gif);
    padding: 8px 5px 10px 5px;
    margin: 0px;
    border: 0px dotted #333;
}

#text_special {
    padding: 8px 30px 0 0;
    margin: 0px;
    border: 0px dotted #333;
}

#text_special a:link { color: #660000; text-decoration : none; }
#text_special a:visited { color: #440000; text-decoration : none; }
#text_special a:hover { color: #444444; text-decoration: underline;}
#text_special a:active { color: #440000; text-decoration: none }

#banners {
    position: absolute;
    top: 10px;
    left: 620px;
    padding: 0px;
    margin: 0px;
    width: 146px;
    text-align: center;
    border: 0px dotted black;
}

#banners img {
    margin: 0px;
    margin-bottom: 10px;
    border: 0px solid #ccff00;
}

#banners img.random {
    margin: 0px;
    margin-bottom: 64px;
    border: 0px solid #ccff00;
}

.slideshow_portraitR {
    float: right;
    position: relative;
    background: transparent;
    padding: 5px;
    width: 193px;
    border: 0px solid #333;
}

.slideshow_portraitL {
    float: left;
    background: transparent;
    padding: 5px;
    text-align: left;
    width: 198px;
    text-align: left;
    border: 0px solid #333;
}

.slideshow_landscapeR {
    float: right;
    position: relative;
    background: transparent;
    padding: 5px;
    width: 285px;
    border: 0px solid #333;
}

.slideshow_landscapeL {
    float: left;
    position: relative;
    background: transparent;
    padding: 5px;
    width: 285px;
    border: 0px solid #333;
}

.float_L_landscape {
    float: left;
    background: transparent;
    padding: 5px;
    border: 0px solid #333;
    width: 280px;
}

.float_L_portrait {
    float: left;
    background: transparent;
    padding: 5px;
    border: 0px solid #333;
    width: 220px;
}

.float_R_landscape {
    float: right;
    background: transparent;
    padding: 5px;
    border: 0px solid #333;
    width: 280px;
}

.float_R_portrait {
    float: right;
    background: transparent;
    padding: 5px;
    border: 0px solid #333;
    width: 220px;
}

.floatR {
    float: right;
    background: transparent;
    padding: 5px;
    border: 0px solid #ccff00;
}

.floatL {
    float: left;
    position: relative;
    background: transparent;
    padding: 5px;
}

.pagination {
    background: transparent;
    text-align: right;
    margin: 0px;
    margin-right: 34px;
    padding: 0px;
/*    padding-right: 34px; */
    border: 0px solid #eee;
}

/* Generic Styles */
.hide {
    visibility:hidden;
    display: none;
}

#flashLC {
    width:10px;
    height:10px;
    position:absolute;
    border: 1px solid red;
}

/**************************************/
/****** Timeline **********************/

#timeline p {
    top: 0px;
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    color:#030303;
    line-height: 12px;
    padding: 5px;
    margin: 0px;
    border: 0px solid #000998;
    height: 324px;
}

#timeline p.general { background-color: #dedede; }
#timeline p.religion { background-color: #BDE7B5; }
#timeline p.politics { background-color: #DFCCDD; }
#timeline p.culture { background-color: #C2E2E2; }
#timeline p.migration { background-color: #F1EED3; }
#timeline p.jewish { background-color: #EFCEC6; }

#timeline img {
    display: block;
    padding: 0px;
    margin: 0px;
    border: 0px solid #ccff00;
}

#timeline img.glass {
    display: inline;
    padding: 0px;
    margin: 0px;
    border: 0px solid #ccff00;
}

.timeline-years {
    position: absolute;
    top: 0px;
    height: 18px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background-color: #B5CECE;
    padding: 0px;
    margin: 0px;
    border-right: 1px solid #9EA98E;
}

#timeline-line {
    position: absolute;
    top: 518px;
    color: #000000;
    background-color: #000000;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #cc0000;
}

.timeline-col {
    width: 147px;
    position: absolute;
    top: 20px;
    padding: 0px;
    margin: 0px;
    border-right: 1px solid #bbbbbb;
    border-bottom: 0px solid #bb0000;
    border-top: 0px solid #bb0000;
    background-color: #786567;
}

.year { font-size: 11px; font-weight: bold; }

.title-large {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

.title-small {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
}

.small {
    font-size: 11px;
}

/* colors */
.color-general { color: #636363; }
.color-migration { color: #B18B21; }
.color-jewish { color: #B51000; }
.color-religion { color: #3F651D; }
.color-politics { color: #640D82; }
.color-culture { color: #293079; }

li {
    padding: 5px;
}

ul {}

ul li {
    padding: 0px;
}

HR.timeline {
    position: absolute;
    top: 18px;
    left: 0px;
    color: black;
    background-color: black;
    height: 1px;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

/**************************************/
/****** Timeline Detail ***************/

#time_detail {
}

#time_detail img {
    text-align: center;
    padding: 0px;
    margin: 0px;
    border: 0px solid #ccff00;
}

#time_detail p {
    padding-left: 20px;
    padding-right: 20px;
    font-family: Arial, Sans-Serif;
}

#time_detail p.header {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

#time_detail p.description {
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
}

/**************************************/
/****** Provocative Questions *********/

#pq {
    padding-left: 7px;
    padding-top:  8px;
}

#pq img {

}

#pq td {
    color:#000000;
    font-size: 12px;
    font-family: Georgia, Times New Roman, serif, sans-serif;
    font-weight: normal;
    vertical-align: top;
    padding-left: 0px;
}

#pq ul {
    margin:    0px;
    padding-left: 15px;
    vertical-align: top;
}

#pq li {
    color:#000000;
    font-size: 12px;
    font-family: Georgia, Times New Roman, serif, sans-serif;
    font-weight: normal;
    font-style: italic;
    vertical-align: top;
    padding-left: 0px;
}

#divFloating {
    position:absolute;
    z-index: 200;
}

.underline {
    text-decoration: underline;
    font-size: 13px;
}

dt {
    float: left;
    width: 150px;
    margin: 4px 8px 0 0; padding: 0;
    text-align: right;
    float: left;
    clear: left;    
}

dd {
    margin: 0 0 5px 0px;
    font-size: 10px;
    text-align: left;
}

#content table tr td {
    font-family: Georgia, Times New Roman, serif, sans-serif;
    font-size: 12px;
}

#content dt {
    float: left;
    margin-right: 0px;
    border: 0px solid red;
    clear: both;
    width: 120px;   
}

#content dd {
    float: left;
    border: 0px solid red;
    margin: 0 0 0 10px;
    width: 350px;
    text-align: left;
    font-size: 11px;
}

a.curriculum {
    text-decoration: underline;
}