/* WHOLE BACKGROUND COLOR */ body.index {background-color:#4f1f15} body.second {background-color:#4a1c1c;} body.main {background-color:#152941} body.third {background-color:#2a3607} body, textarea {font-family:Arial, Helvetica, sans-serif;} /* THE INDEX */ #index #centerContent {background-image:url(https://media.ziongjcc.org/zion/en/images/musee/index/content_bg.jpg); background-repeat:repeat-x} #index #centerContentWrap {padding-left:100px; background:transparent url(https://media.ziongjcc.org/zion/en/images/transparent.gif)} #index #centerContentWrap li {display:block; padding:0 18px 0 18px; border-right:#333333 dotted 1px; margin-top:26px;position:relative;float:left; height:218px; width:140px} #index #centerContentWrap li.no_border {border:none} #index #centerContentWrap li span img {position:absolute; top:120px; left:18px; border:0} #index #centerContentWrap li .indexbox {} #index #centerContentWrap li .indexbox em {display:none} #index #centerContentWrap li .indexbox:hover em {display:block; position:absolute; left:18px; top:0; border-bottom:4px #000 solid; outline:2px #333333 solid; opacity:.50} #index #centerContentWrap li p {text-indent:0; line-height:1.3em; margin-top:50px} #index #pagetitle {display:none; visibility:hidden} /* THE POP WINDOWS */ #popup #body {height:700px; overflow:auto; width:500px} #popup #centerContent, #popup #centerContentWrap {background-color:#fefff1} #popup # {background-image:url(https://media.ziongjcc.org/zion/en/images/musee/popup_bg.gif); background-repeat:repeat-x; background-position:top} #popup h2#pagetitle {background-color:transparent; margin:.3em 1em 1.5em 0; padding-bottom:8px; border-bottom:1px solid #5c5c52; border-bottom:1px dashed #ccc; margin-bottom:1em; padding-top:0; margin:0 0 15px 0; text-align:left} #popup #centerContent h4 {font-size:.8em; color:#434343; padding-bottom:.8em; margin:0} #popup #centerContentWrap img.photo {border:0 !important; margin-left:0} #popup #header_crime, #popup #header_prove, #popup #header_riverbed {background-repeat:no-repeat; background-position:top; border-bottom:#820b05 3px solid} #popup #header_crime {background-image:url(https://media.ziongjcc.org/zion/en/images/musee/musee_04_crime/crime_banner.jpg)} #popup #header_prove {background-image:url(https://media.ziongjcc.org/zion/en/images/musee/musee_04_prove/prove_banner.jpg)} #popup #header_riverbed {background-image:url(https://media.ziongjcc.org/zion/en/images/musee/musee_02/riverbed_banner.jpg)} /* BANNER */ #header {background-repeat:no-repeat;background-position:top left} .index #header {background-image:url(https://media.ziongjcc.org/zion/en/images/musee/index_header_eng.jpg); background-position:bottom left !important} .second #header {background-image:url(https://media.ziongjcc.org/zion/en/images/musee/header_banner_eng.jpg)} .main #header {background-image:url(https://media.ziongjcc.org/zion/en/images/musee/main_header_banner_eng.jpg)} .third #header {background-image:url(https://media.ziongjcc.org/zion/en/images/musee/third_header_banner_eng.jpg)} /* HEADING */ h2#pagetitle {background-color:transparent; margin:.3em 1em 1.5em 0; padding-bottom:8px; border-bottom:1px solid #5c5c52} h2 span {display:none;visibility:hidden} /* NAVIGATION */ #skipNavigation { /*1*/color:inherit;background-color:inherit;font-size:inherit;display:none;visibility:hidden} /* navigation bg color */ .second #content {background-image:url(https://media.ziongjcc.org/zion/en/images/musee/nav_bg.jpg); background-repeat:repeat-y; background-position:left} .main #content {background-image:url(https://media.ziongjcc.org/zion/en/images/musee/main_nav_bg.jpg); background-repeat:repeat-y; background-position:left} .third #content {background-image:url(https://media.ziongjcc.org/zion/en/images/musee/third_nav_bg.jpg); background-repeat:repeat-y; background-position:left} #navigation { /*2.2.1*/color:#cccccc;font-size:12px;text-align:left;padding:0;margin:0;background-position:bottom left;background-repeat:repeat-x} #navigation a, #navigation a:link, #leftContent a, #leftContent a:link {color:#fff;font-weight:normal; text-decoration:none;} #navigation a:hover, #navigation a:focus, #navigation a:active, #leftContent a:hover, #leftContent a:focus, #leftContent a:active {text-decoration:none; outline:none} #bNav {font-size:12px} #bNav .firstchild {background-image:none} #bNav li a, #bNav li a:link {text-decoration:none; cursor:default} #bNav a:hover, #bNav a:focus, #bNav a:active {color:#FFFFFF !important; outline:none} #uNav {font-size:12px} #uNav li a:hover, #uNav li a:focus, #uNav li a:active {text-decoration:underline; outline:none} /* "index" navigation */ .index #uNav ul {margin-right:30px} .index #uNav li a {border-left:2px #fff solid} .index #uNav li.firstchild a {border:none} .index #uNav li a:link, .index #uNav li a:visited {color:#fff; font-weight:bold} .index #uNav li a:hover, .index #uNav li a:focus, .index #uNav li a:active {color:#fcf3aa; outline:none} /* "second" navigation */ .second #navigation {background-color:#7e0202} .second #pNav .firstchild {border:0} .second #pNav .firstchild a {padding-left:30px} .second #pNav li {border-left:1px solid #000000} .second #pNav li a:hover, .second #pNav li a:focus, .second #pNav li a:active, .second #pNav li.active a {background-color:#000000;text-decoration:none; outline:none} .second #qNav li {list-style:none} .second #qNav li a {color:#434343; text-decoration:none; margin-left:5px; font-size:12px} .second #qNav li a:hover, .second #qNav li a:focus, .second #qNav li a:active {color:#CC0000; text-decoration:underline; outline:none} #sNav li a {color:#FFFFFF; font-weight:normal; /*border-bottom:#FFFFFF dotted 1px; */background-image:url(https://media.ziongjcc.org/zion/en/images/musee/arrow.png); background-repeat:no-repeat; background-position:5px 15px; padding-left:25px} #sNav li a:hover {color:#f7eb25; background-image:url(https://media.ziongjcc.org/zion/en/images/musee/arrow_hover.png); border-color:#f7eb25} #sNav li.active a {background-image:url(https://media.ziongjcc.org/zion/en/images/musee/arrow_hover.png); color:#f7eb25;text-decoration:none;/*border-bottom:#f7eb25 dotted 1px; */outline:none} #uNav li a {border-left:2px #fff solid} #uNav li.firstchild a {border:none} #uNav li a:link, #uNav li a:visited {color:#fff} #uNav li a:hover, #uNav li a:focus, #uNav li a:active {color:#FFFFCC; outline:none} /* "main" navigation */ .main #navigation {background-color:#1F3E63} .main #pNav .firstchild {border:0} .main #pNav .firstchild a {padding-left:30px} .main #pNav li {border-left:1px solid #000000} .main #pNav li a:hover, .main #pNav li a:focus, .main #pNav li a:active, .main #pNav li.active a {background-color:#000000;text-decoration:none; outline:none} .main #qNav li {list-style:none} .main #qNav li a {color:#434343; text-decoration:none; margin-left:5px} .main #qNav li a:hover, .main #qNav li a:focus, .main #qNav li a:active {color:#CC0000; text-decoration:underline; outline:none} /* "third" navigation */ .third #navigation {background-color:#a24400} .third #pNav .firstchild {border:0} .third #pNav .firstchild a {padding-left:30px} .third #pNav li {border-left:1px solid #000000} .third #pNav li a:hover, .third #pNav li a:focus, .third #pNav li a:active, .third #pNav li.active a {background-color:#000000;text-decoration:none; outline:none} .third #qNav li {list-style:none} .third #qNav li a {color:#434343; text-decoration:none; margin-left:5px} .third #qNav li a:hover, .third #qNav li a:focus, .third #qNav li a:active {color:#CC0000; text-decoration:underline; outline:none} /* CONTENT BOXES */ #content { /*2.2.2*/color:inherit;background-color:#fffff5;font-size:inherit} #body { /*2.2*/color:inherit;background-color:inherit;font-size:inherit;} #home_page { /*2*/color:inherit;background-color:#fffff5;font-size:inherit;} #centerContent { /*2.2.2.3*/color:#5b595a;background-color:#fffff5;font-size:inherit;} #centerContentWrap { /*2.2.2.3.1*/color:inherit;background-color:#fffff5;font-size:12px;line-height:20px} #centerContentWrap h3, #centerContentWrap h4, #centerContentWrap h5, #centerContentWrap h6, #centerContentWrap p, #centerContentWrap blockquote, #centerContentWrap ol, #centerContentWrap ul, #centerContentWrap dl, #centerContentWrap address, #centerContentWrap table, #centerContentWrap form, #centerContentWrap hr, #centerContentWrap fieldset, #centerContentWrap form div {margin-bottom:1em} #centerContentWrap form div label {vertical-align:top} #centerContentWrap p {text-indent:2em;text-align:left;color:#434343; width:100%} #one-column.second #centerContentWrap p {width:100%} #centerContentWrap blockquote {border:1px solid #7e847a;padding:2.5em;text-indent:2em;text-align:justify} #centerContentWrap address {} #centerContentWrap ul, ol {color:#434343} #centerContentWrap li {text-align:justify;list-style-type:none; margin-bottom:1.5em} #centerContentWrap dd {font-size:inherit; color:inherit; margin-bottom:1em} #centerContentWrap table {width:auto} #centerContentWrap tr {} #centerContentWrap th {font-weight:normal; color:#434343;background-color:transparent;padding-bottom:.8em; padding-top:.8em; margin:0;text-align:justify; vertical-align:top; line-height:1.5em; border-bottom:#ccc 1px solid} #centerContentWrap th.bottom {border:none} #centerContentWrap th span {color:#999; font-style:italic; line-height:40px} #centerContentWrap.timeline th {border-bottom:none} #centerContentWrap th a, #centerContentWrap th a:link, #centerContentWrap th a:visited {color:#003366; font-weight:bold; text-decoration:none; cursor:pointer} #centerContentWrap th a:hover, #centerContentWrap th a:focus, #centerContentWrap th a:active {color:#0033CC; outline:none} #centerContentWrap th.playIcon a, #centerContentWrap th.playIcon a:link {background-image:url(https://media.ziongjcc.org/zion/en/images/icon_play.png); background-repeat:no-repeat; padding-left:25px} #centerContentWrap th.playIcon a:hover, #centerContentWrap th.playIcon a:focus, #centerContentWrap th.playIcon a:active {background-image:url(https://media.ziongjcc.org/zion/en/images/icon_play_hover.png); outline:none} #centerContentWrap td {color:#434343;padding:.2em .5em .2em .8em; margin:0;text-align:left;vertical-align:top;line-height:1.8em} #centerContentWrap td a, #centerContentWrap td a:link {font-weight:bold;text-decoration:none;color:#434343;cursor:pointer} #centerContentWrap td a:hover, #centerContentWrap td a:focus, #centerContentWrap td a:active {color:#628f80;text-decoration:underline; outline:none} #centerContentWrap form {} #centerContentWrap caption {display:none;visibility:hidden} #centerContentWrap fieldset {padding:10px;border:1px solid #7e847a;} #centerContentWrap legend {background-color:#ece0d4;padding:2px 5px;font-weight:bold;border:1px solid #7e847a;} #centerContentWrap label {} #centerContentWrap input, textarea {padding:2px 5px;font-size:100%} #centerContentWrap img {border:1px solid #7d8589} #centerContentWrap #popupImgContent {position:relative; float:right; padding:0; margin-left:15px; width:160px} #centerContentWrap #popupImgContent img {border:#ccc 1px solid; display:block; margin-top:5px} img.left {position:relative;float:left;margin:.6em 1.5em 1em 0} img.right {position:relative;float:right;margin:.5em 0 1em 1.5em} img.block {display:block} /* BREADCRUMB */ #breadcrumb { /*2.2.2.1*/color:inherit;background-color:#fffff5;font-size:11px} #breadcrumb li {background-image:url(https://media.ziongjcc.org/zion/en/images/breadcrumb.jpg);background-position:left;background-repeat:no-repeat;background-color:#fffff5;} /* LEFT CONTENT */ #leftContent { /*2.2.2.2*/font-size:12px} #leftContent a {color:#d23502} /* RIGHT CONTENT */ #rightContent {color:inherit;background-color:#fffff5;font-size:11px;} #rightContent img {margin-bottom:14px;margin-left:30px;border:1px solid #ccc} #rightContent p {font-size:11px; padding:0; margin-left:30px; margin-top:-10px; width:188px ; margin-bottom:14px} #rightContent img.group {margin-bottom:3.8em} #rightContent h2 {background-color:#80332b; color:#FFFFFF; font-size:.8em; font-weight:bold; padding:0; margin:0 0 1.5em 0} #rightContent ul {border:#ca9c8c solid 2px; background-color:#ebdcb5; width:188px; margin-left:30px; padding-bottom:1em; list-style:decimal} #one-column #rightContent ul {border:#ca9c8c solid 2px; background-color:#ebdcb5; width:160px; margin-left:5px; padding-bottom:.5em; list-style:disc} #rightContent li {margin-left:3em} #one-column #rightContent li { margin-left:1.7em} #rightContent li a:link, #rightContent li a:visited, #one-column #rightContent li a:link, #one-column #rightContent li a:visited {color:#434343; padding:0 ; margin-bottom:.8em; line-height:1.3em;cursor:pointer;text-decoration:none} #rightContent li a:hover, #rightContent li a:focus, #one-column #rightContent li a:hover, #one-column #rightContent li a:focus {color:#993300; text-decoration:underline; outline:none} #rightContent li.active, #rightContent li.active a {color:#990000 !important; text-decoration:underline} #rightContent dl {padding:0 .5em 0 .5em; margin-left:1.5em; margin-bottom:.8em} #rightContent dl a, #rightContent dl a:link, #rightContent dl a:visited {color:#990000; font-weight:bold} #rightContent dl a:hover, #rightContent dl a:focus {color:#FF0000; text-decoration:underline; outline:none} #rightContent dt {color:#1a548e; font-weight:bold; font-size:11px; margin:0 1em 1em 1em; padding:0 0 .5em .5em} #rightContent dd a, #rightContent dd a:link, #rightContent dd a:active, #rightContent dd a:visited {color:#990000; line-height:1.5em; font-size:11px;padding-left:.12m; margin: .5em 0 1em .3em; font-weight:bold; text-decoration:underline; width:170px} #rightContent dd a:hover, #rightContent dd a:focus {color:#FF0000; outline:none} #rightContent #scrollbox {width:230px; height:590px; overflow:auto; background:transparent url(https://media.ziongjcc.org/zion/en/images/transparent.gif); padding:0; margin:0 } #rightContent #thumbs {width:200px; height:auto; padding:0; list-style:none; background:none; border:none; margin:0} #rightContent #thumbs li {display:block; float:top; margin:0 0 15px 17px; padding:0} #rightContent #thumbs li img {margin:0; padding:0} /* FOOTERS */ #footer { /*2.3*/color:#fffff5;background-color:#87765a;font-size:0.7em } #footer a { /*2.3*/color:#fffff5;background-color:#c7c3aa;} #leftFooter { /*2.3.2*/color:#FFFFFF;background-color:inherit;font-size:inherit; line-height:1.5em} #index #footer, #index #leftFooter {background-color:#73532d} #leftFooter:before {content:url(https://media.ziongjcc.org/zion/en/images/footer_logo.gif)} /* MISC */ /* toptip */ .hide {position:absolute; z-index:800; left:-9999px;} .hide {border:1px solid #e3d497; padding:15px;background:#ffeece; text-align:left} .hide h3 {font-size:12px; line-height:1.3em; color:#800; margin-top:5px; padding:0; font-weight:bold} .hide p {padding:0; margin:0; font-size:12px; line-height:1.2em; color:#434343} .hide img {border:2px solid #C18C44; margin-bottom:5px; margin-right:0; margin-top:5px; width:188px; height:130px} .hide_img {position:absolute; z-index:800; left:-9999px} .hide_img {border:0; padding:15px;text-align:left} .hide_img h3 {font-size:12px; line-height:0; color:#fff; margin:0 ; padding:5px 5px 5px 12px; font-weight:bold; line-height:1.2em; background-color:#999; width:auto} .hide_img img {border:2px solid #999 !important} em.toptip {border-bottom:dotted 1px #C60; color:#C60; font-style:normal} #noteOne, #noteTwo, #noteThree, #noteFour, #noteFive, #noteSix, #noteSeven, #noteEight, #noteNine, #noteTen, #noteEleven, #noteTwelve, #noteThirteen, #noteFourteen, #noteFifteen, #noteSixteen {width:194px;}