/* new styles for revamp 5-3-12 */

@import url(https://fonts.googleapis.com/css?family=Khula);


body {
    background-color: #ffffff;
    font-family: "Khula",sans-serif;
    color:#414141;
	/* background: #ffffff url("/institute-of-mental-health/images-multimedia/bg-boxes.gif") repeat scroll 0 0; */
}

#content .greybg {
  background-color:#efefef;
  padding-left:1em;
  padding-top:1em;
  margin-top:-5px;
}

h1, h2, h3, h4, h5 {
    color:#21677e;
    font-family: 'Khula', serif;
}

#content h2 {
  font-size:1.5em;
}

#content h3 {
  font-size: 1.3em;
}

h6 {
    display:none;
}

#content table th, #content table tr, #content table tr td, #content table.genericTable th, #content table.genericTable tr, #content table.genericTable tr td {
  border: 0;
}

#content table th, #content table td {
  padding-left:0;
}

#content table p {
    color: #414141;
    font-size: 1em;
    margin: 0;
}

#wrapper #content a, #wrapper #content a:link, #wrapper #content a:visited {
  color:#21677e;
  margin-bottom:0.5em;
  padding-bottom:0.4em;
}
/* added important to link colour temporarily to override important on link colour styling in globalnonuonnew EHB 10.06.16 */

body #wrapper #content a.CTA-plainArrowTeal, body #wrapper #content a.CTA-plainArrowRoundRight, body #wrapper #content a.CTA-plainBlog, body #wrapper #content a.CTA-plainDirections, body #wrapper #content a.CTA-plainDonateHeart, body #wrapper #content a.CTA-plainDownloadFile, body #wrapper #content a.CTA-plainEmail, body #wrapper #content a.CTA-plainEventCalendar, body #wrapper #content a.CTA-plainHelp, body #wrapper #content a.CTA-plainInfo, body #wrapper #content a.CTA-plainInternational, body #wrapper #content a.CTA-plainNewsletter, body #wrapper #content a.CTA-plainKeyLogin, body #wrapper #content a.CTA-plainLifeCycle, body #wrapper #content a.CTA-plainMortarBoard, body #wrapper #content a.CTA-plainOpenAccess, body #wrapper #content a.CTA-plainPay, body #wrapper #content a.CTA-plainProfile, body #wrapper #content a.CTA-plainResearch, body #wrapper #content a.CTA-plainShop, body #wrapper #content a.CTA-plainSport, body #wrapper #content a.CTA-plainTeaching, body #wrapper #content a.CTA-plainTelephone, body #wrapper #content a.CTA-plainUpdateDetails, body #wrapper #content a.CTA-plainVideo, body #wrapper #content a.CTA-plainVolunteer, body #wrapper #content a.CTA-plainFacebook, body #wrapper #content a.CTA-plainFlickr, body #wrapper #content a.CTA-plainInstagram, body #wrapper #content a.CTA-plainLinkedIn, body #wrapper #content a.CTA-plainRenRen, body #wrapper #content a.CTA-plainTwitter, body #wrapper #content a.CTA-plainTumblr, body #wrapper #content a.CTA-plainVine, body #wrapper #content a.CTA-plainVK, body #wrapper #content a.CTA-plainWeibo, body #wrapper #content a.CTA-plainYouKu, body #wrapper #content a.CTA-plainYouTube {
    line-height: 1.5em;
    display:block;
  color:#21677e;
}

body #wrapper #content a.CTA-Arrow, body #wrapper #content a.CTA-ArrowRoundRight, body #wrapper #content a.CTA-Blog, body #wrapper #content a.CTA-Directions, body #wrapper #content a.CTA-donateHeart, body #wrapper #content a.CTA-downloadFile, body #wrapper #content a.CTA-Email, body #wrapper #content a.CTA-EventCalendar, body #wrapper #content a.CTA-Help, body #wrapper #content a.CTA-Info, body #wrapper #content a.CTA-International, body #wrapper #content a.CTA-KeyLogin, body #wrapper #content a.CTA-LifeCycle, body #wrapper #content a.CTA-MortarBoard, body #wrapper #content a.CTA-OpenAccess, body #wrapper #content a.CTA-Newsletter, body #wrapper #content a.CTA-Pay, body #wrapper #content a.CTA-Profile, body #wrapper #content a.CTA-Research, body #wrapper #content a.CTA-Shop, body #wrapper #content a.CTA-Sport, body #wrapper #content a.CTA-Teaching, body #wrapper #content a.CTA-Telephone, body #wrapper #content a.CTA-updateDetails, body #wrapper #content a.CTA-Volunteer, body #wrapper #content a.CTA-Video, body #wrapper #content a.CTA-Facebook, body #wrapper #content a.CTA-Flickr, body #wrapper #content a.CTA-Instagram, body #wrapper #content a.CTA-LinkedIn, body #wrapper #content a.CTA-RenRen, #wrapper #content a.CTA-Twitter, #wrapper #content a.CTA-Tumblr, #wrapper #content a.CTA-Vine, #wrapper #content a.CTA-VK, #wrapper #content a.CTA-Weibo, body #wrapper #content a.CTA-YouTube, body #wrapper #content a.CTA-YouKu, body #wrapper #content a.CTA-greenButtonWithArrow, body #wrapper #content a.CTA-orangeButtonWithArrow, body #wrapper #content a.CTA-pinkButtonWithArrow, body #wrapper #content a.CTA-blueButtonWithArrow, body #wrapper #content a.CTA-yellowButtonWithArrow, body #wrapper #content a.CTA-donateNow {
  line-height: 1.5em;
    display:block;
  color:#ffffff;
  border-bottom:none;
}

