/* BCU web site style-sheet. */
/* General paragraph margins (top right bottom left):
   (0 1 1 2)
   */
#center{
	text-align: center;
}

#indent3{
	text-indent: 3em;
}

A.navigationBarLink{
	text-decoration: none;
	font-family: sans-serif;
     	font-size: small;
}


A.email{
	text-decoration: none;
}

A.chiefMember{
	text-decoration: none;
	font-size: larger;
}

P.chiefMember{
	text-decoration: none;
	font-size: larger;
	margin: 0em 0em 0em 0em;
	text-indent: 0;	
}

div.chiefMember{
	text-decoration: none;
	font-size: medium;
	font-family:Arial, Helvetica, sans-serif;	
	text-indent: 0;		
	margin: 0em 0em 0em 0em;	
}

div.imageComment{
	text-align: center;
	font-weight: bold;
}

#first{
	margin: 1em 2em 1em 0em;
}

#prelist{
	margin: 0em 3em 0em 2em;
}
/*
ul{
	margin: 0em 2em 0em 0em;	
	list-style-type: disc;
}

ol{
	margin: 0em 2em 0em 0em;	
}


dl{
	margin: 0em 1em 0em 0em;	
}

dd{
	margin: 0em 1em 0em 0em;	
}
*/
#noindent{
	text-indent: 0;
}

#menuSelectedCell{
	background: rgb(181,181,181);
	color: white;
}

.selected_section{
	background: rgb(181,181,181);
	color: white;
}

p.comments{
	font-size: small;
	text-align:center;
	font-family: sans-serif;
	margin: 0em 1em 1em 0em;	
}

div.pubTitle{
	font-weight:bold;
}

div.pubAuthor{
	font-style:italic;
}
	

h1{
	font-size: large;
	font-family: sans-serif;
}

h2{
	font-size: medium;
	font-family: sans-serif;	
	font-weight:bold;
	color: blue;
	background-color:white;
}

h3{
	font-size:medium;
	color: blue;
	background-color:white;	
}

#header3{
	font-family: sans-serif;
	font-size:medium;
	color: blue;
	background-color:white;
}

#gradient{
	background-image: url(/biocomp/Images/blueGradient4.gif)
}

#texture{
	background-image: url(/biocomp/Images/texture6.gif)
}


td.bigBlueHeader{
	text-align: center;
	font-family: sans-serif;
	background-color: #007CC3;
	color: white;
}

div.contents{
	text-align: left;
	background: white;
	color: black;
	margin: 0em 2em 1em 2em;
	font-family: serif;
    font-size: medium;	
    width: 95%;
}

p{
	text-indent: 0em;
}

a.littleLink{
	font-family: sans-serif;
	font-size: small;	
	text-decoration: none;	
}

a.tinyLink{
	font-size: x-small;
	font-family: sans-serif;	
	color: #EDE255;
	background-color: transparent;
	font-weight:bold;
	text-decoration: none;
}

A.sectionMenuLink{
	text-decoration: none;
	font-family:sans-serif;
     	font-size: medium;
     	font-weight: bold;
}

th.grey{
	background: #CCCCCC;
	font-size: medium;
	font-family: sans-serif;	
	font-weight:bold;
	color: blue;
}

/* obsolete - replace #evenRow with .evenRow in next version */
#evenRow{
	background-color:#33CCFF;
	color: black;
}

.evenRow{
	background-color:#33CCFF;
	color: black;
}

/* New styles */

body,html{height:100%;}

#page {
	position: absolute;
	top: 10px;
	width: 99%;
	left: 10px;
	min-height: 100%;
	height: auto;
}

#site_logo {
	height: 120px;
	width: 160px;
	float: left;
	background-color: #000099;
	border-top-width: 5px;
	border-bottom-width: 15px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #101052;
	border-bottom-color: #000099;
}

#header_sections {
}

#site_title {
	background-color: #8ABBBF;
	margin-right: 5px;
	margin-left: 160px;
	font-size: large;
	font-weight: bold;
	color: white;
	font-family: sans-serif;
	text-align:center;
	margin-top: 5px;
	margin-bottom: 5px;
}
#header {
	height: 130px;
	background-image: url(/biocomp/Images/blueGradient4.gif);
	border-right-color: white;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-style: solid;
	border-top-color: #000099;
	border-bottom-color: #000099;
	border-left-color: #000099;
	background-position: 130px;
}
#icons {
	text-align: right;
	margin-right: 5px;
}
.header_section {
	background-image: url(/biocomp/Images/texture6.gif);
	margin: 5px;
	text-decoration: none;
	font-family:sans-serif;
   	font-size: medium;
   	font-weight: bold;	
}
#header_sections {
	position: absolute;
	left: 155px;
	width: 85%;
	text-align: center;
}
#header_section_column1 {
	position: absolute;
	width: 23%;
	left: 1%;
}
#header_section_column2 {
	position: absolute;
	width: 23%;
	left: 25%;
}
#header_section_column3 {
	position: absolute;
	width: 26%;
	left: 49%;
}
#header_section_column4 {
	position: absolute;
	width: 23%;
	left: 76%;
}
#side_logos {
	width: 160px;
	text-align:center;
	margin-bottom: 1em;
}

#copyright{
	font-size: small;
	text-align:center;
	font-family: sans-serif;
	margin: 0em 1em 1em 0em;	

}

#side_menu {
	float: left;
	height: 100%;
	width: 160px;
}

#contents {
	margin-left: 180px; 
	min-height:300px;
	height: 100%;
	margin-right: 15px;
	padding-bottom:1em;
	/* "hack" in order to solve the displacement due to inner tl having align=left
	(which is required for Internet Explorer displaying the inner tl in place )*/
	border-style:solid;
	border-color:white;
}


.spacer {
	background-color: #101052;
	color: white;
	height: 10px;
	background-image: url(../biocomp/Images/trCorner.gif);
	background-repeat:no-repeat;
	background-position:right;
}
#tl {
	margin: 0px;
	padding: 0px;
}
#tr {
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: -1px;
	top: -1px;
}
#br {
	margin: 0px;
	padding: 0px;
	text-align:right;
	position: absolute;
	right: 0px;	
}
#bl {
	margin: 0px;
	padding: 0px;
}

#section_title{
	text-align: center;
	font-family: sans-serif;
	background: #007CC3;
	color: white;
	font-weight:bold;
	background-image: url(/biocomp/Images/blueGradient4.gif);
}

#subsections {
	text-align: center;
	font-family: sans-serif;
	font-size: small;	
	font-weight: bold;
	height: 1%; /* IE layout trick */
	margin-bottom: 1em;
}

div#subsections a{
	text-decoration: none;
}

.subsection_h2{
	font-size:smaller;
}

.spacer_with_gradient {
	background-image: url(/biocomp/Images/blueGradient4.gif);
	height: 100%;
}

.spacer_light {
	background-color: #000099;
	color: white;
	height: 10px;
}

.br{
	background-image: url(../biocomp/Images/brCorner.gif);
	background-repeat:no-repeat;
	background-position:right;
}

.spacer_light_br {
	background-color: #000099;
	color: white;
	height: 10px;
	background-image: url(../biocomp/Images/brCorner.gif);
	background-repeat:no-repeat;
	background-position:right;
	
}

#footer_sections {
	text-align:center;
}

#footer{
	clear:both; /* avoid mixing with floating middle section */
}

#middle {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #000099;
	
	/* floating blocks must have their size explicitly defined */
	width:100%;
	height:100%; 
	
	/* important for middle to have the same height as side_menu (avoiding side_menu overflow) */
	float: left;

}