@charset "utf-8";
/* CSS Document */


/*
 BASE COLORS

	TEXT main page
	#713a16 on over #3900bb
 
*/



/* 
+=============================================================+
|
|                        COMMON
|
+=============================================================+
*/

body
{
	height:100%;
}

.bodymain1
{	
	padding: 0;
	margin: 0;
	background-image: url(../images/common/background1.jpg);
	background-repeat: repeat-y repeat-x;
	text-align: center;
	font: normal 100% /* IE hack */  Verdana, Arial, Helvetica, sans-serif;
	
	/*
	text-align: center;
	scrollbar-face-color: #000287; 
	scrollbar-track-color: #293452; 
	scrollbar-arrow-color: #DEC321; 
	scrollbar-shadow-color: #000000; 
	scrollbar-highlight-color: #AAAAAA; 
	scrollbar-darkshadow-color: #29518C; 
	scrollbar-3dlight-color: #29518C;
	*/
}	


/*RESIEZE WHOLE PAGE with resizing default 16px font size*/
BODY {

	font-size:100%
}

/*Child selector */
html>body{font-size: 16px;}
html>body {font-size:1em};

table , select, input
{
	font-size: 100% /* IE hack */ ;
}


.clear
{
	clear: both;
}

#CelarBoth, #Clear
{ 
	clear: both;
}


#Clear
{
	clear:both;
}


img
{
	border: none;
}

a:link, a:visited
{
	text-decoration: none; color: #713a16;
}

a:hover
{
	text-decoration: underline; color: #129500;
	
}

/* 
---------------------------------------------------------------------
|                        Page CONTENT
---------------------------------------------------------------------
*/
#PageContent{
	position: relative;
	z-index: 3;
	margin: 0 auto;
	width: 44.3em;
	height: 100%;
	text-align: left;		
}

#PlayAudio
{
	position: absolute;
	bottom: 0;
	left: 0;	
	display: none;	

}

#LeftNews
{
	position: absolute;
	top: 70px;
	right: 50px;
	z-index: 5;	
}

#LeftNews h1
{
	font-size: 1em;
	font-weight: bold;
	color: #713a16;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;	
}

#LeftNews table
{
	border: 1px solid #713a16;	
}



#Top
{  
	position:relative;
}

#Left
{
	float:left;
	position:relative;
	margin-top: -1em;
}

#Right
{
	float:right;
	position:relative;
	margin-top: -1em;
}

#Bottom
{
	position:relative;
	
}


/* 
---------------------------------------------------------------------
|                        LEFT Table
---------------------------------------------------------------------
*/
.LeftTable
{
	width: 22.1250em;
	background: url(../images/common/Main-BackPaper-L.jpg);
}

.LeftTable .top
{
	height: 10.7500em;
	border: 1px solid #00FF00;
}

.LeftTable .top .t1
{
	width: 1.5625em;
	height: 10.7500em;
	background: url(../images/common/MainLeft-R_L_O.jpg);
}

.LeftTable .top .t2
{
	height: 10.7500em;
	background: url(../images/common/MainLeft-R_O_M.jpg);	
}

.LeftTable .top .t3
{
	width: 3.1250em;
	height: 10.7500em;
	background: url(../images/common/MainLeft-R_R_O.jpg);
}

.LeftTable .middle
{

}

.LeftTable .middle .t1
{
	width: 1.5625em;
	background: url(../images/common/MainLeft-R_L_M.jpg);
}

.LeftTable .middle .t2
{
	text-align: center;
}

.LeftTable .middle .t3
{
	width: 3.1250em;
	background: url(../images/common/MainLeft-R_R_M.jpg);
}

.LeftTable .bottom
{
	height: 1.8750em;
}

.LeftTable .bottom .t1
{
	width: 1.5625em;
	height: 1.8750em;
	background: url(../images/common/MainLeft-R_L_U.jpg);
}

.LeftTable .bottom .t2
{
	height: 1.8750em;
	background: url(../images/common/MainLeft-R_U_M.jpg)	
}

.LeftTable .bottom .t3
{
	width: 3.1250em;
	height: 1.8750em;
	background: url(../images/common/MainLeft-R_R_U.jpg);
}



