/* Invisible elements, mainly for accessibility */
.hidden  {
    display: none;
    width: 0px;
    height: 0px;
}

fieldset  {
    border: 0 solid #fff;
}

.error  {
    color: #FF0000;
}



/*====== Embedded Media Files ======*/

/* [DanB] 2006-05-22, Altered */

/*
 *  Set a width...
 */
.cont_left_border,
.cont_left_noborder,
.cont_center_border,
.cont_center_noborder,
.cont_right_border,
.cont_right_noborder {
    width: 1%;
}
/*
 *  ...And then un-set it in all browsers except Mac IE.
\*/
.cont_left_border,
.cont_left_noborder,
.cont_center_border,
.cont_center_noborder,
.cont_right_border,
.cont_right_noborder {
    width: auto;
}
/**/

/* STYLE REWRITTEN TO WORK WITH CENTERED IMAGES */
.cont_left_border,
.cont_left_noborder,
.cont_center_border,
.cont_center_noborder,
.cont_right_border,
.cont_right_noborder {
    margin: 5px 10px 5px 0px;
    text-align: center;
    border: 0 solid #000; /* Specify all for Opera */
}

.cont_left_border,
.cont_left_noborder,
.embedTableLeft,
.embedNoBorderLeft {
    float: left;
    clear: left;
}

.cont_center_border,
.cont_center_noborder,
.embedTableCenter,
.embedNoBorderCenter {
    display: block;
    clear: both;
    text-align: center; /* Added to align the .embedTableCenter and .embedNoBorderCenter classes */
}

.cont_right_border,
.cont_right_noborder,
.embedTableRight,
.embedNoBorderRight {
    float: right;
    clear: right;
}

/* Image now has border instead of the parent span */
.cont_left_border span.embedimg,
.cont_center_border span.embedimg,
.cont_right_border span.embedimg,
.embedTableLeft span.embedimg,
.embedTableCenter span.embedimg,
.embedTableRight span.embedimg {
    border: 1px solid #000;
}

.embedTableLeft,
.embedTableCenter,
.embedTableRight,
.embedNoBorderLeft,
.embedNoBorderCenter,
.embedNoBorderRight {
    background: #FFFFFF;
    margin: 3px;
}


/***** To-check *****/
/* [DanB] We should be careful about
over-riding colours - we should
be using the site defaults */

.embedimg  {
    margin: 0px 1px 1px 0px;
}
.embedcaption  {
    display: block;
    text-align: left;
    padding: 2px;
    font-size: 90%;
    font-weight: bold;  /* We may not want this */
}
.cont_center_border .embedcaption,
.cont_center_noborder .embedcaption,
.embedTableCenter .embedcaption,
.embedNoBorderCenter .embedcaption {
    text-align: center;
}

/* END OF REWRITE FOR CENTERED IMAGES */

/***** end To-check *****/



.embedTableCell  {  /* [DanB] This is also applied to spans when XHTML is enabled */
    /*background: #FFFFFF;*/
}
.embedTitle  {
    /*font-size: 90%;*/
    /*color: #000000;*/
    /*font-weight: bold;*/  /* Not sure we want this either */
}
.embedImageCaption  {
    /*font-size: 100%;*/
}



/*
 *  [DanB] Old code.  Should be applied to an IMG.
 */
img.documentEmbeddedIcon {
    margin: 0 16px 0 0;
    padding: 0;
}



/***** Embedded Media File links *****/
/* [DanB] */

div.docEmbeddedMediaFileLinkContainer {
    float: none;
    clear: both;  /* Absolutely no wrapping */
}