#wrapper #content a.CTA-Arrow:hover, #wrapper #content a.CTA-ArrowRoundRight:hover, #wrapper #content a.CTA-Directions:hover, #wrapper #content a.CTA-donateHeart:hover, #wrapper #content a.CTA-downloadFile:hover, #wrapper #content a.CTA-Email:hover, #wrapper #content a.CTA-EventCalendar:hover, #wrapper #content a.CTA-Help:hover, #wrapper #content a.CTA-Info:hover, #wrapper #content a.CTA-International:hover, #wrapper #content a.CTA-KeyLogin:hover, #wrapper #content a.CTA-LifeCycle:hover, #wrapper #content a.CTA-MortarBoard:hover, #wrapper #content a.CTA-Newsletter:hover, #wrapper #content a.CTA-OpenAccess:hover, #wrapper #content a.CTA-Pay:hover, #wrapper #content a.CTA-Profile:hover, #wrapper #content a.CTA-Research:hover, #wrapper #content a.CTA-Shop:hover, #wrapper #content a.CTA-Sport:hover, #wrapper #content a.CTA-Teaching:hover, #wrapper #content a.CTA-Telephone:hover, #wrapper #content a.CTA-updateDetails:hover, #wrapper #content a.CTA-Video:hover, #wrapper #content a.CTA-Volunteer:hover, #wrapper #content a.CTA-Facebook:hover, #wrapper #content a.CTA-Flickr:hover, #wrapper #content a.CTA-Instagram:hover, #wrapper #content a.CTA-LinkedIn:hover, #wrapper #content a.CTA-RenRen:hover, #wrapper #content a.CTA-Twitter:hover, #wrapper #content a.CTA-Tumblr:hover, #wrapper #content a.CTA-Vine:hover, #wrapper #content a.CTA-VK:hover, #wrapper #content a.CTA-Weibo:hover, #wrapper #content a.CTA-YouTube:hover, #wrapper #content a.CTA-YouKu:hover, #wrapper #content a.CTA-greenButtonWithArrow:hover, #wrapper #content a.CTA-orangeButtonWithArrow:hover, #wrapper #content a.CTA-pinkButtonWithArrow:hover, #wrapper #content a.CTA-blueButtonWithArrow:hover, #wrapper #content a.CTA-yellowButtonWithArrow:hover, #wrapper #content a.CTA-donateNow:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}

#wrapper #content a.CTA-Blog {
     background-color: #21677e;
    color: #fff;
    text-decoration: none;
}

#wrapper #content a:hover {
  text-decoration:none;
  color:#21677e;
}

h1.headingBackground, h2.headingBackground, h3.headingBackground, h1.headingBackgroundTrans, h2.headingBackgroundTrans, h3.headingBackgroundTrans, #content .sys_contactDetails h2 {
    color:#21677e!important;
    background-color:#ffffff;
    padding-left:0;
    border-bottom: 1px solid #21677e;
}

#wrapper {
background-color: #ffffff;
background-image:none;
}

#pageTools, #toolBar, #pageToolsTab {
    background-color: #FFFFFF;
    border-bottom-width:0px;
    left: -203px;
  display:none;
}

#pageTools ul, #pageToolsTab ul {
    margin-right: 9px;
    margin-top: 7px;
}
#pageTools ul li a, #pageToolsTab ul li a {
background-color: #21677e;
color:#ffffff;
padding:5px;
font-weight:bold;
}

#pageTitle, #pageTitleNoIcon {
    left: 0em;
    margin-bottom: 0em; }

#content .sys_generalPersonProfileName a {
background-color: #21677e;
color:#ffffff;
padding: 3px;
text-decoration: none;
}

#content {
     background-color: #FFFFFF;
  padding-top:1.9em;
}

#internal #internalNav {
    background-color: #FFFFFF;
}
#internalNav ul {
     background-color: #FFFFFF;
}
#internal #internalNav ul.sys_simpleListMenu li div.sys_selected a, #internal #internalNav ul.sys_simpleListMenu li div.sys_selected span {
    background-color:#21677e;
}

#internal #internalNav #NavDiv {
    padding-top: 4px;
}

#internalNav ul li {
    border-bottom-color: #21677e;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

#internalNav ul li ul li {
}

#internal #internalNav ul.sys_simpleListMenu li div.sys_selected a {
    color:#FFFFFF;
}
#internalNav ul li ul {
    background-color: #FFFFFF;
}

#internalNav ul li a, #internal #internalNav ul li span {
    color:#535353;
}

#internalNav ul li a:hover {
    text-decoration: underline;}


