body	{



	background: #fff;



	color: #000;



	margin: 0;



	padding: 0;



	border: 0;



	}







/* Establish general layout parameters */



/*here are the logo and the service links - sitemap, contact etc. */



#newmenu {



	background: #fff;



	color: #000;



	border: 0 solid black;



	margin:0;



	padding: 0;



	text-align: left;



	height: 50px;



}



/* service links menu container*/



#servicelinks {



	position: absolute;



	border: 0;



	margin-right: 0;



	margin-left:70%;



	margin-top:-50px;



	width: 14em; /* make wider if more list items need to be added! */



	padding: 5px;



   font-family: "MS Sans Serif", Geneva, sans-serif;



	font-size: smaller;



}



 



#servicelinks li {



	display: inline;



	padding: 2px 5px; /* determines the height of separating lines */



	list-style: none;



	border-right: 1px solid #000;



	







	



}	



/*end service links menu */



/* image-free logo banner with rollover */



	#bannerlogoban {



	margin:5px 0 0 5px;



	padding: 0;



	border:0;



	width: 600px;



	height: 75px;



	background : url(images/logo_ells.gif) no-repeat;



	}



	



.alt {



	display: none;



}	







#logo {



	margin: 5px;



}



#logoban {



	display: block;



	padding: 0;



	border: 0;



	margin: 0;



	width: 600px;



	height: 61px;







}







/* here comes the fotocollage packed in its own div element*/



#collage {



	padding: 0;



	background : url(images/collage1.jpg) no-repeat;



	background-color: #000;



	margin:0 0 0 250px;/*false value for IE4-5.x/WIn. */



	height: 116px; 



	voice-family: "\" }\"";



	voice-family: inherit;



	height: 118px; /* Good value for compliant browsers. */



	margin: 30px 0  0  250px;



	width: auto;



	



}







 #collage2 {



	padding: 0;



	background : url(images/collagestudents.jpg) no-repeat;



	background-color: #000;



	margin:0 0 0 250px;/*false value for IE4-5.x/WIn. */



	height: 116px; 



	voice-family: "\" }\"";



	voice-family: inherit;



	height: 118px; /* Good value for compliant browsers. */



	margin: 30px 0  0  250px;



	width: auto;



}



#collagegis {



	padding: 0;



	background : url(images/collagemaps.jpg) repeat;



	background-color: #000;



	margin:0 0 0 250px;/*false value for IE4-5.x/WIn. */



	height: 116px; 



	voice-family: "\" }\"";



	voice-family: inherit;



	height: 118px; /* Good value for compliant browsers. */



	margin: 30px 0  0  250px;



	width: auto;



}

#collageoeko {



	padding: 0;



	background : url(images/collageoeko.jpg) no-repeat;



	background-color: #000;



	margin:0 0 0 250px;/*false value for IE4-5.x/WIn. */



	height: 116px; 



	voice-family: "\" }\"";



	voice-family: inherit;



	height: 118px; /* Good value for compliant browsers. */



	margin: 30px 0  0  250px;



	width: auto;



}


#collageinsect1 {



	padding: 0;



	background : url(images/collageforinsect1.jpg) no-repeat;



	background-color: #000;



	margin:0 0 0 250px;/*false value for IE4-5.x/WIn. */



	height: 116px; 



	voice-family: "\" }\"";



	voice-family: inherit;



	height: 118px; /* Good value for compliant browsers. */



	margin: 30px 0  0  250px;



	width: auto;



}




#collageinsect2 {



	padding: 0;



	background : url(images/collageforinsect2.jpg) no-repeat;



	background-color: #000;



	margin:0 0 0 250px;/*false value for IE4-5.x/WIn. */



	height: 116px; 



	voice-family: "\" }\"";



	voice-family: inherit;



	height: 118px; /* Good value for compliant browsers. */



	margin: 30px 0  0  250px;



	width: auto;



}







/*location container needed for IE5*/



#locationcontainer {



	width: 100%;



	background-color: #fff;



}







