/* Primary Classes Start */
body {
 font-family: arial, Helvetica, sans-serif;
 font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
 line-height: 1.3em;
 text-align: center;
 color: #000;
 margin: 0;
 padding: 0;
 }
h1,h2,h3,h4 { margin: 0 0 0.4em 0; padding: 0; }
h1 { font-size: 1.5em; padding-top: 0px; margin-bottom: 18px; line-height: 1.2em; }
h2, h3, h4 { font-size: 1em; margin-bottom: 0; }
p { margin: 0 0 1em 0; }
a {
 color: #000;
 text-decoration: underline;
 font-weight: bold;
 }
a:hover { color: #666; }
form { margin: 0; padding: 0; }
strong { font-weight: bold; }
img { border: none; }
.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.left { float: left; }
.right { float: right; }
.pushnone { margin-bottom: 0; }
.pushhalf { margin-bottom: 0.5em; }
.push1 { margin-bottom: 1em; }
.push2 { margin-bottom: 2em; }
table, tr, th, td { margin: 0; padding: 0; border: none; font-size: 1em; }
table { border: 1px solid #ccc; }
th { font-size: 1.1em; }
th, td { padding: 0.2em; border: 1px solid #ccc; text-align: center; }
.skip, #nav ul li.skip { display: none; }
img.left {margin: 3px 10px 10px 0;}
/* Primary Classes End */

/* ********** Global Classes Start ********** */

#wrapper {
 width: 760px;
 margin: 0 auto;
 padding: 0;
 text-align: left;
 }
#home #wrapper {
 background: #fff url(border.gif) -1px 0 repeat-y;
 z-index: 5;
}
html{ margin: 0; padding: 0;}
/* Header Classes Start */
#header {
 height: 120px;
 background: #fff;
 }
#logoTop {

 padding: 10px 0 0 0px;
 } 
#logo {
 float: left;
 padding: 10px 0 0 11px;
 }
#login {
 float: right;
 padding: 0;
 }
#login p {
 width: 111px;
 height: 38px;
 margin: 21px 5px 0 0;
 background: transparent url(button_client_login.gif) 0 0 no-repeat;
 }
#login p a {
 display: block;
 width: 111px;
 height: 38px;
 font-size: 1px;
 text-indent: -9999px;
 text-decoration: none;
 }
.fontLinks {
 font-size: 12;}
/* Header Classes End */

/* Banner Classes Start */
#banner {
 height: 143px;
 /*background: #fff url("home_banner.jpg") 0 0 no-repeat;*/
 background: #fff url("home_banner.jpg") no-repeat 0 0;
 }
#banner p {
 display: none;
 }
/* Banner Classes End */
 
/* Main Navigation Start */
#nav {
 float: left;
 width: 160px;
 margin: 0;
 padding: 8px 0 0 0;
 }
 /* Root Level Nav Start */
#nav ul {
 margin: 0;
 padding: 0;
 list-style: none;
 }
#nav ul li {
 margin: 0;
 padding: 0;
 display: block;
 width: 161px;
 }
#nav ul li a { /* hacked in ie5.css */
 display: block;
 width: 147px;
 height: 22px;
 margin: 0;
 padding: 0 0 0 14px;
 text-indent: -9999px;
 text-decoration: none;
 }
 /* Navigation Normal States */
#nav ul li#nHome a { background: transparent url(nav_bg.jpg) 0 0 no-repeat; }
#nav ul li#nAbout a { background: transparent url(nav_bg.jpg) 0 -22px no-repeat; }
#nav ul li#nWhy a { background: transparent url(nav_bg.jpg) 0 -44px no-repeat; }
#nav ul li#nClients a { background: transparent url(nav_bg.jpg) 0 -66px no-repeat; }
#nav ul li#nKnowledge a { background: transparent url(nav_bg.jpg) 0 -88px no-repeat; }
#nav ul li#nEvents a { background: transparent url(nav_bg.jpg) 0 -110px no-repeat; }
#nav ul li#nContacts a { background: transparent url(nav_bg.jpg) 0 -132px no-repeat; }
#nav ul li#nClientInteractive a { background: transparent url(nav_bg.jpg) 0 -154px no-repeat; }
 /* Navigation Hover States */