div.docEmbeddedMediaFileLinkContainer  div.iconContainer {
    float: left;
    width: 32px;
    text-align: left;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

div.docEmbeddedMediaFileLinkContainer  div.titleContainer {
    margin: 0 0 0 33px;
    padding: 0;
}
    div.docEmbeddedMediaFileLinkContainer  div.titleContainer  div.title {
        font-size: 100%;
        /*font-weight: bold;*/
    }
    div.docEmbeddedMediaFileLinkContainer  div.titleContainer  div.playersContainer,
    div.docEmbeddedMediaFileLinkContainer  div.titleContainer  div.helpContainer,
    div.docEmbeddedMediaFileLinkContainer  div.titleContainer  div.transcriptContainer {
        font-size: 85%;
        color: #336699;
    }

/***** end Embedded Media File links *****/



.embedPlayersLink  {
    font-size: 80%;
    text-decoration: none;
}
.embedPlayersLink:hover  {
    font-size: 80%;
    text-decoration: underline;
}
.embedPlayersBreak  {
    font-size: 80%;
    color: #336699;
}



.embedHelpLink  {
    font-size:85%;
    color: #336699;
}



/* Check if these are being used */

.thumbleft {
    float: left;
    margin: 0 5px 5px 0;
}

.thumbright  {
    float:right;
    margin: 0 0 5px 5px;
}

/*====Start of Common CSS entries====*/
a, a:visited  {
    color : #003366;
    text-decoration: underline;
}
a:hover  {
    text-decoration: none;
    color : #003366;
}
td, th  {
    font-family: Helvetica, Arial, sans-serif;
}
div.heading  {
    margin-bottom: 5px;
clear: both;
}
ol.docindex, ul.docindex {
    font-size: 77%;
}
body  {
    margin: 0;
    font-family: Helvetica, Arial, sans-serif;
    color: #000000;
}
h1  {
    font-size: 120%;
}
h2  {
    font-size: 110%;
}
h3  {
    font-size: 105%;
}
h4  {
    font-size: 100%;
}
.advertText  {
    font-size: 75%
}
.advertSetContainer  {
    margin-bottom: 5px;
}
.quizContainer form  {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.mediaFileIcon  {
    margin-right: 3px;
}
/* *** Forms *** */
div.formrow             {
    clear: both;
    padding-top: 3px;
}
div.formrow label       {
    float: left;
    width: 150px;
    text-align: right;
    margin-right: 3px;
    clear: left;
}
div.formrow label.above  {
    width: auto;
    display: block;
    text-align: left;
    margin: 4px 0px 0px 0px;
    padding: 0;
}
div.formrow .blanklabel  {
    float: left;
    width: 150px;
    text-align: right;
    margin-right: 3px;
    clear: left;
}
div.formfield  {
    font-family: Helvetica, Arial, sans-serif;
    float: left;
    margin: 0;
    padding: 0;
}
div.formFieldAbove  {
    font-family: Helvetica, Arial, sans-serif;
    clear: both;
    margin: 0;
    padding: 0;
}
div.submitrow  {
    clear: both;
    text-align: center;
    padding: 3px 0px 3px 0px;
}
fieldset  {
    margin: 3px 0px 3px 0px;
    border : none;
}
#rightColumn div.formrow label
{
    width: auto;
}
#rightColumn div.submitrow
{
    padding: 2px 0px 2px 0px;
}
/* *** Image Embedding *** */
.embedimg  {
    margin: 2px;
}
.embedcaption  {
    text-align: left;
    padding: 2px;
    font-style: oblique;
}
.embedTableLeft  {
    background: #FFFFFF;
    border: 1px solid black;
    float: left;
    margin: 3px;
}
.embedTableRight  {
    background: #FFFFFF;
    float: right;
    border: 1px solid black;
    margin: 3px;
    clear: right;
}
.embedNoBorderLeft  {
    background: #FFFFFF;
    float: left;
    margin: 3px;
}
.embedNoBorderRight  {
    background: #FFFFFF;
    float: right;
    margin: 3px;
}
.embedNoBorderCentre  {
    background: #FFFFFF;
    margin: 3px;
}
.embedTableCentre  {
    background: #FFFFFF;
    border: 1px solid black;
    margin: 3px;
}
.embedTableCell  {
    background: #FFFFFF;
}
.embedTitle  {
    font-size: 90%;
    color: #000000;
    font-weight: bold;
}
.embedImageCaption  {
    font-size: 100%;
    font-style: oblique;
}
.embedPlayersLink  {
    font-size: 80%;
    text-decoration: none;
}
.embedPlayersLink:hover  {
    font-size: 80%;
    text-decoration: underline;
}
.embedPlayersBreak  {
    font-size: 80%;
    color: #336699;
}
.embedHelpLink  {
    font-size:85%;
    color: #336699;
}
/* *** Contact Directory *** */
.backto  {
    font-size: 85%;
    color: #006699
}
/* *** Misc *** */
.noborder  {
    border: 0;
}
.greyborder  {
    border: 1px solid #999999;
}
.valign  {
    border: 0;
    vertical-align: bottom;
}
.aligntop  {
    vertical-align: top;
}
.important  {
    color: red;
}
.contentcontainer  {
    margin-top: 3px;
    margin-bottom: 3px;
}
.contentsummary  {
     font-size: 80%;
}
.contentdate  {
    padding-right: 3px;
    font-size: 80%;
    color: #666666;
    display: inline;
}
.sepdefault  {
    height: 1px;
    clear: both;
}
.docindex  {}
.contentlink, .contentlink:visited  {}
.sideboxtitle  {
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 2px;
    font-size: 90%;
    font-weight: bold;
    color: #666666;
}
div.linkContainer  {
   font-size: 80%
}
div.linkContainer strong  {
   font-size: 110%
}
.sideboxcontents  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
}
th.calWeek  {
    height: 15px;
    width: 15px;
    font-size:90%;
    font-weight: bold;
    text-align: center;
}
td.calCell0, td.calCell1, td.calCell2  {
    height:19px;
    width:16px;
    font-size:110%;
    border: 1px solid white;
    text-align:center;
}
div.calendarContainer  {
    text-align: center;
    font-size: 90%;
    padding-bottom: 5px;
}
table.calendarBox tbody  {
    background-color: #FFFFFF;
}
table.calendarBox  {
    margin: auto;
    border-bottom: 5px solid #FFFFFF;
    font-size:81%;
}
td.spacerCell  {
    width:5px;
}
td.spacerCellHor  {
    height:5px;
}
.sdnstart  {
    padding-right: 3px;
    font-weight: bold;
    font-size: 85%;
}
.breadcrumb {
    font-size: 85%;
}
.advsearchfield  {
    width : 300px;
}
.advancedSearchLabel  {
    font-weight : bold;
    padding-top : 5px;
}
.searchIntro  {
    font-size: 75%;
}
.searchpagination  {
    font-size: 75%;
    font-weight : bold;
    padding : 5px 0px 5px 0px;
}
#leftColumn  {
    padding : 0px 5px 0px 4px;
    font-size: 90%;
}
#middleColumn  {
    padding : 0px 5px 0px 5px;
    font-size: 90%;
}
#rightColumn  {
    padding : 0px 5px 0px 5px;
    font-size: 90%;
}
.paginationlinks  {
    font-weight : bold;
    /*width: 100%; */
    text-align: right;
}
.conWebDoc .paginationlinks  {
    margin-top: 10px;
    font-weight: normal;
    font-size: 90%;
}
.eventdate {
    font-weight: bold;
}
.aToZContainer  {
    font-size: 81%
}
textarea {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
}
.eventTableItem {
    font-weight: bold;
    font-size: 77%;
}
.eventDetails {
    font-size: 77%;
}
a.breadActive, a.breadActive:visited  {
    font-size: 70%;
    font-weight:bold;
}
a.breadInactive, a.breadInactive:visited, .breadInactive   {
    font-weight:bold;
    color: #D7D7D7;
    font-size: 70%;
}
.searchIwm  {
    font-size: 70%;
    font-weight: bold;
}
.youAreHere  {
    font-weight: bold;
    text-align: right;
    font-size: 70%;
}
td.breadcrumbCell  {
    text-align: left;
    padding-bottom: 3px
}
.greybar  {
    height: 20px;
    background-color: #B8B8B8;
    color: #FFFFFF;
}
a.subsite, a.subsite:visited  {
    color: #FFFFFF;
    font-size: 78%;
    font-weight: bold;
}
a.subsite:hover  {
    color: #FFFFFF;
}
a.utility, a.utility:visited, a.utility:hover  {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 60%;
}
.greybar td{
padding-bottom: 2px
}
a.blacklink  {
    color: #000000;
}
a.leftmenu  {
    font-size: 77%;
}
.menuitem  {
    padding: 5px 0px 5px 0px;
}
.thumbpadd  {
    padding-right: 8px;
}
.descpadd  {
    padding-left: 10px;
}
.righthead  {
    color: #444526;
    font-size: 145%;
    font-weight: bold;
}
.eventdate  {
    font-weight: bold;
    font-size: 95%;
}
.eventtext {
    font-size: 100%;
}
.subhead  {
    font-weight: bold;
    font-size: 110%;
}
.desc  {
    font-size: 95%;
}
.small  {
    font-size: 77%;
}
.bold  {
    font-weight: bold;
}
.white  {
    color: white;
}
.line  {
    display: block;
}
td img  {
    display: inline;
}
td form {
    display: block;
}
.quizContainer  {
    font-size: 95%;
}
td.conWebDocText  {
    width: 100%;
    vertical-align: top;
}
.contentsummary .conWebDocContent  {
    font-size: 95%;
}
/*
 *  This fixes a problem with font size caused by inheritance
 */
