/* 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;
    }
/* =Main Colours= Light Blue #E0E6EA Mid Blue #608297 Dark Blue #030A1B Red #F42A41 Green #4A601C =Supporting Colours= Beige #DFDBD2 Grey #BDBDBD */
/* [DanB] 2006-01-17,
Added */
.hidden,
span.hidden {
display: none;
}
input,
textarea,
select,
option {
/*font-family: verdana,
arial,
sans-serif;
*/
font-size: 100%;
}
html,
body {
height:100%;
/*font-family: verdana,
arial,
sans-serif;
*/
font-size: 100%;
margin:0;
padding:0;
border:none }
table,
tr,
td,
th {
/*font-family: verdana,
arial,
sans-serif;
*/
font-size: 100%;
}
img {
border: 0;
}
.backTo {
float: right }
table.splash {
border: 1px solid gray;
}
div.splashPage {
width: 100%;
text-align: center;
}
div.splashPage #dropDownNav {
border: 0;
}
div.splashPage div {
width: 733px;
text-align: left;
margin-left: auto;
margin-right: auto;
}
td.searchCell {
vertical-align: top;
text-align: right;
height: 1%;
border: 1px solid green;
}
td.intro {
vertical-align: bottom;
font-size: 70%;
padding-bottom: 10px;
}
td.logo img {
padding: 5px 0 5px 20px;
}
/*splash area 2 */
div.splashArea2 td.box1Bottom a,
div.splashArea2 td.box1Bottom a:visited,
div.splashArea2 td.box2Bottom a,
div.splashArea2 td.box2Bottom a:visited,
div.splashArea2 td.box3Bottom a,
div.splashArea2 td.box3Bottom a:visited {
display: block;
color: #ffffff;
text-decoration: none;
height: 30px;
width: 30px;
background-image: url("../../img/iwm/TPYF/bigChevron.gif");
margin-right: 5px;
margin-bottom: 5px;
}
div.splashArea2 td.box1Bottom a:hover,
div.splashArea2 td.box2Bottom a:hover,
div.splashArea2 td.box3Bottom a:hover {
color: #ffffff;
background-color: #4A601C;
background-image: url("../../img/iwm/TPYF/bigChevronOn.gif");
}
td.box1Top,
td.box2Top,
td.box3Top {
padding-left: 5px;
padding-top: 5px;
}
td.box1Top {
vertical-align: top;
background-color: #fd4150;
border-top: 10px solid #7193a7;
border-right: 1px solid #ffffff;
}
.box1Head {
color: #ffffff;
background-color: #fd4150;
text-transform: uppercase;
font-family: century;
font-weight: normal;
font-size: 20pt;
max-width: 235px;
}
td.box2Top {
color: #ffffff;
vertical-align: top;
background-color: #4A601C;
border-top: 10px solid #333333;
border-right: 1px solid #ffffff;
}
.box2Head {
color: #ffffff;
background-color: #4A601C;
text-transform: uppercase;
font-family: century;
font-weight: normal;
font-size: 16pt;
max-width: 235px;
}
td.box3Top {
color: #ffffff;
vertical-align: top;
background-color: #608297;
border-top: 10px solid #030a1b;
}
.box3Head {
color: #ffffff;
background-color: #608297;
text-transform: uppercase;
font-family: century;
font-weight: normal;
font-size: 16pt;
max-width: 235px;
}
td.box1Top h2,
td.box2Top h2,
td.box3Top h2 {
text-transform: uppercase;
font-family: Times New Roman;
font-weight: normal;
font-size: 140%;
padding-left: 5px;
padding-bottom: 0;
margin-bottom: 0;
margin-top: 5px;
}
td.box1Top h2 {
color: #f65a6e;
}
td.box1Bottom p,
td.box2Bottom p,
td.box3Bottom p {
margin-bottom: 0.5em;
font-size: 70%;
padding-left: 5px;
width: 85%;
margin-bottom: 10px;
}
td.box1Bottom {
color: #ffffff;
font-weight: bold;
background-color: #fd4150;
border-right: 1px solid #ffffff;
}
td.box2Bottom {
color: #ffffff;
background-color: #4A601C;
border-right: 1px solid #ffffff;
}
td.box3Bottom {
color: #ffffff;
background-color: #608297;
}
td.rightBox {
vertical-align: top;
background-image: url("../../img/iwm/TPYF/pinkBar.gif");
background-repeat: repeat-x;
}
table.bottomBar {
}
td.whatElse {
vertical-align: top;
padding-right: 5px;
width: 239px;
}
td.whatElse h2 {
color: #fff;
font-size: 70%;
margin: 0;
}
td.whatElse p {
font-size: 70%;
margin-top: 0;
margin-bottom: 0;
}
td.whatElseEnd {
vertical-align: top;
padding-right: 5px;
width: 239px;
}
td.whatElseEnd h2 {
color: #fff;
font-size: 70%;
margin: 0;
}
td.whatElseEnd img {
margin-top: 5px;
}
td.whatElseEnd a,
td.whatElseEnd a:visited {
text-decoration: none;
color: #336633;
font-weight: bold;
font-size: 150%;
}
.whatElseTitle {
color: #336633;
background-color: #fff;
text-transform: uppercase;
font-family: century;
font-weight: normal;
font-size: 14pt;
max-width: 235px;
}
td.whatElseEnd p {
font-size: 70%;
margin-top: 0;
margin-bottom: 0;
}
td.bottomLinks {
text-align: right;
}
.uppercase {
text-transform: uppercase;
}
label.goStraight {
font-size: 90%;
padding-right: 0.5em;
vertical-align: middle;
}
#dropDownNavBox {
/* [DanB] 2006-06-05 */
font-size: 90%;
}
td.leftNav {
border-left: 1px solid #628297;
padding-bottom: 20px;
}
#dropDownNav form {
border: 0;
}
div.leftNavBorder {
background-image: url(../../img/iwm/TPYF/leftNavBottomBorder.gif);
background-repeat: no-repeat;
height: 3px;
clear: both;
}
div.splashFooter {
padding-top: 0.5em;
font-size: 60%;
border-bottom: 1px solid #628297;
}
div.splashFooter a,
div.splashFooter a:visited {
color: #628297;
font-weight: normal;
text-decoration: none;
}
.conMediaCaption,
.conMediaDescription {
width: 100%;
margin-top: 0.5em;
}
/* [DanB] 2006-01-17,
Changed to unordered list */
/*=== Sidemenu ===*/
/*default behaviour*/
ul.sideMenu {
list-style-type: none;
font-size: 100%;
text-align: right;
margin: 15px 0 0 0;
padding: 0;
}
ul.sideMenu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.sideMenu a,
ul.sideMenu a:visited,
ul.sideMenu a:hover {
color: #000000;
text-decoration: none;
}
ul.sideMenu li a,
ul.sideMenu li a:visited {
font-weight: normal;
display: block;
padding-right: 20px;
padding-left: 20px;
padding-top: 0.3em;
padding-bottom: 0.3em;
}
ul.sideMenu li a:hover {
/*font-weight: bold;
*/
font-weight: normal;
text-decoration: underline;
display: block;
padding-right: 20px;
padding-left: 20px;
}
/*first level*/
ul.sideMenu li.current a,
ul.sideMenu li.current a:visited,
ul.sideMenu li.currentParent a,
ul.sideMenu li.currentParent a:visited {
background-color: #4A601C;
color: #ffffff;
}
ul.sideMenu li.parent a,
ul.sideMenu li.parent a:visited {
background-color: #BDBDBD;
}
ul.sideMenu li.current a,
ul.sideMenu li.current a:visited,
ul.sideMenu li.currentParent a,
ul.sideMenu li.currentParent a:visited,
ul.sideMenu li.parent a,
ul.sideMenu li.parent a:visited {
border-top: 2px solid #F42A41;
border-bottom: 2px solid #999999;
}
/*second level*/
/*default style*/
ul.sideMenu li.currentParent ul a,
ul.sideMenu li.currentParent ul a:visited,
ul.sideMenu li.parent ul a,
ul.sideMenu li.parent ul a:visited {
background-color: #BDBDBD;
border-top: none;
border-bottom: 1px dotted #608297;
}
/*current style*/
ul.sideMenu li.parent ul li.current a,
ul.sideMenu li.parent ul li.current a:visited {
background-color: #4A601C;
color: #ffffff;
}
ul.sideMenu li.parent ul li.currentParent a,
ul.sideMenu li.parent ul li.currentParent a:visited {
background-color: #000000;
border-bottom: 1px dotted #ffffff;
color: #ffffff;
padding-right: 10px;
padding-left: 10px;
margin-left: 10px;
margin-right: 10px;
}
ul.sideMenu li.currentParent ul a,
ul.sideMenu li.currentParent ul a:visited {
color: #000000;
}
ul.sideMenu li.parent ul li.currentParent,
ul.sideMenu li.parent ul li.parent {
background-color: #4A601C;
border-bottom: 1px solid #4A601C;
}
ul.sideMenu li.parent ul li.parent a,
ul.sideMenu li.parent ul li.parent a:visited {
background-color: #4A601C;
border-bottom: 1px dotted #ffffff;
color: #ffffff;
padding-right: 10px;
padding-left: 10px;
margin-left: 10px;
margin-right: 10px;
}
/*third level*/
ul.sideMenu li.parent li.currentParent ul a,
ul.sideMenu li.parent li.currentParent ul a:visited,
ul.sideMenu li.parent li.parent ul a,
ul.sideMenu li.parent li.parent ul a:visited {
background-color: #4A601C;
border-bottom: 0;
}
ul.sideMenu li.parent li.parent ul li.current a,
ul.sideMenu li.parent li.parent ul li.current a:visited,
ul.sideMenu li.parent li.parent ul li.parent a,
ul.sideMenu li.parent li.parent ul li.parent a:visited {
background-color: #000000;
background-image: url("../../img/iwm/TPYF/arrowRight.gif");
background-repeat: no-repeat;
background-position: 5px 0.7em;
}
ul.sideMenu li.current a,
ul.sideMenu li.current a:visited {
background-image: url("../../img/iwm/TPYF/arrowRight.gif");
background-repeat: no-repeat;
background-position: 5px 0.7em;
}
ul.sideMenu li.currentParent a,
ul.sideMenu li.currentParent a:visited {
background-image: url("../../img/iwm/TPYF/arrowDown.gif");
background-repeat: no-repeat;
background-position: 5px 0.8em;
}
ul.sideMenu li.currentParent ul a,
ul.sideMenu li.currentParent ul a:visited {
background-image: none;
}
/*=== end Sidemenu ===*/
/*gallery*/
.gallCellTop {
}
table.galleryCollection td {
vertical-align: top;
}
td.gallCellTop img {
vertical-align: top;
}
.gallCellTop a,
.gallCellTop a:visited {
color: #628297;
text-transform: uppercase;
font-size: 70%;
padding-left: 10px;
margin-top: 20px;
}
/*gallery menu*/
table.galleryList td a,
table.galleryList td a:visited {
display: block;
font-size: 70%;
font-weight: normal;
padding-left: 60px;
padding-top: 2px;
padding-bottom: 2px;
}
table.galleryList td a:hover {
background-color: #999999;
}
table.galleryList td.current a,
table.galleryList td.current a:visited {
background-color: #4A601C;
color: #ffffff;
background-image: url("../../img/iwm/TPYF/arrowRight.gif");
background-repeat: no-repeat;
background-position: 5px 0.5em;
}
div.counter {
padding-left: 30px;
margin-top: 50px;
font-size: 75%;
font-weight: bold;
margin-bottom: 1em;
}
table.galleryCollection div.caption {
padding-left: 30px;
font-size: 70%;
}
table.galleryCollection div.caption h2 {
margin-top:0;
font-size: 120%;
color: #F42A41;
margin-bottom: 0;
}
table.galleryCollection div.caption p {
/*font-size: 70%;
*/
margin-top: 0;
}
table.gallNavLinks {
background-color: #030A1B;
}
table.gallNavLinks a,
table.gallNavLinks a:visited,
table.gallNavLinks a:hover,
table.gallNavLinks span {
color: #F42A41;
font-weight: normal;
text-transform: uppercase;
vertical-align: top;
}
table.gallNavLinks a span,
table.gallNavLinks a:visited span,
table.gallNavLinks a:hover span,
table.gallNavLinks span span {
font-size: 75%;
padding: 0 5px 0 5px;
}
table.gallNavLinks td {
padding: 5px 20px 5px 20px;
}
div.galleryOuter {
height: 96%;
}
div.galleryInner {
border-left: 1px solid #000;
border-right: 1px solid #000;
width: 690px;
padding: 10px;
height: 100%;
}
#galleryLand div.galleryInner {
border: 0;
width: auto;
padding: 0;
}
/*====Prost CSS above this line====*/
/*=== Jamie IWM TPYF SubPage CSS ===*/
body {
margin: 0;
padding: 0;
font-size: 100.1%;
/*font-family: verdana,
arial,
sans-serif;
*/
}
a,
a:visited {
color: #003366;
font-weight: bold;
text-decoration: underline;
}
a:hover {
color: #003366;
font-weight: bold;
text-decoration: none;
}
#outerContainer {
margin: 0 0 0 22px;
margin-left: auto;
margin-right: auto;
}
#innerContainer {
text-align: left;
font-size: 80%;
}
#leftColumn {
margin: 0;
padding: 0;
}
#rightColumn {
border-right: 1px solid #628297;
margin: 0;
padding: 0;
}
#twoColumnLayout {
border-left: 1px solid #628297;
border-bottom: 1px solid #628297;
border-right: 1px solid #628297;
}
td.subLogo {
border-left: 1px solid #628297;
padding: 11px 0 0 0;
}
#dropDownNav {
font-size: 100%;
color: #000000;
padding: 6px 0 6px 0;
vertical-align: middle;
border-right: 1px solid #628297;
}
td#breadcrumbBar {
/* [DanB] 2006-06-05 */
border-right: 1px solid #628297;
}
.goStraight {
padding-right: 2px;
}
.dropDownLabel {
padding-right: 5px;
vertical-align: 2px;
}
.dropDownSubmit {
vertical-align: top;
padding: 0 5px 0 5px;
}
/*=== Drop down nav block ===*/
form.dropDownNav {
text-align: right;
}
.advertSetContainer {
margin: 0;
padding-bottom: 1px;
}
div.advertSubText {
width: 100%;
background-color: #323333;
color: #FFFFFF;
font-style: normal;
color: #FFFFFF;
font-size: 90%;
/*font-family: verdana,
arial,
sans-serif;
*/
}
div.advertSubText a:link,
div.advertSubText a:visited,
div.advertSubText a:hover {
/*font-family: verdana,
arial,
sans-serif;
*/
font-weight: normal;
color: #FFFFFF;
display: block;
padding: 2px 0 4px 9px;
text-decoration: none;
}
.contentcontainer {
margin: 0 0 3px 0;
padding: 7px 0 0 0;
font-size: 100%;
}
.sepdefault {
margin: 7px 0 0 0;
padding: 0;
}
#subPageOne,
#subPageTwo,
#homePage {
font-size: 85%;
}
.conWebDocContent,
.contentsummary,
.contentsummary .conWebDocContent {
font-size: 100%;
}
/*==== Category Heading Styles ====*/
.firstLevelCatImg {
color: #e0e6ea;
text-transform: uppercase;
font-weight: normal;
font-size: 14px;
font-family: century;
border-bottom: 1px solid #e0e6ea;
height: 20px;
background-color: #000000;
}
.subLevelCatImg {
/*color: #e0e6ea;
*/
color: #829bac;
background-color: #e0e6ea;
text-transform: uppercase;
font-weight: normal;
font-size: 14px;
font-family: century;
border-bottom: 1px solid #829bac;
height: 20px;
}
.catHeadingLine {
padding-top: 40px;
}
.subCatHead {
padding: 2px 0 8px 20px;
/*font-family: verdana,
arial,
sans-serif;
*/
font-size: 100%;
text-transform: uppercase;
color: #829BAC;
font-weight: bold;
}
#blueBarOne #areaOne h1.catHeading,
#subPageOneAreaOne h1.catHeading {
background-color: #CCCCCC;
color: #628297;
height: 40px;
font-size: 210%;
text-transform: uppercase;
padding-left: 20px;
font-weight: normal;
font-family: Times New Roman,
sans-serif;
}
#blueBarOne #areaOne td.catHeading,
#subPageTwoAreaOne td.catHeading {
padding-top: 21px;
}
#subPageTwoAreaTwo div.multiContent {
margin-bottom: 15px;
}
#subPageTwoAreaThree div.multiContent {
padding-bottom: 10px;
background-color: #DFDBD2;
}
/*==== Sub Page One Styles ====*/
#subPageOne div.r-block-title {
text-transform: uppercase;
color: #F42A41;
font-size: 140%;
font-weight: bold;
}
#subPageOne hr.spacer {
}
#subPageOne .thumbpadd {
padding: 0;
}
.subPageOneBackground {
background-color: #E0E6EA;
color: #000000;
}
#subPageOneAreaOne {
background-color: #E0E6EA;
color: #000000;
padding: 0 10px 10px 0;
margin: 0;
}
#subPageOneAreaOne h1 {
margin: 0 0 2px 0;
padding: 0;
color: #F42A41;
font-weight: bold;
font-size: 120%;
background-color: #E0E6EA;
}
#subPageOneAreaOne h2 {
margin: 0 0 2px 0;
padding: 0;
color: #000000;
font-weight: bold;
font-size: 120%;
background-color: #E0E6EA;
}
/* DZ - Added this one */
#subPageOneAreaOne h1 {
font-size: 140%;
}
#subPageOneAreaOne .embedImageCaption {
font-style: normal;
color: #FFFFFF;
background-color: #323333;
display: block;
padding: 4px 0 4px 9px;
font-size: 90%;
/*font-family: verdana,
arial,
sans-serif;
*/
}
#subPageOneAreaOne .embedTableCell,
#subPageOneAreaOne .embedNoBorderRight {
background-color: #E0E6EA;
color: #000000;
}
#subPageOneAreaOne .embedNoBorderRight {
margin: 0 0 0 20px;
}
#subPageOneAreaOne .singleContentContainer,
#subPageOneAreaOne .contentcontainer {
padding: 10px 0 20px 20px;
}
#subPageTwoAreaOne div.r-block-title {
padding: 10px 0 0 20px;
}
#subPageOneAreaTwo {
background-color: #E0E6EA;
padding: 23px 0 0 20px;
}
#splashPage a.docHeadLink,
#subPageOneAreaTwo a.docHeadLink,
#subPageOneAreaThree a.docHeadLink {
text-decoration: none;
color: #336633;
font-weight: bold;
font-size: 120%;
}
#splashPage a.docHeadLink:hover,
#subPageOneAreaTwo a.docHeadLink:hover,
#subPageOneAreaThree a.docHeadLink:hover {
text-decoration: underline;
font-weight: bold;
color: #336633;
font-size: 120%;
}
/*==== Sub Page Two Styles ====*/
#subPageTwo div.r-block-title {
text-transform: uppercase;
color: #F42A41;
font-weight: bold;
font-size: 140%;
}
#subPageTwo hr.spacer {
}
#subPageTwoAreaOne {
background-color: #000000;
color: #FFFFFF;
padding-bottom: 10px;
border-right: 1px solid #628297;
}
.subPageTwoBackground {
background-color: #000000;
color: #FFFFFF;
}
div.firstLevel #subPageTwoAreaOne a {
color: #FFFFFF;
font-size: 110%;
font-weight: bold;
text-decoration: underline;
}
div.firstLevel #subPageTwoAreaOne a:hover {
color: #FFFFFF;
font-size: 110%;
font-weight: bold;
text-decoration: none;
}
div.firstLevel #subPageTwoAreaTwo a,
div.firstLevel #subPageTwoAreaThree a {
color: #003366;
font-size: 110%;
font-weight: bold;
text-decoration: underline;
}
div.firstLevel #subPageTwoAreaTwo a:hover,
div.firstLevel #subPageTwoAreaThree a:hover {
text-decoration: none;
}
div.firstLevel #subPageTwoAreaOne a.docHeadLink,
div.firstLevel #subPageTwoAreaTwo a.docHeadLink,
div.firstLevel #subPageTwoAreaThree a.docHeadLink {
text-decoration: none;
color: #336633;
font-weight: bold;
font-size: 120%;
}
div.firstLevel #subPageTwoAreaOne a.docHeadLink:hover,
div.firstLevel #subPageTwoAreaTwo a.docHeadLink:hover,
div.firstLevel #subPageTwoAreaThree a.docHeadLink:hover {
text-decoration: underline;
}
#subPageTwoAreaOne hr.sepdefault,
#subPageTwoAreaTwo hr.sepdefault {
font-weight: normal;
border-style: dotted;
border-width: 1px;
color: #628297;
height: 1px;
}
#subPageTwoAreaOne hr.sepdefault {
margin-left: 20px;
}
#subPageTwoAreaThree hr.sepdefault {
margin-left: 11px;
}
#subPageTwoAreaOne h1 {
margin: 0 0 2px 0;
padding: 0;
color: #F42A41;
font-weight: bold;
font-size: 120%;
background-color: #000000;
text-transform: uppercase;
}
#subPageTwoAreaOne h2 {
margin: 0 0 2px 0;
padding: 0;
color: #FFFFFF;
font-weight: bold;
font-size: 120%;
background-color: #000000;
}
/* DZ - Added this one */
#subPageTwoAreaOne h1 {
font-size: 140%;
}
#subPageTwoAreaTwo h1,
#subPageTwoAreaThree h1 {
text-transform: uppercase;
color: #F42A41;
font-size: 120%;
font-weight: bold;
margin: 0 0 2px 0;
padding: 0;
}
#subPageTwoAreaTwo h2,
#subPageTwoAreaThree h2 {
color: #000000;
font-size: 120%;
font-weight: bold;
margin: 0 0 2px 0;
padding: 0;
}
/* DZ - Added this one */
#subPageTwoAreaTwo h1,
#subPageTwoAreaThree h1 {
font-size: 140%;
}
#subPageTwoAreaOne .embedImageCaption {
font-style: normal;
color: #FFFFFF;
background-color: #323333;
display: block;
padding: 0 0 4px 9px;
font-size: 90%;
/*font-family: verdana,
arial,
sans-serif;
*/
}
#subPageTwoAreaOne .embedTableCell,
#subPageTwoAreaOne .embedNoBorderRight {
background-color: #000000;
color: #FFFFFF;
margin: 0;
}
#subPageTwoAreaOne .embedNoBorderRight {
margin: 0 0 0 20px;
}
#subPageTwoAreaOne .singleContentContainer,
#subPageTwoAreaOne .contentcontainer {
padding: 10px 0 0 20px;
}
#subPageTwoAreaOne div.r-block-title {
padding: 10px 0 0 20px;
}
#subPageTwoAreaTwo {
padding: 23px 10px 40px 20px;
}
#subPageTwoAreaTwo div.advertSetContainer {
margin: -23px 0 0 -20px;
}
#subPageTwoAreaOne a.docHeadLink,
#subPageTwoAreaTwo a.docHeadLink,
#subPageTwoAreaThree a.docHeadLink {
text-decoration: none;
color: #336633;
font-weight: bold;
font-size: 120%;
}
#subPageTwoAreaOne a.docHeadLink:hover,
#subPageTwoAreaTwo a.docHeadLink:hover,
#subPageTwoAreaThree a.docHeadLink:hover {
text-decoration: underline;
}
/*=== Extra Sub Level (light blue) styles ===*/
div.subLevel #subPageTwoAreaOne,
div.contentDisplay #subPageTwoAreaOne {
background-color: #E0E6EA;
color: #000000;
}
div.subLevel #subPageTwoAreaOne div.catHeading {
background-color: #E0E6EA;
color: #628297;
height: 40px;
font-size: 210%;
text-transform: uppercase;
padding-left: 20px;
font-family: Times New Roman,
sans-serif;
padding-top: 15px;
}
div.subLevel #subPageTwoAreaOne a {
color: #003366;
font-size: 110%;
font-weight: bold;
text-decoration: none;
}
div.subLevel #subPageTwoAreaOne a:hover {
color: #003366;
font-size: 110%;
font-weight: bold;
text-decoration: underline;
}
div.subLevel #subPageTwoAreaOne h1 {
margin: 0 0 2px 0;
background-color: #E0E6EA;
color: #F42A41;
}
div.subLevel #subPageTwoAreaOne h2 {
margin: 0 0 2px 0;
background-color: #E0E6EA;
color: #000000;
}
div.subLevel #subPageTwoAreaOne a {
color: #003366;
text-decoration: underline;
}
div.subLevel #subPageTwoAreaOne a:hover {
color: #003366;
text-decoration: none;
}
div.subLevel .subPageTwoBackground {
background-color: #E0E6EA;
color: #FFFFFF;
}
div.subLevel #subPageTwoAreaOne .embedTableCell,
div.subLevel #subPageTwoAreaOne .embedNoBorderRight {
background-color: #E0E6EA;
color: #FFFFFF;
}
div.subLevel a.docHeadLink,
div.subLevel a.docHeadLink,
div.subLevel a.docHeadLink {
text-decoration: none;
color: #336633;
font-weight: bold;
font-size: 110%;
}
div.subLevel a.docHeadLink:hover,
div.subLevel a.docHeadLink:hover,
div.subLevel a.docHeadLink:hover {
text-decoration: underline;
}
/*=== Content Display Styles ===*/
div.contentDisplay td#subPageTwoAreaOne,
div.contentDisplay div.singleContentContainer,
div.contentDisplay td.subPageTwoBackground,
div.contentDisplay #subPageTwo {
color: #000000;
padding-top: 0;
}
div.contentDisplay #subPageTwo td.heading {
color: #628297;
height: 40px;
font-size: 210%;
text-transform: uppercase;
padding-left: 20px;
font-family: Times New Roman,
sans-serif;
}
div.contentDisplay td#twoColumnLayout {
border-left: 1px solid #E0E6EA;
border-right: 1px solid #628297;
border-bottom: 0;
border-top: 0;
}
/* [DanB] 2006-06-05 */
/*div.contentDisplay td.footerImage {
border-left: 1px solid #628297;
border-bottom: 1px solid #628297;
}
*/
div.contentDisplay div.singleContentContainer h1 {
margin: 0;
padding: 0;
color: #F42A41;
font-weight: bold;
font-size: 140%;
/*background-color: #E0E6EA;
*/
text-transform: uppercase;
}
div.contentDisplay #subPageTwoAreaOne h1 {
margin: 0 0 2px 0;
background-color: #E0E6EA;
color: #F42A41;
}
div.contentDisplay #subPageTwoAreaOne h2 {
margin: 0 0 2px 0;
background-color: #E0E6EA;
color: #000000;
}
div.contentDisplay h2 {
margin: 0;
padding: 0;
color: #000000;
font-weight: bold;
font-size: 140%;
/*background-color: #E0E6EA;
*/
}
div.contentDisplay #subPageTwo {
/*background-color: #E0E6EA;
*/
color: #000000;
}
/*div.contentDisplay #subPageTwoAreaOne a {
color: #003366;
text-decoration: underline;
}
div.contentDisplay #subPageTwoAreaOne a:hover {
color: #003366;
text-decoration: none;
}
*/
div.contentDisplay #subPageTwoAreaOne .embedTableCell,
div.contentDisplay #subPageTwoAreaOne .embedNoBorderRight {
background-color: #E0E6EA;
color: #000000;
}
div.contentDisplay div.contentsummary a.docHeadLink {
text-decoration: none;
color: #336633;
font-weight: bold;
font-size: 110%;
}
div.contentDisplay div.contentsummary a.docHeadLink:hover {
text-decoration: underline;
color: #336633;
font-weight: bold;
font-size: 110%;
}
/*=== Form styles ===*/
div.submitrow {
width: 338px;
text-align: right;
}
div.formfield {
width: 198px;
padding-left: 5px;
}
div.formrow label {
width: 130px;
}
div.formfield .inputField,
div.formfield .passwordField {
width: 195px;
}
div.formfield .textareaField {
width: 195px;
height: 100px;
}
/* *** Image Embedding (overidden by DT) *** */
.embedimg {
margin: 2px;
}
.embedcaption {
text-align: left;
padding: 2px;
font-style: oblique;
}
.embedTableLeft {
background: transparent;
border: 1px solid black;
float: left;
margin: 3px;
}
.embedTableRight {
background: transparent;
float: right;
border: 1px solid black;
margin: 3px;
clear: right;
}
.embedNoBorderLeft {
background: transparent;
float: left;
margin: 3px;
}
.embedNoBorderRight {
background: transparent;
float: right;
margin: 3px;
}
.embedNoBorderCentre {
background: transparent;
margin: 3px;
}
.embedTableCentre {
background: transparent;
border: 1px solid black;
margin: 3px;
}
.embedTableCell {
background: transparent;
}
.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;
}
/*=== DZ Additional Styles ===*/
.contentsummary h1 {
font-size: 120% !important;
}
h3 {
color: #000000;
}
.inline-icon {
padding-right: 3px;
border: 0;
display: inline;
}
.error {
color: red;
}
/* DT added this one */
#subPageTwoAreaOne div.singleContentContainer h1 {
margin-bottom: 0.5em;
}
/*=== Photo Copyright ===*/
.img-copy {
color: #999999;
/*font-size: 85%;
*/
/* [DanB] 2006-06-05 */
}
.img-copy-heading {
font-weight: bold;
}
.img-copy-title {
font-style: oblique;
}
/*=== Template tweaks and fixes (JCH) ===*/
#subPageTwoAreaOne .embedNoBorderRight,
#subPageTwoAreaOne .embedNoBorderRight td {
margin: 0;
padding: 0 3px 0 0;
border-collapse: collapse;
border-spacing: 0;
}
.venueImageMap {
margin-bottom: 1px;
}
/*=== Additional gallery styles ===*/
.galleryPagination {
margin-top: 10px;
font-size: 75%;
text-align: right;
}
.galleryPagination a {
padding-left: 5px;
}
.galleryPagination a.currentPage {
font-weight: bold;
}
.galleryPagination a.page {
font-weight: normal;
text-decoration: none;
}
/*homepage styles */
.chevLink {
vertical-align: bottom;
text-align: right;
}
.chevLink a,
.chevLink a:visited {
display: block;
color: #ffffff;
text-decoration: none;
height: 30px;
width: 30px;
background-image: url("../../img/iwm/TPYF/bigChevron.gif");
margin-right: 5px;
margin-bottom: 5px;
}
.chevLink a:hover {
color: #ffffff;
background-color: #4A601C;
background-image: url("../../img/iwm/TPYF/bigChevronOn.gif");
}
#homePageQuad .chevLink a {
border: 1px solid #ffffff;
}
#homePage .contentCell {
padding: 1em;
}
#homePageAreaOne .contentCell a,
#homePageAreaOne .contentCell a:visited {
color: #ff0000;
font-weight: bold;
text-decoration: none;
font-size: 110%;
}
#homePageAreaTwo .contentCell a,
#homePageAreaTwo .contentCell a:visited,
#homePageAreaThree .contentCell a,
#homePageAreaThree .contentCell a:visited,
#homePageAreaFour .contentCell a,
#homePageAreaFour .contentCell a:visited,
#homePageAreaFive .contentCell a,
#homePageAreaFive .contentCell a:visited {
text-decoration: none;
color: #ffffff;
text-transform: uppercase;
font-family: Times New Roman;
font-size: 160%;
font-weight: normal;
}
#homePageAreaFive td.contentCell,
#homePageAreaFive td.contentCell a,
#homePageAreaFive td.contentCell a:visited {
color: #000;
}
#homePageQuad .contentCell h2 {
font-weight: normal;
font-size: 80%;
margin-top: 0;
}
#homePageQuad .contentCell {
color: #ffffff;
padding-right: 50px;
vertical-align: top;
}
#homePageQuad table {
vertical-align: top;
height: 100%;
}
#homePageQuad td {
background-position: top right;
}
#homePageQuad td {
background-repeat: no-repeat;
}
#homePageAreaTwo {
background-color: #456479;
}
#homePageAreaThree {
background-color: #4B601B;
}
#homePageAreaFour {
background-color: #F42A40;
}
#homePageAreaFive {
background-color: #E0DCD3;
}
.pagination {
font-weight: bold;
}
.blueBar {
border-left: 1px solid #628297;
border-right: 1px solid #628297;
border-bottom: 1px solid #628297;
background-image: url('../../img/iwm/TPYF/gradient.jpg');
background-repeat: repeat-x;
}
.topLinks a,
.topLinks a:visited {
margin-right: 30px;
float: left;
text-align: center;
text-decoration: none;
color: #000;
}
table.topLinks a,
table.topLinks a:visited {
margin-right: 0;
}
div.topLinks {
margin-top: 1em;
border-bottom: 1px dotted #000000;
padding-bottom: 30px;
margin-bottom: 2em;
float: left;
}
.topLinks img {
padding: 4px;
display: block;
}
.topLinks span {
display: block;
text-align: center;
width: 58px;
}
.topLinks span.hidden {
/* [DanB] 2006-02-24,
Special case */
display: none;
}
.topLinks a.active img {
border: 4px solid red;
padding: 0 }
.objectView img {
padding-right: 1em;
}
.objectView td {
vertical-align: top;
}
.topBorder td {
padding-top: 1em;
}
table.topBorder {
border-top: 1px dotted #999;
margin-top: 30px;
}
table.objectView {
}
.conWebDocContent hr {
height: 1px;
border: 1px dotted #999;
color: #fff;
border-bottom: 0;
}
#subPageTwoAreaTwo h2.objTitle,
h2.objTitle {
font-weight: bold;
color: #A54B67;
}
.galleryCollection div.caption {
padding-right: 5px;
}
/*venues pages*/
.venues .dropDownNav {
border-top: 1px dashed #cccccc;
border-bottom: 1px dashed #cccccc;
padding: 10px;
}
.venues .dropDownNav select,
.venues .dropDownNav div {
display: inline;
margin-right: 3px;
}
.venues .dropDownNav select {
margin-bottom: 5px;
}
.bottomBanner {
background: #fff url('../../img/iwm/TPYF/bottomBg.gif') repeat-x;
}
/*====== Breadcrumb Trail ======*/
div.breadcrumb {
float: left;
clear: both;
width: 100%;
color: #000;
margin: 0 0 3px 0;
}
div.introText {
float: left;
margin: 0 .5em 1em 0;
}
div.breadcrumbTrail {
margin: 0 0 1em 0;
}
div.breadcrumb span.breadActive {
font-weight: bold;
}
div.breadcrumb .breadInactive {
font-size: 100%;
}
div.breadcrumb span.breadInactive {
color: #000;
}
div.breadcrumb a,
div.breadcrumb a:link,
div.breadcrumb a:visited {
font-size: 100%;
font-weight: normal;
text-decoration: underline;
color: #000;
}
div.breadcrumb a:hover {
text-decoration: none;
}
/*====== end Breadcrumb Trail ======*/
/*====== Film Clips ======*/
div.cleared {
clear: both;
}
div.filmClip {
}
div.filmClip div.docHead {
font-size: 120%;
font-weight: bold;
margin: 0 0 .7em 0;
}
div.filmClip ul.mediaOptions {
list-style-type: none;
margin: 0;
padding: 0;
}
div.filmClip ul.mediaOptions li {
padding: 0 0 0 10px;
margin: 0 0 .7em 0;
/* Same as docHead */
}
div.filmClip ul.mediaOptions li * {
/*vertical-align: middle;
*/
}
div.filmClip ul.mediaOptions li span.mediaFileIcon {
float: left;
margin: 0 0 .7em 0;
/* Same as docHead */
}
div.filmClip ul.mediaOptions span.mediaFileIcon {
margin: 0;
padding: 0 6px 0 0;
}
.inlineMediaFileTitle {
font-style: italic;
}
div.mediaFileEmbedded {
}
div.mediaFileEmbedded object {
margin: 1em 0;
padding: 0;
}
/*====== end Film Clips ======*/
/*====== Utility Menu ======*/
/* [DanB] 2006-05-23,
Rewrote */
table.subPageFooter {
font-size: 90%;
/* CHANGE THIS */
padding-top: 7px;
}
/*td.photoCredits {
font-size: 100%;
}
*/
.footerImage {
background-color: #fff;
padding-top: 27px;
}
.logoImage {
padding-left: 10px;
}
td.subFooterLinks {
}
td.subFooterLinks ul {
display: block;
font-size: 100%;
list-style-type: none;
margin: 0;
padding: 0;
}
td.subFooterLinks li {
display: inline;
margin: 0 .75em 0 0;
padding: 0 0 0 1em;
background-image: url("../../img/iwm/TPYF/bullet_dot.gif");
background-repeat: no-repeat;
background-position: 0 .5em;
}
td.subFooterLinks li.first {
background-image: none;
padding-left: 0;
}
td.subFooterLinks li a,
td.subFooterLinks li a:visited,
td.subFooterLinks li a:hover {
color: #000;
font-weight: normal;
text-decoration: none;
}
td.subFooterLinks li a:hover {
text-decoration: underline;
}
/*====== end Utility Menu ======*/
/*====== TPYF Home Page 3 ======*/
div#homePage_flash_banner {
margin-bottom: 10px;
}
div#homePageTpyf3 td#dropDownNav {
border-right: 0 solid #fff;
}
/* * Nice and easy,
all in one go */
div#homePageTpyf3 td.cell {
font-size: 90%;
/* CHANGE THIS */
margin: 0;
padding: 0;
padding-bottom: 20px;
}
/* * All of these are now in the template so we can see widths and whitespace at * the same time */
/*div#homePageTpyf3 td.cellOne {
padding-left: 10px;
padding-right: 2px;
}
div#homePageTpyf3 td.cellTwo,
div#homePageTpyf3 td.cellThree {
padding-right: 10px;
}
div#homePageTpyf3 td.cellTwo {
padding-left: 2px;
}
*/
/* * Let's be very specific with these to avoid making a mess */
/*\*/
* html div#homePageTpyf3 td.cellThree table {
font-size: 95%;
}
/**/
div#homePageTpyf3 td.cellThree a,
div#homePageTpyf3 td.cellThree a:visited,
div#homePageTpyf3 td.cellThree a:hover {
color: #000;
text-decoration: none;
}
div#homePageTpyf3 td.cellThree a:hover {
text-decoration: underline;
}
div#homePageTpyf3 td.cellThree td.thumbpadd img {
border: 1px solid #aaa;
}
/*====== end TPYF Home Page 3 ======*/
/*====== TPYF Projects Showcase ======*/
body#showcase {
background-color: #e4e7dd;
}
/* * Default link style in this 'section' */
div#tpyfProjectShowcase a,
div#tpyfProjectShowcase a:link,
div#tpyfProjectShowcase a:visited,
div#tpyfProjectShowcase a:hover {
font-weight: normal;
text-decoration: none;
}
div#tpyfProjectShowcase a:hover {
text-decoration: underline;
}
div#tpyfProjectShowcase td {
text-align: left;
vertical-align: top;
}
div#tpyfProjectShowcase table#outerContainer {
background-color: #fff;
border: 12px solid #fff;
}
div#tpyfProjectShowcase td.cellOne {
padding: 3px;
border: 1px solid #628297;
border-top: 0 solid #fff;
}
td#categoryHeading,
td#backLinks {
padding-bottom: 10px;
_border: 1px solid #fff;
/* Fixes stupid bug in IE */
}
/* * Initialise the lists */
div#tpyfProjectShowcase td#backLinks ul,
div#tpyfProjectShowcase div.mainMenu ul,
div#tpyfProjectShowcase div.conGallery td.relatedContent ul,
div#tpyfProjectShowcase div.showcasePagination td.relatedContent ul {
list-style-type: none;
display: block;
margin: 0;
padding: 0;
}
td#topNav {
border-left: 1px solid #628297;
border-right: 1px solid #628297;
}
/*div#tpyfProjectShowcase td#topNav div.mainMenu {
*/
div#tpyfProjectShowcase td#topNav div.mainMenu ul {
display: block;
float: left;
width: 627px;
height: 22px;
margin: 0;
padding: 3px 0 0 3px;
background-image: url("../../img/iwm/TPYF/showcase_menu_bg.gif");
background-repeat: repeat-x;
border-top: 1px solid #628297;
/*border-bottom: 0 solid #628297;
*/
}
div#tpyfProjectShowcase td#topNav div.mainMenu ul a {
font-weight: bold;
color: #fff;
}
div#tpyfProjectShowcase td#topNav div.mainMenu ul a:hover {
font-weight: bold;
}
div#tpyfProjectShowcase td#topNav div.mainMenu li {
display: block;
float: left;
width: 123px;
height: 19px;
font-size: 85%;
text-align: center;
margin: 0;
padding: 3px 1px 0 0;
background-image: url("../../img/iwm/TPYF/showcase_menu_item_bg.gif");
background-repeat: no-repeat;
}
div#tpyfProjectShowcase td#topNav div.mainMenu li.current {
background-image: url("../../img/iwm/TPYF/showcase_menu_item_current_bg.gif");
}
div#tpyfProjectShowcase td#topNav div.mainMenu li.last {
padding-right: 0;
}
div#tpyfProjectShowcase td#backLinks li,
div#tpyfProjectShowcase div.conGallery td.relatedContent li,
div#tpyfProjectShowcase div.showcasePagination td.relatedContent li {
font-size: 90%;
padding-left: 10px;
background-image: url("../../img/iwm/TPYF/icon_arrow_back.gif");
background-position: 0 3px;
background-repeat: no-repeat;
}
/*\*/
* html div#tpyfProjectShowcase td#backLinks li,
* html div#tpyfProjectShowcase div.conGallery td.relatedContent li,
* html div#tpyfProjectShowcase div.showcasePagination td.relatedContent li {
background-position: 0 6px;
}
/* */
div#tpyfProjectShowcase td#backLinks li.first {
background-image: url("../../img/iwm/TPYF/icon_close_window.gif");
}
div#tpyfProjectShowcase td#backLinks a,
div#tpyfProjectShowcase div.conGallery td.relatedContent a,
div#tpyfProjectShowcase div.showcasePagination td.relatedContent a {
color: #000;
}
div#tpyfProjectShowcase td#sideNav div.mainMenu {
float: left;
width: 100%;
height: 288px;
margin: 0;
padding: 0;
background-image: url(../../img/iwm/TPYF/showcase_gallery_titles_bg.jpg);
background-repeat: repeat-y;
border-top: 1px solid #fff;
/* Make sure we got a flat top */
border-bottom: 1px solid #628297;
}
div#tpyfProjectShowcase td#sideNav div.mainMenu ul {
list-style-type: none;
display: block;
margin: 0;
padding: 0;
}
div#tpyfProjectShowcase td#sideNav div.mainMenu li {
display: block;
margin: 0 0 1px 0;
padding: 0;
}
div#tpyfProjectShowcase td#sideNav div.mainMenu li a,
div#tpyfProjectShowcase td#sideNav div.mainMenu li a:link,
div#tpyfProjectShowcase td#sideNav div.mainMenu li a:visited,
div#tpyfProjectShowcase td#sideNav div.mainMenu li a:hover {
display: block;
width: 98px;
height: 20px;
text-decoration: none;
background-color: #a61c2c;
background-image: url("../../img/iwm/TPYF/showcase_side_nav_item_bg.jpg");
background-position: 0 0;
background-repeat: repeat-y;
margin: 0 0 0 2px;
/* Don't forget border on background image */
padding: 1px;
}
div#tpyfProjectShowcase td#sideNav div.mainMenu li a.selected,
div#tpyfProjectShowcase td#sideNav div.mainMenu li a:link.selected,
div#tpyfProjectShowcase td#sideNav div.mainMenu li a:visited.selected,
div#tpyfProjectShowcase td#sideNav div.mainMenu li a:hover.selected {
background-color: #000;
background-image: none;
}
div#tpyfProjectShowcase td#sideNav div.mainMenu li a div.linkText {
width: 20px;
height: 19px;
font-family: courier new,
courier,
monospace;
/* DON'T CHANGE */
font-size: 130%;
font-weight: bold;
text-align: center;
color: #fff;
background-color: #c42439;
padding: 1px 0 0 0;
margin: 0;
}
div#tpyfProjectShowcase td#sideNav div.mainMenu li a.selected div.linkText {
background-color: #333;
}
div#tpyfProjectShowcase div.conGallery td.galleryItem,
div#tpyfProjectShowcase div.multiContent,
div#tpyfProjectShowcase div.showcasePresentationFull {
background-color: #000;
}
div#tpyfProjectShowcase div.conGallery td.galleryItem div.video,
div#tpyfProjectShowcase div.multiContent,
div#tpyfProjectShowcase div.showcasePresentationFull {
float: left;
width: 564px;
min-height: 271px;
/* Standards */
_height: 271px;
/* IE only */
color: #fff;
padding: 30px;
}
div#tpyfProjectShowcase div.conGallery td.galleryItem div.video div.content {
float: left;
width: 300px;
margin: 0 30px 0 0;
padding: 0;
}
div#tpyfProjectShowcase div.conGallery td.galleryItem div.video div.metadata {
float: left;
width: 231px;
}
div#tpyfProjectShowcase div.conGallery td.galleryItem div.video div.metadata a {
color: #fff;
}
div#tpyfProjectShowcase div.conGallery td.galleryItem div.video h1 {
font-size: 100%;
}
div#tpyfProjectShowcase div.conGallery td.galleryItem div.video caption {
font-weight: bold;
text-align: left;
}
div#tpyfProjectShowcase div.conGallery td.galleryItem div.video tr.currentChapter td {
font-weight: bold;
}
div#tpyfProjectShowcase div.conGallery td.galleryItem div.video td.chapterNo {
}
div#tpyfProjectShowcase div.conGallery td.galleryItem div.video td.chapterTitle {
}
div#tpyfProjectShowcase div.conGallery td.galleryItem div.video td.runningTime {
}
div#tpyfProjectShowcase div.multiContent div.contentcontainer {
float: left;
width: 100%;
margin: 0;
padding: 0;
padding: 15px 0;
border-bottom: 1px dotted #fff;
}
div#tpyfProjectShowcase div.multiContent div.contentcontainer.only {
padding: 0;
border-bottom: 0 dotted #fff;
}
div#tpyfProjectShowcase div.multiContent div.contentcontainer.last {
padding-bottom: 0;
border-bottom: 0 dotted #fff;
}
div#tpyfProjectShowcase div.multiContent div.contentcontainer.first {
padding-top: 0;
}
div#tpyfProjectShowcase div.multiContent div.conLinkContainer,
div#tpyfProjectShowcase div.multiContent div.conPackage {
/*font-size: 90%;
*/
}
div#tpyfProjectShowcase div.multiContent div.conLinkContainer div.thumbnail,
div#tpyfProjectShowcase div.multiContent div.conPackage div.thumbnail {
float: left;
width: 145px;
margin: 0;
padding: 0;
}
div#tpyfProjectShowcase div.multiContent div.conLinkContainer div.summary,
div#tpyfProjectShowcase div.multiContent div.conPackage div.summary {
float: left;
width: 300px;
margin: 0;
padding: 0;
padding-right: 20px;
}
/* * The link is the title */
div#tpyfProjectShowcase div.multiContent div.conLinkContainer div.summary a,
div#tpyfProjectShowcase div.multiContent div.conPackage div.summary a {
font-size: 110%;
font-weight: bold;
color: #fff;
}
div#tpyfProjectShowcase div.multiContent div.conLinkContainer div.visitWebsite,
div#tpyfProjectShowcase div.multiContent div.conPackage div.visitWebsite {
float: left;
width: 96px;
margin: 0;
padding: 0;
padding-top: 15px;
}
div.showcasePagination {
/* Firefox fix */
float: left;
width: 100%;
}
/*====== end TPYF Projects Showcase ======*/
/*====== ConGalleryCollection ======*/
div#tpyfProjectShowcase div.conGalleryCollection td.galleryTitles {
margin: 0;
padding: 35px 0 0 0;
background-image: url(../../img/iwm/TPYF/showcase_gallery_titles_bg.jpg);
background-repeat: repeat-y;
border-bottom: 1px solid #628297;
}
/* * [DanB] CHANGE THIS??? \*/
* html div#tpyfProjectShowcase div.conGalleryCollection td.galleryTitles {
padding-top: 29px;
}
/* */
div#tpyfProjectShowcase div.conGalleryCollection td.galleryTitles ul {
list-style-type: none;
display: block;
margin: 0;
padding: 0;
}
div#tpyfProjectShowcase div.conGalleryCollection td.galleryTitles li {
display: block;
margin: 0 0 1px 0;
padding: 0;
}
div#tpyfProjectShowcase div.conGalleryCollection td.galleryTitles li a,
div#tpyfProjectShowcase div.conGalleryCollection td.galleryTitles li a:link,
div#tpyfProjectShowcase div.conGalleryCollection td.galleryTitles li a:visited,
div#tpyfProjectShowcase div.conGalleryCollection td.galleryTitles li a:hover {
display: block;
width: 98px;
height: 20px;
text-decoration: none;
background-color: #f42a41;
margin: 0 0 0 2px;
/* Don't forget border on background image */
padding: 1px;
}
div#tpyfProjectShowcase div.conGalleryCollection td.galleryTitles li a.selected,
div#tpyfProjectShowcase div.conGalleryCollection td.galleryTitles li a:link.selected,
div#tpyfProjectShowcase div.conGalleryCollection td.galleryTitles li a:visited.selected,
div#tpyfProjectShowcase div.conGalleryCollection td.galleryTitles li a:hover.selected {
background-color: #000;
}
div#tpyfProjectShowcase div.conGalleryCollection td.galleryTitles li a div.linkText {
width: 20px;
height: 19px;
font-family: courier new,
courier,
monospace;
/* DON'T CHANGE */
font-size: 130%;
font-weight: bold;
text-align: center;
color: #fff;
background-color: #c42439;
padding: 1px 0 0 0;
margin: 0;
}
div#tpyfProjectShowcase div.conGalleryCollection td.galleryTitles li a.selected div.linkText {
background-color: #333;
}
div#tpyfProjectShowcase div.conGalleryCollection td.galleryItem {
}
div#tpyfProjectShowcase div.conGalleryCollection td.galleryItemNav {
}
/*====== end ConGalleryCollection ======*/
/*====== Showcase Videos Intro Doc ======*/
div#showcaseVideosIntroDoc {
min-height: 249px;
_height: 249px;
font-family: arial,
helvetica,
sans-serif;
font-size: 115%;
/* was 130% */
color: #fff;
padding: 30px 250px 30px 30px;
/* Minimum requirement */
background: #000 url(../../img/iwm/TPYF/showcase_videos_intro_bg.jpg) bottom right no-repeat;
line-height: 1.5em;
}
div#showcaseVideosIntroDoc p {
margin-top: 0;
}
div#showcaseVideosQualityOptions {
}
div#showcaseVideosQualityOptions ul {
list-style-type: none;
margin: 0;
padding: 0;
}
div#showcaseVideosQualityOptions li {
display: inline;
margin: 0 10px 0 0;
padding: 0;
}
/*====== end Showcase Videos Intro Doc ======*/
/*====== Showcase Presentations ======*/
div#tpyfProjectShowcase div.showcasePresentationSummary div.thumbnail,
div#tpyfProjectShowcase div.showcasePresentationSummary div.contentSummary {
float: left;
margin: 0;
padding: 0;
}
div#tpyfProjectShowcase div.showcasePresentationSummary div.thumbnail {
width: 230px;
}
div#tpyfProjectShowcase div.showcasePresentationSummary div.contentSummary {
width: 332px;
}
div#tpyfProjectShowcase div.showcasePresentationSummary div.title a,
div#tpyfProjectShowcase div.showcasePresentationSummary div.source {
font-weight: bold;
color: #fff;
}
div#tpyfProjectShowcase div.showcasePresentationSummary div.source {
margin: 1em 0 0 0;
padding: 0;
}
div#tpyfProjectShowcase div.showcasePresentationSummary a.zoomIn,
div#tpyfProjectShowcase div.showcasePresentationSummary a.zoomOut,
div#tpyfProjectShowcase div.showcasePresentationFull a.zoomIn,
div#tpyfProjectShowcase div.showcasePresentationFull a.zoomOut {
display: block;
min-height: 13px;
_height: 13px;
font-weight: bold;
color: #808080;
margin: .5em 0 0 0;
padding: 0 0 0 20px;
background-position: 0 0;
background-repeat: no-repeat;
}
div#tpyfProjectShowcase a.zoomIn {
background-image: url(../../img/iwm/TPYF/icon_zoom_in.gif);
}
div#tpyfProjectShowcase a.zoomOut {
background-image: url(../../img/iwm/TPYF/icon_zoom_out.gif);
}
/*====== end Showcase Presentations ======*/
/*====== Flash related ======*/
div#noFlashMessage {
color: #999;
}
div#noFlashMessage img {
float: left;
margin: 0 .5em .5em 0;
}
/*====== end Flash related ======*/
/*====== Home Page Features ======*/
div.homePageFeature {
_float: left;
width: 239px;
_height: 340px;
min-height: 340px;
border: 2px solid #000;
}
div#homePageFeatureLearningCentre {
background-color: #f42a41;
border-color: #f43248;
}
div#homePageFeatureExhibition {
background-color: #4a601c;
border-color: #66783f;
}
/*\*/
* html div.homePageFeature img {
float: left;
}
/**/
div.homePageFeature div.contentSummary {
_float: left;
_width: 209px;
padding: 15px;
background-position: top left;
background-repeat: no-repeat;
}
/* * Windows IE doesn't do font sizes properly \*/
* html div.homePageFeature div.contentSummary {
font-size: 95%;
}
/**/
div#homePageFeatureLearningCentre div.contentSummary {
color: #000;
background-image: url(../../img/iwm/TPYF/home_page_feature_red_grad.jpg);
}
div#homePageFeatureExhibition div.contentSummary {
color: #fff;
background-image: url(../../img/iwm/TPYF/home_page_feature_green_grad.jpg);
}
div.homePageFeature img.title {
}
div.homePageFeature img.thumbnail {
}
div.homePageFeature h2.contentTitle {
font-size: 110%;
margin: 0;
padding: 0;
margin-bottom: .5em;
}
div.homePageFeature p {
margin: 0;
padding: 0;
}
div#homePageFeatureLearningCentre h2 a {
color: #000;
}
div#homePageFeatureExhibition h2 a {
color: #fff;
}
/*====== end Home Page Features ======*/
/*===============================================*/
/*========== DELETE THIS AFTER GO-LIVE ==========*/
/*===============================================*/
/* .subPageFooter {
padding-top: 7px;
}
.footerImage {
background-color: #FFFFFF;
padding-top: 27px;
}
.logoImage {
padding-left: 10px;
}
.subFooterLinks a,
.subFooterLinks a:visited {
font-family: Verdana,
Arial,
sans-serif;
color: #628297;
font-size: 80%;
font-weight: normal;
text-decoration: none;
}
*/
/*===================================================*/
/*========== end DELETE THIS AFTER GO-LIVE ==========*/
/*===================================================*/
#subPageTwoAreaThree div.resourceMenu h2.available {
color: #D20435;
}
#subPageTwoAreaThree div.resourceMenu h2 {
font-size: 100%;
border-bottom: 1px solid #5D7AA2;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 0;
}
.resourceMenu ul {
list-style-type: none;
padding: 0;
margin: 0 0 1em 0;
}
.resourceMenu ul li {
padding: 2px 5px 2px 5px;
font-weight: bold;
}
.resourceMenu ul li.active {
background-color: #E0E6EA;
}
.resourceMenu ul a,
.resourceMenu ul a:visited {
color: #D20435;
text-decoration: none;
}
.resourceMenu ul a:hover {
text-decoration: underline;
}
.learning #subPageTwoAreaThree {
padding-top: 1em;
width: 170px;
padding-right: 5px;
}
.learning #subPageTwoAreaTwo {
padding-right: 20px;
}
.learning #subPageTwoAreaThree div.multiContent {
background-color: transparent;
margin: 0 5px;
padding: 2px 3px 3px 3px;
}
.learning #subPageTwoAreaThree div.multiContent .contentcontainer {
padding-left: 10px;
border-bottom: 1px solid #5D7AA2;
padding-bottom: 5px;
padding-top: 5px;
background-image: url('../../img/iwm/ukniwm_arrow_right_red.gif');
background-repeat: no-repeat;
background-position: 0 .7em;
}
.learning #subPageTwoAreaThree div.multiContent /*.contentcontainer*/
.last {
border-bottom: 0 solid #5D7AA2;
}
.learning #subPageTwoAreaThree div.multiContent .r-block-title {
background-color: #D20435;
color: #fff;
font-size: 100%;
padding: 3px 5px 3px 5px;
text-transform: none;
}
.learning #subPageTwoAreaThree div.multiContent .docHeadLink {
font-size: 100%;
color: #000;
}
.learning #subPageTwoAreaThree .multiTop {
background-image: url('../../img/iwm/TPYF/borderTop.gif');
background-position: top left;
background-repeat: no-repeat;
float: left;
width: 166px;
margin-bottom: 5px;
}
.learning #subPageTwoAreaThree .multiBottom {
background-image: url('../../img/iwm/TPYF/borderBottom.gif');
background-position: bottom left;
background-repeat: no-repeat;
float: left;
width: 156px;
margin-top: 5px;
padding-left: 5px;
padding-right: 5px;
}
.dropDownTop {
background-color: #dfdfdf;
width: 350px;
margin-top: 1em;
background-image: url('../../img/iwm/TPYF/dropTop.gif');
background-repeat: no-repeat;
background-position: top left;
}
.dropDownTop .dropDownBottom {
padding: 10px;
width: 330px;
background-image: url('../../img/iwm/TPYF/dropBottom.gif');
background-repeat: no-repeat;
background-position: bottom left;
}
#subPageTwoAreaTwo .dropDownTop .dropDownBottom h2 {
font-size: 130%;
color: #D20435;
text-transform: uppercase;
margin-bottom: 0;
}
.dropDownTop p {
margin:.2em 0 .2em 0;
}
.dropDownTop .dropDownNav {
width: 100%;
}
.dropDownTop .dropDownNav select {
float: left;
width: 250px;
}
.poem {
background-repeat: no-repeat;
background-position: top right;
min-height: 320px;
padding: 0 200px 30px 30px }
.poem {
font-size: 115%;
line-height: 1.5em;
}
div#homePageTpyf3 td.cellThree div.multiContent div.contentcontainer.first {
padding-top: 0;
}
/*\*/
* html div#homePageTpyf3 td.cellThree div.multiContent div.first {
padding-top: 0;
}
/* */
div#tpyfProjectShowcase div.multiContent div.conMediaDescription.intro {
font-size: 130%;
/* Same as poems and that */
line-height: 1.5em;
font-family: verdana,
arial,
sans-serif;
}
/*\*/
* html div#tpyfProjectShowcase div.multiContent div.intro {
font-size: 115%;
line-height: 1.5em;
}
*  html  div#tpyfProjectShowcase  div.multiContent  div.conMediaDescription.intro {
    font-size: 130%;
}
/* */
/* conGalleryCollection Landing Page */
#galleryLand {
background-color: #E3EBEE;
}
.galleryLanding {
width: 744px;
padding: 10px;
float: left;
background-color: #fff;
margin: 10px;
}
.galleryListing .thumbnails a,
.galleryListing .thumbnails a:visited {
border: 1px solid #D0CECF;
margin: 10px 10px 0px 0px;
display: block;
width: 78px;
float: left;
vertical-align: bottom;
background-color: #D0CECF;
}
.galleryListing .thumbnails a img {
-moz-opacity: 0.5;
filter:alpha(opacity=50);
vertical-align: bottom;
width: 78px;
height: 78px;
}
.galleryListing .thumbnails a:hover img,
.galleryListing .thumbnails a.highlight img {
-moz-opacity: 1;
filter:alpha(opacity=100);
vertical-align: bottom;
width: 78px;
height: 78px;
}
.galleryLanding .logo {
float: left;
}
.galleryLanding p {
display: block;
background-color: #D0CECF;
color: #fff;
font-weight: bold;
margin: 0;
padding: 5px;
font-size: 90%;
}
.galleryLanding h1 {
float: left;
}
.galleryLanding ul.exitLinks {
float: right;
padding: 0;
margin: 0;
}
.galleryLanding .galleryListing {
border: 1px solid #668194;
float: left;
width: 628px;
}
.galleryListing div.thumbnails {
float: left;
padding: 0px 0px 10px 10px;
width: 360px;
}
.galleryListing .listing {
float: left;
}
.galleryListing .listing ul {
color: #999;
}
.galleryListing .listing ul li a,
.galleryListing .listing ul li a:visited {
font-size: 90%;
color: #999;
font-weight: normal;
text-decoration: none;
}
.galleryListing .listing ul li a:hover,
.galleryListing .listing ul li a.highlight,
.galleryListing .listing ul li a.highlight:visited {
color: #AE2344;
}
.galleryListingTitleImg {
color: #666666;
text-transform: uppercase;
font-weight: normal;
font-size: 14px;
font-family: century;
height: 20px;
background-color: #ffffff;
}
xx.galler#backLinks {
padding-bottom: 10px;
_border: 1px solid #fff;
/* Fixes stupid bug in IE */
}
/* * Initialise the lists */
ul.exitLinks {
list-style-type: none;
display: block;
margin: 0;
padding: 0;
font-size: 70%;
}
ul.exitLinks li {
font-size: 90%;
padding-left: 10px;
background-image: url("../../img/iwm/TPYF/icon_arrow_back.gif");
background-position: 0 3px;
background-repeat: no-repeat;
}
/*\*/
* html ul.exitLinks li {
background-position: 0 6px;
}
/* */
ul.exitLinks li.first {
background-image: url("../../img/iwm/TPYF/icon_close_window.gif");
}
body#gallery {
margin:0px;
padding:0px;
text-align:center;
}
body#gallery div.galleryOuter {
width: 710px;
margin: 0px auto;
text-align: left;
}
body#gallery .dropDownNav {
font-size: 80%;
padding-left: 30px;
}
body#gallery .dropDownNav select {
float: left;
width:180px;
}
body#gallery .dropDownNav input {
float: left;
}
body#gallery .dropDownNav label {
float: left;
}
.imageUseText {
font-size: 130%;
/* Same as poems and that */
line-height: 1.5em;
font-family: verdana,
arial,
sans-serif;
color: #fff;
padding: 30px 150px 100px 30px;
background-repeat: no-repeat;
background-position: bottom right;
}
/*====Start of CSS for Main IWM Portal====*/
.righthead {
color: #004A7E;
}
.color1 {
background-color: #CCCC9A;
}
.color2 {
background-color: #004A7E;
}
.color3 {
background-color: #F0F7FF;
}
#leftColumn {
margin: 0;
padding: 0;
width: 149px;
}
#middleColumn a.docHeadLink {
}
#middleColumn .docHead {
font-weight: bold;
font-size: 110%;
}
#middleColumn .descriptionText {
font-size: 95%;
}
#middleColumn td.thumbpadd {
padding-left: 8px;
}
#rightColumn a.docHeadLink {
color: #004A7E;
font-size: 110%;
font-weight: bold;
}
#rightColumn .docHead {
}
#rightColumn .descriptionText {
font-size: 95%;
}
#rightColumn .eventDate {
font-weight: bold;
font-size: 95%;
padding-left : 5px;
}
td.calCell0 {
background: #FFFFFF;
}
td.calCell1 {
background: #FFFF99;
}
td.calCell2 {
background: #E2E300;
}
td.menucell a,
td.menucell a:visited {
font-family: Verdana,
Helvetica,
Arial,
sans-serif;
text-transform: uppercase;
font-weight: bold;
font-size: 65%;
color: #000566;
text-decoration: none;
background-image: url(http://www.iwm.org.uk/img/iwm/menuArrowLondon.gif);
background-position: 2px 4px;
background-repeat: no-repeat;
display: block;
padding-left: 8px;
}
td.menucell a:hover {
color: #000566;
text-decoration: underline;
}
td.backToLink {
border-bottom: 1px dotted black;
padding: 2px 0px 5px 0px;
}
td.backToLink a,
td.backToLink a:visited {
font-family: Verdana,
Helvetica,
Arial,
sans-serif;
font-weight: bold;
font-size: 65%;
color: #000566;
text-decoration: none;
background-image: url(http://www.iwm.org.uk/img/iwm/menuArrowLondon.gif);
background-position: 2px 4px;
background-repeat: no-repeat;
display: block;
padding-left: 8px;
}
td.backToLink a:hover {
text-decoration: underline;
color: #000566;
}
td.menucell {
padding: 2px 0px 5px 0px;
border-bottom: 1px solid #004A7E;
}
td.iwmLeftLogo {
text-align : center;
vertical-align : bottom;
background-image: url(../../img/iwm/leftColBgYH.jpg);
background-repeat: repeat-x;
padding-top: 18px;
}
td.iwmLeftLogo div {
padding-top: 1em;
padding-bottom: 1em;
}
.heading {
font-size: 120%;
font-weight: bold;
background-color: #F0F7FF;
}
.top-bar {
height: 20px;
background-color: #004A7E;
}
.imgfloatleft {
float: left;
margin-right: 10px;
border: 0px;
margin-bottom: 1px;
}
.imgfloatright {
float: right;
margin-left: 10px;
border: 0px;
margin-bottom: 1px;
}
/*==== Old CSS=====*/
.top_bar {
height: 20px;
background-color: #004A7E;
}
div.objectSearch {
background-color: #F0F7FF;
}
/*====End of CSS for Main IWM Portal====*/
/*[StuA],
added lightbox search results to IWM*/
/*====== Search Results ======*/
.searchContent {
margin: 0 30px 20px 0;
}
.searchContent ol.list {
float: left;
width: auto;
clear: both;
/* * Do not touch the margin in IE or you'll lose the bullets. (You think * I'm joking...?) */
}
.searchContent[class] ol.list {
margin: 2em 0 1em 0;
}
/* * [DanB] 2006-05-11,
Added * Sorry Jamie! This was necessary to get around IE's buggy ordered list * implementation. \*/
* html .searchContent ol.list {
float: none;
}
/* */
.searchContent ol.list li {
float: left;
width: 100%;
clear: both;
margin-bottom: 0.8em;
}
/* * [DanB] 2006-05-11,
Added * Sorry Jamie! This was necessary to get around IE's buggy ordered list * implementation. \*/
* html .searchContent ol.list li {
float: none;
width: auto;
}
/* */
/* [DanB] 2006-05-12,
Added */
.searchContent ol.list li div.thumbnail {
float: left;
margin: 0 .5em .5em 0;
}
/* * [DanB] 2006-05-11,
Added * This corrects the position of bullets adjacent to results with thumbnails,
* which are floated. I couldn't find another way of getting these darned * ordered lists to work properly in IE. If there are problems,
you might want * to start with the width... \*/
* html .searchContent ol.list .searchResult {
float: right;
width: 100%;
}
/* */
.searchContent .searchResultText {
margin-bottom: 0.8em;
font-size: 75%;
}
.searchContent .searchWord {
font-weight: bold;
}
.searchContent a.currentpage,
.searchContent a.currentpage:visited {
font-weight: bold;
}
.searchContent ul.searches {
margin: 0.2em 1em;
padding: 0.2em 1em;
}
.searchContent ul.searches li {
margin-bottom: 0.3em;
}
.searchContent .spellCheck {
background: #F9F9F9;
border: 1px solid #CCC;
padding: 0.6em 0.3em 0.3em;
float: left;
margin-top: 0.5em;
clear: both;
width: 90%;
}
.searchContent a.switch {
padding-left: 20px;
background: url(../../img/iwm/search-icon-red.gif) no-repeat 0 center;
}
.searchContent ol.lightbox {
float: left;
width: 100%;
clear: both;
list-style-type: none;
margin: 0 0 1.5em 0;
padding: 0;
}
.searchContent ol.lightbox li {
list-style: none;
margin: 2em 10px 0 0;
padding: 0 0 10px 0;
float: left;
/*width: 110px;
*/
width: 120px;
/* [DanB] 2006-05-12,
Added */
text-align: center;
border: 1px solid #999;
background: #FFF;
}
.searchContent ol.lightbox .docHead {
background: #F7F0F2;
padding: 5px;
margin-bottom: 10px;
border-bottom: 1px solid #999;
text-align: left;
height: 30px;
}
.searchContent ol.lightbox .docHead a,
.searchContent ol.lightbox .docHead a:visited,
.searchContent ol.lightbox .docHead a:hover {
text-decoration: none;
color: #000;
display: block;
}
.searchContent .searchpagination {
float: left;
clear: both;
width: 100%;
}
.searchContent .thumb {
width: 100px;
height: 78px;
}
.searchContent div.description {
font-size: 75%;
}
.searchContent div.SearchDocHead {
font-size: 75%;
padding-bottom: 10px;
}
.searchContent div.SearchResult {
font-size: 75%;
}
.searchContent ol.lightbox div.SearchDocHead {
background-color: #F0F7FF;
padding: 5px;
margin-bottom: 10px;
border-bottom: 1px solid #999;
text-align: center;
height: 30px;
}
.searchContent ol.lightbox div.SearchDocHead a,
.searchContent ol.lightbox div.SearchDocHead a:visited,
.searchContent ol.lightbox div.SearchDocHead a:hover {
text-decoration: none;
font-weight: bold;
color: #003366;
display: block;
}
div.lightRow {
float: left;
width: 528px;
}
/*====== end Search Results ======*/
/*===== adv search options =====*/
.advSearchLabel {
float: left;
margin-right: 0.5em;
font-weight: bold;
text-align: right;
font-size: 75%;
}
* html .searchFieldsOption {
margin-bottom: 1em;
}
.searchFieldsOption label {
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block }
.searchFieldsSubmit {
text-align: right;
margin-right: 30px;
}
div.stepImage {
margin: 10px 0 10px 0;
border-top: 2px solid #CCCCCC;
}
div.formSwitch label {
padding: 2px 0 0 0;
margin: 0;
text-align: left;
}
div.formSwitch input {
float: left;
clear: both;
margin-left: 0;
}
div.checkContainer {
float: left;
}
/*===== end adv search options =====*/
/* ConArtist */
.conArtist h2 {
}
.conArtist .artistGallery {
border: 1px solid #666;
margin-top: 1em;
float: left;
padding: 5px;
margin-bottom: 1em;
}
.conArtist .artistGallery .mainPicture {
;
width: 200px;
}
.conArtist .artistGallery .thumbnails {
clear: left;
border-top: 1px dotted #999;
}
.conArtist .artistGallery .thumbnails p {
margin: 1em 0 0.5em 0;
font-size: 0.91em;
}
.conArtist .artistGallery a {
margin: 5px;
float: left;
}
.conArtist .artistGallery a.current {
border: 1px solid #000;
}
.conArtist .infoRow {
float: left;
width: 100%;
margin-bottom: 1em;
}
.conArtist .label {
width: 100px;
float: left;
font-weight: bold;
}
.conArtist .info {
margin-left: 100px;
height:1%;
text-align: justify;
}
img.compHomeBanner {
margin: 7px;
}
div.forum  {
    font-size: 100%;
}
#subPageTwoAreaTwo div.forum h1 {
    margin-bottom: .5em;
}
.loginBox  {
    font-size: 100%;
   margin-top: 1em;
}
.loginText  {
    font-weight: bold;
}
.donateImageCont {
    margin: 5px 5px 0 0;
}
.withoutMarginP {
    margin-top: 0;
}

div#archiveNotice {
    margin: 5px 20px;
    border: 3px solid #FF0000;
    padding: 5px 20px;
    background-color: #FDE6E6;
    font-weight: bold;
    font-size: 12px;
}

div#archiveNotice a {
    color: #000000;
}