/* Start of CMSMS style sheet 'Header' */
/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {
   height: 90px; /* adjust according your image size */
   background: #fff;           
}

div#header h1 a {
/* you can set your own image here */
   background: #fff url(/uploads/images/jrrt-logo.gif) no-repeat 0 12px; 
   display: block; 
   height: 90px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

div#search {
   float: right;
   width: 27em;     /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

div#strapline {
  clear: both;
}

div#strapline p {
  font-weight: bold; 
  font-size: medium;
  color: #333;
  margin: 5px 0 5px 0;
}

div.breadcrumbs {
   padding: 1em 0 0 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   /*  border-bottom: 1px dotted #000; */
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 }
/* End of 'Header' */