/* 
---------------------------------------------------------------------
|                        RIGHT Table
---------------------------------------------------------------------
*/
.RightTable
{
	width: 22.1250em;
	background: url(../images/common/Main-BackPaper-R.jpg);
}

.RightTable .top
{
	height: 10.7500em;
}

.RightTable .top .t1
{
	width: 1.5625em;
	height: 10.7500em;
	background: url(../images/common/MainRight-R_L_O.jpg);
}

.RightTable .top .t2
{
	height: 10.7500em;
	background: url(../images/common/MainRight-R_O_M.jpg);	
}

.RightTable .top .t3
{
	width: 3.1250em;
	height: 10.7500em;
	background: url(../images/common/MainRight-R_R_O.jpg);
}

.RightTable .middle
{
	
}

.RightTable .middle .t1
{
	width: 1.5625em;
	background: url(../images/common/MainRight-R_L_M.jpg);
}

.RightTable .middle .t2
{
	text-align: center;
}

.RightTable .middle .t3
{
	width: 3.1250em;
	background: url(../images/common/MainRight-R_R_M.jpg);
}

.RightTable .bottom
{
	height: 1.8750em;
}

.RightTable .bottom .t1
{
	width: 1.5625em;
	height: 1.8750em;
	background: url(../images/common/MainRight-R_L_U.jpg);
}

.RightTable .bottom .t2
{
	height: 1.8750em;
	background: url(../images/common/MainRight-R_U_M.jpg)	
}

.RightTable .bottom .t3
{
	width: 3.1250em;
	height: 1.8750em;
	background: url(../images/common/MainRight-R_R_U.jpg);
}




/* 
---------------------------------------------------------------------
|                        center menus
---------------------------------------------------------------------
*/

#CenterMenus1
{
	position: relative;
	margin-top: 0.5em;		
}

#CenterMenus1 img
{
	position: relative;	
	width: 13em;
	height: 2.2500em;
}

#CenterMenus1 .Text
{
	position: absolute;
	top: 0.44em;
	right: 1.5em;	
	width: 13em;	
}
#CenterMenus1 .Text h1
{
	position: relative;
	/* FOR Mozila, to be at the top position not bear to the top*/
	margin-top: 0em;	
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	color: #713a16;
	font-family: Arial, Helvetica, sans-serif;
	/*letter-spacing: 0em;*/
	line-height: 1em;
}



#CenterMenus2
{
	position: relative;
}

#CenterMenus2 img
{
	position: relative;
	width: 14.6250em;
	height: 3.1250em;
	
}

#CenterMenus2 .Text
{
	position: absolute;
	top: 0.43em;
	right: 1.5em;	
	width: 13em;
}
#CenterMenus2 .Text h1
{
	position: relative;
	/* FOR Mozila, to be at the top position not bear to the top*/
	margin-top: 0em;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	color: #713a16;
	font-family: Arial, Helvetica, sans-serif;
	/*letter-spacing: 0em;*/
	line-height: 1em;
}


/* 
---------------------------------------------------------------------
|                        TOP
---------------------------------------------------------------------
*/

.Top
{
	position: relative;
	margin-top: -0.5em;
}

.Top img
{
	position: relative;	
	width: 44em;
	height: 2.5000em;	
}

.Top .Text
{
	position: absolute;
	top: 0.5em;
	right: -1em;
	width: 44.2500em;
	text-align: center;	
}
.Top .Text span
{
	position: relative;
	/* FOR Mozila, to be at the top position not bear to the top*/
	margin-top: 0em;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	color: #713a16;
}



/* 
---------------------------------------------------------------------
|                        BOTTOM
---------------------------------------------------------------------
*/

.Bottom
{
	position: relative;
	margin-top: -0.5em;
	display: none;
}

.Bottom img
{
	position: relative;	
	width: 44.2500em;
	height: 1.8750em;
}

.Bottom .Text
{
	position: absolute;
	top: 0.4em;
	right: -1em;
	width: 44.2500em;
}
.Bottom .Text span
{
	position: relative;
	/* FOR Mozila, to be at the top position not bear to the top*/
	margin-top: 0em;
	text-align: left;
	font-size: 0.8em;
	font-weight: bold;
}



