@font-face {
	font-family: 'Libre Baskerville';
	src: url('fonts/Libre_Baskerville/LibreBaskerville-Regular.ttf');
}

/* group all styles for header */

div.content {
position:absolute;
/*width:900px;*/
width:100%;
top:300px;
}

div.content:before {
color:#FF0000;
font-size:x-large;
position:absolute;
left:33%;
/*width:900px;*/
top:-70px;
/*margin-left:-380px;*/
text-align:center;
font-family: 'Libre Baskerville';
font-weight:600;
text-shadow:black 1px 1px 2px;
content:"SDA 7 - Simulation of Diffusional Association";
}

/*
body
{
background-image:url('../images/hits_01.jpg');
background-repeat:no-repeat;
background-position:top left;
position:absolute;
padding: 15px;
width:90%;
margin-left:5px;
margin-right:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: 400;
 
LINE-HEIGHT: 1.8em
} 
*/
/*
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    color: black;
    margin-left: 1px;
    padding: 0.3em;
    margin-right:10px;
    text-align: left;
    vertical-align: top;
}
*/

#container
{
/*width:900px;*/
width: 100%;
height:140px;
vertical-align: middle
}
#hits{
	background-image: url(images/hits_eng.jpg);
        outline:none;
        text-decoration:none;
        vertical-align: top;
	height: 137px;
	width: 269px;
	float: left;
	margin-left: 5px;
        margin-right:5px;
	margin-top: 0px;
        margin-bottom:31px;
}
#mcm{
	background-image: url(images/mcm_logo.jpg);
        outline:none;
        text-decoration:none;
        vertical-align: top;
	height: 137px;
	width: 137px;
	float: left;
	margin-left: 10px;
        margin-right:5px;
	margin-top: 0px;
        margin-bottom:31px;
}
#sda{
	background-image: url(images/sda7_logo.jpg);
        outline:none;
        text-decoration:none;
        vertical-align: top;
	height: 99px;
	width: 150px;
	float: left;
	margin-left: 10px;
        margin-right:5px;
	margin-top: 20px;
        margin-bottom:31px;
}
#websda{
	background-image: url(images/webSDA_Logo_small.png);
        outline:none;
        text-decoration:none;
        vertical-align: top;
	height: 53px;
	width: 150px;
	float: left;
	margin-left: 10px;
        margin-right:5px;
	margin-top: 40px;
        margin-bottom:31px;
}
.headerl 
{
text-align:left;
width:800px;
vertical-align: baseline
/*margin-left:20px;
margin-right:20px;
margin-top:20px;
padding:10px;*/
vertical-align:top;
height:140px;
}

#navbar{
position:absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;
/*width:900px;*/
width: 100%;
height:28px;
font-size: smaller;

color:#014984;
background:#929292;
margin-bottom:20px;
/* needed if not jquery-ui */
box-shadow: 1px 3px 8px #BBB;
/* warning :  unknown vendor extension */
-webkit-border-radius: 14px;
-khtml-border-radius: 14px;
border-radius: 14px;
}

/*
#navbar .inbar{
display:block;
height:28px;
color:#014984;
}
*/

#navbar ul, #navbar ul li{
margin-right:8px;
margin-left:8px;
border:0px;
margin-top:0px;
margin-bottom:0px;
padding:0px;
list-style:none;
height:28px;
line-height:36px;

color:#ffffff;
font-weight:bold;
/*
float:left;
display:block;
line-height:28px;
*/
}

/*
#navbar {
	margin-right:8px;
	margin-left:8px;
	border:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	list-style:none;
	height:28px;
	line-height:36px;

	color:#ffffff;
}
*/

/*
#navbar ul{
color:#ffffff; }
*/

#navbar ul li{
float:left;
display:block;
line-height:28px;
}



#navbar ul li a{
color:#ffffff;
text-decoration:none;
/*font-weight:bold;*/
/*display:block;*/
}
/*
#navbar ul li a span{
padding:0 20px 0 0;
height:28px;
line-height:28px;
display:block;
margin-left:20px; }
*/

/*
 .navhome a:hover{
	color:#014984;
	height:28px;
	line-height:28px;
}
*/
 

/*
#navbar .navhome a, #navbar .navhome a:hover{
color:#014984;
height:28px;
line-height:28px; } 
#navbar .navhome a span, #navbar .navhome a:hover span{
color:#014984;
height:28px;
line-height:28px; } 
*/
/* enought to color navhome */
#navbar .navhome a, #navbar .navhome a span {
	color:#014984;
	/*height:28px;*/
}

#navbar ul li a:hover{
color:#014984;
height:28px;
line-height:28px; }

#navbar ul li a:hover span{
color:#014984;
height:28px;
line-height:28px; }

/*
ol , li , dl , dt , dd {
line-height : 1.5em; 
}

p {
margin : 1em 0; 
padding : 0; 
line-height : 1.5em; 
}
 
h2 , h3 , h4 , h5 , h6 {
margin-top: 1.5em;
margin-bottom: 0.5em; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight : bold; 
} 

 h2 , h3 {
color : Black; 
background-color : transparent; 
} 

h2 {
font-size : 150%; 
margin-left: 0em;
} 

h3 {
font-size : 110%;
margin-left: 1em; 
} 

h4 {
font-size : 100%;
margin-left: 2em;
}

h5 {
font-size : 90%; 
margin-left: 3em;
} 

h6 {
font-size : 85%; 
margin-left: 4em;
} 

img {
border : none ;
}
*/



/* not used span */
span.todo {
	font-variant:small-caps;
	font-weight:bold;
}
span.tododes {
	font-style:italic;
}
div.biblist {
	line-height:1.1em;
}
div.bibitem {
	font-family:monospace;
}
div.helptext {
	margin:1.5em;
	line-height:1.2em;
	padding-left:1ex;
}
div.helptextitem {
	margin:2em;
	line-height:1.2em;
	padding-left:1ex;
	text-indent:-1.3em;
}
div.help {
	width: 80ex;
	text-align:left;
	margin-top: 5px;
	padding-bottom:1ex;
	margin-bottom: 7px;
	line-height:1.5em;
	margin-left: 1.5em;
	margin-right: auto;
}
div.warning.header {
    font-weight: bold;
    font-style: italic;
    color: red;
}
div.warning {
    font-style: italic;	
}
span.underline {
    text-decoration: underline	
}