#middleColumn .contentsummary .conEventContainer {
/*    font-size: 125%;*/
}
.conWebDocContent,
.conWebDocInro  {
    font-size: 77%;
}
.conWebDocContent h2 {
    clear: both;
}
.backToLink  {
    border-bottom: 1px dotted black;
}
div.multiEvent  {
    font-size: 81%;
}
#rightColumn div.singleContentContainer  {
    font-size: 81%;
}
.link-container  {
    padding-bottom: 3px;
}
.rh-title  {
    font-size: 90%;
}
td.top-bar {
  padding-bottom: 2px;
}
.r-block  {
    padding-top :10px;
}
.r-block-title  {
    font-weight: normal;
    font-size: 81%;
}
.quizContainer .rh-title  {
    font-size: 120%;
}
td.eventBody {
    font-size: 77%;
}
/*====Old CSS entries====*/
div.conEventContainer  {
padding-bottom: 5px;
}
hr.sepdefault {
    border:0;
}
.pageViewBody {
    font-size: 77%;
}
img {
    border: 0;
}
img.offsiteIcon  {
    vertical-align: bottom;
}
img.pdfIcon  {
    vertical-align: bottom;
    padding: 0px 2px 0px 0px;
}
div.forum  {
    font-size: 77%;
}
.loginBox  {
    font-size: 77%;
}
table.loginBox input  {
    width: 70px;
}
table.loginBox {
    margin-top: 0;
}
div.searchresult td {
   vertical-align: top;
   font-size: 75%
}
/*====E-Card Styles ====*/
div.postcardItem h1.heading,
div.postcardSet h1.heading  {
    margin-top: 0;
}
div.postcardItem label,
div.postcardItem th  {
    font-size: 75%;
}
div.postcardItem input.postcardTextField  {
    width: 200px;
    font-size: 100%;
    padding: 1px;
    margin: 1px;
}
div.postcardItem textarea.postcardTextField  {
    width: 200px;
    font-size: 100%;
    padding: 1px;
    margin: 1px;
}
div.postcardItem .replyLink  {
    padding-left: 7px;
}
#postcard {
 position:relative;
 width:573px;
 height:346px;
 background-repeat:no-repeat;
}
#to {
 width:43px;
 height:0;
 padding:22px 0 0;
 overflow:hidden;
 background-repeat:no-repeat;
 position:absolute;
 left:35px;
 top:3px;
}
div.postcardItem img.bottomLine {
 position: absolute;
 left: 9px;
 top: 288px;
}
img.toFrom {
    position: absolute;
    top: 25px;
    left: 25px;
}
img.prevImage {
 position:absolute;
 left:60px;
 top:100px;
}
td.colorScheme {
    padding-right:45px;
}
label.fieldPadding {
    padding-right:5px;
}
div.postcardItem th {
    font-size: 80%;
    padding-bottom: 5px;
}
div.thumbImage {
    position:relative;
    top: 100px;
}
#from {
 width:43px;
 height:0;
 padding:22px 0 0;
 overflow:hidden;
 background-repeat:no-repeat;
 position:absolute;
 left:35px;
 top:25px;
}
#friendName {
 position: relative;
 left: 80px;
 top: 26px;
    font-weight: normal;
    font-size: 90%;
}
#yourName {
 position:relative;
 left:80px;
 top:33px;
    font-weight: normal;
    font-size: 90%;
}
#mediaFile {
 position:absolute;
 left:20px;
 width:300px;
 height:211px;
 overflow:hidden;
 text-align:center;
}
#yourMessage {
 position:absolute;
 left:325px;
 top:64px;
 width:190px;
 height:180px;
 overflow: hidden;
}
#yourMessage h2 {
 width:68px;
 height:0;
 padding:22px 0 0;
 margin:4px 0;
 overflow:hidden;
 background-repeat:no-repeat;
}
#yourMessage p {
 padding-right:5px;
 height: 150px;
 overflow:auto;
    line-height: 22px;
}
#instructions {
 position:absolute;
 left:300px;
 top:100px;
 width:210px;
 height:0;
}
#watermark {
 position:absolute;
 left:350px;
 bottom:10px;
 width:200px;
 height:87px;
 background-repeat:no-repeat;
 background-position:right bottom;
}
/*==== Object Search  =======*/
.objectSearch  {
   display: inline;
   background-color: #F6F6EC;
   padding: 10px;
   font-size: 75%;
   float: left;
   width: 83%;
   margin: 5px 10px 10px 10px;
}
.objectSearch  input {
   font-size: 100%;
}
.objectSearch h2.blockTitle  {
    margin-top: 0;
}
.objectSearch label {
    padding-right: 3px;
}
.objectSearch fieldset  {
    float: left;
    margin:0;
    padding:0;
}
.objectSearch .searchFieldsSubmit input  {
    vertical-align: bottom;
    margin-left: 3px;
}
.searchContent .list .searchResult .thumbnail  {
    width: 100px;
    text-align: center;
}
.searchContent .list .searchResult  {
    margin-bottom: 1.5em;
}
/*==== End of Object Search ======*/
/*==== ConInfoRecord ======*/
.conInfoRecord  {
    font-size: 75%;
}
.conInfoRecord h1 {
    margin-top: 0;
    background-color: #F6F6EC;
    font-size: 130%;
    padding: 2px;
}
.conInfoRecord dt  {
    margin-top: 1em;
    font-weight: bold;
    display: inline;
}
.conInfoRecord dd  {
    display: inline;
    text-indent: 0;
}
.objectInfo p span {
    font-weight: bold;
}
div.objectPhoto  {
    text-align: center;
}
.objectInfo  {
    margin-bottom: 2em;
}
.conInfoRecord .thumbnailList  {
    padding: 5px 5px 5px 10px;
    float: left;
    width: 400px;
}
.conInfoRecord .thumbnailList a {
    float: left;
    width: 70px;
    padding-left: 10px;
    padding-bottom: 5px;
}
.conInfoRecord .thumbnailList a.cleared {
    clear: left;
}
/*==== End of ConInfoRecord ======*/
/*====End of Common CSS entries====*/
/* ConArtist */
.conArtist h2  {
}
.conArtist .infoRow  { float: left; width: 100%; margin-bottom: 1em; font-size: 11px; }
.conArtist .label  { width: 100px; float: left; font-weight: bold; }
.conArtist .info  { margin-left: 100px; text-align: justify; width: 320px; }
* html .conArtist .info { width: 315px; }
.conArtist .artistGallery { border: 1px solid #336; }
.conArtist .artistGallery .mainPicture { text-align: center; padding: 5px; }
.conArtist .artistGallery .mainPicture p.caption { font-size: 0.91em; font-weight: bold; }
.conArtist .artistGallery .thumbnails { border-top: 1px dotted #999; text-align: left; padding: 5px; }
.conArtist .artistGallery .thumbnails p { margin: 1em 0 0.5em 0; font-size: 0.91em; }
.conArtist .artistGallery .thumbnails span { clear: left; }
.conArtist .artistGallery .thumbnails a  { margin: 5px; float: left; border: 1px solid #000; }
.conArtist .artistGallery .thumbnails img.current  { margin: 6px; float: left; }
.conArtist .clearLeft { clear: left; }
/* end conartist */
/* changes to relation block */
.r-block div.link-container { margin-top: 1em; }
.r-block div.link-container a.docHeadLink { margin-bottom: 0.5em; display:block; }
table {
    margin-left: auto;
    margin-right:auto;
}
table table  {
    margin-left:0;
    margin-right:0;
}
/*==== Captcha ====*/
.captchaRow {
    padding: 10px 0 10px 153px;
    float: left;
}
.captchaRow .fieldLeft {
    margin-top: 5px;
}


/*== conGallery ==*/
.conGallery h2  {
    text-align: left;
    margin-top: 0;
}
.conGallery img {
    border: 10px solid #444526;
}
.conGallery .galleryNav  {
    padding-top: 25px;
    padding-bottom: 20px;
}
.conGallery  {
    text-align: center;
}

.conGallery .galleryNav,
.conGallery .galleryNav a,
.conGallery .galleryNav a:visited  {
    color: #444526;
    text-decoration: none;

}
.conGallery span.imgCount  {
    padding-left: 10px;
    padding-right: 10px;
}
.conGallery .caption  {
    text-align: left;
    font-size:77%;
    padding-left: 10px;
    padding-right: 10px;
    }
/*====Start of CSS for Through My Eyes Portal====*/

/* === overridden common stuff === */

.conWebDocContent, .conWebDocInro {
font-size:100%;
}


/* === actual css  === */
body  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    text-align: center;  /* Centres in IE */
    background-color: #efe6cf;
}
#mainContent  {
    font-size: 90%;
}
#centeringContainer  {
    width: 1030px;
    margin: 0 auto;
    text-align: left;
}
#outerContainer  {
    border: 30px solid #fff;
    float: left;
    background-color: #fff;
}
#innerContainer  {
    float: left;
    width: 966px;
    padding: 1px;
    border: 1px solid #C5BEBC;
}
#TmeLanding .landingContainer  {
    background-image: url(../custom/iwm/img/tme/landing.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
    float: left;
    
}
/* === header === */
#header  {
    float: left;
    width: 966px;
    text-align: right;
}
#header img  {
    vertical-align: top;
}
#header a.logo{
    margin-left: 325px;
}
#TmeLanding #header a.logo  {
    margin-top: 200px;
    margin-right: 160px;
    float: right;
    margin-left: 0;
}
#header a.tpyfLogo  img,
#header a.iwmLogo  img  {
    padding-top: 10px;
    padding-left: 5px;
    float: left;
}
#topMenu  {
    background-color: #FC7509;
    float: left;
    width: 966px;
}
#TmeTwoColRev #topMenu  {
    background-color: #67B329;
}
#topMenu a#chooseAnotherStoryLink {
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 50px;
    float: left;
    padding-top: 2px;
    padding-bottom: 3px;
    width: 916px;
    background-image: url(../custom/iwm/img/tme/menu-expand.gif);
    background-repeat: no-repeat;
    background-position: 25px 3px;
    font-size: 0.9em;
    font-weight: bold;
}
#topMenu a#chooseAnotherStoryLink:hover {
    background-color: #d51;
    color: #fff;
}
#topMenu a#chooseAnotherStoryLink.expanded {
    background-image: url(../custom/iwm/img/tme/menu-collapse.gif);
}
#storyMenu {
    list-style-type: none;
    width: 966px;
    float: left;
    border-top: 1px solid #fff;
    padding: 0;
    margin: 0;
}
/* Main Content */