#wrapper #pageTitle h1 {
    background: rgba(0, 0, 0, 0) url("/mrcihr/images-multimedia/mrc-ihr-logo.png") no-repeat scroll 18.6em 0;
    color: #21677e;
    font-family: 'Khula', serif;
	font-size: 2.8em;
    font-weight: normal;
  	height:3.5em;
    line-height: 0.9em;
    letter-spacing:-0.7px;
  	margin-top:0.6em;
}

#wrapper #pageTitle h1 span {
  font-size: 0.6em;
  border-bottom: 1px solid #21677e;
}
   
#wrapper.sys_nonUon #container #pageTitle a:hover, #wrapper.sys_nonUon #container #pageTitle span a:hover {
	color:#21677e;
   text-decoration:underline;
}

#wrapper #content .sys_subitem .sys_subitem-heading a {
    border-bottom: 0 none;
    color: #21677e;
    line-height: 1.25em;
    padding: 0.3em 0;
}

#wrapper #content .sys_subitem .sys_subitem-heading a:link, #wrapper #content .sys_subitem .sys_generic_list-subheading a:link, #wrapper #content .sys_subitem .sys_subitem-heading a:visited, #wrapper #content .sys_subitem .sys_generic_list-subheading a:visited {
  color:#21677e!important;
}

#wrapper #content .sys_subalternatingitem, #wrapper #content ul.sys_publicationsListing li.sys_alt {
    background-color:#ffffff;
}
.sys_imageWithHeading h1, .sys_imageWithHeading h2, .sys_imageWithHeading h3, #content .sys_image-with-heading .sys_heading {
    background-image: url("/SiteElements/Images/Base/Internal/bg-textOverlay-WarmGrey.png");
    color:#ffffff!important;
}

.sys_imageWithHeading h1 a, .sys_imageWithHeading h2 a, .sys_imageWithHeading h3 a, #content .sys_image-with-heading .sys_heading a 
{color:#efefef!important; padding:5px; text-decoration:none; font-weight:bold;}


.sys_imageWithHeading h1 a:hover, .sys_imageWithHeading h2 a:hover, .sys_imageWithHeading h3 a:hover, #content .sys_image-with-heading .sys_heading a:hover {color:#cccccc!important; padding:5px; text-decoration:underline; font-weight:bold;}

.sys_H1-image-714px-right h1, .sys_H1-image-920px-right h1, .sys_H1-image-466px-right h1, .sys_H1-image-714px-textOverlay h1, .sys_H1-2line-image-714px-textOverlay h1, .sys_H1-2line-image-920px-textOverlay h1 {
    padding-bottom:0.15em!important;
    right: -2px;
}

.sys_H1-2line-image-714px-textOverlay h1 span.sys_grey, .sys_H1-2line-image-920px-textOverlay h1 span.sys_grey, .sys_H1-2line-image-714px-textOverlay h1 span.sys_normal, .sys_H1-2line-image-920px-textOverlay h1 span.sys_normal {
    color:#FFFFFF;
}

#wrapper #pageTitle .logo {
  width:33%;
}

#wrapper #pageTitle .headertext{
  width:66%;
}

#bottom {
      border-top-color: #21677e; 
      background-color: #ffffff;
  width: 745px;
  margin-left:1em;
}

#bottom p {
    color: #535353;
  	font-size:1.05em;
}
#bottom h2 {
color:#21677e;
font-weight:normal;
font-size:1.2em;
padding-bottom:5px;
padding-top:10px;
}

#bottom p.sys_esrclogo {
    float:right;
    margin-top:-147px;
}

#bottom a {
    color:#535353;
}
#bottom a:hover {
    color:#21677e;
}

#pageTitle img.right {
    position: absolute;
    right: 70px;
    top: 0;
}

#footer {
  text-align: right;
    width: 100%;
  border-top:none;
}
#footer ul {
     text-align: right;
  width:100%;
  margin-top:3em;
  margin-bottom:3em;
  margin-left:0;
}

#footer ul li {
     border: medium none;
     display: inline;
     margin-left:5.5em;
  	padding:0;
  font-size: 1em;
}

#footer ul li:last-child, #footer ul li.sys_last {
     border-right: 0px none;
}

#main #bottom .sys_content div.sys_threeColumns div.sys_one {
  width:33%;
  padding-right:0;
}

#main #bottom .sys_content div.sys_threeColumns div.sys_two {
  width:19%;
}

#main #bottom .sys_content div.sys_threeColumns div.sys_three {
  padding-right:0;
}

.sys_threeColumns .sys_two, .sys_threeColumns .sys_three, .sys_twoColumns5050 .sys_two {
    border-left: none;
}

#wrapper.sys_nonUon #content div.sys_twoColumns5050 .sys_one .sys_twoColumns5050 .sys_two {
  padding:0;
}


/* backup of original css */
/* #pageTitle img.right {
    position: absolute;
    right: 70px;
    top: 0;
}
#footer ul {
     text-align: center;
}

#footer ul li {
     border: medium none;
     display: inline;
     margin: 5px 80px;
}

#footer ul li:last-child, #footer ul li.sys_last {
     border-right: 0px none;
}
*/