body
  {
		font: 100% 'Trebuchet MS','Tahoma', 'Arial', 'Times New Roman', 'Hevetica', 'Sans-serif', 'Verdana';
		margin: 0;
		text-align: center;
	}
#outer
	{
	 width: 528px;
	 margin: 1em auto;
	 margin-top: 0;
	 margin-bottom: 0;;
	 overflow: hidden;
	 text-align: left;
	}
	
#outer h1, 
#outer h2, 
#outer p 
  {
	 width: 528px;
	}
	
#outer h1 {
  font-size: 16pt;
	margin-top: 10px;
}	

h2 {
  font-size: 14pt;
}	
	
div.department_holder
  {
	 width: 528px;
	}
	
div.employee
  {
	 width: 170px;
	 background: white url('/employees/background_employee.jpg') no-repeat bottom right;
	 border: 1px solid #D3D3D3;
	 border: 1px solid #999999;
	 float: left;
	 margin: 0 4px 5px 0;
	 overflow: hidden;
	}
	
div.employee_inner
  {
	 padding: 5px 5px;	
	 text-align: center;
	}
	
div.employee img.portrait
  {
	 height: 150px;
	 width: 150px;
	 border: 1px solid #999999;
	 border: 1px solid #D3D3D3;
	}
	
#outer div.employee h3
  {
	 width: 160px;
	 font-size: 10pt;
	 margin: 0;
	 color: #333333;
	}
	
#outer div.employee h4
  {
	 width: 160px;
	 font-size: 9pt;
	 margin: 3px 0;
	 height: 36px; 
	 overflow: hidden;
	 color: #555555;
	}
	
#outer div.employee p
  {
	 width: 160px;
	 font-size: 8pt;
	 margin: 0;
	 height: 66px; 
	 overflow: hidden;
	 color: #999999;
	}
	
#outer div.employee p a
  {	
   color: #785FFF;
	 font-size: 9pt;
	}

/* Clearfix
----------------------------------------------------------- */

.br 
{
    display: block;
}

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

.br 
{
    display: inline-block;
}


/* Hides from IE-mac \*/
.br {
    display: block;
}

* html .br {
    height: 1px;
}
/* End hide from IE-mac */