div#introDoc  {
    width: 450px;
    padding-left: 450px;
    padding-top: 25px;
    padding-bottom: 30px;
    float: left;
}
div.cell  {
    float: left;
    display: inline;
}
div.areaOne  {
    width: 966px;
    height: 332px;
    overflow: hidden;
    font-size: 140%;

    font-family: "Gill Sans", Arial, Helvetica, sans-serif;
}
div.areaOne .content  {
    float: left;
    position: relative;
    width: 410px;
    color: #fff;
    padding: 110px 50px 50px 50px;
    height: 172px;
}
div.areaOne .conTitle  {
    font-family: Baskerville,Times New Roman;
    position: absolute;
    display: block;
    padding: 0 30px 5px 0;
    margin: 0;
    font-size: 190%;
    bottom: 230px;
    color: #bbb;
    line-height: .9em;
    font-weight: normal;
}
div.black .content,
div.black .conTitle  {
    color: #000;
}
div.areaOne h2 {
    font-weight: normal;
    font-size: 90%;
    margin: 0 0 36px 0;
    padding: 0;
}
div.areaTwo  {
    width: 360px;
    padding: 12px 12px 12px 0;
    margin-left: 78px;
}
div.areaThree  {
    width: 438px;
    padding: 12px 0 12px 12px;
}
#TmeTwoColRev div.areaTwo {
    width: 438px;
    padding: 12px 12px 12px 0;
    margin-left: 78px;
}
#TmeTwoColRev div.areaThree {
    width: 360px;
 
    padding: 12px 0 12px 12px;
}
div.areaFour  {
    width: 822px;
    margin-left: 78px;
    padding-top: 20px;
    padding-bottom: 20px;

}
div.relationBar1,
div.relationBar2,
div.relationBar3,
div.relationBar4  {
    float: left;
    background-image: url(../custom/iwm/img/tme/relationBar.gif);
    background-repeat: no-repeat;
}
div.relationBar4 {
    padding-left: 16px;
    width: 950px;
}
div.relationBar1,
div.relationBar3  {
    padding-left: 78px;
    width: 888px;
}
div.relationBar2 {
    padding-left: 210px;
    width: 756px;
}
div.relationBar1 {
    padding-left: 359px;
    width: 607px;
}
div.relationBar3 .relation,
div.relationBar4 .relation  {

    /*padding-right: 5px;*/
}
div.relationBar4 .relation div.wrap {
    width: 233px;
    float: left;
}
div.relationBar1 .relation div.wrap,
div.relationBar2 .relation div.wrap,
div.relationBar3 .relation div.wrap {
    width: 274px;
    float: left;
}
div.relationBar1 .relation a.thumbnail,
div.relationBar2 .relation a.thumbnail,
div.relationBar3 .relation a.thumbnail,
div.relationBar4 .relation a.thumbnail  {
    float: left;
    padding: 0 5px;
}
div.relationBar1 .relation div.docHead,
div.relationBar2 .relation div.docHead,
div.relationBar3 .relation div.docHead,
div.relationBar4 .relation div.docHead  {
   font-size: 130%;
   color: #33592A;
   font-weight: bold;
}
div.relationBar1 .relation div.docHead img,
div.relationBar2 .relation div.docHead img,
div.relationBar3 .relation div.docHead img,
div.relationBar4 .relation div.docHead img {
    margin-right: 5px;
}
div.relationBar4 .relation div.description,
div.relationBar3 .relation div.description {
    margin-left: 5px;
}
div.relationBar1 .relation div.wrap,
div.relationBar2 .relation div.wrap, 
div.relationBar3 .relation div.wrap,
div.relationBar4 .relation div.wrap  {
    float: left;
    padding-top: 25px;
    height: 95px;
    background-image: url(../custom/iwm/img/tme/relationDiv.gif);
    background-repeat: no-repeat;
    background-position: right top;
    text-decoration: none;
    color: #000;
}
div.relationBar1 .relation div.last,
div.relationBar2 .relation div.last,
div.relationBar3 .relation div.last,
div.relationBar4 .relation div.last  {
    background-image: none;
}
div.relationBar1 .relation div.wrap:hover,
div.relationBar2 .relation div.wrap:hover,
div.relationBar3 .relation div.wrap:hover,
div.relationBar4 .relation div.wrap:hover  {
    background-image: url(../custom/iwm/img/tme/relationHover.gif);
}
div.relationBar1 .relation div.last:hover,
div.relationBar2 .relation div.last:hover,
div.relationBar3 .relation div.last:hover,
div.relationBar4 .relation div.last:hover  {
    background-position: left top;
}