#location {



	font-size: 12px;



   font-family: Verdana, Lucida, Arial, sans-serif;



	background-color:#cfe237;



	padding: 5px;



	color: #571509;



	text-align:center;



	width: auto; /*false value for IE4-5.x/WIn. */



	margin-left: 250px;/*false value for IE4-5.x/WIn. */



	voice-family: "\" }\"";



	voice-family: inherit;



	width: auto; /* Good value for compliant browsers. */



	margin-left: 250px;/* Good value for compliant browsers. */



	



	



}







#location a:link, location a:visited {



	text-decoration: underline;



	color: #571509;



	



}







#location a:hover: {



	text-decoration: none;



}







.active  a {



	background-color: #c5d8ec;



}



td.thumbnails img a:link,  td.thumbnails img a:visited,td.thumbnails img a:hover {



	text-decoration: none;



	border: none;



}



/* here comes the left navigation menu */



#secondarynav {



	/* float left  */



	position: absolute;



	left: 0;



	margin: 0 10px 0 0px;



	background:#cfe237 url(images/map.gif) no-repeat bottom;



	border: 0;



	border-bottom: 1px solid #000;



	width: 250px; /*false value for IE4-5.x/Win */



	padding: 0 0 0 10px; /*false value for IE4-6.x/Win */



	padding: 0 0px 183px 0px; 



	voice-family: "\"}\"";



	voice-family: inherit;



	width:250px; /* Actual value for conformant browsers */



	padding: 0 0px 220px 0px; /* Actual value for conformant browsers */



	left: 0;



	



	



}







html>#secondarynav {



	width: 250px; /* be nice to Opera */



}



/* contains the div with the main text */



#primarycontent {



	border: 0;



	padding:0;



	margin:0;



	margin-left: 200px;



	width: auto;



	background-color: #fff;



	



}



/* now the div with the main text */



#bravefourhundred {



	margin:0;



	border:0;



	background-color: Lime;



	padding: 15px  20px 15px 100px;



	background-position: bottom right;



	background-repeat: no-repeat;



	background-color: #fff;



	width:500px; /*false value for IE4-5.x/Win  */



	voice-family:"\"}\"";



	voice-family: inherit; 



	width: 500px /* actual value for conformant browsers */



}







html>#bravefourhundred {



	width: 500px; /*be nice to Opera */



}











/* create buttons */



#secondarynav ul {



	list-style: none;



	padding: 0;



	margin: 0;



	border: 0;







   }







#secondarynav  li {



	text-align: center;



	margin: 0 24px 0 24px;



	padding: 0;



	font: 12px/20px Verdana, Lucida, Arial, sans-serif;



	color: #000;







	}











.secondarytop {



	border-top: 1px solid #000;



}







#secondarynav li a {



	display: block;



	font-weight: normal;



	padding: 0;



	border-bottom: 1px solid #000;



	border-left: 1px solid #000;



	border-right: 1px solid #000;



	background: #fff;



	color: #000;



	text-decoration: none;



	width: 200px; 



	margin:0;/*false value for IE4-5.x/WIn. */



	voice-family: "\" }\"";



	voice-family: inherit;



	width: 200px; /* Good value for compliant browsers. */







	}



	



	html>#secondarynav li a {



	width: 200x; /* be nice to Opera */



}







#secondarynav li a:hover {



	font-weight: normal;



	border-left: 1px solid #000;



	border-right: 1px solid #000;



	color: #000;



	text-decoration: none;



	background-color : #cfe237;



}







/*put an upper border on list buttons*/



#secondarytop{



	border-top: 1px solid #000;



}







#secondarynav #active,#new #active {



	background-color: #000;



	color:#fff;



}







 div#new  {



 	background-color:#cfe237;



	margin: 15px 0 0px 0;/*false value for IE4-5.x/WIn. */



	voice-family: "\" }\"";



	voice-family: inherit;



	margin: 15px 0 15px 0;; /* Good value for compliant browsers. */



 }



 



 div#new li {



 	color: #000;



 }



 



 div#new li a {



 	background: red;



	color: #fff;



	border-top: #000;



	



 }



 



 div#new li a:hover{



 	color: #fff;



	text-decoration: none;



	background-color : #b70000;



	



	



 }







