@charset "utf-8";
/* CSS Document */
body {margin: 0; line-height: normal; background: #efefef; background-image: none;}
iframe {display: none;}
p {-moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}
body a {color: #900; font-weight: normal; text-decoration: none; line-height: normal;}
body a:hover {text-decoration: underline;}
abbr {border: 0;}
.number {text-align: right;}
.note {color: #990000;}
#wrapper #body #content #sidebar h2, #wrapper #body #content #sidebar h2 a,#wrapper #body #content #sidebar2 h2, #wrapper #body #content #sidebar2 h2 a {font-family: Georgia, "Times New Roman", Times, serif; color: #777; text-decoration: none;}
#wrapper #body #content #sidebar h2 a:hover, #wrapper #body #content #sidebar2 h2 a:hover {text-decoration: underline;}
#wrapper #body #content .news-item h2 {font-size: 10pt;}
#wrapper #content .sponsor {line-height: normal;}
body#home .breadcrumb {display: none;}
.breadcrumb {margin: 18px 0 18px; float: left; clear: both;}
#wrapper .breadcrumb {position: absolute; left: 220px; top: -38px;}
#wrapper #global .breadcrumb {position: relative; left: 0; top: 0; float: none; display: none;}
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited {color: #900; text-decoration: underline;}
#wrapper {position: relative; left: 0px; width: 100%;}
#viewer {z-index: 1;}
#bu_join {border: 1px solid #3b6e8f; color: #3b6e8f; text-decoration: none; font-weight: bold; padding: 4px; margin: 24px 0;}
#bu_join:hover {background: #3b6e8f; color: #fff;}
#content .donate {position: relative; left: 0; top: 0px; text-decoration: none; color: #fff; background: #3b6e8f url(/vhi/images/bu_donate_bg.png) left center no-repeat; padding: 6px 0 6px 62px; margin: 0 0 24px; display: block; width: 160px; font-size: 16px; float: left; clear: both; color: #fff;}
#content .donate span {font-size: 20px; font-weight: bold;}
#cont.donate:hover {background-color: #66addb;}

#index #navigation {left: 275px;}
#navigation li li, #navigation li #submenu li {position: relative; border-right-width: 0; border-bottom: 1px solid #d7e4f2;}
#navigation li a {display: block; padding: 4px 9px; text-decoration: none; color: #000;}
#navigation li a:hover {background: #3b6e8f; text-decoration: none; color: #fff;}
#navigation li li li a {background: #3b6e8f; width: 177px; display:block;}
#navigation li li li a:hover {background: #05304c; color: #fff;}
#navigation li li a {background: #8FADCC; color: #fff; width: 177px; display: block;}
#navigation li li a:hover {background: #3b6e8f;}
#navigation, #navigation ul {padding: 0; margin: 0; list-style: none; line-height: 1;}
#navigation {position: relative; z-index: 9000; top: 20px; left: 240px; margin: 0; list-style: none; padding: 0; border-left: 1px dotted #777; float: left;}
#navigation a {display: block; width: auto;}
#navigation li {float: left; width: auto; border-bottom: 1px solid #000; border-right: 1px dotted #777;}
#navigation li ul {position: absolute; width: 195px; display: none;}
#navigation li ul ul, #navigation li #submenu ul {margin: 0 0 0 195px; position: absolute; top: 0; left: 0;}
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.over ul ul, #navigation li.over ul ul ul {display: none;}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.over ul, #navigation li li.over ul, #navigation li li li.over ul {display: block;}

#search-box {position: absolute; float: right; clear: none; right: 30px; bottom: 15px;}
#search-box th {color: #fff; font-weight: normal; width: 45%; text-align: right;}
#search-box td {padding: 1px 3px 0 0;}
#search-box td span {color: #efefef;}
#search-box img#usc-logo {display: block; margin: 0 0 0 6px;}

#header h1#sfi-name {text-indent: -1999em; background: url(images/home_shoah_title.gif) top left no-repeat; width: 388px; height: 24px;}
#index h1#sfi-title {position: relative; top: 10px; left: 275px; text-indent:-1999em; background: url(/vhi/images/h1_homepage3.png) top left no-repeat; width: 505px; height: 24px; margin: 0;}
#index h2#mission {position: relative; top: 10px; left: 275px; color: #777; font-style: italic; font-weight: normal; font-size: 14px; line-height: normal; width: 517px;}
#news-section {line-height: normal; margin: 0 0 24px;}
#wrapper #contents {position: relative; top: 0px; float: left; left: 20px; z-index: 10; margin-bottom: 24px;}
#wrapper #content h1.section-heading {font-family: Arial, Helvetica, sans-serif; padding: 2px 0 2px 6px; font-size: 16px; margin: 0; color: #000; background: #fff; border-top: 1px solid #999; border-bottom: 1px solid #999; clear: both;}
#wrapper #content h1.section-heading a {font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none;}
body.education a {color: #3b6e8f; text-decoration: none;}
body.education a:hover {text-decoration: underline;}
body.education a:link {line-height: normal;}
body.education a:visited {font-size: inherit; line-height: normal;}
body.preservation #content {}
#wrapper #sidebar #news-section {margin-top: 12px; float: left; width: 100%}
#sidebar #news-section .news-item {padding: 6px 3px; border-bottom: 1px dotted #999;}
#sidebar #news-section .news-item h2 {margin: 0px; padding: 0; text-transform: none;}
#sidebar #news-section .news-item p {margin: 0px 0px; padding: 0px;}
#sidebar #news-section a {color: #900; text-decoration: underline; padding:0; line-height: normal;}
#sidebar #email-signup {float: left;}

#header #signup-box {position: absolute; top: 120px; background: none; left: auto; right: 0px; padding-left: 0px; width: 210px;}
#signup-box .signup {display: block; width: 164px; height: 36px; padding-right: 46px; background: url(/vhi/images/ico_newsletter.png) right center no-repeat; text-decoration: none; color: #000; font-size: 13px;}
#signup-box .signup span {font-weight: bold; font-size: 16px;}
#signup-box .signup:hover {color: #900;}

#header #survey-box {position: absolute; top: 120px; background: none; left: auto; right: 230px; padding-left: 0px; width: 210px;}
#survey-box .survey {display: block; width: 164px; height: 36px; padding-right: 46px; background: url(/vhi/images/takeSurvey.png) right center no-repeat; text-decoration: none; color: #000; font-size: 13px;}
#survey-box .survey span {font-weight: bold; font-size: 16px;}
#survey-box .survey:hover {color: #900;}

#contents {width: 1100px;}
#content {position: relative; width: 1100px; left: 20px; top: 0; line-height: normal; margin: 80px 0 96px; color: #333; float: left; clear: none; z-index: 300;}
#sidebar {position: relative; width: 190px; margin: 0; float: left; clear: left; line-height: normal; z-index: 9000;}
#index #sidebar {}
.section {margin: 0 0 24px;}
#sidebar h2, #sidebar2 h2 {font-size: 16px; margin: 0; padding: 0;}
#sidebar2 h2:nth-child(n+2) {margin: 18px 0 0;}
#sidebar h2 {font-size: 16px;}
#sidebar ul {margin: 12px 0 0; padding: 0; line-height: normal;}
#sidebar ul ul {margin: 0;}
#sidebar li, #sidebar2 li {margin: 0; padding: 0; list-style: none; margin: 0 0 6px;}
#sidebar li li {margin-bottom: 12px;}

/* MINI GALLERY VIEWER */
/*#sidebar #gallery-teaser, #main #gallery-teaser {border: 1px solid #777; background: #fff; padding: 6px; text-align: center; position: relative; top: 30px;}*/
#main #gallery-teaser {margin-bottom: 30px; top: 0;}
#sidebar #gallery-teaser img {margin: 0 auto;}
#teaser-image  {width:160px;}
#content #teaser-display a {display: block; margin: 0 0 12px; width: 160px; padding: 5px; background: #fff; -moz-box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; box-shadow: 1px 1px 2px #000;}
#teaser-display .caption {display: block; text-align: left; line-height: normal; margin: 6px auto;}
#sidebar #teaser-nav {margin: 0 auto; display: block; vertical-align: middle;}
#wrapper #content #teaser-nav #counter {font-size: 18px;}
#photo_info {margin: 9px 12px;}

#gallery-teaser {float: left; background: #d0d0d0; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; width: 178px; padding: 9px;}
/*#wrapper #content #gallery-teaser {float: left; text-align: center; padding: 0; background: #d0d0d0 url(/vhi/images/sidebar_gallery_bg_top.png) top center no-repeat; width: 190px; margin: 0; border: 0;}
#wrapper #content #gallery-teaser-footer {background: url(/vhi/images/sidebar_gallery_bg_bottom.png) bottom center no-repeat; padding: 9px 0 0;}*/
#wrapper #content #gallery-teaser h1 {color: #fff; font-size: 14pt; border-bottom: 1px solid #fff; padding: 6px 0 6px; margin: 0 12px 12px; text-align: left; text-shadow: 1px 1px 2px #000;}
#wrapper #content #teaser-nav {display: block; width: 80%; margin: auto auto 10px; padding-top: 4px; vertical-align: middle; text-align: center;}
.portal #wrapper #content #legend li a {font-size: 10px;}

.portal #content #sidebar2 #gallery-teaser {float: left; width: 100%; padding: 0; margin: 0 0 30px;}
.portal #content #gallery-teaser .thumb {width: 50px;}
.portal #content #gallery-teaser h1 a {color: #fff; font-family: Helvetica, Arial, sans-serif; text-decoration: none;}
.portal #content #gallery-teaser h1 a:hover {text-decoration: none;}
.portal #content #sidebar2 #gallery-teaser #teaser-image {display: block; width: 85%; padding: 9px; background: rgb(255,255,255); -moz-box-shadow: 1px 1px 2px rgb(0,0,0); -webkit-box-shadow: 1px 1px 2px rgb(0,0,0); margin: auto}
.portal #content #sidebar2 #gallery-teaser #teaser-display a {display: inline; padding: 0;}
#gallery-teaser h3, #gallery-teaser p {padding: 0 12px; text-align: left}
#teaser-caption p {padding-left: 0; padding-right: 0;}
#gallery-teaser nav {text-align: left; margin: 0 12px 9px;}
#gallery-teaser nav p {padding-left: 0;}
#gallery-teaser-footer {padding-top: 0;}
#video-description {padding: 6px 0; font-style: italic; color: #777;}
#lesson-list li img {float: left; clear: none; margin: 0 9px 9px 0;}
.video-div {margin-top: 12px;}
.portal .upcoming-event {margin: 9px; padding: 0;}
#wrapper #body #content #sidebar .upcoming-event h2 a {margin-bottom: 0; font-family: Helvetica, Arial, sans-serif; font-size: 10pt;}
.portal .upcoming-event p {margin-top: 0;}
.push {margin: 0 0 24px; border: 1px solid #777; padding: 6px; background: #fff;}
#main {position: relative; width: 550px; margin: 0 0 0 30px; float: left; clear: none;}
h1, h2, h3, h4 {color: #3b6e8f; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
body h1 a, body h2 a, body h3 a, body h4 a {color: #3b6e8f; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: underline;}
#main p {line-height: 1.5em;}
#main p.intro {margin-top: 0;}
#main p.caption {line-height: normal; font-size: 10px;}
#main table {float: left; clear: none; margin: 0 12px 0 0;}
#main #country-table td, #main #lang-table td {padding: 4px; border-bottom: 1px dotted #777;}
#main td a {text-decoration: underline;}
#main td a:hover {color: #f00;}
#main h3 {width: 100%; float: left; clear: both;}
#main .lang-table {width: 30%;}
#main #lang-tables {width: 100%; float: left; clear: both; margin-top: 24px;}
span.caption {display: block; line-height: normal; font-size: 10px;}
h1.title {position: relative; left: 220px; color: #000; width: 550px;}
#donation #main h1 {position: absolute; left: 0; top: -40px; width: 450px; height: 28px; background: url(/vhi/images/h1_donate.png) left top no-repeat; text-indent: -1999em;}
.events #main h1 {position: absolute; left: 0; top: -40px; color: #000;}
.detail .page_header h1 {top: -60px; font-size: 16px; color: #000; margin: 0 0 6px;}
.detail .page_header h2 {font-size: 20px; margin: 0 0 16px; color: #000;}
.staff #content h1.title {position: relative; left: 220px; top: 0px; width: 450px; background: url(/vhi/images/h1_staff.png) left top no-repeat; text-indent: -1999em; margin: 0 0 1em;}
.staff #content .content-tools {left: 220px; width: 550px;}
.staff #main .bio {margin: 9px 0 24px; float: left; clear: both; width: 100%; position: relative;}
.staff #main .bio img.profile {float: left; clear: none; margin: 0; padding: 0 12px 12px 0; position: absolute; left: -125px;}
.staff #main .bio .bio-text {float: left; clear: none;}
.staff #main .bio .bio-text h2 {margin: 0 0 20px;}
.staff #main .bio .bio-text h3, #main .bio .bio-text h4 {font-size: 12pt; margin: 0; padding: 0;}
.staff #main .bio .bio-text h3 {float: none;}
.staff #main .bio .bio-text h4 {font-style: italic;}
.staff #main .bio .bio-text p {line-height: normal;}
.staff #main .unit {}
.staff #sidebar #section1 {background: #cfcfcf; margin-bottom: 12px; padding: 6px;}
.staff #sidebar #section1 h2 {margin-top: 0;}
.staff #sidebar h2 {margin: 12px 0 0 0;}
.staff #sidebar ul {margin-top: 6px;}
.staff .staff-list {padding: 0;}
.staff .staff-list li {list-style: none; padding: 0; margin: 0 0 6px; font-weight: bold;}
.staff .staff-list li span {font-style: italic; font-weight: normal;}
.staff div#staff-section {position: relative; top: 0; left: 0; width: 550px; float: left;}
.staff div#staff-list-container {position: relative; top: 0; left: 24px; width: 200px;}
.staff div#staff-list-container h2 {font-size: 20px;}
.board #main h1 {position: absolute; left: 0; top: -40px; width: 600px; height: 47px; background: url(/vhi/images/h1_board.png) left top no-repeat; text-indent: -1999em;}
.locations #content h1.title {position: relative; left: 220px; width: 450px; background: url(/vhi/images/h1_location.png) left top no-repeat; text-indent: -1999em; margin: 1em 0;}
.preservation #content h1.title {position: relative; left: 220px; top: 0; width: 450px; margin: 1em 0; background: url(/vhi/images/h1_preservation.png) left top no-repeat; text-indent: -1999em;}
.scholarship #content #global h1.landing {position: relative; left: 0; top: -40px; width: 550px; height: 47px; margin-bottom: 0; background: url(/vhi/images/h1_scholarship.png) left top no-repeat; text-indent: -1999em; margin-top: 0;}
.memory #main h1 {position: absolute; left: 0; top: -40px; width: 600px; height: 47px; margin-bottom: 0; background: url(/vhi/images/h1_memory.png) left top no-repeat; text-indent: -1999em;}
.news #wrapper h1.title {position: relative; left: 220px; top: 0px; width: 600px; margin-bottom: 0; background: url(/vhi/images/h1_news.png) left top no-repeat; text-indent: -1999em;}
.ukraine #content h1.title {position: relative; left: 220px; width: 800px;}

#main h2 {font-size: 20px; margin: 0;}
#main a#download-link, a.video-button, p.button a {padding: 4px 6px; border: 1px solid #3b6e8f; font-weight: bold; margin: 0 12px 0 0; color: #3b6e8f;}
#main a#download-link:hover, a.video-button:hover, p.button a:hover {background: #3b6e8f; color: #fff; text-decoration: none;}
#main li{margin: 0 0 12px;}
#content .callbox {background: #ededed; border: 1px solid #777; padding: 9px; float: left; clear: both;}
#content .callbox a {color: #900; text-decoration: underline;}
html > body a[href$="pdf"], html > body a[href$="PDF"], #sidebar a[href$="pdf"], #sidebar2 a[href$="pdf"] {padding: 2px 0 2px 20px; background: url(/vhi/images/ico_pdf.gif) left center no-repeat;}
#sidebar2 {position: relative; width: 300px; float: left; clear: none; margin: 0 0 0 30px;}
#index #sidebar2 {background: #fff;}
.section .unit {padding: 0 0 9px; border-bottom: 1px dotted #777; margin: 9px 0 0;}
.section .unit h1 {color: #777; font-size: 18px; margin: 0;}
.section .unit img {display: block; float: left; clear: none; margin: 0 9px 0 0;}
.section .unit p {margin: 6px 0 0;}
.section .unit .more, .section .unit .collapse {color: #900; font-weight: bold;}
.section .unit .hide, .unit .hide {display: none;}
.section .unit .extra, .unit .extra {display: none;}
.section .unit .reveal, .unit .reveal {display: inline;}
#sidebar2 .section .photo {margin: 0 0 12px; width: 300px;}
#sidebar2 .section .photo img {float: none; border: 1px solid #777;}
#sidebar2 ul {padding: 0; margin: 12px 0 0;}
#wrapper .progress {margin: 0 0 18px; border: 1px solid #777; background: #fff; padding: 9px; width: 280px;}
#wrapper .progress h3 {font-size: 18px; margin: 0 0 6px;}
#wrapper .progress .caption {}
#wrapper .progress table {margin: 6px 0;}
#wrapper .progress td {border-bottom: 1px dotted #777; vertical-align: bottom;}
#wrapper .progress ul a {display: block;}

.quickfact {border: 1px solid #3b6e8f; background: #fff; padding: 9px;}

#footer-table {position: relative; width: 1200px; float: left; clear: both; text-align: center;}
#wrapper #contents #main {width: 550px; position: relative; left: 0px;}
#index #wrapper #contents #main {top: 42px; width: 720px; margin-bottom: 42px;}
#news-section h1 {margin: 0; padding: 0 0 4px; border-bottom: 2px solid #999; font-size: 16px;}
#sidebar a {color: #900; text-decoration: underline; padding:0;}
#wrapper #viewer {position: relative; margin: 0 0 0 40px; float: left; clear:none; width: 620px;}
#wrapper #footer, #footer {position: relative; float: none; margin: 0 0 24px 240px; line-height: normal; z-index: 200;}

/* NEW FOOTER DECLARATIONS (1-14-2011) */

#wrapper #footer {margin-left: 0px; width: 100%; margin: 0; float: left; background: #ccc; background: rgba(0,0,0,.15); left: 0; padding: 0;}
#footer .sidebar {width: 190px; float: left; padding: 12px 15px 20px 20px; border-right: 1px solid #999; border-right: 1px solid rgba(0,0,0,.25);}
#footer .feedback {padding: 0; margin: 10px 0 0;}
#footer .feedback li {list-style: none; margin-bottom: 6px; float: left;}
#footer .feedback .icon, #footer .feedback span {float: left; margin-right: 6px;}
#footer .feedback span {width: 147px; margin: 0;}
#footer .feedback a {color: #999; color: rgba(0,0,0,.4); font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,.75);}
#footer .feedback a:hover {text-decoration: none; background: none; color: #666; color: rgba(0,0,0,.6);}
#footer a .icon {opacity: .4;}
#footer a:hover .icon {opacity: .6;}
#footer .main {width: 549px; float: left; padding: 12px 20px 20px 15px;}
#footer .sponsor {text-align: left; font-size: 12px; line-height: normal; float: left; clear: both; color: #999; padding: 9px 0 0; border-top: 1px dotted #999; margin: 24px 0 0; width: 100%;}
#social-networks {margin: 0; padding: 0; list-style: none;}
#social-networks a {display: block;}
#social-networks li {padding: 0 0 6px;}
#social-networks a#facebook-fan, #wrapper .social_networks a.facebook-fan {background: url(/vhi/images/Facebook-24x24.png) top left no-repeat; padding: 5px 0 5px 28px;}
#social-networks a#youtube, #wrapper .social_networks a.youtube {background: url(/vhi/images/Youtube-24x24.png) top left no-repeat; padding: 5px 0 5px 28px;}
#social-networks a#twitter, #wrapper .social_networks a.twitter {background: url(/vhi/images/Twitter-24x24.png) top left no-repeat; padding: 5px 0 5px 28px;}
#award {width: 140px; float: left; margin: 12px 0 0 30px;}
#award .caption {font-size: .8em; color: #777;}


div#upcoming {display: block; background: #fff; padding: 4px; margin: 12px 0; border: 1px solid #ddd;}
div#upcoming h1 {font-size: 14px; color: #900; margin: 0; padding: 0;}
div#upcoming h2 {margin: 0; padding: 0; font-size: 12px;}
div#upcoming p {padding: 0; margin: 0;}
div#sidebar div#upcoming a {color: #666;}
.language-menu-block {background: #999; color: #fff; padding: 4px 6px; font-weight:bold; top: 130px; border: 1px solid #fff;}
.language-menu-block form {margin: 0; padding: 0;}

#index #languages {position: absolute; right: 30px; left: auto; top: 110px; width: 320px;}
#index #languages span {display:block; margin: 0 0 4px;}
#index #languages a {display: block; float: left; clear: none; padding: 3px 3px 0; border: 1px solid #3B6E8F; background: #fff; color: #3B6E8F; margin: 0 6px 6px 0; vertical-align: middle; text-align: center; width: 18px; height: 18px; font-weight: bold; text-decoration: none;	}
#index #languages a:hover {background: #3B6E8F; color: #fff;}

#email-signup a {display: block; padding: 3px 6px; background: #fff; margin: 0 0 0px; border: 1px solid #3B6E8F; color: #3B6E8F; font-weight: bold; text-decoration: none;}
#email-signup a:hover {background: #3B6E8F; color: #fff;}

#global {position: relative; left: 240px; width: 800px; margin: 18px 0; padding-bottom: 18px; z-index: 500; top: 60px;}
#submenu {display: block; width: 100%; margin: 0; padding: 0;}
#submenu li {position: relative; list-style-type: none; display: block; float: left; clear: none; padding: 0; margin: 0; border-left: 1px solid #777;}
#submenu li.last {border-right: 1px solid #777;}
#submenu li a {display: block; padding: 3px 9px; background: #fff;}
#submenu li a:hover {background: #999; color: #fff;}
#submenu li ul, #submenu li:hover ul li ul, #submenu li.over ul ul {position: absolute; left: 0; left: -999em; list-style: none; margin: 0; padding: 0;}
#submenu li ul li ul li a {background: #990000;}
#submenu li ul li ul li a:hover {background: #660000; color: #fff;}
#submenu li li {position: relative; float: left; clear: both; width: 175px; border-bottom: 0px;}
#submenu li ul li:hover ul {left: 175px; top: 0;}
#submenu li li ul li {position: relative; float: left; clear: both; width: 175px; border-bottom: 0px;}
#submenu li:hover ul, #submenu li ul li:hover ul, #submenu li.over ul, #submenu li li.over ul {left: auto;}
#submenu li li a {background: #8FADCC; color: #fff;}
#submenu li li a:hover {background: #3b6e8f;}
#global #submenu li a span.chevron {display: none;}
#navigation #submenu li.last {border-right: 0;}
#navigation #submenu li {border-left: 0;}
#navigation #submenu li a span.hide {display: inline;}
#navigation #submenu li li {width: 195px;}

#home #global #submenu #subhome a, #archival #global #submenu #sub0 a, #funding #global #submenu #sub1 a, #research #global #submenu #sub2 a, #conference #global #submenu #sub3 a, #pedagogy #global #submenu #sub4 a, #internship #global #submenu #sub5 a {background: #3B6E8F; color: #fff;}
#wrapper #global h1 {font-weight: normal; font-size: 32px; color: #000; margin-top: 0px; width: 550px;}
.scholarship #global h2.subhead {text-indent: -1999em; background: url(/vhi/images/h1_subScholar.png) left top no-repeat; height: 26px; width: 252px; margin: 0; position: relative; top: 0px;}

.content-tools {padding: 4px 0; border-top: 1px solid #777; border-bottom: 1px solid #777; margin: 0 0 24px; width: 100%; position: relative; top: 0; left: 0; line-height: normal; float: left;}
.content-tools span {color: #aaa; text-shadow: 0 0px 0px rgba(0,0,0,.6), 0 1px 0px rgba(255,255,255,1) ; margin-left: 18px; margin-right: 12px; font-size: 1.1em; float: left;}
#index .content-tools span {display: none;}
body .content-tools a, body .content-tools a:hover {color: #900; float: left; min-height: 19px; text-indent: -1999em; margin-left: 9px;}
#content-tools-bottom {margin-top: 18px;}
#email-link {background: #666 url(/vhi/images/social_media_sprite.png) -68px 0 no-repeat; width: 18px;}
#email-link:hover {background-color: #900; color: #900; text-decoration: underline;}
#delicious-link {background: #666 url(/vhi/images/social_media_sprite.png) -46px 0 no-repeat; width: 18px;}
#delicious-link:hover {background-color: #900; color: #900; text-decoration: underline;}
#print-link {background: url(/vhi/images/ico_print.gif) center left no-repeat; padding: 0 9px 0 24px; margin-left: 9px; border-right: 1px solid #777; text-decoration: none;}
#print-link:hover {background: url(/vhi/images/ico_print_ov.gif) center left no-repeat; color: #900; text-decoration: underline;}
html .fb_share_link {width: 10px; background: #666 url(/vhi/images/social_media_sprite.png) -31px 0 no-repeat;}
html .fb_share_link:hover {background-color: #900;}
.twitter-share-button {background: #666 url(/vhi/images/social_media_sprite.png) 0 0 no-repeat; width: 26px; margin-left: 0;}
.twitter-share-button:hover {background-color: #900; color: #900;}

.events #main {width: 550px;}
#main .event {float: left; clear: none; padding: 0 0 6px; margin: 0 0 12px; width: 100%; position: relative;}
#main .event .event-details {position: relative; left: 0; top: 0px;}
#main .event h1 {background: none; text-indent: 0; top: 0; position: relative; left: 0; height: auto; margin-top: 0; padding-top: 0;}
#main .event h2 {margin: 0; padding: 0; font-size: 16px;}
.events #main .event h2 {margin: 12px 0 6px;}
#main .event .speaker {margin-bottom: 0; color: #000;}
#main .event .speaker-title {margin-top: 0; font-style: italic;}
#main .event p {line-height: normal; margin: 0; padding: 0 0 9px;}
#main .event p.title {font-size: 14pt; font-style: italic;}
#main .event .img-cell {text-align: center;}
#main .event .img-cell img {width: 100%;}
#main .event table.event-data {border: 4px solid #666; width: 250px; position: relative; left: 0; top: 0px; float: left; clear: left; }
#main .event table.event-data td, #main .event .event-body td {padding: 3px; vertical-align: top;}
#main .event .event-body td.even {background: #ccc;}
#main .event .event-body {width: 250px; float: right; clear: none;}
#main .event .event-body table {margin: 0 0 12px;}
.events #main h3 {font-size: 16px; margin-bottom: 0; float: none;}

#comment-block, #comments_block {margin: 36px 0; width: 500px;}

.footnotes {width: 100%; border-top: 1px solid #777; margin: 12px 0; padding: 9px 0 0;}
.footnotes li {list-style: none;}
.footnotes li a {color: #777; text-decoration: underline;}
.footnotes li a:hover {background: #efefef;}

#nav-exhibit {position: relative; z-index: 500;}
#nav-exhibit li {list-style: none; padding: 0; margin: 0 0 8px; position: relative;}
#nav-exhibit li a {position: relative; top: 0; left: 0; color: #fff; text-decoration: none;}
#nav-exhibit li a img {border: 1px solid #333; float: none;}

/* EDUCATION RESOURCE SERIES: WITNESSES FOR CHANGE */
body.series1 #content {background: url(/vhi/images/h1_ed_series.png) 220px 0px no-repeat; padding-top: 24px;}
#resources ul li li {list-style: disc; margin: 0 0 0 18px;}
#resources ul li {margin-bottom: 9px;}

.quote {background: url(/vhi/images/quote_left.gif) left top no-repeat; padding: 32px 0 0 12px; margin: auto auto 12px; font-family: Caslon, Garamond, Georgia, "Times New Roman", Times, serif; color: #777; font-style: italic; font-weight: normal; font-size: 18px;}
.quote span {background: url(/vhi/images/quote_right.gif) bottom right no-repeat; padding: 0 12px 28px 0; margin: 0; display: block;}
.author {font-family: Caslon, Garamond, Georgia, "Times New Roman", Times, serif; margin: 0 12px 12px; font-size: 14px;}

/* LESSON RESOURCES */
#sidebar #downloads div.resource-type h3 {background: #cfcfcf; padding: 3px 4px; color: #666; border-bottom: 1px solid #999; font-family: Arial, Helvetica, sans-serif;}
#sidebar #downloads div.resource-type {margin-bottom: 24px;}
#sidebar #downloads div.resource-type li a {display: block;}

/* DONATE PAGE */
#donation #form-table {position: relative;}
#donation #form-table td {padding: 2px 0;}
#donation #form-table h2 {padding-bottom: 12px;}

/* JQUERY CLASSES */
.rollover {position: absolute; top: 5px; left: 92px; display: block; margin: 0; background: #777; color: #fff; text-decoration: none; font-weight: bold; width: 150px; padding: 6px;}
.hide {display: none;}
.show {display: block;}

/* ACCESS LOCATOR STYLES */
#archive-locator {float: left; clear: both; margin-bottom: 18px;}
#sidebar #siteList {margin-bottom: 72px;}
#sidebar #siteList p {margin-bottom: 0;}
#sidebar #sitelist {padding: 4px; background: #fff; border: 1px solid #aaa; margin-top: 0;}
#sidebar li.collection, #sidebar li.fullaccess {padding: 0; margin: 0 0 1px;}
#sidebar li.collection a, #sidebar li.fullaccess a {color: #fff; display: block; padding: 2px 4px; text-decoration: none;}
#sidebar li.collection a {background: #b0d2f9; color: #0a0e69;}
#sidebar li.fullaccess a {background: #cffca2; color: #355d0e;}
#sidebar li.collection a:hover {background: #06F; color: #fff;}
#sidebar li.fullaccess a:hover {background: #690; color: #fff;}
#sidebar #legend h4 {margin-bottom: 0px; padding-bottom: 0;}
#sidebar #legend li {width: 48%; float: left; clear: none;}
h3#sites {background: url(/vhi/images/locator-icon.png) left center no-repeat; padding:9px 0 9px 42px; margin: 0;}
#sidebar #booklink a.add {display: block; background: url(/vhi/images/add_icon.png) left center no-repeat; padding-left: 20px;}
#content #sidebar #sitelist {height: auto; max-height: 200px; overflow: auto;}
#content #sidebar #siteList {margin: 12px 0 20px;}
h3#sites {min-height: 40px;}
#sidebar #booklink a.add {margin-top: 12px;}

#mapbox {width: 750px; padding: 30px 9px 9px; background: #666; position: absolute; left: 220px; display: none; z-index: 5000;}
#mapbox a {color: #f90;}
#mapbox img#bu_close {position: absolute; top: 4px; right: 4px; cursor: pointer;}
#mapbox #info {width: 220px; position: absolute; left: 529px; color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; top: 30px;}
#mapbox #info #info-body {overflow: auto; height: 300px; padding-right: 12px;}
#mapbox #info #printLink {margin: 18px 0 0;}
#mapbox #info #printLink a {border: 1px solid #f90; padding: 4px; background: #7d6e57; text-decoration: none; width: auto;}
#mapbox #info #printLink a:hover {background: #b38033; color: #fc0;}
#wrapper #content #mapbox #info h1 {color: #ccc; font-family: Arial, Helvetica, sans-serif;}
#wrapper #content #mapbox #info h2 {color: #fc0; font-family: Arial, Helvetica, sans-serif;}
#mapbox #map1 {border: 1px solid #000; width: 500px; height: 500px; position: relative; margin-bottom: 48px; background: none;}
#mapbox #map1 img {visibility: visible;}
#mapbox #legend2 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; position: absolute; bottom:5px;}
#mapbox #legend2 td {padding-right: 6px;}
#loader {background: #fff url(/vhi/images/ajax-loader.gif) center center no-repeat; text-align: center; vertical-align: middle; width: 100%; height: 100%;}
#loader .fadeout {display: none;}

#lesson-list li {border-bottom: 1px dotted #777; padding: 4px 0;}

/* INDEXED TESTIMONY BY LANGUAGE -- TABLE STYLES */

#wrapper #content table#indexing-table {background: #fff; width: 80%; border: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0 20% 18px 0;}
#wrapper #content table#indexing-table th {background: #000; color: #fff; font-size: 10px; text-align: center; font-weight: bold; padding: 6px;}
#wrapper #content table#indexing-table tr.even td {background: #efefef;}
#wrapper #content table#indexing-table td {padding: 3px 6px; border-bottom: 1px solid #000;}
#wrapper #content table#indexing-table table tr {}
#wrapper #content table#indexing-table td.bar div.bar-div {position: relative;}
#wrapper #content table#indexing-table td.bar div.bar-div div {background: #900;}
#wrapper #content table#indexing-table td.bar {background: #666; position: relative; width: 50%; padding: 0;}
#wrapper #content table#indexing-table td.bar img {height: 20px; border: 0; margin: 0;}
#wrapper #content table#indexing-table td.bar span.diff {position: absolute; display: block; top: 0; left: 0; color: #fff; padding: 4px;}
#wrapper #content table#indexing-table td.bar span.complete {position: absolute; display: block; top: 0; right: 12px; color: #fff; padding: 4px; font-weight: bold;}

#anthology #videothumbs li {float: left;}
.grade-level {margin: -12px 0 24px;}
#anthology #sponsor-area {padding: 12px 0 0; margin: 12px 0 0; border-top: 1px dotted #000; float: left; clear: both;}
#anthology #sidebar .photo {width: 67px;}
#anthology h1.title {font-size: 3em; color: #000; text-shadow: 0 -1px 1px #666, 0 1px 1px #fff; top: 0; margin-bottom: 20px;}

.watch {background: url(/vhi/images/watch_ico.png) 2px center no-repeat; padding-left: 27px;}
#sidebar a.watch {padding-left: 27px;}
#sidebar a.watch:hover {color: #fff;}
.watch:hover {background: #900 url(/vhi/images/watch_ov_ico.png) 2px center no-repeat; color: #fff; text-decoration: none;}
.portal_link {margin-left: 220px; position: absolute; top: -60px;}

.required {color: #f00;}

.calendarbox {border: 1px solid #666; width: 40px; background: #fff; -moz-box-shadow: 2px 2px 4px #666; -webkit-box-shadow: 2x 2px 4px #666; position: absolute; top: 0; left: 0;}
.upcoming-event .cal_month {color: #fff; background: #999; background: -moz-linear-gradient(center bottom, rgb(102,102,102) 0%, rgb(153,153,153) 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(102,102,102)), color-stop(1, rgb(153,153,153))); margin: 0; padding: 3px; text-align: center; font-size: 1em;}
.upcoming-event .cal_day {text-align: center; font-size: 1em; font-weight: bold; color: #999; margin: 0; padding: 4px;}
.upcoming-event {position: relative; padding-left: 60px; margin-bottom: 18px;}

/* HTML5 DECLARATIONS */

section, article, header, hgroup, figure, figcaption, footer {display: block; margin: 0; padding: 0;}
header.page_header {position: relative; left: 220px; width: 841px;}
header.page_header h1 {color: #000; font-size: 2.5em; margin-top: 0;}
.lesson header .content-tools {background: rgb(239,239,239); float: left; position: static;}
.lesson header.page_header hgroup {width: 45%; float: left;}
.lesson header.page_header h2 {font-size: 1em; margin: 0 0 20px;}
.lesson header.page_header section {float: right; width: 50%;}
dt, dd {float: left; margin: 0 0 4px; padding: 0;}
dt {text-align: right; width: 35%; font-weight: bold;}
dd {width: 255px; text-align: left; margin-left: 12px;}
.lesson_info .name, .lesson_info .org {display: block;}
.lesson_info .org {font-style: italic;}
#wrapper section.plug {-moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; padding: 9px; background: rgb(208,208,208); background: rgba(0,0,0,.2); padding-bottom: 12px; float: left; position: relative;}
#wrapper section.plug h1 {color: #666; color: rgba(0,0,0,.45); text-shadow: 0 1px 1px rgba(255,255,255,.6); font-size: 1.6em; margin-top: 0; border: 0;}
section.plug #videothumbs {float: left; clear: both;}
section.plug ul {clear: both;}
#sidebar section.plug div, #sidebar section.plug ul, #sidebar section.plug h2 {padding-left: 9px; padding-right: 9px;}
.download {width: 40%; float: right; margin-top: 12px;}
.plug .pointer {border-bottom: 12px solid rgb(208,208,208); border-bottom: 12px solid rgba(0,0,0,.2); border-right: 8px solid #efefef; border-right: 8px solid rgba(0,0,0,0); border-left: 8px solid #efefef; border-left: 8px solid rgba(0,0,0,0); position: absolute; top: -12px; left: 50%; margin-left: -6px;}
section.lesson_summary {line-height: 1.6em; font-size: 1.2em; text-shadow: 0 1px 0 #fff;}
#sidebar section, #sidebar2 section.materials {background: rgb(255,255,255); -moz-border-radius: 0 9px 9px 0; -webkit-border-radius: 0 9px 9px 0; border-radius: 0 9px 9px 0; margin-bottom: 18px; padding: 0 0 12px; float: left; width: 100%; border-bottom: 0;}
#sidebar2 section.materials li {margin-left: 9px;}
#sidebar section h1, .lesson #sidebar2 section h1 {background: rgb(208,208,208); background: rgba(0,0,0,.15); padding: 3px 9px; color: #777; color: rgba(0,0,0,.65); text-shadow: 0 1px 1px rgb(255,255,255); -moz-border-radius: 0 9px 0 0; -webkit-border-radius: 0 9px 0 0; border-radius: 0 9px 0 0; font-size: 1.3em; font-weight: bold; margin: 0;}
.lesson #content .button, .portal #content .button {background: rgb(0,0,0); padding: 3px 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; color: rgb(255,255,255); border: 0;}
.lesson #content .button:hover, .portal #content .button:hover {background: rgb(59,110,143); text-decoration: none;}
#sidebar #home-link {position: absolute; top: -80px; display: block; background: url(/vhi/images/icon_home2.png) left center no-repeat; padding: 6px 6px 6px 55px;}
.lesson #sidebar2 .thumb {margin: 0 6px 6px 0;}
section.preservation_progress {position: relative;}
section.preservation_progress #bar {width: 265px; border: 1px solid #000; background: url(/vhi/images/progress_bg.gif) left top repeat-x; margin: 0 0 9px;}
section.preservation_progress .percentage {position: absolute; color: #ccc; font-size: 2.6em; left: 277px; top: 1.1em; display: none;}
section.clips_nav section {margin: 9px;}

#mtw_announcement {background: #fff; padding: 9px 0;}
#mtw_announcement h1, #mtw_announcement ul, #mtw_announcement p {padding: 0 9px;}
#mtw_announcement li {list-style: disc; padding-left: .5em; margin-left: 1em;}
#wrapper #content #mtw_announcement a.button {background-image: none; background: rgb(0,0,0); padding: 3px 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; color: rgb(255,255,255);}

.announcement {padding: 12px 0 12px 84px; border-bottom: 1px solid rgb(0,0,0); float: left;}
.announcement h1 {color: rgb(0,0,0); text-transform: uppercase; font-size: 1.3em;}
#wrapper #body #content #sidebar2 .announcement h2 a {font-family: Helvetica, Arial, sans-serif; color: #3b6e8f; font-weight: bold;}
#wrapper #body #content #sidebar2 #coming_soon h2 {font-size: 2.6em;}
#coming_soon {background: url(/vhi/images/sv_deadline_sticker.png) -4px 10px no-repeat;}
#coming_soon p {margin-left: -84px;}

.alert {color: #f00; font-weight: bold;}

li a[href^="/vhi/download/"] {display: block; background: url(/vhi/images/icon_download.png) left top no-repeat; padding-left: 20px; clear: both;}

.back_button {display: block; background: url(/vhi/images/backbutton_bg.png) top left no-repeat; color: #000; font-weight: bold; text-shadow: 0 1px 0 #fff; text-decoration: none; padding-left: 36px; opacity: .4; font-size: 1.5em;}
.back_button:hover {opacity: .75;}
.back_button span {white-space: nowrap;}

#wrapper #content .black-gloss {color: #fff; text-decoration: none; font-weight: bold; padding: 3px 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; border: 1px solid rgb(0,0,0);
background: rgb(107,107,107); /* Old browsers */
background: -moz-linear-gradient(top, rgba(107,107,107,1) 0%, rgba(38,38,38,1) 50%, rgba(0,0,0,1) 51%, rgba(81,81,81,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,107,107,1)), color-stop(50%,rgba(38,38,38,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(100%,rgba(81,81,81,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(107,107,107,1) 0%,rgba(38,38,38,1) 50%,rgba(0,0,0,1) 51%,rgba(81,81,81,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(107,107,107,1) 0%,rgba(38,38,38,1) 50%,rgba(0,0,0,1) 51%,rgba(81,81,81,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(107,107,107,1) 0%,rgba(38,38,38,1) 50%,rgba(0,0,0,1) 51%,rgba(81,81,81,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#515151',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(107,107,107,1) 0%,rgba(38,38,38,1) 50%,rgba(0,0,0,1) 51%,rgba(81,81,81,1) 100%); /* W3C */
}
#wrapper #content .black-gloss:hover {color: #9cf; text-decoration: none;}
#sidebar2 .announcement h1 a {font-family: Helvetica, Arial, sans-serif; color: #000; text-decoration: none;}
#sidebar2 .announcement h1 a:hover {color: #900;}

.news figure {float: right; margin: 12px 0 9px 12px; max-width: 250px; min-width: 150px;}
.news figcaption {color: #666; font-style: italic;}
.news #newsitem figure img {float: none; border: 0; max-width: 100%;}

#wrapper section.contact {-moz-border-radius: 0 9px 9px 0; padding: 9px; background: rgb(208,208,208); background: rgba(0,0,0,.2); width: auto;}
#wrapper section.contact h1 {margin: 0; padding: 0; background: none; text-shadow: 0 1px 0 rgba(255,255,255, .75);}
#wrapper section.contact a[href^='mailto'] {background: url(/vhi/images/icon_newsletter.png) top left no-repeat; padding-left: 36px;}
#wrapper section.contact a {opacity: .5; color: #000; text-decoration: none;}
#wrapper section.contact a:hover {opacity: .8; text-decoration: underline;}
#wrapper section.contact h2 {font-size: 1.2em; color: #333;}
#wrapper #body #content .hasVideo {background: url(/vhi/images/watch_ico.png) 100% 25% no-repeat; padding-right: 30px; float: left; clear: both;}

#header {position: relative; width: 100%; margin: 0; padding: 0; z-index: 3000;}
#usc-branding {position: relative; margin: 0; width: 100%; background: #000; text-align: left;}
#usc-branding img {margin: 0 20px;}
#las-branding {position: relative; margin: 0; width: 100%; background: #777;}
#las-branding img#las-logo {position: relative; margin: 6px 20px;}
img#logo {margin-left: 20px; position: absolute; left: 0;}
img.photo {display: block; float: left; clear: none; margin: 0 9px 9px 0; padding: 4px; background: #fff; border-right: 1px solid #444; border-bottom: 1px solid #444; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
a img.photo:hover {border: 1px solid #900;}
#sfi-branding {position: relative; float: left; margin: 0 0 0 20px; clear: both; width: 100%;}
#sfi-name {position: absolute; top: 20px; left: 235px; z-index: 3000;}

.player_shell {width: 100%; float: left; margin-bottom: 12px;}