div.areaTwo .singleContentContainer .conMediaFile img,
div.areaThree .singleContentContainer .conMediaFile img {
    border: 9px solid #CCC;
}

div.relationBar1 .relation a:visited,
div.relationBar2 .relation a:visited,
div.relationBar3 .relation a:visited,
div.relationBar4 .relation a:visited,
div.relationBar1 .relation a,
div.relationBar2 .relation a,
div.relationBar3 .relation a,
div.relationBar4 .relation a  {
    text-decoration: none;
}



/*=== funny green quote boxes  ==*/

blockquote  {
    background-image: url(../custom/iwm/img/tme/quoteBottom.gif);
    float: left;
    width: 215px;
    margin: 0 10px 0 0;
    background-repeat: no-repeat;
    background-position: bottom left;
}
blockquote.alt  {
    float: right;
    margin: 0 0 0 10px;
}
blockquote span {
    background-image: url(../custom/iwm/img/tme/quoteTop.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 160px;
    float: left;
    color: #fff;
    padding: 28px 10px 15px 45px;
    font-weight: bold;
    font-size: 120%;
}
#TmeTwoCol blockquote  {
    background-image: url(../custom/iwm/img/tme/quoteBottomOng.gif);
}
#TmeTwoCol blockquote span  {
    background-image: url(../custom/iwm/img/tme/quoteTopOng.gif);
}
/*=== conflict style ===*/
.conflict  {
    background-image: url(../custom/iwm/img/tme/conflict_middle.gif);
    background-repeat: repeat-y;
    float: left;
    width: 823px;
        font-size: 111%;
}
.conflict .mid  {
    float: left;
    width: 823px;
    background-image: url(../custom/iwm/img/tme/conflict_bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.conflict .inner {
    float: left;
    width: 813px;
    padding-left: 10px;
    background-image: url(../custom/iwm/img/tme/conflict_top.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 0px;
    padding-bottom: 21px;
    position: relative;
}
.conflict .inner h2  {
    font-weight: normal;
    padding: 0;
    margin: 0;
    margin-top: 16px;
    margin-bottom: 15px;
    padding-left:20px;
    width: 320px;
    color: #fff;
    font-size: 1.5em;
}
.conflict div.description  {
    width: 300px;
    padding-left: 20px;
    font-weight: bold;
    font-size: 90%;
}
.conflict .inner div.thumbright  {
   margin: -33px 36px 0 0;
   float: right;
   display: inline;
}

.conflict .docHead a  {
    font-size: 1.3em;
    font-weight: bold;
    padding-left: 20px;
    text-decoration: none;
    width: 300px;
    display: block;
}
.conflict .docHead {
    margin-top: .5em;
    margin-bottom: .5em
}
/*==== Footer  ====*/
#footer {
    float: left;
    width: 822px;
    border-top: 1px solid #313A7B;
    margin-left: 78px;
    display: inline;
}
#footer .copy {
    float: left;
    padding-left: 5px;
}
#footer img  {
    float: right;
}
/*==== Previous/Next bar thing  */
div#stepBar {
    float: left;
    width: 822px;
    border-top: 1px solid #313A7B;
    border-bottom: 1px solid #313A7B;
    margin-left: 78px;
    clear: left;
    display: inline;
}
div#stepBar a {
    display: block;
    width: 381px;
    float: left;
    background-repeat: no-repeat;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
}
div#stepBar a.next {
    text-align: right;
    padding-right: 30px;
    background-image: url(../custom/iwm/img/tme/next_button.gif);
    background-position: right center;
}
div#stepBar a.prev {
    padding-left: 30px;
    background-image: url(../custom/iwm/img/tme/previous_button.gif);
    background-position: left center;
}