#nav ul li#nHome a:hover, #nav ul li#nHome.selected a:hover { background-position: -161px 0; }
#nav ul li#nAbout a:hover, #nav ul li#nAbout.selected a:hover { background-position: -161px -22px; }
#nav ul li#nWhy a:hover, #nav ul li#nWhy.selected a:hover { background-position: -161px -44px; }
#nav ul li#nClients a:hover, #nav ul li#nClients.selected a:hover { background-position: -161px -66px; }
#nav ul li#nKnowledge a:hover, #nav ul li#nKnowledge.selected a:hover { background-position: -161px -88px; }
#nav ul li#nEvents a:hover, #nav ul li#nEvents.selected a:hover { background-position: -161px -110px; }
#nav ul li#nContacts a:hover, #nav ul li#nContacts.selected a:hover { background-position: -161px -132px; }
#nav ul li#nClientInteractive a:hover, #nav ul li#nClientInteractive.selected a:hover { background-position: -161px -154px; }
 /* Navigation Selected States */
#nav ul li#nHome.selected a { background-position: -322px 0; }
#nav ul li#nAbout.selected a { background-position: -322px -22px; }
#nav ul li#nWhy.selected a { background-position: -322px -44px; }
#nav ul li#nClients.selected a { background-position: -322px -66px; }
#nav ul li#nKnowledge.selected a { background-position: -322px -88px; }
#nav ul li#nEvents.selected a { background-position: -322px -110px; }
#nav ul li#nContacts.selected a { background-position: -322px -132px; }
#nav ul li#nClientInteractive.selected a { background-position: -322px -154px; }
 /* Root Level Nav End */
 /* Sub Navigation Start */
#nav ul#mainnav li ul li {
 margin: 0;
 padding: 0;
 display: block;
 width: 161px;
 background: none;
 border-bottom: 1px solid #fff;
 }
#nav ul#mainnav li ul li a {
 display: block;
 width: 149px;
 height: auto;
 margin: 0;
 padding: 3px 0 3px 12px;
 text-indent: 0;
 text-decoration: none;
 color: #fff;
 font-weight: normal;
 }
#nav ul#mainnav li ul li.lock {
 background: #c5c1c0 url(subnav_lock.gif) 100% 0.1em no-repeat;
}
#nav ul#mainnav li ul li.lock a {
 width: 134px;
 padding: 3px 15px 3px 12px;
}
 /* Sub Navigation Selected State - handled in the page specific classes below, following classes set the default state */
#nav ul#mainnav li#nHome ul li.selected a,
#nav ul#mainnav li#nAbout ul li.selected a,
#nav ul#mainnav li#nWhy ul li.selected a,
#nav ul#mainnav li#nClients ul li.selected a,
#nav ul#mainnav li#nKnowledge ul li.selected a,
#nav ul#mainnav li#nEvents ul li.selected a,
#nav ul#mainnav li#nContacts ul li.selected a,
#nav ul#mainnav li#nClientInteractive ul li.selected a
 { background-position: 0 0; }
 /* Sub Navigation End */
 /* SubSub Navigation Start */
  
  #nav ul#mainnav li ul li ul {
   margin: 0;
   padding: 0;
   list-style: none;
   border-top: 1px solid #fff;
   border-bottom: none;
  }
  #nav ul#mainnav li ul li ul li {
   margin: 0;
   padding: 0;
   display: block;
   width: 161px;
   background: #fff;
  }
  #wrapper #nav ul#mainnav li ul li ul li a, #wrapper #nav ul#mainnav li ul li.lock ul li a {/* the #wrapper is for specifity*/
   display: block;
   width: 136px;
   height: auto;
   margin: 0 0 0 19px;
   padding: 3px;
   text-indent: 0;
   text-decoration: none;
   color: #000;
   font-weight: normal; 
   background: #d1d1d1;  
  }
  #wrapper #nav ul#mainnav li ul li ul li a:hover, #wrapper #nav ul#mainnav li ul li.lock ul li a:hover {/* the #wrapper is for specifity*/
   background: #999;
  }
 /* SubSub Navigation End */
/* Main Navigation End */

/* Content Classes Start */
#content {
 float: left;
 width: 403px;
 margin: 0 0 10px 0;
 padding: 8px 0 0 10px;
 }
.intropara { font-size: 1.0em; }
p.linkmore a {
 color: #89687c;
 text-decoration: none;
 }
