body { font-family:Arial; }

    h1 { font-size:160%;}
     h1,h2,h3,#hd a { font-weight:bold; }
    
    .mbox td, .mbox input  { padding:4px;margin:2px; }
    #topBar input { padding:2px;}
   
    /* colours see http://www.colorsontheweb.com/colorschemes.asp */
    html, #ft { background:#222; }
    #bd, #hd ul { background:#333 /*#E8F2FF;*/ } /* Background */
    #hd a ,#headerNav a { color:#333; } 
    #hd ul { background-color: #333;}
   
    #hd ul { border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}				
    #hd ul li { float: left;border-left: 1px solid #ccc; }
    #hd  { background:#222; }
    #hd ul li a:hover,  #hd ul li.current a ,#headerNav ul  { background:#ccc; }
    #ft a ,#ft span, p ,     .mbox, .mbox div span a  ,.mbox .normal, .mbox li a { color:#ccc} /* Foreground 65727E*/
    #hd ul li a:hover,       #hd ul li.current a { color: white; }
    
    h1 ,#hd h1 a, #hd a { color:Navy;}
    
    h2, h3 , #hd ul li a, .mbox a:hover,.mbox a , #headerNav a:hover { color:Orange; /*#FF6800;*/ }
    #headerNav,#headerNav ul li a:hover,#hd ul li.current a,  { background:Orange;  }
    .mbox { border: solid 1px Orange; }
    hr { border-top: solid 1px Orange; height:1px; }
    #headerNav li.current a { background:Orange; padding:2px; }

    #headerNav ul li { border-right: 1px solid #888; }
    #headerNav ul li a {color:#fff; }
    
    

    .item p img { width:100px; height:100px; float:left; margin:4px; }
    .item , .newscopyright , .debug { clear:both; }

    .mbox .newscopyright , .newsdate { color:#555; font-size:80%; float:left;font-style:italic; }
    .mbox .debug { color:#ccc; font-size:80%; float:left;font-style:italic; width:80%; }
    
    #hd h1 a { text-decoration:none;}
    #hd ul { width: 100%; height:28px;margin:0 auto 0 auto;font-size:80%;}				
    #hd ul li a {float: left;padding: 8px; text-align: center;font-weight: bold;text-decoration: none;}
    #hd ul li.current a {cursor: default;}				
   
   
    #topBarOld {padding:6px;height:48px;}
    
    #topBar {padding:6px;height:60px;}
    .logo {    background: url('mreclogo.png') repeat-x 0 0; width:574px;height:48px; text-indent:-1000px; margin-top:-2px; margin-left:-10px; }

    
    #bd { margin-bottom:5px; }
    #ft { margin:0px;  float:left; width:100%; height:20px;   }
    #ft span { margin: 5px 0px 5px 0px; font-size:80%;  }
  
    .mbox  { width:auto; padding:10px; margin:10px; float:left; }
    .mbox h4 { font-weight:bold;  }
    .mbox h4 , .mbox p,.mbox a { margin: 6px 0px 6px 0px; }
    .mbox a { font-weight:bold; text-decoration:none; text-align:center; }
    .mbox a:hover { text-decoration:underline;}
    
    #main { float:left; width:auto; }
    #main .mbox { width:180px; min-height:140px; }
    #right .mbox { width:80%; float:right; }
    
    #headerNav ul {	width: 100%;  height:14px; padding: 2px 0px 2px 0px; font-size:80%;}				
    #headerNav ul li { float: left;}
    #headerNav ul li a {padding: 2px 4px 2px 4px; text-align: center; font-weight: bold;text-decoration: none;}
    #headerNav ul li a:hover,#hd ul li.current a { color: white; }	
    #headerNav ul li.current a {cursor: default;}				
   
    .three-column-container {width:99%;padding-bottom:5px; }
    .three-column-left { float:left;width:33%; }
    .three-column-right ,.three-column-middle{ float:right;	width:33%;	}
    
    .cloud { text-align:center; }
    .shares li {text-transform:capitalize;}
    .red {color:red; }.green {color:green;}
    .events , .grey { font-size:80%;font-style:italic;color:#ccc;}
    .normal { font-weight:normal; font-size:80%; }
    .left { float:left;} .right { float:right; } .clear { clear:both; }
              
    .logo2 { background: transparent '/ic/mrec/assets/mreclogo.jpg' none; }  
    
    .logoOld {    background: url('mreclogo.jpg') repeat-x 0 0; width:134px;height:28px; text-indent:-1000px; margin-top:-2px; margin-left:2px; }



	.track {float:left;width:110px;padding:5px;min-height:180px; color:Orange;}
	.track a { color:#ccc; font-size:80%; font-weight:normal; }
	
	.post {float:left;padding:5px; height:500px; margin:10px; background:ccc;}
	.poster p { clear:both;color:Orange;}
	
	.poster a { color:#ccc; }
	.poster .s1 { font-size:110%;font-weight:100 !important; }
	.poster .s2 { font-size:120%;font-weight:120 !important; }
	
	#welcome h2 { font-size:180%; }
	
	#searchBtns { font-size:120%;font-weight:bold;color:Orange;}
	#searchBtns label,  #searchBtns input { cursor: pointer;	cursor: hand; }
	
	#DropDownList1-2 { height:30px; text-align:center; vertical-align:top; padding:8px;}

	#DropDownList1 { vertical-align:top; margin:5px; font-size:larger;}