@charset "UTF-8";
/* Main Work Through Time Style Sheet */
/* CSS Document
*
* checks as:This document validates as CSS level 2.1 ! 19-jun-2009
*
*/
/*@media screen, projection {
 The regular stuff. 
}*/
html { }
body { padding:0px; margin: 0px auto; background-color:#879ea4; color:#333333; font-size: 62.5%; font-family: Helvetica, Arial, Geneva, sans-serif; }
.pageEnd { clear: both; }
.poem { font-style: italic; font-weight: bold; padding-left: 20px; padding-right: 20px; }
.copyright { font-size:0.8em; color:gray; text-align: justify; margin:0; padding:0; width:500px; }
.copyright2 { width: 300px; float: right; color: #333; text-align: right; margin: 10px 135px 0 0; }
.smaller { font-size:0.75em; }
.bigger { font-size:1.25em; }
.citation { text-align: left; font-size: 0.9em; }
.navy { color: #0a0062; }
.hidden { text-indent:-9999px; position:absolute; overflow: auto; }
.email,
.attn { background-color: aqua; }
.centered { text-align: center; }
/*.capcbco { width: 140px; height:15px; background-image:url(../images/misc/coord_capcbco.jpg); background-repeat:no-repeat; color: transparent; }*/
/*.iccns { width: 124px; height:15px; background-image:url(../images/misc/coord_iccns.jpg); background-repeat:no-repeat; color: transparent; }*/
.noTab { display: none; }
h1,
h2 { font: italic 1.4em Georgia, "Times New Roman", Times, serif; }
h3 { font-size: 1em; color: #555555; padding-left: 2em; padding: 0; margin-bottom: 24px; }
h4 { font: italic 1.4em Georgia, "Times New Roman", Times, serif; }
p { text-align: justify; }
a { text-decoration:none; color:#333333; }
a img { border:0; }
a:hover { text-decoration:none; }
#content { height:auto !important; width:780px; margin: 0px auto; padding:1px; background:url(../images/headers/backdrop780by220.png) repeat-y; }
/**header**/
#header { margin:0px; padding:0px; height: 325px; }
#headerImg a { position:absolute; left:-9999px; overflow: auto; }
#headerImg.headerMain { width: 765px; height:325px; background-image:url(../images/headers/header_main_780.png); padding:0px; float:left; }
#headerImg.headerWom { width:770px; height:325px; background-image:url(../images/headers/header_wom_780.png); padding:0px; float:left; }
#headerImg.headerInd { width:770px; height:325px; background-image:url(../images/headers/header_ind_780.png); padding:0px; float:left; }
#headerImg.headerPro { width:770px; height:325px; background-image:url(../images/headers/header_pro_780.png); padding:0px; float:left; }
#headerImg.headerRur { width:770px; height:325px; background-image:url(../images/headers/header_rur_780.png); padding:0px; float:left; }
#header form.gCSE { margin:0; padding:0; height: 0; width: 250px; position: relative; bottom: 315px; left: 24px; float: left; }
#header form.gCSE p { float: left; margin: 0; padding: 0; font-size: 1em; }
#header form.gCSE p a.gCSEsubmit { position: relative; top: 5px; margin-left: 5px; font-size: 1em; }
#header #date { /*color:gray; width: 150px; text-align:left; left: 23px; margin:0px; position:relative; padding: 0px; bottom: 315px; font-size: 1em;*/ display:none; }
/** menu **/
#menuNav { padding:0px; float:left; position:relative; bottom: 50px; width: 590px; margin: 0px 0px 0 142.5px; height: 26px; }
#menuNav ul { padding:0px; margin:0px; list-style:none; }
#menuNav ul li { float:left; position:relative; width: 110px; text-align:center; }
#menuNav ul li a,
#menuNav ul li a:visited { line-height:25px; overflow:hidden; font-size:1.5em; margin: 0px; padding: 2px; }
#menuNav ul li a:hover { padding: 2px; margin: 0px; font-size:1.75em; }
/** breadcrumb **/
#breadcrumb { padding:0px; float:left; width: 585px; position: relative; bottom: 30px; margin: 2px 0px 0 165px; }
#breadcrumb a { color: gray; }
/** home logo/button **/
#homeButton { width:60px; height:60px; padding:0; margin: 0px 0px 0px 35px; background-image:url(../images/buttons/buttons_HOME_sml.png); position: relative; top: 15px; float: left; clear: left; }
#homeButton a { width:60px; height:60px; float:left; }
#homeButton a span { position:absolute; left:-9999px; overflow: auto; }
#sideNav { padding:0px; width:130px; margin:0px 0px 0px 35px; float: left; }
#themeName { position:absolute; }
#themeName a { position:absolute; float:left; bottom:40px; left:85px; width: 30px; }
#themeName a#nameSwap.nameTheme { /*background:url(../images/themes/themes.png) no-repeat;*/ width:30px; height:280px; float:left; }
#themeName a#nameSwap.nameWom { background:url(../images/themes/wom.png) no-repeat; width:30px; height:280px; float:left; }
#themeName a#nameSwap.nameInd { background:url(../images/themes/ind.png) no-repeat; width:30px; height:280px; float:left; }
#themeName a#nameSwap.namePro { background:url(../images/themes/prof.png) no-repeat; width:30px; height:280px; float:left; }
#themeName a#nameSwap.nameRur { background:url(../images/themes/rur.png) no-repeat; width:30px; height:280px; float:left; }
#themeButton { height:400px; }
#themeButton ul { margin:0px; padding:0px; list-style:none; }
#themeButton ul li { margin-bottom:20px; }
#themeButton ul li a { width:60px; height:60px; float:left; }
#themeButton ul li a span { position:absolute; left:-9999px; }
#themeButton ul li.themeWom { background-image:url(../images/buttons/buttons_Womens_sml.png); width:60px; height:60px; }
#themeButton ul li.themeInd { background-image:url(../images/buttons/buttons_Industrial_sml.png); width:60px; height:60px; }
#themeButton ul li.themePro { background-image:url(../images/buttons/buttons_Professional_sml.png); width:60px; height:60px; }
#themeButton ul li.themeRur { background-image:url(../images/buttons/buttons_Rural_sml.png); width:60px; height:60px; }
/** body **/
#body { font-size:1.2em; padding: 10px 20px 0; margin: 0; }
#body.common { float:left; width: 545px; margin: 0; padding: 10px 20px 75px; }
#body.story { float:left; margin: 0; width: 555px; padding: 10px 0 75px 30px; }
#body.story.pageTop,
#body.common.pageTop { background: #efefd9 url(../images/paper/paper_extended_585.png) no-repeat; }
#body.common.pageTopGrey { background: url(../images/paper/paper_extended_clr_585.png) no-repeat; }
#body p { margin-bottom: 15px; }
#body p.pushDown { height:125px; }
#body p.download { float: left; width: 400px; margin: 0; }
#body p.download a img { position: relative; float: left; width: 60px; height: 60px; }
#body p.download a span { float: left; margin-top: 22px; margin-left: 10px; }
div.noScript { text-align:left; width: 500px; margin-top: 20px; border:solid 1px silver; padding: 0; }
div.noScript a { color: navy; }
div.noScript p { margin: 0; padding: 5px; }
/** page bottom **/
/*p.pageBttmCom { background: url(../images/paper/paper_bttm_clr_585.png) no-repeat; margin: 55px 0 15px; height: 75px; width: 585px; position: relative; left: 165px; bottom: 75px; float: left;padding-right: 0;padding-bottom: 0;padding-left: 0;}*/
p.pageBttmCom,
p.pageBttm { background: url(../images/paper/paper_bttm_clr_585.png) no-repeat; height: 75px; width: 585px; position: relative; left: 165px; bottom: 75px; float: left; padding-right: 0; padding-bottom: 0; padding-left: 0; margin: 0; }
/** body index **/
#body ul { list-style:none; margin: 0; padding:0; list-style-image: none; list-style-type: none; }
#body ul.themeStories li.themeStory { height: 60px; margin-left: 90px; margin-bottom: 17px; }
#body ul.themeStories li.themeStory img { position: relative; right: 75px; }
#body ul.themeStories li.themeStory a { float: left; height: 45px; width: 415px; }
/** story specific **/
#body.story div.tabbedPanelsContentGroup { padding-right: 35px; }
#jumpTo { width: 515px; margin-bottom: 20px; float: left; font-size: 0.8em; }
#jumpTo a { color:#333; text-align:center; width: 110px; height:15px; float: left; }
#jumpTo a:hover { font-size: 1.2em; }
ul.tabbedPanelsTabGroup { width:28px; text-align:center; margin:0px; padding: 5px 0px 5px 4px; float: right; position: relative; }
li.tabbedPanelsTab { list-style:none; height: 25px; width:30px; background:url(../images/tabs/inactivetab.png) no-repeat; padding: 10px 0 0 8px; font: 1.0em Georgia, "Times New Roman", Times, serif; list-style-image: none; list-style-type: none; }
li.tabbedPanelsTabSelected { background:url(../images/tabs/activetab.png) no-repeat; }
ul.tabbedPanelsTabGroupAI { width: 545px; padding: 0; float: left; position: relative; top: 10px; }
ul.tabbedPanelsTabGroupAI li.tabbedPanelsTab { background-image:none; /*width: 70px;*/ padding: 0; width: 135px; margin: 5px 0 0; font-size: .9em; float: left; text-align: center; height: 17.5px; }
ul.tabbedPanelsTabGroupAI li.tabbedPanelsTab a:hover { font-size: 1.2em; }
/*
div.pageLower { width: 520px; float: right;display: none;}
div.pageLower ul { width: 200px; float: right; font: italic 1.2em Georgia, "Times New Roman", Times, serif; }
div.pageLower ul li { width: 60px; float: left; margin-left: 40px; margin-top: 5px; margin-bottom:5px; }
*/
/** site map **/
ul.smTop { text-indent:5px; }
ul.smSub1 { text-indent: 15px; }
ul.smSub1 li,
ul.smSub2 li { margin-top: 2px; margin-bottom: 2px; }
ul.smSub2 { text-indent: 20px; font-size: 0.9em; }
ul.smTop li { margin-top: 2px; margin-bottom: 2px; }
/** related links **/
#relatedLinksMT { background-color:#3f3f3f; width: 690px; float:left; margin: 0 0 35px 35px; height: 30px; padding: 0; }
#relatedLinks,
#relatedLinksQuote { background-color:#3f3f3f; width: 700px; float:left; clear:both; padding: 10px 10px 0; color: white; margin: 0 0 0 30px; position: relative; bottom: 25px; }
#relatedLinksQuote img { width: auto; height: auto; }
#relatedLinks div.linkList1 h4 { margin: 0 0 25px; }
#relatedLinks div.linkList1 { width: 470px; margin-left: 20px; margin-top: 15px; float: left; font-size: 1.2em; }
#relatedLinks div.linkList2 { width: 470px; margin-left: 0; margin-top: 20px; font-size: 0.8em; float: right; margin-right: 10px; }
#relatedLinks div.linkList1 ul,
#relatedLinks div.linkList2 ul { list-style:none; list-style-type:none; list-style-image:none; margin: 10px 0 0; padding:0; color: white; }
#relatedLinks div.linkList1 ul li,
#relatedLinks div.linkList2 ul li { margin-top: 5px; margin-bottom: 5px; }
#relatedLinks div.linkList1 a,
#relatedLinks div.linkList2 a { color: white; }
#relatedLinks div.linkList1 p { color: white; margin-top: 5px; margin-bottom: 5px; }
#relatedLinks div.linkList2 p { color: white; text-align: left; font-size: 1.4em; }
/** did you know **/
#didYouKnow { color: white; width: 200px; background: url(../images/paper/dyk_frame_top.png) no-repeat; margin: 0; padding: 0; float: left; }
#didYouKnow h4 { text-align: center; margin: 15px 0 0; }
#didYouKnow p { text-align: justify; padding-left: 15px; padding-right: 15px; font-size: 0.95em; margin: 20px auto -15px; }
#didYouKnow p a { color: #f3f3f3; text-align: right; }
#didYouKnow p#dykBttm { background-image: url(../images/paper/dyk_frame_bttm.png); height: 64px; margin: 0; bottom: 10px; width: 170px; position: relative; float: left; }
/** bottom logo **/
#logoWrapper { width: 0; height: 0; float: left; }
#relatedLinksQuote #logoWrapper a,
#relatedLinksMT #logoWrapper a { position: relative; background:url(../images/logos/Oldtexture_wtt_logo_small.png) no-repeat; /*width:125px; height:85px;*/ width:80px; height:70px; margin: 0px; padding: 15px 0 0 45px; left: 585px; bottom: 45px; float: left; }
#relatedLinks #logoWrapper a { position: relative; background:url(../images/logos/Oldtexture_wtt_logo_small.png) no-repeat; /*width:125px; height:85px;*/ width:80px; height:70px; margin: 0px; padding: 15px 0 0 45px; left: 390px; bottom: 45px; float: left; }
#logoWrapper a span { position:absolute; left:-9999px; overflow: auto; }
/** footer **/
#footerLinks { /*width: 770px;*/ clear: both; height: 40px; padding-left: 122px; margin-bottom: 50px; }
#footerLinks p { width: auto; margin: 0 60px 0 0; padding: 0; text-align: center; float: left; }
#footerLinks p a img { width: auto; height: auto; }
/*#footerLinks ul { padding: 0; list-style: none; margin: 0; height: 75px;width: 100%;}
#footerLinks ul li { margin-top: 10px; margin-right: 20px; margin-left: 20px;float: left;}
#footerLinks ul li a img { width: auto; height: auto; }*/
div.noFlash { color:gray; width: 550px; float: left; margin: 10px 0 0 30px; padding: 0; font-size: 0.9em; }
div.noFlash p { width: 420px; margin: 0; padding: 0; }
div.noFlash img { width:100px; height:30px; float: left; margin: 0 5px 0 0; padding: 0; }
#siteMap { width: 285px; height: 40px; padding: 0; margin: 0 0 0 0px; }
#siteMap p { padding: 0; text-align: center; margin: 0; font: 1.1em Georgia, Times New Roman, Times, serif; }
#submit { margin-top: 20px; }
/** lightbox **/
#gallery a.lightbox img { width:60px; }
#gallery p.lightbox { float:left; margin-right:10px; margin-bottom:5px; background-color: #f3f3f3; border: 1px solid silver; padding: 5px; /*font-size: .75em; text-align: left;*/ margin-bottom: 30px; }
/*lightbox default is used in the gallery*/
#lightbox { position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#lightbox img { width:auto; height:auto; }
#lightbox a img { border:none; }
#outerImageContainer { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#imageContainer { padding:10px; }
#loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav { left:0; }
#hoverNav a { outline:none; }
#prevLink,
#nextLink { width:49%; height:100%;/*background-image:url(data:image/gif;base64,AAAA);*/ /* Trick IE into showing hover */ display:block; }
#prevLink { left:0; float:left; width: 200px; }
#nextLink { right:0; float:right; width: 200px; }
#prevLink:hover,
#prevLink:visited:hover { background: url(../scripts/lightbox2.04/images/prevlabel.gif) no-repeat left 15%; }
#nextLink:hover,
#nextLink:visited:hover { background:url(../scripts/lightbox2.04/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; }
#imageData { padding:0 10px; color:#666; }
#imageData #imageDetails { width:70%; float:left; text-align:left; }
#imageData #caption { font-weight:bold; }
#imageData #numberDisplay { display:block; clear:left; padding-bottom:1.0em; }
#imageData #bottomNavClose { width:66px; float:right; padding-bottom:0.7em; outline:none; }
#overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; }
/* lightbox1 is for stories */
#body.story p.lightbox1 { background-color: #f3f3f3; border: 1px solid silver; padding: 5px; text-align: left; margin-bottom: 30px; font-size: 0.8em; }
#body.story p.lightbox1.logo { padding-bottom: 5px; }
#body.story p.lightbox1 a.lightbox1 { width: 150px; height: auto; float: left; }
#body.story p.lightbox1.toRight { float: right; width: 150px; height: auto; margin-left: 20px; }
#body.story p.lightbox1.toLeft { width: 150px; height: auto; margin-right: 20px; float: left; }
#body.story p.lightbox1.toLeft a.lightbox1 span { width: 150px; height:auto; margin-top:5px; float:left; clear:both; text-align: center; }
#body.story p.lightbox1.toRight a.lightbox1 span { width: 150px; height:auto; margin-top:5px; float:right; clear:both; text-align: center; }
/* lightbox2 is for uploads page */
#submit p.upload { height: auto; background-color: #f3f3f3; border: 1px solid silver; margin: 5px 0; width: 490px; padding: 5px; float: left; }
#submit p.lightbox2 { background-color: #f3f3f3; border: 1px solid silver; font-size: 1.0em; text-align: left; float: left; width: 490px; padding: 5px; margin: 5px 0; }
#submit p.lightbox2 span { /*position: relative; left: 5px; top: 5px;*/ float: left; width: 365px; margin-right: 0; text-align: left; margin-top: 15px; margin-left: 15px; }
#submit p.lightbox2 img { /*width: 100px;*/ height: 80px; width: 80px; float: left; }
ul.edu li { margin-top: 1em; }
ul.edu li a { color: #0a0062; }
p.software { font-size:0.8em; margin:0; padding-top:15px; float: left; width: 500px; text-align: justify; color: gray; }
p.software a img { float: right; margin-right:10px; padding:0px; }
/**hotspots map**/
div.hotspotsMapList { width: 560px; float: left; margin: 0 0 1em; padding: 0; }
#mapWindow { width: 285px; height: 150px; margin-top: 15px; }
#mapWindow img { float: left; width: 75px; margin-top: 10px; }
#mapWindow p { color: #333; width: 195px; margin: 0; padding: 0; float: right; text-align: left; font-size: 0.9em; }
#map { height:640px; width: 540px; margin-top:1em; margin-bottom:1em; border:2px solid #333; float:left; color: white; font: .85em Georgia, "Times New Roman", Times, serif; }
#mapControls form { width:500px; float: left; }
#mapControls ul { list-style:none; border-top:1px solid silver; width: 500px; padding:0 0 .5em; margin: 0; float: left; }
#mapControls ul img { float: right; height: 80px; width: auto; }
#mapControls ul li { margin: 0; padding-top: .25em; }
#mapControls { float:left; width: 500px; clear: left; }
#mapControls form p { padding:0; margin:0 1em; float:left; width: 120px; }
/**story map**/
#storyMapList { float: left; width: 500px; }
ul.storyMap { width: 500px; height:640px; border:2px solid #333; float:left; margin:10px 0 0; padding:0; background-image: url(../images/maps/map_brown_500.png); background-repeat: no-repeat; background-color: #87A3B8; }
ul.storyMap li { list-style:none; float:left; /*width:120px; height:60px;*/ }
ul.storyMap li a.storyMarker { position:relative; background: url(../images/misc/dull-blue-circle.png) no-repeat; width: 10px; height:10px; float: left; }
ul.storyMap li a.storyMarker:hover { background:url(../images/misc/red-circle.png) no-repeat; width:10px; height:10px; }
ul.storyMap li a.storyMarker span { position:absolute; left:-9999px; overflow:auto; z-index: 2; }
ul.storyMap li a.storyMarker:hover span { position:absolute; height: 260px; border:1px solid #333; background-color:white; font-size:0.95em; left:10px; top:5px; float: left; width: 240px; padding: 0; }
ul.storyMap li a.storyMarker:hover span span { width: 135px; height: auto; margin-top: 5px; border: none; padding-bottom: 10px; }
ul.storyMap li a.storyMarker span img { margin-top: 20px; float: right; margin-right: 10px; }
/* START OF CSS FOR MAP POINTS */
ul.storyMap a#rVB { left: 56px; top: 478px; }
ul.storyMap a#rEe { top: 425px; left: 245px; }
ul.storyMap a#pSc { left: 237px; top: 345px; }
ul.storyMap a#pSc2 { top: 336px; left: 229px; }
ul.storyMap a#wCD { left: 263px; top: 341px; }
ul.storyMap a#wCD2 { left: 37px; top: 559px; }
ul.storyMap a#wAT { left: 251px; top:332px; }
ul.storyMap a#wKM { left: 340px; top:389px; }
ul.storyMap a#iCo { left: 283px; top:293px; }
ul.storyMap a#iCo2 { left: 297px; top:296px; }
ul.storyMap a#iIN { left: 104px; top: 81px; }
ul.storyMap a#iIN2 { left: 133px; top: 156px; }
ul.storyMap a#iCc { left: 133px; top:468px; }
ul.storyMap a#iCc2 { left: -84px; top: 428px; }
ul.storyMap a#iSL { left: 278px; top: 384px; }
ul.storyMap a#iSL2 { left: 223px; top:306px; }
ul.storyMap a#iSs { left: 204px; top: 331px; }
ul.storyMap a#iSs2 { left: 182px; top: 325px; }
ul.storyMap a#pDJ { left: -143px; top:457px; }
ul.storyMap a#pIM { left: 11px; top: 593px; }
ul.storyMap a#pIM2 { left: 8px; top:571px; }
ul.storyMap a#pGa { left: 184px; top:429px; }
ul.storyMap a#pGa2 { top: 549px; left: -141px; }
ul.storyMap a#rBo { left: 215px; top:351px; }
ul.storyMap a#rDa { left: -201px; top:435px; }
ul.storyMap a#rDa2 { left: -141px; top: 573px; }
ul.storyMap a#rLi { left: -15px; top:100px; }
ul.storyMap a#rLi2 { left: 1px; top:1px; }
ul.storyMap a#wAM { top:257px; left: -160px; }
ul.storyMap a#wAM2 { left: -174px; top:296px; }
ul.storyMap a#wHR { left: -203px; top:212px; }
ul.storyMap a#wWh { left: 50px; top:322px; }
ul.storyMap a#pAr { left: -4px; top:305px; }
ul.storyMap a#pAr2 { left: 33px; top:306px; }
ul.storyMap a#rWP { left: -111px; top: 528px; }
ul.storyMap a#rWP2 { left: -94px; top: 433px; }
/** MISC **/
img.audioButton { width: 454px; height: auto; margin-top: 25px; }
div.audio { float: left; width: 485px; padding: 0; margin-bottom: 5px; }
div.audio ul.audioList { margin: 5px 0 0; padding: 0; font-size: .85em; }
div.audio div.audioPlayer { border: 1px solid gray; margin: 5px 0 0; width: 450px; padding: 0 1px; }
/* don't need */
/*
#audio { float: left; width: 485px; padding: 0; margin-bottom: 5px; }
#audio ul.audioList { margin: 5px 0 0; padding: 0; font-size: .85em; }
#audio div.audioPlayer { border: 1px solid gray; margin: 5px 0 0; width: 450px; padding: 0 1px; }
*/
#video { margin-top:1em; margin-bottom:1em; }
#video ul { margin-top: 10px; }
#video ul.videoList { font-size: 0.9em; }
#video ul.videoList li { margin-bottom: 10px; width: 250px; float: left; text-align: center; }
#video div.videoPlayer { width: 500px; margin-bottom: 1em; }
#captions.captionsOn { background-color:#f3f3f3; margin:0; padding:5px; border:1px solid silver; width: 490px; font-size: 1.8em; text-align:left; height: 100px; }
#captions.captionsOff { display:none; }
#captions p { margin: 0; padding: 0; }
#accessButtons { font-size:1.2em; height:20px; }
#accessButtons ul { padding:0; margin:10px 0; height:20px; }
#accessButtons ul li { list-style-type:none; padding:0; margin:0 10px 0 0; float:left; width: 115px; }
#accessButtons ul li p { background-color:#f3f3f3; border:1px solid silver; margin:0; padding:5px; }
#accessButtons ul li p:hover { background-color: silver; border:1px solid gray; margin:0; padding:5px; }
/*
 *
/* titles */
h1.title,
h2.title,
h3.title { margin: 10px 0 0 0px; /*width: 545px; float: left;*/ }
.title img { border:#333 solid 1px; }
.title span { text-indent:-9999px; position:absolute; overflow: auto; }
/*general*/
.title.CU { background:url(../images/titles/contactus.png) no-repeat; height: 50px; }
.title.AU { background:url(../images/titles/aboutcap.png) no-repeat; height: 50px; }
.title.BWTT { background:url(../images/titles/behindworkthroughtime.png) no-repeat; height: 50px; }
.title.intro { background:url(../images/titles/introduction.png) no-repeat; height: 50px; }
.title.eduR { background:url(../images/titles/educationalresources.png) no-repeat; height: 50px; }
.title.projteam { background:url(../images/titles/projectteam.png) no-repeat; height: 50px; }
.title.partners { background:url(../images/titles/partners.png) no-repeat; height: 50px; }
/*wom*/
.title.wT { background:url(../images/titles/womens.png) no-repeat; height: 50px; }
.title.wWh { background:url(../images/titles/whitney.png) no-repeat; height: 50px; }
.title.wWhf { background:url(../images/titles/whitney_fr.png) no-repeat; height: 50px; }
.title.wWhg { background:url(../images/titles/whitney_gd.png) no-repeat; height: 50px; }
.title.wWhm { background:url(../images/titles/whitney_mq.png) no-repeat; height: 50px; }
.title.wAM { background:url(../images/titles/morrell.png) no-repeat; height: 50px; }
.title.wAMf { background:url(../images/titles/morrell_fr.png) no-repeat; height: 50px; }
.title.wAMm { background:url(../images/titles/morrell_mq2.png) no-repeat; height: 50px; }
.title.wAMg { background:url(../images/titles/morrell_gd.png) no-repeat; height: 50px; }
.title.wHR { background:url(../images/titles/hooked.png) no-repeat; height: 50px; }
.title.wHRg { background:url(../images/titles/hooked_gd.png) no-repeat; height: 50px; }
.title.wHRf { background:url(../images/titles/hooked_fr.png) no-repeat; height: 50px; }
.title.wHRm { background:url(../images/titles/hooked_mq.png) no-repeat; height: 50px; }
.title.wKM { background:url(../images/titles/mclennan.png) no-repeat; height: 50px; }
.title.wKMm { background:url(../images/titles/mclennan_mq.png) no-repeat; height: 80px; }
.title.wKMf { background:url(../images/titles/mclennan_fr.png) no-repeat; height: 50px; }
.title.wKMg { background:url(../images/titles/mclennan_gd.png) no-repeat; height: 50px; }
.title.wCD { background:url(../images/titles/douce.png) no-repeat; height: 50px; }
.title.wCDm { background:url(../images/titles/douce_mq.png) no-repeat; height: 50px; }
.title.wCDf { background:url(../images/titles/douce_fr.png) no-repeat; height: 50px; }
.title.wCDg { background:url(../images/titles/douce_gd.png) no-repeat; height: 50px; }
.title.wAT { background:url(../images/titles/terry.png) no-repeat; height: 50px; }
.title.wATm { background:url(../images/titles/terry_mq.png) no-repeat; height: 50px; }
.title.wATf { background:url(../images/titles/terry_fr.png) no-repeat; height: 50px; }
.title.wATg { background:url(../images/titles/terry_gd.png) no-repeat; height: 50px; }
.title.wRGY { background:url(../images/titles/whitney_rosegrantyoung.png) no-repeat; height: 50px; }
.title.wMS { background:url(../images/titles/whitney_moraffsstore.png) no-repeat; height: 50px; }
.title.wAWV { background:url(../images/titles/whitney_awomansview.png) no-repeat; height: 50px; }
.title.wItKS { background:url(../images/titles/whitney_gallery.png) no-repeat; height: 50px; }
.title.wGtR { background:url(../images/titles/hooked_illustratedguide.png) no-repeat; height: 50px; }
.title.wFaF { background:url(../images/titles/hooked_gallery.png) no-repeat; height: 50px; }
.title.wLB2 { background:url(../images/titles/hooked_lillianburke2.png) no-repeat; height: 50px; }
.title.wCToCB { background:url(../images/titles/terry_cameratour.png) no-repeat; height: 50px; }
.title.wTRB { background:url(../images/titles/terry_recipebook.png) no-repeat; height: 50px; }
.title.wLPI { background:url(../images/titles/douce_lettersphilip.png) no-repeat; height: 50px; }
.title.wWSR { background:url(../images/titles/douce_wildstrawberry.png) no-repeat; height: 50px; }
.title.wKMG { background:url(../images/titles/mclennan_gallery.png) no-repeat; height: 50px; }
.title.wHC { background:url(../images/titles/mclennan_honoriscausa.png) no-repeat; height: 50px; }
.title.wMW { background:url(../images/titles/.png) no-repeat; height: 50px; }
.title.wLED { background: url(../images/titles/morrell_leadingedge.png) no-repeat; height: 50px; }
.title.wKRG { background: url(../images/titles/morrell_qgallery.png) no-repeat; height: 50px; }
.title.wdpr { background: url(../images/titles/douce_pr.png) no-repeat; height: 50px; }
/*ind*/
.title.iT { background:url(../images/titles/industrial.png) no-repeat; height: 50px; }
.title.iSs { background:url(../images/titles/steel.png) no-repeat; height: 50px; }
.title.iSsm { background:url(../images/titles/steel_mq.png) no-repeat; height: 50px; }
.title.iSsf { background:url(../images/titles/steel_fr.png) no-repeat; height: 50px; }
.title.iSsg { background:url(../images/titles/steel_gd.png) no-repeat; height: 50px; }
.title.iCc { background:url(../images/titles/carding.png) no-repeat; height: 50px; }
.title.iCcm { background:url(../images/titles/carding_mq.png) no-repeat; height: 50px; }
.title.iCcf { background:url(../images/titles/carding_fr.png) no-repeat; height: 50px; }
.title.iCcg { background:url(../images/titles/carding_gd.png) no-repeat; height: 50px; }
.title.iIN { background:url(../images/titles/north.png) no-repeat; height: 50px; }
.title.iINm { background:url(../images/titles/north_mq.png) no-repeat; height: 50px; }
.title.iINf { background:url(../images/titles/north_fr.png) no-repeat; height: 50px; }
.title.iINg { background:url(../images/titles/north_gd.png) no-repeat; height: 50px; }
.title.iCo { background:url(../images/titles/coal.png) no-repeat; height: 50px; }
.title.iCom { background:url(../images/titles/coal_mq.png) no-repeat; height: 50px; }
.title.iCof { background:url(../images/titles/coal_fr.png) no-repeat; height: 50px; }
.title.iCog { background:url(../images/titles/coal_gd.png) no-repeat; height: 50px; }
.title.iSL { background:url(../images/titles/railway.png) no-repeat; height: 50px; }
.title.iSLm { background:url(../images/titles/railway_mq.png) no-repeat; height: 50px; }
.title.iSLf { background:url(../images/titles/railway_fr.png) no-repeat; height: 50px; }
.title.iSLg { background:url(../images/titles/railway_gd.png) no-repeat; height: 50px; }
.title.iSNS { background:url(../images/titles/north_swordfishing.png) no-repeat; height: 50px; }
.title.iLCDN { background:url(../images/titles/north_lobstercannery.png) no-repeat; height: 50px; }
.title.iHLC { background:url(../images/titles/north_habourviewcannery.png) no-repeat; height: 50px; }
.title.iGAIG { background:url(../images/titles/north_gypsumgallery.png) no-repeat; height: 50px; }
.title.iTAIG { background:url(../images/titles/railway_gallery.png) no-repeat; height: 50px; }
.title.iJFSA { background:url(../images/titles/railway_judiqueflyer.png) no-repeat; height: 50px; }
.title.iCSRL { background:url(../images/titles/railway_chronology.png) no-repeat; height: 50px; }
.title.iSSG { background:url(../images/titles/steel_gallery.png) no-repeat; height: 50px; }
.title.iRDi { background:url(../images/titles/steel_perspectivesfromwardv.png) no-repeat; height: 50px; }
.title.iMM { background:url(../images/titles/steel_marblemountain.png) no-repeat; height: 50px; }
.title.iBS { background:url(../images/titles/steel_bloodysunday.png) no-repeat; height: 50px; }
.title.iSNS { background:url(../images/titles/north_swordfishing.png) no-repeat; height: 50px; }
.title.iLCDN { background:url(../images/titles/north_lobstercannery.png) no-repeat; height: 50px; }
.title.iHLC { background:url(../images/titles/north_habourviewcannery.png) no-repeat; height: 50px; }
.title.iGAIG { background:url(../images/titles/north_gypsumgallery.png) no-repeat; height: 50px; }
.title.iTAIG { background:url(../images/titles/railway_gallery.png) no-repeat; height: 50px; }
.title.iJFSA { background:url(../images/titles/railway_judiqueflyer.png) no-repeat; height: 50px; }
.title.iCSRL { background:url(../images/titles/railway_chronology.png) no-repeat; height: 50px; }
.title.iSSG { background:url(../images/titles/steel_gallery.png) no-repeat; height: 50px; }
.title.iMM { background:url(../images/titles/steel_marblemountain.png) no-repeat; height: 50px; }
.title.iBS { background:url(../images/titles/steel_bloodysunday.png) no-repeat; height: 50px; }
.title.iIs { background:url(../images/titles/steel_bloodysunday.png) no-repeat; height: 50px; }
.title.iCCM { background:url(../images/titles/coal_conversationswithminers.png) no-repeat; height: 50px; }
.title.iIs { background:url(../images/titles/steel_island.png) no-repeat; height: 50px; }
.title.iMF { background:url(../images/titles/carding_frolic.png) no-repeat; height: 50px; }
.title.iStW { background:url(../images/titles/carding_sheeptowoolens.png) no-repeat; height: 50px; }
.title.iPONS { background:url(../images/titles/carding_pioneersofns.png) no-repeat; height: 50px; }
.title.iJBM { background:url(../images/titles/coal_jamesbryson.png) no-repeat; height: 50px; }
/*rur*/
.title.rT { background:url(../images/titles/rural.png) no-repeat; height: 50px; }
.title.rBo { background:url(../images/titles/boats.png) no-repeat; height: 50px; }
.title.rBog { background:url(../images/titles/boats_gd.png) no-repeat; height: 50px; }
.title.rBof { background:url(../images/titles/boats_fr.png) no-repeat; height: 50px; }
.title.rBom { background:url(../images/titles/boats_mq.png) no-repeat; height: 50px; }
.title.rEe { background:url(../images/titles/eel.png) no-repeat; height: 50px; }
.title.rEef { background:url(../images/titles/eel_fr.png) no-repeat; height: 50px; }
.title.rEeg { background:url(../images/titles/eel_gd.png) no-repeat; height: 50px; }
.title.rEem { background:url(../images/titles/eel_mq.png) no-repeat; height: 50px; }
.title.rLi { background:url(../images/titles/light.png) no-repeat; height: 50px; }
.title.rLim { background:url(../images/titles/light_mq.png) no-repeat; height: 50px; }
.title.rLif { background:url(../images/titles/light_fr.png) no-repeat; height: 50px; }
.title.rLig { background:url(../images/titles/light_gd.png) no-repeat; height: 50px; }
.title.rDa { background:url(../images/titles/dairy.png) no-repeat; height: 50px; }
.title.rDam { background:url(../images/titles/dairy_mq.png) no-repeat; height: 50px; }
.title.rDaf { background:url(../images/titles/dairy_fr.png) no-repeat; height: 50px; }
.title.rDag { background:url(../images/titles/dairy_gd.png) no-repeat; height: 50px; }
.title.rWP { background:url(../images/titles/poems.png) no-repeat; height: 50px; }
.title.rWPm { background:url(../images/titles/poems_mq.png) no-repeat; height: 50px; }
.title.rWPf { background:url(../images/titles/poems_fr.png) no-repeat; height: 50px; }
.title.rWPg { background:url(../images/titles/poems_gd.png) no-repeat; height: 50px; }
.title.rVB { background:url(../images/titles/blacksmith.png) no-repeat; height: 50px; }
.title.rVBm { background:url(../images/titles/blacksmith_mq.png) no-repeat; height: 50px; }
.title.rVBf { background:url(../images/titles/blacksmith_fr.png) no-repeat; height: 50px; }
.title.rVBg { background:url(../images/titles/blacksmith_gd.png) no-repeat; height: 50px; }
.title.rBBBO { background:url(../images/titles/eel_barrybernard.png) no-repeat; height: 50px; }
.title.rSaq { background:url(../images/titles/eel_saqsikwemk.png) no-repeat; height: 50px; }
.title.rBoMaDG { background:url(../images/titles/boats_gallery.png) no-repeat; height: 50px; }
.title.rGG { background:url(../images/titles/boats_geraldgallant.png) no-repeat; height: 50px; }
.title.rLFaS { background:url(../images/titles/boats_lobsterfishing.png) no-repeat; height: 50px; }
.title.rFH { background:url(../images/titles/dairy_vandenhoogen.png) no-repeat; height: 50px; }
.title.rFatI { background:url(../images/titles/dairy_gallery.png) no-repeat; height: 50px; }
.title.rFL { background:url(../images/titles/dairy_waywelived.png) no-repeat; height: 50px; }
.title.rAtB { background:url(../images/titles/dairy_aroundthebarn.png) no-repeat; height: 50px; }
.title.rItC { background:url(../images/titles/blacksmith_insidetheceardach.png) no-repeat; height: 50px; }
.title.rCK { background:url(../images/titles/poems_crooked.png) no-repeat; height: 50px; }
.title.rSE { background:url(../images/titles/poems_eelpole.png) no-repeat; height: 50px; }
.title.rFaB { background:url(../images/titles/blacksmith_forge.png) no-repeat; height: 50px; }
.title.rBiA { background:url(../images/titles/blacksmith_inarichat.png) no-repeat; height: 50px; }
.title.rHFI { background:url(../images/titles/light_flintisland.png) no-repeat; height: 50px; }
.title.rRGLK { background:url(../images/titles/light_rulesguidance.png) no-repeat; height: 50px; }
.title.rLoSG { background: url(../images/titles/light_gallery.png) no-repeat; height: 50px; }
/*pro*/
.title.pT { background:url(../images/titles/professional.png) no-repeat; height: 50px; }
.title.pDJ { background:url(../images/titles/jones.png) no-repeat; height: 50px; }
.title.pDJm { background:url(../images/titles/jones_mq.png) no-repeat; height: 50px; }
.title.pDJf { background:url(../images/titles/jones_fr.png) no-repeat; height: 50px; }
.title.pDJg { background:url(../images/titles/jones_gd.png) no-repeat; height: 50px; }
.title.pAr { background:url(../images/titles/archibalds.png) no-repeat; height: 50px; }
.title.pArm { background:url(../images/titles/archibalds_mq.png) no-repeat; height: 50px; }
.title.pArf { background:url(../images/titles/archibalds_fr.png) no-repeat; height: 50px; }
.title.pArg { background:url(../images/titles/archibalds_gd.png) no-repeat; height: 50px; }
.title.pIM { background:url(../images/titles/madame.png) no-repeat; height: 50px; }
.title.pIMm { background:url(../images/titles/madame_mq.png) no-repeat; height: 50px; }
.title.pIMf { background:url(../images/titles/madame_fr.png) no-repeat; height: 50px; }
.title.pIMg { background:url(../images/titles/madame_gd.png) no-repeat; height: 50px; }
.title.pSc { background:url(../images/titles/schools.png) no-repeat; height: 50px; }
.title.pScm { background:url(../images/titles/schools_mq.png) no-repeat; height: 50px; }
.title.pScf { background:url(../images/titles/schools_fr.png) no-repeat; height: 50px; }
.title.pScg { background:url(../images/titles/schools_gd.png) no-repeat; height: 50px; }
.title.pGa { background:url(../images/titles/gabarus.png) no-repeat; height: 50px; }
.title.pGam { background:url(../images/titles/gabarus_mq.png) no-repeat; height: 50px; }
.title.pGaf { background:url(../images/titles/gabarus_fr.png) no-repeat; height: 50px; }
.title.pGag { background:url(../images/titles/gabarus_gd.png) no-repeat; height: 50px; }
.title.pSAtI { background:url(../images/titles/schools_gallery.png) no-repeat; height: 50px; }
.title.pRFT { background:url(../images/titles/schools_rulesteachers.png) no-repeat; height: 50px; }
.title.pLRRS { background:url(../images/titles/schools_littlered.png) no-repeat; height: 50px; }
.title.pWWW { background:url(../images/titles/archibalds_woodwindwater.png) no-repeat; height: 50px; }
.title.pEJA { background:url(../images/titles/archibalds_ethanjessie.png) no-repeat; height: 50px; }
.title.pMoMi { background:url(../images/titles/archibalds_morienmining.png) no-repeat; height: 50px; }
.title.pAL { background:url(../images/titles/madame_almonlewis.png) no-repeat; height: 50px; }
.title.pBVT { background:url(../images/titles/madame_brookvillage.png) no-repeat; height: 50px; }
.title.pTC { background:url(../images/titles/gabarus_transatlanticcable.png) no-repeat; height: 50px; }
.title.pCSw { background:url(../images/titles/gabarus_countryswitchboard.png) no-repeat; height: 50px; }
.title.pTNS { background:url(../images/titles/gabarus_northsmokey.png) no-repeat; height: 50px; }
.title.pEfMT { background:url(../images/titles/jones_mactalla.png) no-repeat; height: 50px; }
.title.pNPH { background:url(../images/titles/jones_porthoodpapers.png) no-repeat; height: 50px; }
.title.pCG { background:url(../images/titles/madame_gallery.png) no-repeat; height: 50px; }
/* interactive titles */
.title.int_Main { background:url(../images/titles/interactiveactivities.png) no-repeat; height: 50px; }
.title.int_hsm { background:url(../images/titles/int_hsm.png) no-repeat; height: 50px; }
.title.int_wttm { background:url(../images/titles/int_wttm.png) no-repeat; height: 50px; }
.title.int_ywtt { background:url(../images/titles/int_ywtt.png) no-repeat; height: 50px; }
.title.int_gb { background:url(../images/titles/int_gb.png) no-repeat; height: 50px; }
.title.int_wttt { background:url(../images/titles/int_wttt.png) no-repeat; height: 50px; }
.title.int_bib { background:url(../images/titles/int_bib.png) no-repeat; height: 50px; }
.title.int_pg { background:url(../images/titles/int_pg.png) no-repeat; height: 50px; }
.title.cam_tour { background:url(../images/titles/camera_tour.png) no-repeat; height: 50px; }
.title.audio_index { background:url(../images/titles/audio_index.png) no-repeat; height: 50px; }
.title.audio_en { background:url(../images/titles/audio_eng.png) no-repeat; height: 50px; }
.title.audio_gd { background:url(../images/titles/audio_gd.png) no-repeat; height: 50px; }
.title.audio_fr { background:url(../images/titles/audio_fr.png) no-repeat; height: 50px; }
.title.audio_mq { background:url(../images/titles/audio_mq.png) no-repeat; height: 50px; }

/* this is a sneaky fix but it works - the debug window appears even though everything is fine... may have something to do with the Spry Validation issue */
#SpryDebugWindow {display:none;}