/*		Reset browsers default styling
----------------------------------------- */

			html, body, address, blockquote, div, dl, form, 
			h1, h2, h3, h4, h5, h6, ol, p, pre, table, 
			ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
			a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
			strong, sub, sup, tt, var, legend, fieldset {
							margin: 0px;
							padding: 0px; }
			ul  { list-style: none; }
			a  { text-decoration: none; }
			
			
/*		Typography
---------------------------------------- */

/** sets out basic styles for the headings and paragraphs **/
	
      body {
        font-family: arial, helvetica, sans-serif;
		font-size: 10pt;
        color: #505050;
      }
 
      h1, h2, h3, h4, h5, h6 {
       	color: #FE0018;
      }
      h1 {
      	font: 15pt arial, helvetica, sans-serif;
        font-weight:bold;
        padding-bottom: 10px;
        padding-top: 10px;
      }
      h2 {
      	font: 10pt arial, helvetica, sans-serif;
        font-weight:bold;
        padding-top: 5px;
      }
      h3 
	  {
      	font: 10pt arial, helvetica, sans-serif;
        font-weight:bold;
        padding-top: 5px;
      }
      h4 {
      	font: 9pt arial, helvetica, sans-serif;
        font-weight:bold;
        padding-top: 20px;
		padding-bottom: 10px;
      }
      h5 {
      	font: 9pt arial, helvetica, sans-serif;
		color: #505050;
        font-weight:bold;
        padding-top: 10px;
		padding-bottom: 5px;
      }		 	 
      
      p {
      	font: 9pt arial, helvetica, sans-serif;
      	margin-bottom:8px;	
      }
      
      ul
      {
            list-style: disc outside;
            padding-bottom: 10px;
      }
      
	li
	{
		padding-left: 0px;
		margin-left: 20px;            
	}   
	a
	{
		text-decoration: none;
		color: #505050;
		border-bottom: 1px dotted #cccccc;
	}
	a:hover
	{
		border-bottom: 1px solid #505050;
	}
            
			
/*		Layout
----------------------------------------*/ 							

	body 
	{
      text-align: center; /* keeps container centred in IE */
    }
	#container
	{
		width: 900px;
		margin: 0 auto;
		position: relative;
    }
     
	#content 
    	{
		position: relative;
		width: 900px;
		border: none;
		text-align:left;
		font-family: arial, helvetica, sans-serif;
		font-size: 10pt;
		margin-top: 20px;
    }
	#flash_panel
	{
		width: 610px;
	}
	#commentary_panel
	{
		width: 270px;
		float:right;
	}
	#logo
	{
		position: absolute;
		top: 530px;
		left: 670px;
	}
	
	.hidden	/* layers than are hidden and revealed by javascript*/
	{
		display:none;
	}
	
	#other_events
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 600px;
		height: 600px;
		border: 2px solid #cccccc;
		background: #ffffff;
		overflow: auto;
		
	}
	#column1
	{
		float:left;
		width: 255px;
		margin-left: 20px;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	#column2
	{
		float:right;
		width: 255px;
		margin-top: 10px;
		margin-right: 20px;
	}
	#di_solutions
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 600px;
		height: 600px;
		border: 2px solid #cccccc;
		background: #ffffff;
		overflow: auto;
	}
	#di_solutions_inner
	{
		margin: 10px 0px 10px 20px;
		width: 560px;
		height: 560px;
	}