html, body
			{ margin: 0;  padding: 0; border-right: 5px solid #ffffff; border-left: 5px solid #ffffff; }
#container  { position: absolute; top: 200px; left: 0; width: 100%; min-width: 800px; padding: 0px; }

/* --- fonts and colors ---*/
ul, li, p, .image, .imagefloat, .imagefooter, #date, body, dt, dd, .leftnav li, .leftnav a
			{ color: #000000; font-family: verdana, sans-serif; }
h1, h2, h3
			{ color: #000000; font-family: Arial, Helvetica; sans-serif; font-weight: bold }
.image, .imagefooter
			{ color: #707070; font-family: Arial, Helvetica; sans-serif }
.novisable  { color: #ffffff; }
h1			{ font-size: 36px; }
h2			{ font-size: 16px; }
#nav li		{ font-size: 14px; }
p, ul, body
			{ font-size: 12px;}
.submenu, .menu, .tablecell, .tablecell p
			{ font-size: 14px; }
.image, .imagefloat, .imagefooter, #date, .reference p, #bcrumbs  
			{ font-size: 10px; }
body, h1, #bcrumbs, #content, #container, #leftcontainer, #rightcontainer, #footer
			{ background-color: #ffffff; }
.menu 			
			{ background-color: #e0e0e0; }			
.submenu 			
			{ background-color: #f6f6f6; }
.image, .imagefooter, .mapimage 
			{ background-color: #ffffff; }

/* --- basics ---*/
.tableshow  { border: 1px solid gray; border-collapse: collapse; }
.tablecell  { border: 1px solid gray; padding: 5px; }
img			{ border: 0px none; padding: 2px; }
ul 			{ padding: 0; margin: 5px 0 5px 40px; }
a           { color: blue; text-decoration: none; }
a:hover     { background-color: #d0ffd0; text-decoration: none; }
.spacer     { height: 1px; border-top: 1px solid ffffe0; font-size: 1px; margin: 0; padding: 0; }

/* --- image boxes ---*/
.image, .imagefloat, .imagefooter
	        { padding: 10px 5px 10px 5px; text-align: center; }
.image, .imagefloat 
	        { border-bottom: 2px solid white; }
.imagesmall { float: left; width: 210px; height: 180px; border: 1px solid white; margin:0; padding: 10px 5px 10px 5px; }
.imagebig   { float: left; width: 210px; height: 480px; border: 1px solid white; margin:0; padding: 10px 5px 10px 5px; }
.imagefloat { float: right; width: 140px; border-left: 2px solid #F5F5F5; margin-left: 5px; }
.mapimage	{ float: left; margin: 10px; padding: 0; }

/*--- title bar ---*/
h1          		{ margin-left: 320px; margin-right: 150px; padding: 0; text-align: center; }
h2          		{ margin-left: 0px; margin-right: 150px; padding: 0; text-align: left; }
#logo       		{ position: absolute; top: 10px; left: 10px; z-index: 1; }


/*--- left navbar ---*/
#leftcontainer		{ float: left; width: 180px; padding: 50px 0 0 20px; }
.leftnav    		{ margin: 0; padding: 0; }
.leftnav ul 		{ list-style: none; margin: 0 ; padding: 0; }
.leftnav li 		{ text-align: left; margin: 0; padding: 0; }
.leftnav a  		{ display: block; }
.menu       		{ line-height: 20px; padding-left: 10px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f8f8f8; }
.submenu    		{ line-height: 16px; padding-left: 20px; padding-right: 5px; border-bottom: 1px solid #ffffff; }

/*-- center content --*/
#content    		{ border: 1px solid #ffffff; margin-left: 280px; margin-right: 150px; padding: 0 10px 0 10px; }
#contentmap 		{ padding: 10px 10px 10px -10px; }
#contentmap p 		{ margin:0; padding: 10px 10px 0 0; }
#content p  		{ text-align: justify; }
#date       		{ color: gray; text-align: right; }
.reference p		{ color: gray; margin: 0 0 5px 0; }
#content li			{ padding: 5px ; margin:0; }


/*--- footer content ---*/
#footer     { padding: 0 10px 5px 10px; }