.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

* html>body .clearfix {
   display: inline-block;
   width: 100%;
}

* html .clearfix {
   /* Hides from IE-mac \*/
   height: 1%;
   /* End hide from IE-mac */
}

img {
   border: 0;
   padding: 0;
   margin: 0;
}

body {
   margin: 0;
   padding: 0;  
}

h1,h2,h3,h4,h5,h6 {
   margin: 10px 0 10px 0;
   padding: 0;
}

h1 {
   margin-top: 0px;
   font-size: 1.4em;
}

h2 {
   margin-top: 0px;
   font-size: 1.3em;
}

h3 {
   margin-top: 0px;
   font-size: 1.2em;
}

h4 {
   margin-top: 0px;
   font-size: 1.1em;
}

h5 {
   margin-top: 0px;
   font-size: 1.0em;
}

h6 {
   margin-top: 0px;
   font-size: 0.9em;
}

p {
   margin-top: 0px;
}

a,
a:link,
a:active,
a:visited {
   color: black;
   font-weight: normal;
   text-decoration: underline;
/*   color: #2CA228; /** MST green */
/*   color: #FF0605; /** MST red */
}

a:hover {
   color: black;
   text-decoration: none;
}

ul {
   margin: 0;
   padding: 5px 5px 0 5px;
   list-style: none;
}



div#breadcrumb {
   margin: 10px 0 10px 0;
   font-size: 0.9em;
}

div#breadcrumb a,
div#breadcrumb span {
}

/** Site map **/
ul.sitemap
{
  list-style-image: url(/images/bullet4.bmp);
   margin: 0 0 0 10px;
   padding: 5px 5px 0 5px;
}
ul.sitemap,
ul.sitemap li {
 margin-bottom:2px;
 padding-left:10px;
}
ul.sitemap li ul {
 padding-left:20px;
}

/** End site map **/

div.pagebody {
   width: 900px;
   margin: 0 auto;
   font-family: Arial, Helvetica, Sans-serif;
   font-size: 0.8em;
   color: #333333;
   border: 1px solid black;
   border-width: 0 1px 0 1px;
   padding: 0;
}

body#PublicHome div.pagebody {
   background: url('/Images/background_grad.jpg') no-repeat #B5B5B5;
}

div.page {
   padding: 21px;
}

/** Header **/

div.header {
   height: 130px;
   padding: 0;
   margin: 0;
}

div.header h1 {
   display: none;
}

div.logo {
   float: left;
   width: auto;
}

div.logo img {
   border: 0;
}

div.internalAdd
{
   position:relative;
   float:right;
   margin:0;
   padding:0;
   width: 426px;
   height:70px;
  
}


div.internalAdd img {
   border: 0;
   margin:0;
   width:426px;
   height:70px
}

div.search {
   float: right;
   height: 25px;
   width: 226px;
   background-color: #DDDDDD;
   margin-top: 15px;
   padding: 7px 4px 2px 4px;
}


div.search input.query  {
   float:left;
   width: 147px;
   height:15px;
   border: solid 1px #F78F20;
   font-size: 0.9em;
   color: #666666;
   margin-right: 6px;
}

div.search input.button {
 
 background-image: url(Images/searchButton.gif); 
 background-color: #CCCCCC; 
 width: 69px;
 border-style:solid;
}

/** Header end **/

/** Main menu **/


div.menubar
{
    background-image: url(/Images/contact_title_bar.jpg);
    background-repeat:repeat;
    height:31px;

}

div.menu {
   padding: 5px 5px 5px 10px;
}

div.menu ul.udm {
   width: 600px;
   float: left;
}

div.menu ul.udm li {
 padding-left:10px;  
 padding-right:10px;
}

div.menu ul li 
{
   list-style: none;
   color: white;
   float: left;    
   border: solid white;
   border-width: 0 1px 0 0;
}

div.menu ul li a
{ 
 
 
 
}



div.menu ul.udm li li {
  border-style : none;   
}



div.menu li.last {
   background: none;   
}



div.menu div.date {
   float: right;
   color: white;
   padding-top: 2px;
}