p.linkmore a:hover { color: #2a2138; }
/* I went for negative margins on this. I guess there's a reason you said not to, but we can chat about it tomorrow */
div.linkBlock {
 padding: 10px;
 margin-right: -10px;
 margin-left: -10px;
}
ul.linkList {
 list-style: none;
 margin: 0;
 padding: 0;
}
ul.linkList li a, div.linkBlock a {
 text-decoration: none;
}
.blueArrow { padding-left: 15px; background: transparent url(bluearrow.gif) 0 0.4em no-repeat; }
.orangeArrow { padding-left: 15px; background: transparent url(orangearrow.gif) 0 0.4em no-repeat; }

ul.pdfList {
 margin: 0 0 1em 0;
 padding: 0;
 list-style: none;
}
ul.pdfList li {
 padding: 1px 0 1px 25px;
 margin-bottom: 3px;
 background: transparent url(pdf.gif) 0 0.2em no-repeat; 
}
div.formField {
 padding-bottom: 10px;
        float: left;
 overflow: hidden;
}
div.formField div.label {
 float: left;
 width: 140px;
}
div.formField div.formElement input {
 width: 200px;
}
div.formField div.formElement input.checkbox { width: auto; }
div.formField div.formElement textarea {
 width: 250px;
}
div.formField div.formElementSubmit {
 padding-left:140px;
}
/* Content Classes End */

/* Related Information Classes Start */
#relinfo {
 float: right;
 width: 161px;
 margin: 0 0 10px 0;
 padding: 8px 0 0 0;
 }
ul.adLinks {
 margin: 0 0 1em 0;
 padding: 0;
 list-style: none;
 }
ul.adLinks li {
 display: block;
 width: 160px;
 height: 100px;
 margin: 0 0 5px 0;
 padding: 0;
 }
/*ul.adLinks li a {
 display: block;
 width: 160px;
 height: 100px;
 margin: 0;
 padding: 0;
 text-indent: -9999px;
 text-decoration: none;
 }
*/
/* Specific Ad Classes - Ads are globally available for each page and therefore inserted here */
ul.adLinks li#riRegister { background: transparent url(register_for_information_bg.jpg) 0 0 no-repeat; }
ul.adLinks li#riLearn { background: transparent url(visit_learning_centre_bg.jpg) 0 0 no-repeat; }
ul.adLinks li#riSeminars { background: transparent url(seminars_and_workshops.jpg) 0 0 no-repeat; }
ul.adLinks li#riBrochure { background: transparent url(download_corporate_brochure.jpg) 0 0 no-repeat; }
ul.adLinks li#riCaseStudies { background: transparent url(case_studies_bg.jpg) 0 0 no-repeat; }
ul.adLinks li#riPodcast { background: transparent url(listen_to_podcast_bg.jpg) 0 0 no-repeat; }
ul.adLinks li#riCharities { background: transparent url(charities_bg.jpg) 0 0 no-repeat; }
ul.adLinks li#riMarket { background: transparent url(market_views_bg.jpg) 0 0 no-repeat; }
ul.adLinks li#riInformation { background: transparent url(more_information_bg.jpg) 0 0 no-repeat; }
ul.adLinks li#riProfiles { background: transparent url(profiles_bg.jpg) 0 0 no-repeat; }
/* Related Information Classes End */

/* Footer Classes Start */
#footer {
 clear: both;
 margin: 0;
 padding: 15px 0 1px 0px;
 /*border-top: solid #c5c1c2 1px;*/
 background: #ffffff;
 }

#footer ul {
 margin: 0;
 padding: 0;
 list-style: none;
 }
#footer ul li {
 margin: 0;
 padding: 0;
 display: inline;
 font-size: 0.9em;
 /*background: transparent url(footer_links_seperator.gif) 0 0.2em no-repeat;*/
 }
#footer ul li.first {
 background: none;
 padding: 0;
 }
#footer ul li a { 
 font-weight: normal;
 text-decoration: none;
 }
#footer ul li a:hover { 
    text-decoration: underline; 
        }
#footer p {
 color: #666;
 font-size: 0.9em;
 }
#footer .logo {
        float: right;
        background-color: white;
}
/* Footer Classes End */

/* ********** Global Classes End ********** */

/* Home Classes Start */
#home h1 {
 margin-top: 0;
 color: #89687c;
 }