p {



	margin-top: 0;



	margin-bottom: 1em;



	font: 14px/1.7 Verdana, Trebuchet, Lucida, Arial, sans-serif;



	}



	



a:link {



	font-weight : normal; 



	text-decoration : underline;

	color: #8B0000;

	





	background: transparent; 



	



	}







a:visited {



	font-weight : normal;



	text-decoration : underline;



	color: #40691d;



	background: transparent;



}



	



	



a:hover {



	font-weight : normal; 



	text-decoration : underline;



	color: #b70000;



	background: transparent; 



	}







a:active {



	font-weight : normal; 



	text-decoration : none;



	color: #95a580;



	background: transparent;  



	}



	



#bravefourhundred a, p {



	font: 14px/1.5 Verdana, Trebuchet, Lucida, Arial, sans-serif;



}







	h1, h2, h3, h4, h5, h6	{



	font-weight: normal;



	font-family: Verdana, Lucida, Helvetica, sans-serif;



	}







#bravefourhundred h1 {



	width:570px;



	font-size : 22px;



	border-bottom: 2px solid #cfe237;



}







#bravefourhundred h2 {



	width:570px;



	font-size : 18px;



	color: #000;



}







#bravefourhundred h3 {



	width:570px;



	font-size : 14px;



	font-weight: bold;



	



}







#bravefourhundred li {



	font: 14px/1.7 Verdana, Trebuchet, Lucida, Arial, sans-serif;



	list-style-image: url(images/bullet.gif);



	



}



/*make mixed lists possible*/



#bravefourhundred ul.pdflist li {



	list-style-image: url(images/icone_pdf_icone.gif);



	margin: 5px;



	padding: 5px;



}



#bravefourhundred ul.pptlist li {



	list-style-image: url(images/ppt_icon.jpg);



	margin: 5px;



	padding: 5px;



}







#bravefourhundred ul.pdflist li.pptlist {



	list-style-image: url(images/ppt_icon.jpg);



}







/*end mixed lists*/



#sticknote {



	margin-top:0px;



	margin-left: 392px;



	background-color: #F6F7E1;



	width:160px;



	border: 1px solid black;

	

	

}







#sticknote h1 {



	width:100%;



	font-size: 12px;



	font-weight: bold;



	text-align: center;



	line-height:1.5em;



	margin: 0px;



	padding: 10px 0px 10px 0px;



	background-color: #CFE237;



   color: #000;



}



/* pull it higher in order to look like inline flow of elements */



#next2sticknote{



	margin-top: -100px;



}

#next2sticknote{



	margin-top: -50px;



}

.next2sticknote {



	width: 78%;



	margin-top: -185px;



}







.top {



	text-align: right;



	border-bottom: solid thin #8B0000;



}







table, tr, td {



	font: 14px/1.7 Verdana, Trebuchet, Lucida, Arial, sans-serif;



	border: 1px solid  #000;



	border-collapse:collapse;



	text-align: center;



	padding:5px;



	empty-cells: show;

	vertical-align:top;

	



}



table.program, tr.program, td.program {



	text-align: left;



}



 table {



	width: 100%;



	margin-bottom: 20px;



}







table+div {



	margin-top: 10px;



}







th {



	background-color: #cfe237;



	color: #000;



	font-weight: bold;



}



td ul {



	text-align: left;



}



td a img {



	border: none;



}







#send {



	color: #000;



	background: red;



	font-weight: bold;



	border: 1px thin black;



	margin: 10px;



}



#footernav{

background-color: #F1F7C5;

border:  thin solid #000;

padding: 0em .5em 0em .5em;

}

ul#footernav, li#footernav{

padding:5px;

}





#copyright p {



	width: 100%;



	background-color:  #cfe237;



	font-size: 10px;



	color: #000;



	text-align: center;



}



#copyright a:link, #copyright a:visited, #copyright a:hover, #copyright a:active{

	font-size: 10px;

}



#counter {



	text-align: center;



}







table.counter {



	width: 90%;



	text-align: center;



	display: block;



}







td.counter {



	background-color: #B70000;



	



}



p.counter {



	margin: 20px;



	background-color: white;



}



#slogan {



	margin:10px 50px 10px 50px;



}