/*******************************************************/


div.lower {
   clear: both;
}

div.lower {
   margin: 0 0 15px 15px;
}

div.lowerLeft {
   float: left;
   min-height: 667px;
   height: auto !important;
   height: 667px;
 height:100%;
   width: 612px;
}

div.lowerRight {
   float: right;
   width:227px;
   height:667px;
   height:100%;
}

body#PublicHome div.lower {
   margin: 0;
}

body#PublicHome div.lowerLeft {
   width: 627px;
}


/***********************************************************/

div.box {
   background-color: White;
   padding: 6px;
   margin: 0px 4px 6px 0px;
}

div.boxSmall {
   float:left;
   height: 197px;
   width:202.7px;   
   margin: 0;
   padding: 0;  
   margin-right:1px;
}

div.lowerRight div.box {
   width: auto;
   margin-right: 0;
}

div.HomepageProjects
{
    margin-top:6px;
}

div.boxWide {
   float: left;
   width: 296px;  
   margin-right: 6px;
}

div.boxWide div.contents {
    min-height: 227px;
   /*height: auto !important; */
}

div.boxRight {
   margin-right:0px;
}

div.box div.heading {
   height: 31px;
/*   font-size: 1.2em; */
   font-weight: bold;
   color: white;
   padding:8px 4px 2px 3px;
}
div.box div.heading  a, div.box div.heading  a:hover, div.box div.heading  a:visited{  
  font-weight: bold;
   color: white;
   text-decoration:none;   
}

div.mainImages {
   clear:both;
}
div.main {
   height:255px;
   margin-bottom: 10px;
}

body#PublicHome div.main {
   margin-bottom: 0;  
   
}

div.main div.MainProject {
   float:left;
   width: 330px;
   height: 255px;
   margin: 0;
   padding: 0;
}

div.main div.imgPanel
{  
    float:left;       
     width:283px;
     margin-left:-2px;
     height:250px;        
     padding:0;            
}

div.barBlack
{
	background-color:Black;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	 height:25px;
	 clear:both;
	 padding: 2px 5px 3px 2px; 	 
	 color:White;
	 text-align:right;		
	 position:relative;
	 top:-32px;	 		
}

div.summaryBlakbar
{
	top:-29px;
	 
}


div.barBlack img
{
    top:3px;	
	position:relative;
} 

div.barBlack a,div.barBlack a:hover, div.barBlack a:visited 
{
	color:White;
	text-decoration:none;  	
}

div.barBlack div
{
	margin-right:5px;
	color:White;	
	width:auto;
	float:right;
	padding-top:4px;				
}




div.main div.MainProject div.MainContents {
   margin-top:100px;
   color:White;
   padding:5px;
   float: left;
}

div.main div.MainProject div.MainContents li, div.project li
{
   display: inline;
   list-style: none;
   font-size:0.9em;
   float: left;
   width: auto;
   margin-top:2px;
   padding-right: 6px;
   margin-right: 6px;
   border: 1px solid white;
   border-width: 0 1px 0 0;
   white-space: nowrap;
}

div.main div.MainProject a,
div.main div.MainProject a:visited,
div.main div.MainProject a:hover
{       color:White;     
}

 
div.box div.contents
{
    clear:both;   
    background-color:#F0EEEF;  
    padding:7px;     
}

div.box div.contents img
{
    float:left;
    margin:2px;
}

div.box div.contents div.item
{
    background-image:url('/images/media_research_white_divider.jpg');
    background-repeat:repeat-x;
    background-position:bottom;   
    padding-bottom:3px; 
    
       
}

div.box div.contents div.item em
{
	font-size:0.8em;
}
/*
div.box div.contents div.item p
{
	font-size:0.9em;
}
div.box div.contents div.item a
{
	font-size:0.9em;
}
*/

div.box div.contents div.item-last
{  
    padding-bottom:0px;  
     
}

div.box div.contents div.item p, div.box div.contents div.item-last p
{
    margin:0 0 2px 0;
     padding-bottom:3px; 
}




