/* Titanic Built In Belfast */
/* Ulster Folk and Transport Museum */


/* general attributes */
html { padding:0px; margin:0px; height: 100%;}
body {margin: 0; padding: 0; font-family: verdana, arial, helvetica, sans-serif; color:#000; background:#efefef url(../images/bgPage.gif) center repeat-y;}

/* Main Container */
#pageholder { padding:0; margin:0 auto; text-align:center; width: 780px; background: url(../images/bgContent.gif) repeat-y;}

/* top nav with flash */
#top {margin:0; padding:0; height:87px; width:780px; background: url(../images/bgTopNav.jpg) no-repeat; }

/* top nav no flash */
#topnoflash {width:780px; height:87px; margin:0; padding:0;}
#topnoflash ul{margin:0; padding:51px 0 0 0;}

#topnoflash li {list-style: none; display: inline; text-indent:-9999px;}
#topnoflash a {float: left; text-decoration: none;}

/*english*/
#nav1en a {background:  url(../images/nav1.jpg) no-repeat; width:119px; padding:0; margin:0; height:36px;}
#nav2en a {background:  url(../images/nav2.jpg) no-repeat; width:74px; padding:0; margin:0; height:36px;}
#nav3en a {background:  url(../images/nav3.jpg) no-repeat; width:97px; padding:0; margin:0; height:36px;}
#nav4en a {background:  url(../images/nav4.jpg) no-repeat; width:200px; padding:0; margin:0; height:36px;}
#nav5en a {background:  url(../images/nav5.jpg) no-repeat; width:70px; padding:0; margin:0; height:36px;}
#nav6en a {background:  url(../images/nav6.jpg) no-repeat; width:63px; padding:0; margin:0; height:36px;}
#nav7en a {background:  url(../images/nav7.jpg) no-repeat; width:90px; padding:0; margin:0; height:36px;}
#nav8en a {background:  url(../images/nav8.jpg) no-repeat; width:67px; padding:0; margin:0; height:36px;}

/*german*/
#nav1de a {background:  url(../images/nav1DE.jpg) no-repeat; width:72px; padding:0; margin:0; height:36px;}
#nav2de a {background:  url(../images/nav2DE.jpg) no-repeat; width:76px; padding:0; margin:0; height:36px;}
#nav3de a {background:  url(../images/nav3DE.jpg) no-repeat; width:142px; padding:0; margin:0; height:36px;}
#nav4de a {background:  url(../images/nav4.jpg) no-repeat; width:200px; padding:0; margin:0; height:36px;}
#nav5de a {background:  url(../images/nav5DE.jpg) no-repeat; width:120px; padding:0; margin:0; height:36px;}
#nav6de a {background:  url(../images/nav6DE.jpg) no-repeat; width:51px; padding:0; margin:0; height:36px;}
#nav7de a {background:  url(../images/nav7DE.jpg) no-repeat; width:60px; padding:0; margin:0; height:36px;}
#nav8de a {background:  url(../images/nav8DE.jpg) no-repeat; width:59px; padding:0; margin:0; height:36px;}

/*french*/
#nav1fr a {background:  url(../images/nav1FR.jpg) no-repeat; width:116px; padding:0; margin:0; height:36px;}
#nav2fr a {background:  url(../images/nav2FR.jpg) no-repeat; width:65px; padding:0; margin:0; height:36px;}
#nav3fr a {background:  url(../images/nav3FR.jpg) no-repeat; width:109px; padding:0; margin:0; height:36px;}
#nav4fr a {background:  url(../images/nav4.jpg) no-repeat; width:200px; padding:0; margin:0; height:36px;}
#nav5fr a {background:  url(../images/nav5FR.jpg) no-repeat; width:82px; padding:0; margin:0; height:36px;}
#nav6fr a {background:  url(../images/nav6FR.jpg) no-repeat; width:42px; padding:0; margin:0; height:36px;}
#nav7fr a {background:  url(../images/nav7FR.jpg) no-repeat; width:67px; padding:0; margin:0; height:36px;}
#nav8fr a {background:  url(../images/nav8FR.jpg) no-repeat; width:99px; padding:0; margin:0; height:36px;}

/*spanish*/
#nav1es a {background:  url(../images/nav1ES.jpg) no-repeat; width:119px; padding:0; margin:0; height:36px;}
#nav2es a {background:  url(../images/nav2ES.jpg) no-repeat; width:55px; padding:0; margin:0; height:36px;}
#nav3es a {background:  url(../images/nav3ES.jpg) no-repeat; width:116px; padding:0; margin:0; height:36px;}
#nav4es a {background:  url(../images/nav4.jpg) no-repeat; width:200px; padding:0; margin:0; height:36px;}
#nav5es a {background:  url(../images/nav5ES.jpg) no-repeat; width:88px; padding:0; margin:0; height:36px;}
#nav6es a {background:  url(../images/nav6ES.jpg) no-repeat; width:51px; padding:0; margin:0; height:36px;}
#nav7es a {background:  url(../images/nav7ES.jpg) no-repeat; width:80px; padding:0; margin:0; height:36px;}
#nav8es a {background:  url(../images/nav8ES.jpg) no-repeat; width:71px; padding:0; margin:0; height:36px;}

/*dutch*/
#nav1nl a {background:  url(../images/nav1NL.jpg) no-repeat; width:87px; padding:0; margin:0; height:36px;}
#nav2nl a {background:  url(../images/nav2NL.jpg) no-repeat; width:97px; padding:0; margin:0; height:36px;}
#nav3nl a {background:  url(../images/nav3NL.jpg) no-repeat; width:106px; padding:0; margin:0; height:36px;}
#nav4nl a {background:  url(../images/nav4.jpg) no-repeat; width:200px; padding:0; margin:0; height:36px;}
#nav5nl a {background:  url(../images/nav5NL.jpg) no-repeat; width:65px; padding:0; margin:0; height:36px;}
#nav6nl a {background:  url(../images/nav6NL.jpg) no-repeat; width:63px; padding:0; margin:0; height:36px;}
#nav7nl a {background:  url(../images/nav7NL.jpg) no-repeat; width:90px; padding:0; margin:0; height:36px;}
#nav8nl a {background:  url(../images/nav8NL.jpg) no-repeat; width:36px; padding:0; margin:0; height:36px;}

/*italian*/
#nav1it a {background:  url(../images/nav1IT.jpg) no-repeat; width:107px; padding:0; margin:0; height:36px;}
#nav2it a {background:  url(../images/nav2IT.jpg) no-repeat; width:87px; padding:0; margin:0; height:36px;}
#nav3it a {background:  url(../images/nav3IT.jpg) no-repeat; width:96px; padding:0; margin:0; height:36px;}
#nav4it a {background:  url(../images/nav4.jpg) no-repeat; width:200px; padding:0; margin:0; height:36px;}
#nav5it a {background:  url(../images/nav5IT.jpg) no-repeat; width:81px; padding:0; margin:0; height:36px;}
#nav6it a {background:  url(../images/nav6IT.jpg) no-repeat; width:49px; padding:0; margin:0; height:36px;}
#nav7it a {background:  url(../images/nav7IT.jpg) no-repeat; width:84px; padding:0; margin:0; height:36px;}
#nav8it a {background:  url(../images/nav8IT.jpg) no-repeat; width:76px; padding:0; margin:0; height:36px;}

#home {margin:0; padding:0; width:780px; height:342px; background: url(../images/bgimagebank.jpg) no-repeat;}

#homebar {margin:0; padding:0; width:780px; height:38px;}
#txtHome {text-indent: -9999px; width:780px; height:38px; background: url(../images/txtHome.gif) left top no-repeat;float:left;}
#txtHome:hover {background-position: 0 -38px;}

#txtHomeDE {text-indent: -9999px; width:780px; height:38px; background: url(../images/txtHomeDE.gif) left top no-repeat;float:left;}
#txtHomeDE:hover {background-position: 0 -38px;}

#txtHomeFR {text-indent: -9999px; width:780px; height:38px; background: url(../images/txtHomeFR.gif) left top no-repeat;float:left;}
#txtHomeFR:hover {background-position: 0 -38px;}

#txtHomeES {text-indent: -9999px; width:780px; height:38px; background: url(../images/txtHomeES.gif) left top no-repeat;float:left;}
#txtHomeES:hover {background-position: 0 -38px;}

#txtHomeNL {text-indent: -9999px; width:780px; height:38px; background: url(../images/txtHomeNL.gif) left top no-repeat;float:left;}
#txtHomeNL:hover {background-position: 0 -38px;}

#txtHomeIT {text-indent: -9999px; width:780px; height:38px; background: url(../images/txtHomeIT.gif) left top no-repeat;float:left;}
#txtHomeIT:hover {background-position: 0 -38px;}

#homelinks {margin:0; padding:12px 0 0 0; width:780px; height:147px; background: url(../images/bgHomeLinks.jpg) repeat-x;}
#homelinks a {margin:0; padding:0 3px 0 3px;}
#homelinks img {border:0;}

#imagebank {margin:0; padding:0; width:780px; height:141px; background:#ffffff;}

#noflash h1 {background: url(../images/H1content.jpg) no-repeat; margin:0; padding:10px 0px 0 10px; height:36px; color:#FFFFFF; font-size:80%; font-weight:bold;}
#noflash h2 {margin:0; padding:0 20px 5px 20px; font-size:80%; color:#CC0000; font-weight:bold;}
#noflash p {margin:0; padding:0 20px 0 20px; font-size:70%; color:#000000; line-height:17px;}
#noflash ul {list-style: none; margin: 0; padding: 0; text-indent:0; font-size:70%;}
#noflash li { font-weight: normal; color: #000000; margin:0; padding:0 0 5px 30px; background:   url(../images/bullit.gif) no-repeat 20px .9em;}
#noflash a, noflash a:visited  {text-decoration: none; color: #CC0000;  font-size:100%; font-weight:bold;}
#noflash a:hover {text-decoration: none; color: #000000;}

#contentholder {margin:0; padding:0; width:780px; background: url(../images/bgContent.gif) repeat-y;}

/* content - with navigation */
#content {margin:0; padding:0; width:589px; float:left; text-align:left; background: url(../images/bgZoom.gif) no-repeat; }
#content h1 {background: url(../images/H1content.jpg) no-repeat; margin:0; padding:10px 0px 0 10px; height:36px; color:#FFFFFF; font-size:80%; font-weight:bold;}
#content h1.yellow {background: url(../images/h1yellow.jpg) no-repeat; margin:0; padding:10px 0px 0 10px; height:36px; color:#FFFFFF; font-size:80%; font-weight:bold;}
#content h2 {margin:0; padding:0 20px 5px 20px; font-size:80%; color:#CC0000; font-weight:bold;}
#content p {margin:0; padding:0 20px 0 20px; font-size:70%; color:#000000; line-height:17px;}
#content p.print {margin:0; padding:0 20px 0 20px; font-size:70%; color:#000000; line-height:17px; clear:both;}

#content ul {list-style: none; margin: 0; padding: 0; text-indent:0; font-size:70%;}
#content li { font-weight: normal; color: #000000; margin:0; padding:0 0 5px 30px; background:   url(../images/bullit.gif) no-repeat 20px .9em;}
#content a, content a:visited  {text-decoration: none; color: #CC0000;  font-size:100%; font-weight:bold;}
#content a:hover {text-decoration: none; color: #000000;}

#content .gallerylink {color:#ffffff;}
#content .purchase {background:url(../images/iconPurchase2.jpg) no-repeat 2px 5px; padding:7px 0 5px 25px;}

/* content2 - sections no navigation and no imagebank*/
#content2 {margin:0; padding:0; width:780px; float:left; text-align:left; background:#ffffff;}
#content2 h1 {background: url(../images/H1content2.jpg) no-repeat; margin:0; padding:10px 0px 10px 10px; color:#FFFFFF; font-size:80%; font-weight:bold;}
#content2 h1.yellow {background: url(../images/h1yellow.jpg) no-repeat; margin:0; padding:10px 0px 10px 10px; height:36px; color:#FFFFFF; font-size:80%; font-weight:bold;}
#content2 h1.sound {background: url(../images/H1sound.jpg) no-repeat; margin:0; padding:10px 0px 10px 10px; color:#FFFFFF; font-size:80%; font-weight:bold;}
#content2 h2 {margin:0; padding:0 20px 5px 20px; font-size:80%; color:#CC0000; font-weight: bold;}
#content2 h3 {background: url(../images/h3yellow.jpg); margin:0; padding:10px 0px 10px 10px; color:#FFFFFF; font-size:80%; font-weight:bold;}
#content2 p {margin:0; padding:0 20px 0 20px; font-size:70%; color:#000000; line-height:15px;}
#content2 ul {list-style: none; margin: 0; padding: 0; text-indent:0; font-size:70%;}
#content2 li { font-weight: normal; color: #000000; margin:0; padding:0 0 5px 30px; background:   url(../images/bullit.gif) no-repeat 20px .9em;}

/* content3 - sections no navigation with imagebank*/
#content3 {margin:0; padding:0; width:780px; float:left; text-align:left; background:#ffffff;}
#content3 h1 {background: url(../images/H1content3.jpg) no-repeat; margin:0; padding:10px 0px 10px 10px; height:36px; color:#FFFFFF; font-size:80%; font-weight:bold;}
#content3 h1.yellow {background: url(../images/h1yellow.jpg) no-repeat; margin:0; padding:10px 0px 10px 10px; height:36px; color:#FFFFFF; font-size:80%; font-weight:bold;}
#content3 h2 {margin:0; padding:0 20px 5px 20px; font-size:80%; color:#CC0000; font-weight: bold;}
#content3 h3 {margin:0; padding:0; font-size:120%; color:#CC0000; font-weight: bold;}
#content3 p {margin:0; padding:0 10px 0 10px; font-size:70%; color:#000000;}
#content3 ul {list-style: none; margin: 0; padding: 0; text-indent:0; font-size:70%;}
#content3 li { font-weight: normal; color: #000000; margin:0; padding:0 0 5px 30px; background:   url(../images/bullit.gif) no-repeat 20px .9em;}
#content3 a, content a:visited  {text-decoration: none; color: #CC0000; font-size:100%; font-weight:bold;}
#content3 a:hover {text-decoration: none; color: #373737;}

/* content4 - with navigation no background image */
#content4 {margin:0; padding:0; width:589px; float:left; text-align:left;}
#content4 h1 {background: url(../images/H1content.jpg) no-repeat; margin:0; padding:10px 0px 10px 10px; height:36px; color:#FFFFFF; font-size:80%; font-weight:bold;}
#content4 h1.yellow {background: url(../images/h1yellow.jpg) no-repeat; margin:0; padding:10px 0px 10px 10px; height:36px; color:#FFFFFF; font-size:80%; font-weight:bold;}
#content4 h2 {margin:0; padding:0px 20px 5px 20px; font-size:80%; color:#CC0000; font-weight:bold;}
#content4 p {margin:0; padding:0 20px 0 20px; font-size:70%; color:#000000; line-height:17px;}
#content4 ul {list-style: none; margin: 0; padding: 0; text-indent:0; font-size:70%;}
#content4 li { font-weight: normal; color: #000000; margin:0; padding:0 0 5px 30px; background:   url(../images/bullit2.gif) no-repeat 20px .9em;}
#content4 a, content a:visited  {text-decoration: none; color: #CC0000; font-size:100%; font-weight:bold;}
#content4 a:hover {text-decoration: none; color: #373737;}

/* Site Search */
#sitesearch {background:url(../images/bgSitesearch.jpg); margin: 0 20px 5px 20px; padding:0; height:50px;}
#searchleft {float:left; margin:0; padding:15px 0 0 75px; font-size:70%; color:#ffffff; font-weight:bold;}
#searchright {float:left; margin:0; padding:15px 0 0 10px;}
#searchtabs {margin: 20px 20px 0 20px; padding:0; font-size:70%;}

.taboff { background:url(../images/taboff.jpg) no-repeat; width:121px; height:25px; color:#373737; text-align:center;}
.taboff:hover { color:#cc0000;}
.tabon { background:#D60D06; width:121px; height:25px; color:#ffffff;}
.tabon:hover { color:#373737;}

#results1 {margin:10px; padding:0; width:500px; float:left; border:1px solid #DAD6CE; background:#F3EFE5;}
#results1 h1 {background:#cc0000; color:#fff; font-size:70%; font-weight:bold;}
#results1 p {margin:0; padding:10px; font-size:70%; color:#373737;}
#results1 a, results1 a:visited  {text-decoration: none; color: #CC0000; font-size:100%; font-weight:bold;}
#results1 a:hover {text-decoration: none; color: #373737;}

#results2 {margin:10px; padding:0; width:200px; float:left; border:1px solid #DAD6CE; background:#F3EFE5;}
#results2 h1 {background:#cc0000; color:#fff; font-size:70%; font-weight:bold;}
#results2 a {border:5px solid #DAD6CE; margin:0; padding:0; }
#results2 a:hover {border:5px solid #ECB02C;  margin:0; padding:0;}
#results2 p {margin:10px 0 0 20px; padding:0;}

#results3 {margin:10px; padding:0; width:735px; float:left; border:1px solid #DAD6CE; background:#F3EFE5;}
#results3 h1 {background:#cc0000; color:#fff; font-size:70%; font-weight:bold;}
#results3 a {border:5px solid #DAD6CE; margin:0; padding:0; }
#results3 a:hover {border:5px solid #ECB02C;  margin:0; padding:0;}
#results3 td {padding:10px; font-size:70%; color:#373737; text-align:center;}
/* 2 column content layout */
#col1 {width:285px; margin:0; padding:0; float:left;}
#col1 p {margin:0; padding:5px 10px 0 10px; font-size:70%; color:#373737; line-height:17px;}
#col1 h2 {margin:0; padding:0 0 5px 10px; font-size:80%; color:#CC0000; font-weight:bold;}
#col1 em { font-size:80%; text-transform:uppercase; font-weight: bold; color: #cc0000; font-style: normal;}
#col2 {width:285px; margin:0; padding:0; float:left;}
#col2 p {margin:0; padding:5px 10px 0 10px; font-size:70%; color:#373737;  line-height:17px;}
#col2 h2 {margin:0; padding:0 0 5px 10px; font-size:80%; color:#CC0000; font-weight:bold;}

#box {margin:0 20px 20px 20px; padding:0 0 10px 0; border:1px solid #DAD6CE; background:#F3EFE5 url(../images/bgFlag.gif) no-repeat;}
#box h2 {color:#CC0000; margin:0; padding:10px 5px 5px 60px;}
#box a, box a:visited  {padding:10px 10px 0 10px; text-decoration: none; color: #CC0000; font-size:70%; font-weight:bold;}
#box a:hover {text-decoration: none; color: #373737;}
#box .blacklink {line-height:20px; font-size:70%; font-weight: bold; color: #373737; margin:0; padding:0 0 0 30px;}
#box .blacklink:hover {color: #CC0000; font-weight:bold; margin:0; padding:0 0 0 30px;}

/* next back nav */
#nextback {margin:0 0 0 7px; padding:0; width:576px;}
#nextback a {float: right; text-indent: -9999px; text-decoration: none; height: 37px;}
#nextback a:hover {line-height: 37px; background-position: 0 -37px !important;}
#nextback img {border:0;}
#nextback ul{margin:0; padding:0; display:inline; }
#nextback li {list-style:none; display:inline; background:transparent; margin:0; padding:0; }

#preven a {width: 287px;  background: url(../images/btnPrev.jpg) no-repeat; margin:0; padding:0;}
#nexten a {width: 288px;  background: url(../images/btnNext.jpg) no-repeat; margin:0; padding:0;}

#prevfr a {width: 287px;  background: url(../images/btnPrevFR.jpg) no-repeat; margin:0; padding:0;}
#nextfr a {width: 288px;  background: url(../images/btnNextFR.jpg) no-repeat; margin:0; padding:0;}

#prevde a {width: 287px;  background: url(../images/btnPrevDE.jpg) no-repeat; margin:0; padding:0;}
#nextde a {width: 288px;  background: url(../images/btnNextDE.jpg) no-repeat; margin:0; padding:0;}

#preves a {width: 287px;  background: url(../images/btnPrevES.jpg) no-repeat; margin:0; padding:0;}
#nextes a {width: 288px;  background: url(../images/btnNextES.jpg) no-repeat; margin:0; padding:0;}

#prevnl a {width: 287px;  background: url(../images/btnPrevNL.jpg) no-repeat; margin:0; padding:0;}
#nextnl a {width: 288px;  background: url(../images/btnNextNL.jpg) no-repeat; margin:0; padding:0;}

#previt a {width: 287px;  background: url(../images/btnPrevIT.jpg) no-repeat; margin:0; padding:0;}
#nextit a {width: 288px;  background: url(../images/btnNextIT.jpg) no-repeat; margin:0; padding:0;}


/* layout elements*/
.imgleft {float:left; padding: 0 20px 0 0; margin:0; border:0;}
.imgright {float:right; padding: 0 0 0 20px; margin:0; border:0;}
.center {text-align:center; margin:0; padding:0;}


/* bespoke input elements */
.txtinput {border: 1px solid #373737; font-weight: normal; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; text-decoration: none; color: #373737;}
.linkbox { border:1px solid #DAD6CE; background:#F3EFE5; margin:5px; padding:5px; width:20px; height:20px; display:inline; }
.linkbox:hover {background:#cc0000; margin:5px; padding:5px; color:#ffffff;}

/* rightnav */
#rightnav {margin:0; padding:0; width:191px; float:left; text-align:left; background: #F3EFE5;}
#rightnav h1 {background: #F3EFE5 url(../images/h1nav.jpg) no-repeat; margin:0; padding:10px 0px 0px 20px; height:26px; color:#FFFFFF; font-size:80%; font-weight:bold;}
#rightnav ul {list-style: none; margin: 0; padding: 0; text-indent:0;}

#rightnav li a {line-height:17px; display: block; margin:1px 0 1px 0; padding: 7px 0 7px 20px; text-decoration: none; background: #F3EFE5 url(../images/BGli.gif); font-size:70%; color:#373737;}
#rightnav li a:hover {line-height:17px; background: #EDC26D url(../images/BGliover.gif) no-repeat; color:#373737; margin:1px 0 1px 0; padding: 7px 0 7px 20px;}

#rightnav li.indent .sublink  {line-height:17px; display: block; margin:1px 0 1px 0; padding: 7px 0 7px 25px; text-decoration: none; background: #DEDAD1 url(../images/BGli2.gif) no-repeat; font-size:70%; color:#373737;}
#rightnav li.indent .sublink:hover {line-height:17px; background: #DEDAD1 url(../images/BGli2over.gif) no-repeat; color:#373737; margin:1px 0 1px 0; padding: 7px 0 7px 25px;}

#rightnav li.indent2 .sublink2  {line-height:17px; display: block; margin:1px 0 1px 0; padding: 7px 0 7px 30px; text-decoration: none; background: #DEDAD1 url(../images/BGli3.gif); font-size:70%; color:#CC0000;}
#rightnav li.indent2 .sublink2:hover {line-height:17px; color:#373737; margin:1px 0 1px 0; padding: 7px 0 7px 30px; background: #DEDAD1 url(../images/BGli3.gif);}

#rightnav .showhide  {text-decoration: none; color: #ffffff; padding:0; margin:0; font-size:70%; font-weight:normal; text-align:right;}
#rightnav .showhide:hover {text-decoration: none; color: #000000;}

#rightnav .currentNav {font-weight:bold;}
#rightnav li.indentCurrentNav .sublink {line-height:17px; background: #DEDAD1 url(../images/BGli2current.gif) no-repeat; color:#373737; margin:1px 0 1px 0; padding: 7px 0 7px 25px;}
#rightnav li.indentCurrentNav .sublink:hover {line-height:17px; background: #DEDAD1 url(../images/BGli2currentover.gif) no-repeat; color:#373737; margin:1px 0 1px 0; padding: 7px 0 7px 25px;}

#rightnav li.indent2CurrentNav .sublink2 {line-height:17px; background: #DEDAD1 url(../images/BGli3current.gif) no-repeat; color:#CC0000; margin:1px 0 1px 0; padding: 7px 0 7px 30px;}
#rightnav li.indent2CurrentNav .sublink2:hover {line-height:17px; background: #DEDAD1 url(../images/BGli3current.gif) no-repeat; color:#373737; margin:1px 0 1px 0; padding: 7px 0 7px 30px;}


/* footer */
#footer {clear:both; margin:0; padding:0; height:39px; width:780px; background: url(../images/bgFooter.jpg) repeat-x;}
#footer p {margin:0; padding:10px 0 0 10px; text-align:left; color:#DC0409;}
#footer img {border:0;}

#footer2 {margin:0; padding:0 5px 0 5px; text-align:right;}
#footer2 p {margin:0; padding:0;}
#footer2 img {border:0;}
#footer2 .left {float:left; padding:5px 0 0 0;}
#footer2 .right {float:right;}
#footer2 a {padding:0 0 0 5px; color:#000; font-size:60%; font-family: verdana, arial, helvetica, sans-serif; text-decoration:none;}
#footer2 a:hover {color:#cc0000;}
#footerleft {float:left; margin:0; padding:0;}
#footerright {float:right; padding: 0 8px 0 0; }


#txtUFTM {text-indent: -9999px; width:240px; height:38px; background: url(../images/txtUFTM.gif) left top no-repeat; margin-top:1px; float:left;}
#txtUFTM:hover {background-position: 0 -38px;}

#txtHome2en {text-indent: -9999px; width:39px; height:38px; background: url(../images/txtHome2.gif) left top no-repeat; margin-top:1px; float:left;}
#txtHome2en:hover {background-position: 0 -38px;}
#txtSitemapen {text-indent: -9999px; width:62px; height:38px; background: url(../images/txtSitemap.gif) left top no-repeat; margin-top:1px; float:left;}
#txtSitemapen:hover {background-position: 0 -38px;}
#txtContacten {text-indent: -9999px; width:81px; height:38px; background: url(../images/txtContact.gif) left top no-repeat; margin-top:1px; float:left;}
#txtContacten:hover {background-position: 0 -38px;}
#txtLinksen {text-indent: -9999px; width:49px; height:38px; background: url(../images/txtLinks.gif) left top no-repeat; margin-top:1px; float:left;}
#txtLinksen:hover {background-position: 0 -38px;}
#txtAccessibilityen {text-indent: -9999px; width:85px; height:38px; background: url(../images/txtAccessibility.gif) left top no-repeat; margin-top:1px; float:left;}
#txtAccessibilityen:hover {background-position: 0 -38px;}

#txtHome2fr {text-indent: -9999px; width:49px; height:38px; background: url(../images/txtHome2fr.gif) left top no-repeat; margin-top:1px; float:left;}
#txtHome2fr:hover {background-position: 0 -38px;}
#txtSitemapfr {text-indent: -9999px; width:82px; height:38px; background: url(../images/txtSitemapfr.gif) left top no-repeat; margin-top:1px; float:left;}
#txtSitemapfr:hover {background-position: 0 -38px;}
#txtContactfr {text-indent: -9999px; width:61px; height:38px; background: url(../images/txtContactfr.gif) left top no-repeat; margin-top:1px; float:left;}
#txtContactfr:hover {background-position: 0 -38px;}
#txtLinksfr {text-indent: -9999px; width:47px; height:38px; background: url(../images/txtLinksfr.gif) left top no-repeat; margin-top:1px; float:left;}
#txtLinksfr:hover {background-position: 0 -38px;}
#txtAccessibilityfr {text-indent: -9999px; width:79px; height:38px; background: url(../images/txtAccessibilityfr.gif) left top no-repeat; margin-top:1px; float:left;}
#txtAccessibilityfr:hover {background-position: 0 -38px;}

#txtHome2de {text-indent: -9999px; width:63px; height:38px; background: url(../images/txtHome2de.gif) left top no-repeat; margin-top:1px; float:left;}
#txtHome2de:hover {background-position: 0 -38px;}
#txtSitemapde {text-indent: -9999px; width:57px; height:38px; background: url(../images/txtSitemapde.gif) left top no-repeat; margin-top:1px; float:left;}
#txtSitemapde:hover {background-position: 0 -38px;}
#txtContactde {text-indent: -9999px; width:62px; height:38px; background: url(../images/txtContactde.gif) left top no-repeat; margin-top:1px; float:left;}
#txtContactde:hover {background-position: 0 -38px;}
#txtLinksde {text-indent: -9999px; width:47px; height:38px; background: url(../images/txtLinksde.gif) left top no-repeat; margin-top:1px; float:left;}
#txtLinksde:hover {background-position: 0 -38px;}
#txtAccessibilityde {text-indent: -9999px; width:49px; height:38px; background: url(../images/txtAccessibilityde.gif) left top no-repeat; margin-top:1px; float:left;}
#txtAccessibilityde:hover {background-position: 0 -38px;}

#txtHome2es {text-indent: -9999px; width:38px; height:38px; background: url(../images/txtHome2es.gif) left top no-repeat; margin-top:1px; float:left;}
#txtHome2es:hover {background-position: 0 -38px;}
#txtSitemapes {text-indent: -9999px; width:57px; height:38px; background: url(../images/txtSitemapes.gif) left top no-repeat; margin-top:1px; float:left;}
#txtSitemapes:hover {background-position: 0 -38px;}
#txtContactes {text-indent: -9999px; width:69px; height:38px; background: url(../images/txtContactes.gif) left top no-repeat; margin-top:1px; float:left;}
#txtContactes:hover {background-position: 0 -38px;}
#txtLinkses {text-indent: -9999px; width:62px; height:38px; background: url(../images/txtLinkses.gif) left top no-repeat; margin-top:1px; float:left;}
#txtLinkses:hover {background-position: 0 -38px;}
#txtAccessibilityes {text-indent: -9999px; width:81px; height:38px; background: url(../images/txtAccessibilityes.gif) left top no-repeat; margin-top:1px; float:left;}
#txtAccessibilityes:hover {background-position: 0 -38px;}

#txtHome2nl {text-indent: -9999px; width:37px; height:38px; background: url(../images/txtHome2nl.gif) left top no-repeat; margin-top:1px; float:left;}
#txtHome2nl:hover {background-position: 0 -38px;}
#txtSitemapnl {text-indent: -9999px; width:58px; height:38px; background: url(../images/txtSitemapnl.gif) left top no-repeat; margin-top:1px; float:left;}
#txtSitemapnl:hover {background-position: 0 -38px;}
#txtContactnl {text-indent: -9999px; width:154px; height:38px; background: url(../images/txtContactnl.gif) left top no-repeat; margin-top:1px; float:left;}
#txtContactnl:hover {background-position: 0 -38px;}
#txtLinksnl {text-indent: -9999px; width:47px; height:38px; background: url(../images/txtLinksnl.gif) left top no-repeat; margin-top:1px; float:left;}
#txtLinksnl:hover {background-position: 0 -38px;}
#txtAccessibilitynl {text-indent: -9999px; width:104px; height:38px; background: url(../images/txtAccessibilitynl.gif) left top no-repeat; margin-top:1px; float:left;}
#txtAccessibilitynl:hover {background-position: 0 -38px;}

#txtHome2it {text-indent: -9999px; width:36px; height:38px; background: url(../images/txtHome2it.gif) left top no-repeat; margin-top:1px; float:left;}
#txtHome2it:hover {background-position: 0 -38px;}
#txtSitemapit {text-indent: -9999px; width:94px; height:38px; background: url(../images/txtSitemapit.gif) left top no-repeat; margin-top:1px; float:left;}
#txtSitemapit:hover {background-position: 0 -38px;}
#txtContactit {text-indent: -9999px; width:63px; height:38px; background: url(../images/txtContactit.gif) left top no-repeat; margin-top:1px; float:left;}
#txtContactit:hover {background-position: 0 -38px;}
#txtLinksit {text-indent: -9999px; width:47px; height:38px; background: url(../images/txtLinksit.gif) left top no-repeat; margin-top:1px; float:left;}
#txtLinksit:hover {background-position: 0 -38px;}
#txtAccessibilityit {text-indent: -9999px; width:81px; height:38px; background: url(../images/txtAccessibilityit.gif) left top no-repeat; margin-top:1px; float:left;}
#txtAccessibilityit:hover {background-position: 0 -38px;}

/* image zoom */

#image {margin:0; padding:0; width:582px;}
#imageleft {float:left; margin:0; padding:0; width:300px;}
#imageright {float:left; margin:0; padding:0;}
#imageright p {margin:10px 0 0 10px; padding:0;}
#imageright ul {list-style: none; margin: 5px 0 0 0; padding: 0; text-indent:0; font-size:70%;}
#imageright li { font-weight: normal; color: #000000; margin:0; padding:0 0 5px 38px; background:   url(../images/bullit.gif) no-repeat 28px .8em;}


.zoomSmall {position: relative; width: 272px; height:216px; margin:0 0 0 20px; padding:0px;}
.zoomSmall2 {position: relative; width: 272px; height:360px; margin:0 0 0 20px; padding:0px;}
.zoomLarge { overflow: hidden; position: absolute; border: 1px solid #CC0000; visibility: hidden; }
.zoomH1 {font-family:verdana; font-size:70%; position: relative; z-index: 10; left: 0px; top: 0px; text-align: center; color:#FFF; background:#CC0000; padding:3px; }
.zoomH1 a { color: #FFF; }
.zoomBox {z-index: 10; visibility: hidden; position: absolute; width: 50px; height: 50px; border: 1px solid #CC0000; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
.zoomBox.ie {background: #ffffff; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }


/* resource centre */
#resource {margin:0; padding:0; width:780px; height:418px; background: url(../images/bgResource.jpg) no-repeat; text-align:left;}
#resource h1 {background: url(../images/H1content2.jpg) no-repeat; margin:0; padding:10px 0px 10px 10px; color:#FFFFFF; font-size:80%; font-weight:bold;}

#intro {margin:0; padding:0; float:left; width:206px; height:383px;}
#intro h1 {color:#ffffff; font-size:80%; margin:0; padding:10px 10px 10px 10px; background:transparent;}
#intro p {color:#ffffff; font-size:70%; margin:0; padding:0 10px 0 10px;}
#intro a, content a:visited  {text-decoration: none; color: #ffffff; padding:0; margin:0; font-size:100%; font-weight:bold;}
#intro a:hover {text-decoration: none; color: #000000;}

#text {margin:0; padding:0; height:307px;}
#menu {margin:0; padding:0; height:75px;}
#menu img {border:0;}

#listings {margin:0; padding:0; float:left; width:574px;  height:383px;}
#listings a, listings a:visited  {text-decoration: none; color: #000000; padding:0; margin:0; font-size:100%; font-weight:bold;}
#listings a:hover {text-decoration: none; color: #cc0000;}
#listings ul {margin:0; padding:0; }
#listings li.sound {font-size:70%; line-height:30px; background: url(../images/iconSound.gif) no-repeat 15px 12px; list-style: none; margin:0; padding:0 0 0 35px;}
#listings li.doc {font-size:70%; line-height:30px; background: url(../images/iconDoc.gif) no-repeat 15px 12px; list-style: none; margin:0; padding:0 0 0 30px;}
#listings p {font-size:70%; padding:10px; margin:0;}
#listings p.video {font-size:70%; padding:5px 10px 5px 10px; margin:0; height:75px;}
.imgVideo {float:left; border:5px solid #E9A71B; margin:0 5px 0 0; padding:0; }

#list1 {margin:50px 0 0 0; padding:0; width:287px; float:left;}
#list2 {margin:50px 0 0 0; padding:0; width:287px; float:left;}




#back {margin:0; padding:0; float:left; width:574px;  height:18px;}
#back img {border:0;}
#back a  {text-decoration: none; padding:0; margin:0;}
#back a:hover {text-decoration: none; color: #000000;}