/* Function CSS */

body {margin: 0 auto; padding: 0; font: 76% Verdana,Tahoma,Arial,sans-serif; background: #f4f4f4 url(images/bg.gif) top center repeat-y; }

#wrap { background: #ffffff; color: #303030; margin: 0 auto; width: 760px; }

/*Style of Header*/
#header { clear: both; margin: 20px 0 0 0; padding: 0; height: 45px; }
#header h1 { width: 380px; margin: 0 0 10px 0; float: left; }
#header p { width: 280px; float: right; text-align: center; color: #a0a0a0; margin: 0 0 10px 0; font-size: 0.8em; line-height: 1.2em; }

#frontphoto { margin: 0 0 10px 0; border: 0; }

/*Style of left column menu*/
#avmenu { clear: left; float: left; width: 150px; margin: 0 0 10px 0; padding: 0; font-size: 0.9em; }
#avmenu ul { list-style: none; width: 150px; margin: 0 0 20px 0; padding: 0; font-size: 1.0em; }	
#avmenu li { margin-bottom: 4px; }
#avmenu li a { font-weight: bold; height: 20px; text-decoration: none; color: #505050; display: block; padding: 6px 0 0 10px; background: #f4f4f4; border-left: 4px solid #cccccc; }	
#avmenu li a:hover { background: #eaeaea; color: #286ea0; border-left: 4px solid #286ea0; }

.announce { margin: 10px 0 10px 0; padding: 10px; width: 130px; color: #505050; background-color: #f4f4f4; line-height: 1.3em; }

/*Style of right column menu*/
#extras { float: right; width: 100px; margin: 0 0 10px 0; padding: 0; font-size: 0.9em; line-height: 1.5em; }
#extras p { margin: 0 0 1.5em 0; }
#extras .alignthirdmenu p { margin-top: 500px; height: 500px; vertical-align:bottom; } 

/*Style of main content*/
#content { margin: 0 110px 20px 160px; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; padding: 0 10px 0 10px; line-height: 1.6em; text-align: justify; }
#content h2 { font-size: 1.5em; margin: 0 0 1.0em 0; }
#content img { padding: 1px; display:inline; background: #cccccc; border: 4px solid #f0f0f0; }
#content td img { padding: 1px; background:#ffffff; border: 40px; }
#content th img { padding: 1px; background:#ffffff; border: 40px; }
#content a img { border: 0px; }
#content table { margin: 10px 10px 5px 0; text-align: center; background-color: #FFFFFF; }
#content p.middle { margin: 0 0 5px 0; 	text-align: center; }

/*Style of titles and subtitles*/
h3 { font-size: 1.0em; margin: 0 0 10px 0; color: #0000CC; }
h4 { font-size: 1.0em; margin: 0 0 10px 0; font-weight: bold; }

/*Links style*/
a { text-decoration: none; color: #286ea0; }
a:hover { text-decoration: underline; color: #286ea0; }
a img { border: 0; }

/* Footnote style*/
#footer { clear: both; margin: 0 auto; padding: 10px 0 20px 0; border-top: 4px solid #f0f0f0; width: 760px; text-align: center; color: #808080; font-size: 0.9em; }
#footer a { color: #808080; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* Text paging*/
.left { margin: 10px 10px 5px 0; float: left; }
.right { margin: 10px 0 5px 10px; float: right; }
.textright { text-align: right; }
.center { text-align: center; }
.small { font-size: 0.8em; }
.bold { font-weight: bold; }
.hide { display: none; }

/* Two colored Columns first page*/

#two-columns  {width: 450px; margin: 0 110px 20px 160px; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; padding: 0 10px 0 10px; line-height: 1.6em; text-align: justify; }

#two-columns  h2 { font-size: 1.5em; margin: 0 0 0.5em 0; } 
#two-columns  img { padding: 1px; display:inline; background: #cccccc; border: 4px solid #f0f0f0; }
#two-columns .title {}
#two-columns .title h2 { text-align: center; text-transform: uppercase; letter-spacing: -1px; font-weight: bold; color: #FFFFFF; }
#two-columns .blue {   background: url(images/bluecolumn.gif) no-repeat;   background-color:#FFFFFF;  font-size: 0.8em; margin: 0 0 0.5em 0;  	padding: 2px 0 0 0; }
#two-columns .red {	   background: url(images/redcolumn.gif) no-repeat;    background-color:#FFFFFF;  font-size: 0.8em; margin: 0 0 0.5em 0; 	padding: 2px 0 0 0; }
#two-columns .green {  background: url(images/greencolumn.gif) no-repeat;  background-color:#FFFFFF;  font-size: 0.8em; margin: 0 0 0.5em 0;  	padding: 2px 0 0 0; }
#two-columns .yellow { background: url(images/yellowcolumn.gif) no-repeat; background-color:#FFFFFF;  font-size: 0.8em; margin: 0 0 0.5em 0; 	padding: 2px 0 0 0; }
#two-columns .columnA {	float: left; width: 220px; background-color: #CCCCCC; }
#two-columns .columnB {	float: right; width: 220px; background-color: #CCCCCC; }
#two-columns .columnB .contentbox { padding: 0 10px 0 10px; line-height: 1.6em; text-align: justify; }
#two-columns .columnA .contentbox { padding: 0 10px 0 10px; line-height: 1.6em; text-align: justify; }
.columnA .btm{	clear: both; background: url(images/end-border.gif) no-repeat; background-color: #FFFFFF; }
.columnB .btm{	clear: both; background: url(images/end-border.gif) no-repeat; background-color: #FFFFFF; }

/* function of active javascript window */

table.abs, table.bib { width: 450px; empty-cells: show; }
tr.noshow { display: none; }
tr.abstract td { background-image: url(images/fondsabs.jpg); border: 2px black solid; }
tr.bibtex td { background-image: url(images/fondsbibtex.jpg); border: 2px black solid; }
p.infolinks { margin: 0.5em 0em 0em 0em; padding: 0px; vertical-align: top; color:#000000; font-weight:200; }
b.blackabs { color: #666666; text-align: justify; margin: 0 0 10px 0; padding: 0; font-size: 0.9em;  }