/* The design of fonts, padding, colors etc happens in this CSS page  */

/* basic settings for fonts */
body 
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #99999;
	background-color: #eeeeee;
	padding: 10px;
	}
	
/* Main container for the site */	
#wrapper
        {
	background-color: #ffffff;
	border: 3px solid #dddddd;
	}
	
/* styling the banners on top */

#banner1, #banner2, #banner3 
	{
	padding: 5px;
	margin-bottom: 0px;
    }

#banner3
	{
	background-color: #dddddd;
	border-top: 1px solid #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.9em;
	}
	
#banner2
	{
	text-align: center;
	Padding-right: 230px;
	background-image: url('../gif/titleback.gif');
	background-repeat: no-repeat;
	background-position: right; 
	}
	
/* righthand box  with news items */	
div#newsbox 
	{
	padding: 5px;
	margin-top: 15px;
	background-color: #dddddd;
	}
	
div#newsbox a
	{
	color: #111111;
	}

.title
         {
	color: #115144;	 
	font-weight: bold;
	border-bottom: solid 1px #115144;	
	width: 100%;
	}
	
/* lefthand box  */	
div#leftbox
	{	
	padding-top:15px;
	}

	
/*main content area */	
div#contentarea
	{
	padding-top: 0px;
	}
	
/* footer design */
#footer 
       {
	text-align: center;
	border-top: 3px solid #dddddd;
	font-size: 0.9em;
	color: #CCCCCC;
	}
	
/* define basic html elements */
h1, H1
	{	
	font-size: 1.4em;
	}
	
h2, H2
	{	
	font-size: 1.2em;
	}
	
h3, H3
	{	
	font-size: 1.1em;
	}
	
h4, H4
	{
	text-align: center;
	border-bottom: solid 1px  #990022;
	}
	
/* what do we want the links to behave like? */
a 
	{
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	}
	
#banner2 a
	{
	padding: 3px;
	}
	
a:visited 
	{
	text-decoration: none;
	color: #666666;
	}
	
a:hover 
	{
	text-decoration: underline;
	color: #FF0000; 
	}
	
#banner2 a:hover
	{
	background-color: #666666;
	color: #ffffff;
	text-decoration: none;
	}
	
a:active 
	{
	text-decoration: none;
	color: #E0DFE3;
	}
	
/* special links */
div.pagetitle 
	{
	Font-family: Lucida Console, Verdana, Monaco ;
	font-size: 2.5em;
	}

a.small
	{
	color: #CCCCCC; 
	}
        
.formattedlink
        {
        display: block;
	    padding: 10px 0px;
		border-bottom: solid 1px #dddddd;
        }
.linkdescription
        {
        font-size: 95%;
        } 

.links
	{
	padding-left: 20px;
	}
.links a
	{
	font-Size: 80%;
	}		
	
/* formatting of loose elements */
.small
	{
	font-size: small; 
	}
	

/* picture & caption */
div#leftbox img
	{
	padding-top: 25px;
	padding-bottom: 5px;
	}
	
div.caption
	{
	width: 150px;
	background-color: #dddddd;
	border-top: 1px solid #000000;
	font-size: 0.9em; 
	font-style: italic;
	}
	
.date
	{
	font-style: italic;
	font-size: 0.9em; 
	}

.toppadded
	{
	padding-top: 40px;
	}
	
/* literature / references */
.literature
	{
	margin-left:27.0pt;
	text-indent:-27.0pt;	
	}