/* CSS Document */

/* ============================================  GENERICS ============================================ */

body
	{	font-family:		"verdana", sans serif;
		font-size:			14px;
		letter-spacing:		1px;
		line-height:		150%;
		
		
	}

#title
	{	
		width:				600px;
		height:				21px;
		font-size:			36px;
		text-align:			center;
		margin-top:			1%;
		margin-left:		25%;
		display:			inline-block;
	}

#redletter
	{	color:				#e70303;
		
	}


#container
	{	
		/*float:				left; I do not get the positioning to work in IE6 without using position absolute or without making margin-left to 0... SOLVED IT!	One has to mark it with display: inline  */
		width:				1024px;
		height:				545px;
		margin-left:		0;
		display:			block;
		/*background-position:center 101%;*/
			
	}

/*====================================== MENU =======================================*/
div#menu
	{
		
		width:				650px;
		height:				30px;
		margin-top:			4%;
		/*position:			absolute; /*had to use 'position absolute' instead of 'float left' cause I couldn't otherwise solve the problem with IE6 and the jumping menu. Once IE6 is buried everything concerning 'position absolute' can be deleted!*/
		/*margin-top:			34% !important;
		margin-top:			40%;*/
		margin-left:		25%;
		font-size:			16px;
				
	}
	
div#menu ul
	{	
		list-style-type:	none;
  		padding: 			0;
 		margin: 			0;
		margin-top:			5px;
  	}
  
div#menu a
	{
		display:			none;
	}

div#menu ul li 
	{
	float: 				left;
	position: 			relative;
	width:				130px;
	text-align:			center;
	}

div#menu li ul  
	{
		float:				left;
		top: 				70%;
		width: 				99%; /* width is based on the containing block */
		margin-top:			-2px;
	}




/* Holly Hack. IE Requirement \*/
* html ul li 
	{ 
		float:				left;
	}

* html ul li a 
	{ 
		height: 			1%; 
	}
/* End */

#menu ul li a
	{
		display:			block;
		text-align:			center;
		line-height:		20px;
		text-decoration:	none;
		letter-spacing:		2px;
		text-transform:		lowercase;
		color:				#000;
	}
	
#language a
	{
		color:				#999;
		text-decoration:	none;
	
	}
	
#menu ul li a:hover, #language a:hover
	{	
		color:				#666;
	}


#menu ul li.active a
	{
		color:				#666;
	}





/*========================================================== MAINPAGE =========================================== */
#content
	{
		/*float: 			left;*/
		/*position:			absolute;*/
		width:				600px;
		height:				374px;
		margin-left:		25%;
		margin-top:			55px;
		/*display:			inline; To fix it for IE6 in order to avoid a doubled margin-left*/
		text-align:			left;
		overflow:			auto;
		
				
	}
#contentMain
	{
		width:				600px;
		height:				374px;
		margin-left:		25%;
		margin-top:			55px;
		text-align:			left;
		overflow:			auto;
		text-align:			center;
	
	}
	
img
	{
		border:				none;
	}
	




	
/*========================================================== TABLE =========================================== */

#table

	{
		margin-top:			4%;
	
	}
	

/*========================================================== WEBMASTER =========================================== */

#webmaster

	{
		
		width:				200px;
		height:				30px;
		/*margin-left:		25%;*/
		font-size:			10px;
		text-align:			left;
		float:				left;
		display:			inline-block;
					
	}
	
#webmaster a

	{
		text-decoration:	none;
		color:				#999999;
	
	}