/******************************************************************************/
/* default values */
/******************************************************************************/

img
{
	border: 0px;
}
body
{
	DEBUG-background-color: Black;
	
	background: url("./img/background.jpg");
}
body, td, p, div, h1, h2, h3, h4, h5, h6
{
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	text-align: center;
	font-family: Arial, Tahoma;
	font-weight: 700;
	color: Black;
}
a
{
	color: Black;
	text-decoration: none;
}
a:hover
{
	color: #800000;
	text-decoration: none;
}
a:visited
{
	color: #800000;
	text-decoration: none;
}


/******************************************************************************/
/* BORDER */
/******************************************************************************/

	.box {
		DEBUG-background-color: red;
		
		background: url(./img/borderv.gif) 100% 0 repeat-y;		
		padding: 0px 5px 0px 0px;		
		margin: 0px 0px 0px 0px;
	}
		.bi {
			DEBUG-background-color: blue;

			background:url(./img/borderv.gif) 0 0 repeat-y;			
			padding: 0px 0px 0px 5px;
			margin: 0px 0px 0px 0px;
		}
			.bt {
				DEBUG-background-color: green;

				background-image: url(./img/borderh.gif);
				height:5px;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
			}
			.bb {
				DEBUG-background-color: yellow;

				background-image: url(./img/borderh.gif);
				height:5px;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
			}
			
/******************************************************************************/
/* PAGE MAIN SECTIONS */
/******************************************************************************/			

	.pageheader
	{
		DEBUG-background-color: rgb(200,200,200);

		padding: 20px 0px 20px 0px;
		margin: 0px 0px 0px 0px;
	}

	.pagecontent
	{
		DEBUG-background-color: rgb(100,100,100);

		padding: 20px 0px 20px 0px;
		margin: 0px 0px 0px 0px;
		
		text-align: center;
	}
		
	.pagefooter
	{
		DEBUG-background-color: rgb(200,200,200);
		
		padding: 150px 0px 20px 0px;
	}

	
	
/******************************************************************************/
/* TITLE */
/******************************************************************************/			

		.pagetitle
		{
			DEBUG-background-color: rgb(140,0,0);

			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;	
		}
			.titleleft
			{		
				DEBUG-background-color: red;

				width: 906px;
				margin: 0 auto;
				background-position: center left;
				background-repeat: no-repeat;
				background-image: url(./img/title/left.jpg);
			}
				.titleright
				{	
					DEBUG-background-color: violet;
					
					background-position: center right;
					background-repeat: no-repeat;
					background-image: url(./img/title/right.jpg);
				}
					.titleimg
					{	
						margin: 0 0 0 0;
					}