/********************************************************************/
div.footerbar {
   clear: both;
   background-image: url(/Images/footer_bar_colour.jpg);
   background-repeat: repeat;
   height: 31px;
   margin-bottom: 21px;
}

div.footer {   
   font-weight: bold;
   text-align: left;
   padding: 6px;
}

div.footer,
div.footer a,
div.footer a:visited {
   color: black;
   font-weight: bold;
}

div.footer ul.first {
   margin: 0;
   padding: 0;  
}


div.footer ul.last {
   margin: 0;
   padding: 0;
   float:right;
}

div.footer ul li {
   list-style: none;
   float: left;
   width: auto;
   padding-right: 10px;
   margin-right: 10px;
   border-style:none ; 
  
}

div.footer ul li.first
{
   list-style: none;
   float: left;
   width: auto;
   padding-right: 10px;
   margin-right: 10px;
   border-style:none ; 


}

div.footer ul li.last
{
   list-style: none;
   float: left;
   width: auto;    
   border-style:none ; 


}



/*******************************************************headings *************************/
div.Accountability,
div.BarYellow {
   background-image:url('/images/quality_jour_title_bar.jpg');
   background-repeat:repeat-x;
}

div.Transparency {
   background-image:url('/images/quality_jour_title_bar.jpg');
   background-repeat:repeat-x;
}

div.Quality {
   background-image:url('/images/quality_jour_title_bar.jpg');
   background-repeat:repeat-x;
}

div.Newsdebate {
   background-image:url('/images/quality_jour_title_bar.jpg');
   background-repeat:repeat-x;
}

div.NewsAboutNews,
div.BarGreen {
   background-image:url('/images/news_about_news_title_bar.jpg');
   background-repeat:repeat-x;
}

div.MediaResearch {
   background-image:url('/images/media_research_title_panel.jpg');
   background-repeat:repeat-x;
}

div.MST {
   background-image:url('/images/contact_title_bar.jpg');
   background-repeat:repeat-x;
}

div.DirectorBlog,
div.BarPurple {
   background-image:url('/images/directors_blog_title_bar.jpg');
   background-repeat:repeat-x;
}
div.ContactUs,
div.BarBlue {
   background-image:url('/images/contact_title_bar.jpg');
   background-repeat:repeat-x;
}
div.MSTNews,
.BarRed {
   background-image:url('/images/latest_news_title_bar.jpg');
   background-repeat:repeat-x;
}

div.BarPink {
   background-image:url('/images/what_is_media_title_bar.jpg');
   background-repeat:repeat-x;
}

/** JO added **/

.today {
   display: block;
   width: 120px;
   float: right;

}

.box h2 {
   font-size: 1.1em;
   padding: 0 0 0 6px;
}

.box h3 {
   font-size: 0.9em;
   font-weight: normal;
   padding: 0 0 0 6px;
}

.box h4 {
   font-size: 1.0em;
   font-weight: bold;
}

.box .heading a {
   color: white;
   text-decoration: none;
}

.box .heading a:hover {
   color: white;
   text-decoration: underline;
}

.box p.more {
   background: url('/Images/bullet4.bmp') no-repeat 0 5px;
   padding: 4px 0 4px 10px;
   margin: 8px 0 0 0;
}

div.director
{
	 height:100%;
	 padding-bottom:4px;
}
div.item div.director div.directorContents {
  margin-left:69px;
  height:80px;

  
}


div.item .director img.director
{
	float:left;
	width:68px;
}

div.project {
   clear: left;
   border-bottom:dotted 1px #CCCCCC;
   margin-top:2px;
   height:100%;
   min-height:170px;
}

div.project .image {
   float: left;
   width: 202px;
   margin: 0 10px 10px 0;
}

div.project p.more {
   text-align: right;
}

/** End JO added */

div.LinkCategory
{
    clear:both;
    padding:2px;
    margin: 0 0 2px 2px;
    background-color:#EEEEEE;   
   *height:100%;
   
}
div.LinkCategory,
div.LinkCategory a {
  
   font-weight: normal;
}

div.LinkCategory ul {
   margin: 0;
   padding: 0;
}