/*==== Clear Fix  */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
ul.multiList
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display: block; }
/* End hide from IE-mac */

/*===== Lightbox ====================*/

div.lightbox-overlay {
    /*background-color: #000;*/
}
div.lightbox-content {
    text-align: right;
}
div.lightbox-content a.lightbox-close {
    background-color: #fff;
    color: #000;
    padding: 3px 10px 0 18px;
    text-decoration: none;
    position: relative;
    top: 20px;
    font-weight: bold;
    color: #ccc;
    background-image: url( ../custom/iwm/img/tme/close.png );
    background-repeat: no-repeat;
    background-position: 0px 5px;
    visibility: hidden;
}
/*===== Lightbox END ================*/
/*===== Story Menu ====================*/

div#storyMenu * {
    float: none;
}

div#storyMenu {
    background-color: #fff;
    background-image: url(../custom/iwm/img/tme/menuBackground.png);
    border: none;
    height: 72px;
    border-bottom: 2px #aaa solid;
    display: none;
}

div#storyMenu div.controls {
    float: left;
    width: 176px;
    text-align: center;
}
div#storyMenu div.controls div.sections {
    margin-top: 5px;
    text-align: center;
}
div#storyMenu div.controls li {
    list-style-type: none;
    margin-bottom: 5px;
}
div#storyMenu div.menuChange {
    text-align: center;
}
div#storyMenu div.controls a.menuChangeLink {
    color: #555;
    font-weight: bold;
    font-size: 0.8em;
    font-variant: normal;
    width: 100px;
    height: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    padding-top: 2px;
    text-decoration: none;
    background-image: url(../custom/iwm/img/tme/menuChangeBackground.png);
    background-repeat: no-repeat;
}
div#storyMenu div.controls a.sectionLink {
    padding: 0;
    margin: 0 5px 0 0;
}