#home h2, #home h3 { color: #423132; }
h2.latestNewsButton {
 display: block;
 width: 141px;
 height: 42px;
 margin: 0 0 5px -6px;
 padding: 0;
 background: url(button_tmi_latest_news.gif) #fff no-repeat 5px 0;
 }
h2.latestNewsButton a {
 display: block;
 width: 141px;
 height: 42px;
 text-indent: -9999px;
 }
/* Home Classes End */

/* grace Classes Start */
#grace h1 {
	margin-top: 0;
	color: #008b8b;
	}
#grace h2, #grace h3 { color: #88d1b6; }

/* grace Classes End */

/* About Classes Start */
#about #banner {
 /*background: #fff url("about_banner.jpg") 0 0 no-repeat;*/
 background-image: url('about_banner.jpg'); 
 }
#about h1, #about h2, #about h3 { color: #AD0010; }
 /* Sub Nav Classes Start */
#about #nav ul#mainnav li ul li a { background: #808855 url(subnav_bg.gif) 0 -100px no-repeat; }
#about #nav ul#mainnav li ul li a:hover { background-color: #414915; }
 /* Sub Nav Classes End */
/* About Classes End */

/* Why TMI classes start */
#whytmi #banner {
 background: transparent url(whytmi_banner.jpg) 0 0 no-repeat;
 }
#whytmi h1, #whytmi h2 { color: #391439 ; }
#whytmi div.linkBlock { background: #cde1ea; }
 /* Sub Nav Classes Start */
#whytmi #nav ul#mainnav li ul li a { background: #66a3bf url(subnav_bg.gif) 0 -100px no-repeat; }
#whytmi #nav ul#mainnav li ul li a:hover { background-color: #22627e; }
 /* Sub Nav Classes End */

/* Why TMI classes end */

/* Clients classes start */
#clients #banner {
 background: transparent url(clients_banner.jpg) 0 0 no-repeat;
 }
#clients h1, #clients h2 { color: #E17000; }
#clients div.linkBlock { background: #f6dbbe; }
 /* Sub Nav Classes Start */
#clients #nav ul#mainnav li ul li a { background: #e99441 url(subnav_bg.gif) 0 -100px no-repeat; }
#clients #nav ul#mainnav li ul li a:hover { background-color: #a35201; }
 /* Sub Nav Classes End */

/* clients classes end */

/* knowledge area classes start */
#knowledge #banner {
 background: transparent url(knowledge_banner.jpg) 0 0 no-repeat;
 }
#knowledge h1, #knowledge h2 { color: #004175; }
p.alphabetLinks a {
 color: #3f718c;
}
p.alphabetLinks a:hover { color: #666; }
p.alphabetLinks {
 font-weight: bold;
}
 /* Sub Nav Classes Start */
#knowledge #nav ul#mainnav li ul li a { background: #3f718c url(subnav_bg.gif) 0 -100px no-repeat; }
#knowledge #nav ul#mainnav li ul li a:hover { background-color: #013451; }
 /* Sub Nav Classes End */
/* knowledge area classes end */

/* Events classes start */
#events #banner {
 background: transparent url(events_banner.jpg) 0 0 no-repeat;
 }
#events h1, #events h2 { color: #739200; }

#events div.event { margin-bottom: 2em; }
#events div.event h2 { 
 width: 100%;
 height: 2em;
 padding: 0 0 0 5px;
 line-height: 2em;
 background: #d6dfb2;
 color: #000;
}
#events div.event p.pdfLink {
 float: right;
 margin-top: -2em;
 padding: 0;
 line-height: 2em;
 background: transparent url(pdf.gif) 100% 0.3em no-repeat;
 display: block;
}
#events div.event p.pdfLink a {
 padding-right: 25px;
 text-decoration: none;
 font-size: 0.8em;
 font-weight: normal;
}
#events div.event p.date { 
 font-style: italic;
 margin: 0.5em 0 0 0;
 font-size: 0.9em;
}
#events div.event p.address{ 
 margin: 0;
 font-size: 0.9em;
}
#events div.event p {
 margin: 0;
}

 /* Sub Nav Classes Start */
#events #nav ul#mainnav li ul li a { background: #96b040 url(subnav_bg.gif) 0 -100px no-repeat; }
#events #nav ul#mainnav li ul li a:hover { background-color: #677d0e; }
 /* Sub Nav Classes End */
/* Events area classes end */

/* contact area classes start */
#contact #banner {
 background: transparent url(contact_banner.jpg) 0 0 no-repeat;
 }