div.LinkCategory ul li {
   list-style: none;
   float: left;   
   padding-right: 5px;
   margin-right: 5px;
   border: solid #999999;
   border-width: 0 1px 0 0;
   font-size: 0.8em;
   white-space:nowrap;
}

div.LinkCategory ul li.last 
{
   list-style: none;
   float: right;
   width: auto;
   
   border-style:none ;
   font-size: 0.8em;
   white-space:nowrap;  
}
div.LinkCategory ul li.last a
{
    color:Blue;
}
/**********************************Debate********************************************/

div.debateBox {
/*   padding: 4px; */
 margin  :0;
 

}

div.debateBox {
/*   padding: 4px; */
 margin  :0;
 

}

div debateBox h1 {
   color:#47515D;
}

div.debateBox img.mainImg,
div.debateItem img.mainImg {
   float: left;
   margin: 0 5px 5px 0;
   padding-right:10px;
}

div.debateBox div.subImg
{
   float: left;
   margin: 0 5px 5px 0;
   padding-right:10px;
}


div.debateBox div.Details {
   padding-right: 5px;  
  
}

p.subHeading , p.subHeading a {
   color: #FF7E06;   
   text-decoration:none;  
 
  
}



p.subHeading2 , p.subHeading2 a {
   color: #FF7E06;   
   text-decoration:none;  
 
  
}
.subHeading, div.contents p, div.debateBox div.Details p{
   margin-bottom:5px;  
}


div.debateBox div.Details div.contents {
   padding-right:5px;  
   margin:0;
}


div.debateItem div.footer 
{
	border-bottom: 0.1em dotted #CCCCCC;
   font-size:0.85em;
   
  
}

div.debateItem, div.researchItem, div.solutionItem
{
        margin:0;
        padding:0;        
       clear:both;
}

/************************************Debate***********************************/

div.debate {
  margin:0;
  padding: 3px 2px 0 2px;
  clear:both;
  min-height:180px; 
  background-color:#E6E6E6;
 
}
div.debate h2
{   
	margin-bottom:5px;
	min-height:60px;
	
}
div.debate h2 a,div.debate h2 a:link,
div.debate h2 a:active,div.debate h2 a:visited
{
    
    text-decoration:none;  
    font-weight:bold;
    
      
}
div.debate h2 a:hover{    
    text-decoration:underline;               
}

div.debateFooter
{
    
    margin-bottom:4px;
     clear:both;     
     border-top: 0.1em dotted #CCCCCC;
     
}


div.eventFooter
{
    
    margin-top:10px;
     clear:both;
     height:21px;
     border-top: 0.1em dotted #CCCCCC;
     
}

div.mainImg {
   margin: 0 5px 0 0;
   float:left;
    
  
}
div.ImgCaption
{
    font-size:0.8em;
    font-style:italic;
    text-decoration:none;
    text-align:right;
   
}

div.debate h1 {
   color:#47515D;
}

div.debate div.contents {
   font-size: 0.9em;
   padding: 2px;     
   height:90px;


  
}

div.imgDiscuss 
{       
   padding-right: 4px;
   margin-left:420px;   
   display:none;   
    
}



div.imgDiscuss a {
   display: block;
   margin: 0;
   padding: 0;
}



/** Media Research **/

.NewResearch {
   float: right;
   border: dotted 1px red;  
   top:0px;
   position:relative;
 
}

div.research {
  
  min-height:150px;
   
   margin-bottom:2px;
   padding: 5px 4px 5px 2px;
   
  
}

div.research div.contents
{
     float:left;
}
div.research p
{
    margin:1px;
}



p.source 
{
    padding-top:10px;
   font-weight: bold;
}

p.date {
   font-style: italic;
}

.keywords {
   font-size: 0.9em;
   font-style: italic;
   padding-top:5px;
}

.todaysDate {
   font-size: 1em;
   font-weight: bold;
}

.spearator
{
    font-size:1.2em;
    font-weight:bold ;
}

/**End Media Research**/

.eventSummary
{
	margin-bottom:5px;
}

a.readmore
{
    
    white-space:nowrap;
}

p.DateHeading
{
	font-weight:bold;
}