/******************************************************************************/
/* MENU */
/******************************************************************************/			

		.mainmenu
		{
			abackground-color: rgb(0,160,0);

			margin: 20px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
			.mainmenu img
			{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				border-spacing: 0px 0px 0px 0px;
				border-style: none;
			}

/******************************************************************************/
/* LANGUAGE SELECTION */
/******************************************************************************/			

/*
		.languageselection
		{		
			abackground-color: #FFFFFF;

			position: absolute;
			top:10px;
			right:30px;
			width:30px;				
		} */
		.languageselectionitem img
		{		
			border-style: none;
			border-width: 0px;
			margin: 0px 0px 0px 0px;
		}			

/*****************************************************************************/
/* SHOW VIDEO PAGE */
/*****************************************************************************/

		.video
		{			
			DEBUG-background-color: rgb(0,140,0);

			padding: 20px 0px 20px 0px;
			margin: 0px 0px 0px 0px;			
		}
		.videodescription
		{
			DEBUG-background-color: rgb(160,0,0);

			width: 600px;
			padding: 20px 20px 20px 20px;
			margin: 0px 0px 0px 0px;			
			margin-left: auto;
			margin-right: auto;
		}
	
/*****************************************************************************/
/* VIDEOS PAGE */
/*****************************************************************************/
	
	a span
	{
		display: block;
	}

		/*----------------------------------------------------------------------------------------*/
	/*
		.threecols		
		{
			max-width: 1006;		
			
			xx-background-color: Gray;
			xx-margin: 0px auto 0px auto;
			xx-padding: 0px 0px 0px 0px;			
			xx-display: table;			
						
			xx-aposition: relative;
			display: table; 
			width: 100%;
			margin: auto;
			padding: 0px 0px 0px 0px;
			border: 0; 
			clear: both;
			border-spacing: 0; /* required by Opera 6 */			
/*			amargin: auto;
		}
		div.cols 
		{
			height: 100%;
		}
		.threecols div
		{
			margin: 0px auto 0px auto;
			padding: 0px 0px 0px 0px;			
		}		
		.threecolsrow		
		{
			display: table-row;
			height: 100%;
		}	
		.col
		{
			display: table-cell;
			border: 0;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px; 
			vertical-align: top;
			min-height: 100%; /* opera6 needs min-height but moz/IE needs height */			
/*		}
			.col1
			{
				background-color: Red;
				
				width: 12%;
				height: 100%;
				aposition: relative;
				adisplay: table-cell;
				float: left;
			}
			.col2
			{
				background-color: Blue;
				
				width: 76%;
				height: 100%;
				adisplay: table-cell;
				float: left;
				aposition: relative;
				text-align: center;
			}
			.col3
			{
				background-color: Green;
				width: 12%;
				height: 100%;
				adisplay: table-cell;
				float: left;
				aposition: relative;
			}
			
			.col1 div, .col3 div 
			{										
				height: 232px;
				background-repeat: no-repeat;
				background-position: center center;
				position: relative;
			}
				.col1 .colimage1 { abackground-color: #800000; background-image: url("/img/icons/0a.gif"); }
				.col1 .colimage2 { abackground-color: #900000; background-image: url("/img/icons/1a.gif"); }
				.col1 .colimage3 { abackground-color: #A00000; background-image: url("/img/icons/2a.gif"); }
				.col1 .colimage4 { abackground-color: #B00000; background-image: url("/img/icons/3a.gif"); }
				.col1 .colimage5 { abackground-color: #C00000; background-image: url("/img/icons/4a.gif"); }
				.col1 .colimage6 { abackground-color: #D00000; background-image: url("/img/icons/5a.gif"); }				
				.col3 .colimage1 { abackground-color: #800000; background-image: url("/img/icons/0b.gif"); }				
				.col3 .colimage2 { abackground-color: #900000; background-image: url("/img/icons/1b.gif"); }
				.col3 .colimage3 { abackground-color: #A00000; background-image: url("/img/icons/2b.gif"); }
				.col3 .colimage4 { abackground-color: #B00000; background-image: url("/img/icons/3b.gif"); }
				.col3 .colimage5 { abackground-color: #C00000; background-image: url("/img/icons/4b.gif"); }
				.col3 .colimage6 { abackground-color: #D00000; background-image: url("/img/icons/5b.gif"); }	
		*/		
		/*----------------------------------------------------------------------------------------*/
	
		.ptitle
		{
			DEBUG-background-color: Gray;

			display: table; 
			width: 100%;
			margin: auto;
			padding: 0px 0px 0px 0px;
			border: 0; 
			clear: both;
			border-spacing: 0; /* required by Opera 6 */			
		}
		.ptitlerow		
		{
			display: table-row;
			height: 100%;
		}	
		.ptitle div
		{
			margin: 0px auto 0px auto;
			padding: 0px 0px 0px 0px;			
		}		
		.pspace 
		{
			awidth: 203px;
			aheight: 144px;
		}		
		.ptitlerow
		{
			display: table-cell;
			border: 0;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px; 
			vertical-align: top;
			min-height: 100%; /* opera6 needs min-height but moz/IE needs height */			
			float: left;
			aheight: 100%;
		}
			.ptitle1
			{
				DEBUG-background-color: Red;

				height: 144px;				
				background-image:  url(./img/title/left.jpg);
				background-repeat: no-repeat;
			}
			.ptitle2
			{
				DEBUG-background-color: Blue;

				text-align: center;
			}
			.ptitle3
			{
				DEBUG-background-color: Green;

				
				background-image:  url(./img/title/right.jpg);
				background-repeat: no-repeat;				
				height: 144px;				
			}
			
		/*----------------------------------------------------------------------------------------*/

		.videolist
		{				
			
			list-style: none;
			
			margin: 0px 0px 0px 0px; 			
			padding: 0px 0px 0px 0px;	
			
			font-size: 0px;/*eliminate the extra white-space between .item-list*/		
		}
		.videolist li
		{					
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 10px 0px;
			
			display: block;
			float: left;
		
			width: 50%;		
			min-width: 50%;		
			height: 106px;
			min-height: 106px;
			overflow: visible;
		}
		.videoicon
		{
			border: solid 1px black;
		}
			.videolist1
			{
				DEBUG-background-color: #c0c0c0;								
			}
				.videolist1 .image
				{	
					DEBUG-background-color: Red;
										
					border: solid 1px black;	
				}
				.videolist1 .data
				{			
					DEBUG-background-color: Green;										
				}				
				.videolist1 a
				{					
				}
			.videolist2
			{		
				DEBUG-background-color: #a0a0a0;									
			}
				.videolist2 .image
				{
					DEBUG-background-color: red;
										
					border: solid 1px black;				
				}
				.videolist2 .data
				{						
					DEBUG-background-color: Green;										
					
					
					text-align: center;
				}
				.videolist2 a
				{					
				}
				
				


		/*----------------------------------------------------------------------------------------*/


		.linkgroup
		{
			DEBUG-background-color: rgb(0,120,0);

			list-style-type: none;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px
		}
			.link
			{
				DEBUG-background-color: rgb(0,200,0);

				padding: 0px 0px 20px 0px;
				margin: 0px 0px 0px 0px;
			}
				.link a {
					DEBUG-background-color: red;

					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					text-decoration: none;					
					font-size: larger;
				}				
				.link a:visited {color: #800000}  /* visited link */
				.link img {
					border: none;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
				}
				.link p
				{
					DEBUG-background-color: yellow;

					margin: 0px 0px 0px 0px;
					padding: 0px 0px 20px 0px;
				}
	
		/*----------------------------------------------------------------------------------------*/

		.faqgroup
		{
			abackground-color: red;

			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		.faqgroup div
		{
			text-align: left;
		}
			.faqgroup h3 
			{
				abackground-color: #Ff0FF0;
				
				margin:  0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;				
			}
			.faqlist
			{
				abackground-color: green;

				list-style-image: url('./img/listitem.gif');								
				margin-bottom: 0px;
			}
				.faq
				{
					abackground-color: #00aa00;
					padding: 0px 0px 0px 10px;
					margin: 0px 0px 0px 0px;
				}
					.faqquestion
					{
						abackground-color: #808000;
						
						font-size: larger;												
						padding: 0px 0px 10px 0px;
					}
					.faqanswer
					{
						abackground-color: #a0a000;
						
						padding: 0px 0px 10px 0px;		
					}
			
		/*----------------------------------------------------------------------------------------*/

		.greetings
		{
			DEBUG-sbackground-color: #808080;

			padding: 20px 20px 20px 20px;
		}


		.members
		{			
			DEBUG-background-color: #a0a0a0;
			
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px ;

			padding:0;
			list-style-type:none;
			font-size: 0px;/*eliminate the extra white-space between .item-list*/
			
		}
			.member
			{
				background-color: #008080;

				margin: auto auto auto auto;					
				padding: 0px 0px 0px 0px;

				vertical-align: text-top;

				width: 33%;
				
				display:-moz-inline-stack;	/*Firefox need this to simulate display:inline-block*/
				display:inline-block; 		/*IE does not apply this to Block Element, and Firefox does not render this, too*/
				_overflow:hidden;		/*fix IE6 to expanded content*/
				zoom:1;				/*trigger hasLayout*/
				display:inline;		/*once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block*/
			
			}
				.memberlink
				{
					padding-top: 10px;
				}
	

		/*----------------------------------------------------------------------------------------*/


.paper
{
	DEBUG-background-color: #808080;

	padding: 0 0 0 0;
	margin: 20px auto 20px auto;
	width: 80%;
}
	.papertopleft
	{		
		DEBUG-background-color: #909090;

		background: url("./img/11.gif") 0 0 no-repeat;
		height: 38px;
		padding: 0 0 0 38px;
		margin: 0 auto 0 0;
	}
		.papertopright
		{
			DEBUG-background-color: #a0a0a0;

			background: url("./img/13.gif") 100% 0 no-repeat;
			padding: 0 38px 0 0;
			margin: 0 0 0 0;
			height: 38px;
		}
			.papertopcenter
			{
				DEBUG-background-color: #b0b0b0;

				background-image: url("./img/12.gif");				
				height: 38px;
				margin: 0 0 0 0;
			}
	.papermiddleleft
	{		
		DEBUG-background-color: #b0b0b0;

		background: url("./img/21.gif") 0 0 repeat-y;
		padding: 0 0 0 38px;
		margin: 0 auto 0 0;
	}
		.papermiddleright
		{
			DEBUG-background-color: #c0c0c0;

			background: url("./img/23.gif") 100% 0 repeat-y;
			padding: 0 38px 0 0;
			margin: 0 0 0 0;
		}
			.papermiddlecenter
			{
				DEBUG-background-color: #d0d0d0;

				background-image: url("./img/22.gif");				
				margin: 0 0 0 0;
				text-align: center;
			}
	.paperbottomleft
	{		
		DEBUG-background-color: #e0e0e0;

		background: url("./img/31.gif") 0 0 no-repeat;
		height: 48px;
		padding: 0 0 0 38px;
		margin: 0 auto 0 0;
	}
		.paperbottomright
		{
			DEBUG-background-color: #f0f0f0;

			background: url("./img/33.gif") 100% 0 no-repeat;
			padding: 0 38px 0 0;
			height: 48px;
			margin: 0 0 0 0;
		}
			.paperbottomcenter
			{
				DEBUG-background-color: #c0c0c0;

				background-image: url("./img/32.gif");				
				height: 48px;
				margin: 0 0 0 0;
			}


		/*----------------------------------------------------------------------------------------*/

	.invisible 
	{
		xvisibility: hidden;
		DEBUG-background-color: rgb(128,128,0);		
		color: rgb(189,174,140);
		width: 0px;
		height: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 0px;
		position: fixed;
	}


		.error
		{			
			text-align: center;
			color: rgb(150,0,0);
			FONT-WEIGHT: 700;
			FONT-SIZE: 20px;
			
			padding: 100px 100px 100px 100px;
			bottom: auto;
			top: auto;
			height: 100%;
			min-height: 100%;
		}





/*
.supera
{
	width: 100%;
	text-align: center;	
}
.a
{	
	width: 911px;
	height: 180px;
	margin-left: auto;
	margin-right: auto;
}
	.a1
	{		
		width: 204px;
		height: 100%;
		float: left;
		background-image: url("./img/title/left.jpg");	
		background-position: center center;
		background-repeat: no-repeat;
	}
	.a2
	{			
		width: 500px;
		height: 100%;
		float: left;
	}
	.a3
	{
		height: 100%;				
		width: 204px;		
		float: left;
		background-image: url("./img/title/right.jpg");	
		background-position: center center;
		background-repeat: no-repeat;
	}
.a > div.a1 , .a > div.a3
{
		min-width: 204px;
		width: 10%;
}
*/