#contact h1, #contact h2 { color: #D7A900; }
/*#contact a:hover { color: #666; }*/
 /* Sub Nav Classes Start */
#contact #nav ul#mainnav li ul li a { background: #e1bf41 url(subnav_bg.gif) 0 -100px no-repeat; }
#contact #nav ul#mainnav li ul li a:hover { background-color: #c39900;
}
 /* Sub Nav Classes End */
/* contact area classes end */


/* contact area classes start */
#clientinteractive #banner {
 background: transparent url(clientsinteractive_banner.jpg) 0 0 no-repeat;
 }
#clientinteractive h1, #clientinteractive h2, #clientinteractive #content a { color: #716565; }
#clientinteractive a:hover { color: #666; }
 /* Sub Nav Classes Start */
#clientinteractive #nav ul#mainnav li ul li a { background: #716565 url(subnav_bg.gif) 0 -100px no-repeat; }
#clientinteractive #nav ul#mainnav li ul li a:hover { background-color: #251b1a; }
#clientinteractive #nav ul#mainnav li ul li.lock a { background: transparent url(subnav_bg.gif) 0 -100px no-repeat; }
#clientinteractive #nav ul#mainnav li ul li.lock a:hover { background-color: transparent; }
/* the selected state doesn't show up otherwise due to 2 classes*/
#clientinteractive #nav ul#mainnav li ul li.selected a { background-position: 0 0; }
 /* Sub Nav Classes End */
/* clientinteractive area classes end */
#Search {
 position: relative;
        top: 15px;
 float: left;
 width: 138px !important;
 width /**/: 134px;
        padding-bottom: 30px;
}
#Search table, tr, td {
     border: none;
}
#Search input.Text {
 margin-top: 1px !important;
 margin-top /**/: 0px;
 margin-left: 1px;
 border: 1px solid #000000;
 height: 15px;
 width: 125px;
 color: #000000;
 font-size: 10px;
}
#Search input.Button {
 margin-left: 4px;
 padding-top: 1px;
 border: none;
 height: 15px;
 width: 20px;
 background-color: #CCCCCC;
 color: #000000;
 font-weight: bold;
 font-size: 10px;
}
div.sitemapa div.navleveloneoff a , div.sitemapa div.navleveloneoffnoarrow a , div.sitemapa div.navleveloneoff a:visited , div.sitemapa div.navleveloneoffnoarrow a:visited {
        display: block;
        color: #000;
        margin: 1px 0 0 0;
        padding: 3px 0 3px 0.5em;
        font-size: 0.9em;
        background: #fff;
        position: relative;
}
div.sitemapa div.navleveloneoff a:hover , div.sitemapa div.navleveloneoffnoarrow a:hover {
        color: #279;
}
div.sitemapa div.navleveloneoffnoarrow span.navnum, div.sitemapa div.navleveloneoff span.navnum {
        display:none; 
}

div.sitemapa div.navleveltwo {
        display: block;
}
div.sitemapa div.navleveltwooff a , div.sitemapa div.navleveltwooffnoarrow a , div.sitemapa div.navleveltwooff a:visited , div.sitemapa div.navleveltwooffnoarrow a:visited {
        display: block;
        text-indent: 20px;
        margin: 0;
        padding: 3px 0 3px 15px;
        color: #000;
        font-size: 0.9em;
        position: relative;
        background: #fff;

}
div.sitemapa div.navleveltwooff a:hover , div.sitemapa div.navleveltwooffnoarrow a:hover {
        color: #279;
        background: #fff;
}
div.sitemapa div.navlevelthree {
        display: block;
}
div.sitemapa div.navlevelthreeoff a , div.sitemapa div.navlevelthreeoffnoarrow a , div.sitemapa div.navlevelthreeoff a:visited , div.sitemapa div.navlevelthreeoffnoarrow a:visited {
        display: block;
        text-indent: 20px;
        margin: 0;
        padding: 3px 0 3px 15px;
        color: #000;
        font-size: 0.9em;
        position: relative;
        background: #fff;

}
div.sitemapa div.navlevelthreeoff a:hover , div.sitemapa div.navlevelthreeoffnoarrow a:hover {
        color: #279;
        background: #fff;
}
h1 span.breadcrumb {
font-size: 0.7em;
}
h1 span.breadcrumb a{
text-decoration: none;
color: #000;
}