div#storyMenu a.navLink {
    float: left;
    padding: 0;
    margin: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
div#storyMenu a.navLink:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

div#storyMenu ul.infoList {
    display: none;
}

div#storyMenu div.outer {
    overflow: hidden;
    width: 770px;
    float: left;
    background-color: #eee;
}

div#storyMenu div.inner {
    padding: 0;
    width: 0; /* OVERRIDDEN IN JAVASCRIPT */
}

div#storyMenu div.inner ul {
    padding: 20px 0 0 0;
    float: left;
    margin: 0;
}

/* IE6 + IE7 */
* html div#storyMenu div.inner ul { margin-right: -0px; }
*+html div#storyMenu div.inner ul { margin-right: -0px; }

div#storyMenu div.inner ul li {
    float: left;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
div#storyMenu div.inner ul li.current {
    border: 2px #c33 solid;
}
div#storyMenu div.inner ul li.current img {
    height: 48px;
}
div#storyMenu div.inner ul li a {
    padding: 0;
    margin: 0;
}

div#storyMenu ul.section {
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: top left;
}
div#storyMenu ul.altSection {
    background-color: #ccc;
}
div#storyMenu ul.children { background-image: url(../custom/iwm/img/tme/themes/children.gif); }
div#storyMenu ul.refugees { background-image: url(../custom/iwm/img/tme/themes/refugees.gif); }
div#storyMenu ul.volunteers { background-image: url(../custom/iwm/img/tme/themes/volunteers.gif); }
div#storyMenu ul.observers { background-image: url(../custom/iwm/img/tme/themes/observers.gif); }

div#storyMenu ul.greatWarVolunteers { background-image: url(../custom/iwm/img/tme/contexts/greatWarVolunteers.gif); }
div#storyMenu ul.basqueEvacuees { background-image: url(../custom/iwm/img/tme/contexts/basqueEvacuees.gif); }
div#storyMenu ul.kindertransport { background-image: url(../custom/iwm/img/tme/contexts/kindertransport.gif); }
div#storyMenu ul.warToWindrush { background-image: url(../custom/iwm/img/tme/contexts/warToWindrush.gif); }
div#storyMenu ul.displacedPersons { background-image: url(../custom/iwm/img/tme/contexts/displacedPersons.gif); }
div#storyMenu ul.indianPartition { background-image: url(../custom/iwm/img/tme/contexts/indianPartition.gif); }
div#storyMenu ul.kenyaInConflict { background-image: url(../custom/iwm/img/tme/contexts/kenyaInConflict.gif); }
div#storyMenu ul.warToWindrush { background-image: url(../custom/iwm/img/tme/contexts/warToWindrush.gif); }
div#storyMenu ul.vietnam { background-image: url(../custom/iwm/img/tme/contexts/vietnam.gif); }
div#storyMenu ul.kosovo { background-image: url(../custom/iwm/img/tme/contexts/kosovo.gif); }
div#storyMenu ul.bosnia { background-image: url(../custom/iwm/img/tme/contexts/bosnia.gif); }
div#storyMenu ul.Rwanda { background-image: url(../custom/iwm/img/tme/contexts/Rwanda.gif); }
/*===== Story Menu END ================*/
ul.multiList  {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
ul.multiList  li  {
    float: left;
    margin-bottom: 1em;
}

/*=== tooltip  === */

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}
/*=== tooltip END  === */
/*=== storyBox  === */

