/*
	Styles by Opus
	
	Red 		- #E21936 
	Grey		- #B3B3B3
	Light-Grey	- #818285
	Mid-Grey 	- #808080
	Dark-Grey	- #404041
	
*/
  	
	
body {     		                   
	font-size: 0.85em;
	font-family: Arial, "sans-serif";
	background: url('../images/backgrounds_gradient_repeat_x.jpg') top left repeat-x #464648; 
	color: #000000;
} 

.container { 	background: transparent; }

/**
	HEADER
*/

.header { 
	position: relative;
	margin-left: -100px; 
	height: 210px; 
	width: 1200px;
	background: url('../images/backgrounds_top.jpg') bottom left no-repeat #FFF;
	overflow: visible;
}                                                                               

.headerLogo {
	position: absolute;
	top: 24px;
	left: 871px;  
}

.headerLogo a{ 
	display: block;
	width: 185px;
	height: 100px;
	background: url('../images/logo_london_gentics.png') top left no-repeat;  
	text-decoration: none; 
	border: none;
}

.headerLogo a span{ display: none;}

/**
	NAVIGATION
*/  

.main_navigation,
.sub_navigation {
	position: relative;
	height: 40px;
	background-color: #E21936;
}
.sub_navigation { background-color: #808080; }

.main_navigation ul,
.sub_navigation ul{ 
	width: 900px;
	position: relative;
	top: 0px;   
	margin-left: auto;
	margin-right: auto;
}

.main_navigation ul li,
.sub_navigation ul li { 
	position: relative;
	float: left;
	height: 40px;	
	color: #FFF;
	margin: 0px;
	font-weight: 600;
}

.main_navigation ul li a,
.sub_navigation ul li a{
	text-decoration: none;
	color: #FFF;
	position: relative;	
	top: 10px; 
	height: 20px; 
	padding: 0 10px 0 10px;	
	border-left: 1px solid #808080;
}

.sub_navigation ul li a { border-left: 1px solid #B3B3B3; }

.main_navigation ul li:first-child a,
.sub_navigation ul li:first-child a{
	border-left: none;
}  

.main_navigation ul li:hover,
.main_navigation ul li.inSection {
	background: #808080;
}

.main_navigation ul li.inSection strong,
.sub_navigation ul li.inSection strong {
	font-weight: 600;
	text-decoration: none;
	color: #FFF;
	position: relative;	
	top: 10px; 
	height: 20px; 
	padding: 0 10px 0 10px;	
}

.sub_navigation ul li.inSection strong {
	color: #000;
	border-left: 1px solid #B3B3B3; 
}

.sub_navigation ul li.inSection:first-child strong {
	border-left: none;
}


/**
	CONTENT
*/ 
.main_content {
	min-height: 100%;
	background-color: #FFF;
}


.main_content_spacer {
	clear: left;
	height: 30px;
	background-color: #FFF;	
	
}

#content-holder, #content-holder .sb-inner { background:#FFF; margin-bottom: 50px;}
         
.content_left {  
	padding: 30px 50px 30px 40px;
	margin-left: 26px;
}

.content_left h1{
	color: #E21936;
	font-size: 2.45em;             
	padding: 0 0 15px 0;
	border-bottom: 2px dotted #000;
	margin-bottom: 15px; 
	font-weight: 600;
} 

.content_left h2 { font-weight: 600;}
.content_left h3{  color: #E21936; }	                            
.content_left h4{  color: #000; }    

.content_left h3,
.content_left h4 {
	font-weight: 600;
	font-size: 1.5em;
} 

.main_content a{
	text-decoration: none; 
	color:#E21936;                    
	padding-bottom: 2px;
	border-bottom: 1px dotted #E21936;
}

.main_content a:hover {
	border-bottom: 1px solid #E21936;
}

.content_left sup {
	color: #B3B3B3;
}

.content_left ul {
	margin: 10px 0px;
}

.content_left ul li{ 
	background: url('../images/bullet_red.png') 0px 5px no-repeat;
	padding-left: 20px;                              
	margin: 0 0 3px 0;
}

.content_left ul li a{
	color:#E21936;
	font-weight: 500;
} 


.news_-_events .content_left ul li {
	margin: 5px 0;  
	padding-bottom:10px;
	border-bottom: 1px solid #B3B3B3;
}

.news_-_events .content_left ul li a{
	font-weight: 600;	
	border-bottom: 1px solid #FFF;
	text-decoration:none;
}

.news_-_events .content_left ul li a:hover {
	border-bottom: 1px dotted #E21936;
} 

/*
.news_-_events ul li:last-child { 
	border-bottom: none;
}
  
*/  
	


/*
	RIGHT SIDE BOXES
*/  
.content_right {
	padding: 0 0 20px 0;
}

.surround {  
	font-size: 0.8em;
	min-height: 120px;
	padding: 10px 25px 5px 25px;
	margin-bottom: 0px;
	color: #FFF;
	font-weight: 100;
}

.surround h3{
	font-size: 1.8em;
	font-weight: 600;
	border-bottom: 2px dotted #FFF;
	margin: 0 0 1px 0;
	padding: 0 0 10px 0;
}

.surround h4,
.surround h5,
.surround h6 {
	font-size: 1.4em;
	font-weight: 600;
}

.surround strong,
.surround b{        
	font-weight: 600;
	display: block;
	margin: 0 0 5px 0;
	padding: 0px;
}

.surround a{
	color: #FFF;
	font-weight: 600;
	text-decoration: none; 
	border-bottom: 1px dotted #FFF;
}

.surround a:hover {
	text-decoration: none;
	border-bottom: 1px solid #FFF;	
}

div.news_list {
	border-bottom: 2px dotted #FFF;
	padding: 0 0 10px 0;
	margin: 0 0 0px 0;	
}

div.news_list p{
	padding: 0px;
	margin: 0px;
} 

div.news_list:last-child {  
	border-bottom: none;
	padding: 0 0 15px 0;
	
}

#right-side-box-dark-grey, #right-side-box-dark-grey .sb-inner { background: #404041;}  
#right-side-box-red, #right-side-box-red .sb-inner { background: #E21936;}  
#right-side-box-light, #right-side-box-light .sb-inner { background: #B3B3B3;}  

#right-side-box-red-content ul,
#right-side-box-grey-content ul {
	font-size: 1.1em;
	margin: 0px;
	padding: 0px;   
}

#right-side-box-red-content ul li,
#right-side-box-grey-content ul li { 
	font-weight: 800;
	margin: 0 0 5px 0;
	padding: 0px;
	border: none;
}

#right-side-box-red-content ul li hr,
#right-side-box-grey-content ul li hr{
	height: 1px;
	background: none; 
	margin: 10px 0;
	border-top: 2px dotted #FFF;
}

#right-side-box-red-content li.title,
#right-side-box-grey-content li.title
{
	display: none;
} 

#right-side-box-red-content li h3,
#right-side-box-grey-content li h3 {
	font-size: 1.6em;	
	border: none;
	margin: 0 0 5px 0;
	padding: 0px;
} 

#right-side-box-red-content li h4,
#right-side-box-grey-content li h4 {
	font-size: 1.4em;              
}

#right-side-box-red-content li h5,
#right-side-box-grey-content li h5 {
	font-size: 1.2em;              
}

#right-side-box-red-content li strong,
#right-side-box-red-content li b {
	color: #000;
}



/**
	FOOTER
*/
.footer { 
	font-size: 0.9em;
	color: #FFF;
	position: relative;
	height: 100px;
	background: none transparent;
}

.footer a{  
	font-weight: 600;
	text-decoration: none;
	color: #FFF;
}

.footer a:hover {
	border-bottom: 1px dotted #FFF;
}

.footer .site_by{ 
	float: left;
	margin: 20px 0 0 50px;
} 

.footer ul { 
	float: right;
	margin: 20px 50px 0 0;   
}

.footer ul li {
	list-style-type: none;
	float: left;
	margin: 0 0 0 10px;
}