/*ref http://www.tanfa.co.uk/css/layouts/flexi_floats/ */

body {background:#ffffff;
min-width: 960px;
padding: 0;
margin: 0;
}
 

/* body  {
	font: 85% Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0px 10px 20px 163px; 
	padding: 0; 
 	background-position:top left;
	background-repeat:no-repeat;
	background-attachment:fixed;
}*/
/* 	background-image:url(/testing/bg-sprinter.jpg); */ 
/* 	background-color:#ffffff; */
/* 	background-image:url(/testing/bg-moutain.jpg); */


/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper {
	width: 960px ;
	margin-left: auto;  
	margin-right: auto; 
	padding: 0px;
/* 	background:#ffffff; */
/*     	 border:2px dotted #aa0019;   */
}

/*old version #header { height: 145px;} */

 #header {  
	height: 170px; 
	clear: both;
	width: 100%;
	display:block;
	/*   	border:1px dashed green;    */
 } 
 /*clickable area*/
 #top{position:absolute; width:960px; height:120px; cursor:pointer; }
 	
#subheader{
	position:relative;
	height:25px; 
	top:145px;
	left:10px;
	text-align:left;
	width:110%;
	z-index:500;
	display:block;
/*         	border:2px solid green;     */
}
/*Main title of sub-sites (microsites) */
#siteheading {  
	position:relative; 
	top:10px; 
	left:120px;
	font-family: Georgia;
/*	font-size:34px;
	line-height: 30px;*/
	font-size:3em;
	line-height:1.2em;
	font-weight: bold;
	color:#ffffff;
	border-bottom: 1px solid #ffffff;
  } 
 
#sitetext{
	font-family:Verdana, Arial, Helvetica; 
	font-size: 1.2em; 
	font-weight:bold; 
	color:#ffffff; 
	position:relative;
	top:70px; 
	left:190px;
/* 	border:1px solid green;  */
/* 	height:100px; */
/*   	background:url(/var/myscience/image/logo/myscience.gif)  no-repeat;   */
/* 	overflow:visible; */
}
#sitetext a  , #siteheading a 
{
	color:#ffffff;
	text-decoration:none; 
}
 /*
#subnav { 
height:20px;
 background: url(/var/myscience/image/background-title-bottom.jpg) no-repeat;//now local file styles.css  
text-align:center;
padding-left:20px; 
}
*/

#contentfloatholder {
display:block;
float: left;
background: url(/var/myscience/image/background-shadow.gif) repeat-y;    
width: 100%;
/*    border : 1px solid red;  */
/*width:940px;
margin-left:10px;*/
  /*border-left: 1px solid #aaaaaa;    
border-right: 1px solid #aaaaaa;

  border-style: solid;
        border-width: 0 1px;      
        border-color: #cccccc;*/

  /* margin-left:10px;  */
/*CSS 3*/
/*
<offset-x> <offset-y> <blur-radius>? <spread-radius>? <color>
*/
/*-webkit-box-shadow: 0 5px 5px 5px #cccccc;
 -khtml-box-shadow: 0 5px 5px 5px #cccccc;
 -moz-box-shadow: 0px 5px 5px 5px #cccccc;  
box-shadow: 0  5px 5px 5px   #cccccc;*/

}
   
#centerwrap {
	 
	width:960px;
	float:left;
	width: 100%; 
	margin: 0 -100% 0 0;
 /*       	border: 2px dotted blue;     */
}
/*container for left and middle columns*/
#leftandmiddle{
	float: left;
	position: relative;
  	width: 740px;
/* 	border:1px dotted red;  */
}

#left {
	float:left;
	width: 200px;
	/*distances from:  top  right  bottom  left */
	/*   margin: 10px 0px 10px 10px; *//*does not work with IE6*/
	position: relative;
	left: 10px;
	top: 10px;
	margin-bottom:20px;
/*     	border:  1px dotted magenta;   */
}

#middle {
	float: right;  
 	width:520px;  
	position:relative;
	right: 0px;
	top: 10px;
	padding: 5px;
	text-align:left;
	margin-bottom:20px;
	 overflow:hidden;  
	/*for ie6 (prevent jumps)*/
/*    	 border: 1px solid magenta;   */
	/* distances from:  top  right  bottom  left */
 }

#right {
	float:right;
	width: 200px;
	/*distances from:  top  right  bottom  left */
	/*   margin: 10px 15px 10px  0px; */
 	position: relative;
	top: 10px;
	right: 15px;
 	margin-bottom:20px;
/*    	border: 1px dotted magenta;      */
}

 /*problem under IE7*/

#footer {
height:120px;
/* position:relative; */
/*
Then after the floating elements we can "clear" the floats to push down the rest of the content.
*/
clear: both;
width:100%; 
text-align:center;

/* left:0px; */
/* bottom:0px; */
/* background: url(/var/myscience/image/footer.jpg) no-repeat ; /// now local file styles.css  */
/*     border: 2px dotted magenta;    */
} 

/* clearfix is used in echo "\n<div id=\"centerwrap clearfix\">";
to send the footer at the bottom. Needed by old browsers like Mozilla */

 .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}