.storyBox  {
    background-color: #07193F;
    float: left;
    color: #fff;
    width: 362px;
    background-image: url(../custom/iwm/img/tme/storyBoxBottom.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-bottom: 2em;

}
.storyBox .inner  {
    background-image: url(../custom/iwm/img/tme/storyBoxTop.gif);
    background-repeat: no-repeat;
    background-position: top left;
    float: left;
    width: 362px;
}
.storyBox h2.blockHeading  {
    font-size: 150%;
    float: left;
    padding-left: 18px;
    margin: 14px 0 20px 0;

}
.storyBox li  {
    border-bottom: 1px solid #2B58BA;
    margin-bottom: .5em;
    padding-bottom: .5em;
    width: 362px;
}
.storyBox li.last  {
    border: 0;
}
.storyBox .thumb  {
    border: 1px solid #fff;
    margin-left: 18px;
    margin-right: 15px;
}
.storyBox .description,
.storyBox .docHead  {
    float: left;
    width: 275px;
}
.storyBox .docHead a  {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

/* Through My Eyes Stories Menu */

#stories .filterBar {
	font-weight: bold;
	float: left;
	margin-left: 590px;
	width: 370px;
	
	/* IE6 Specific */
	_margin-left: 295px;
}

#stories .filterList{
	float: left;
	position: relative;
	left: 65px;
	top: -15px;
}

#stories .filterList .filter{
	margin-bottom: 5px;
	clear: left;
}

#stories .filterList .filter .dropdown {
	/*float: left;*/
	position: absolute;
	background-color: #FFFFFF;
	width: 168px;
	border: 1px solid;
	z-index: 100;
}

#stories .filterList .filter .dropdown .dropdownItem {
	padding: 3px;
	border-bottom: 1px dotted;
	background-color: #FFFFFF;
}

#stories .filterList .filter .dropdown .dropdownItem:hover {
	background-color: #D9D9D9;
	/*color: white;*/
}

#stories table td {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}

/* drop down boxes */
#stories .filterBar .filterList .filter .customSelectBox{
	float: left;
	/*border: 1px solid;*/
	padding : 3px;
	margin-bottom: 3px;
	width: 178px;
	height: 16px;
}

#stories .filterBar .filterList #themesFilter .customSelectBox{
	background: url(../custom/iwm/img/tme/themesMenu.jpg) no-repeat;
}

#stories .filterBar .filterList #contextFilter .customSelectBox {
	background: url(../custom/iwm/img/tme/contextMenu.jpg) no-repeat;
}

/* story popup */
#TmeHome .storyPopup{
	background-color: #FBA919;
	position: absolute;
	width: 300px;
	height: 200px;
	padding: 5px;
	border: 1px solid;
}

#TmeHome .storyPopup .quote{
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	height: 70px;
	padding: 3px;
}

#TmeHome .storyPopup .popupTop {
	background-color: #000000;
	float: left;
	width: 100%;
	height: 100px;
}

#TmeHome .storyPopup .popupTop img{
	float: right;
}

#TmeHome .storyPopup p.storyName{
	/*font-weight: bold;*/
	padding: 3px;
	font-size: 18px;
}

#TmeHome .storyPopup div.context {
	background-color: #BE8212;
	padding: 3px;
	height: 50px;
}

#TmeHome .storyPopup div.context div.goLink {
	float: right;
}

div.areaTwo .singleContentContainer .conMediaFile img.tmeZoomOverlay,
div.areaThree .singleContentContainer .conMediaFile img.tmeZoomOverlay{
	border: 0px none;
	position: absolute;
	padding-left: 10px;
	padding-top: 10px;
	
	/* IE6+7 Specific */
	* padding-left: 11px;
	* padding-top: 11px;
}
div.topLink  {
    font-size: 80%;
    width: 822px;
    float: left;
    padding-left: 78px;
    padding-bottom: 5px;
}
div.topLink a {
    color: #000;
    text-decoration: none;
    display: block;
    padding-left: 10px;
    background-image: url(../custom/iwm/img/tme/blackArrowUp.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
div.caption  {
    color: #010c5c;
    font-size: 95%;
    font-weight: bold;
    text-align: left;
}

#footer ul.linkList  {
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
    list-style-type: none;
}
#footer ul.linkList li  {
    float: left;
    font-size: 85%;
    background-image: url(../custom/iwm/img/tme/dot.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
    padding-right: 5px;
}
#footer ul.linkList li a  {
    color: #000;
    text-decoration: none;
}

/*===== Conflict Menu ======*/

.conflictNav h2  {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    display: block;
    padding: 5px 0;
    font-size: 120%;
    color: #021c51;
}
.conflictNav ul  {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.conflictNav ul li  {
    display: block;
    width: 49%;
    float: left;
}
.conflictNav ul li a  {
    text-decoration: none;
    color: #000;
    font-weight: bold;
    float: left;
    background-image: url(../custom/iwm/img/tme/redArrowRight.gif);
    background-repeat: no-repeat;
    background-position: left .3em;
    padding-left: 10px;
    padding-bottom: 5px;
}
.conflictNav ul li a:hover  {
    text-decoration: underline;
}