/*
====================================
	2eSiteV1
======================================
	SX STYLES - STRUCTURE CLASSES
======================================
Go to row:
30		=	BASIC PAGE STRUCTURE
50		=	ALL SITE FRAMES AND CELLS
70		=	HEADER
210	=	MAIN BODY
270	=	FOOTER

*/

body	{margin: 1; }

body, table, input, select, h1, h2, h3 {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #003333;
	font-size: 11px;
	}
form	{margin: 0px; padding: 0px;}
hr		{height: 2px; color: #000000;	}
ul		{margin-left: 18px;}
ol		{margin-left: 24px;}
a			{color: #c00000; text-decoration: none;}
a:hover	{color: #0033cc;}

/* 
=====================================================================
== BASIC PAGE STRUCTURE 
===================================================================== */

#pageFrame {
	height: 100%;
	}
#pageBG {}

/*
== FOR ADVERTISEMENT IN THE RIGHT SIDE OF THE SITE*/
#adsFrame	{
	position: absolute; left: 80.5%; top: 1px;
	padding-left: 8px;
	padding-right: 2px;
	background-position: left top; 
	background-image:url('../imgPG/lineV9x6.gif'); 
	background-repeat:repeat-y;
	text-align: center;
	}
/*
=====================================================================
==== ALL SITE FRAMES AND CELLS
===================================================================== */

#headerFrame, #mainFrame, #footerFrame {
	padding: 0 1;
	border-left: 4px solid #000000;
	border-right: 4px solid #000000;
}
.leftCell			{width: 19%;}
.middleCell			{width: 55%;}
.rightCell			{width: 26%}
.middleRightCell	{width: 81%}

/*
=====================================================================
////////////////////////////////////////////// HEADER 
===================================================================== */

#headerFrame {}

/*	=================================
	THE LOGO DIV & TABLE 
	================================= */
#headerBG {
	width: 100%;
	background-position: right bottom; 
	background-repeat:no-repeat;
}
#headerBG object {width: 100%; height: 128px}
#headerBG embed {width: 100%; height: 128px}

#headerTable {width: 100%; height: 148px;
	}

#headerTable .leftCell {
	vertical-align: bottom;	text-align: left;
	}
#headerTable .middleCell {
	vertical-align: bottom; text-align: center;
	background-position: center bottom; background-repeat:no-repeat;
	}
#headerTable .rightCell {
	vertical-align: bottom; text-align: right;
	background-position: right bottom; background-repeat:no-repeat;
	}

#headerTable .leftBox	{}
#headerTable .middleBox	{
	overflow: visible; 
	color: #000000;	
	text-align: right;
	font-weight: bold;
	font-style: italic;
	margin: 10 10 4 10;
	}
#headerTable .middleBox	div{padding: 4 10px;}
#headerTable .middleBox	a {color: #000000;}
#headerTable .middleBox	a:hover {color: #cc6666;}

#headerTable .rightBox	{text-align: right; color: #000000;}
#headerTable .rightBox div {}

#headerTable .bannerCell {border-left: 2px solid #000000; padding-left: 1px}

/*	=================================
	THE BAR DIV & TABLE 
	================================= */
#barBG {
	width: 100%;
	padding: 1px 0;
	margin-top: 1px;
	border-top: 4px solid #000000;
	border-bottom: 4px solid #000000;
	}
#barTable {
	text-align: right;
	width: 100%;
	background-color: #909999; 
	padding: 2 0;
	}
#barTable .leftCell {text-align: center }
#barTable .leftCell div {color: #e0e4e4;}
#barTable .middleCell {background-position: center bottom; background-repeat:no-repeat }
#barTable .middleCel div {}
#barTable .rightCell {text-align: right; pading-right: 1px}
#barTable .rightCell div {}

/*Wheb bar is on the right of the logo image */
#barTable .innerMiddleCell {width: 69%;}
#barTable .innerRightCell {width: 31%; text-align: right; pading-right: 1px}

#marqueeBG				{margin: 0 10px; font-weight: bold; font-size: 12px; font-style: italic; text-decoration: none}
#marqueeBG a 			{display: block; padding: 2px 0; color: #e0e4e4; }
#marqueeBG a:hover	{display: block; padding: 2px 0; color: #dddd00;}

/*	=================================
	FOR SEARCH INPUTS IN THE HEADER
	================================= */
.searchInput  {
	padding: 1 2 0 2;
	margin-right: 2; 
	height: 18; 
	width: 64%;
	border: 1px solid #d0d4d4;
	background-color: #f0f4f4;
	font-size: 11px;
	}
.searchSubmit {
	height: 18;
	width: 33%;
	margin-right: 2px;
	color: #ffffff; 
	font-size: 10px; 
	border: 1px solid #d0d4d4; 
	background-color: #808888;
	font-weight: bold;
	cursor: hand;
	}

/*	=================================
	WHEN THE LOGOTYPE IS TEXT RATHER THAN IMAGE
	=========== =========== =========== */
.logoTitle {
	font-size: 22px; 
	letter-spacing: 1px;
	margin: 50px 0 0 0; 
	font-weight: bold; 
	font-family: "Times New Roman", Times, arial, verdana;
	}
.logoSubTitle {
	margin: 0 0 2 0;
	letter-spacing: 3px;
	font-size: 13px; 
	font-style: italic; 
	font-weight: bold; 
	font-family: "Times New Roman", Times, serif;
	}

/*	=================================
	FOR ABSOLUT POSITION DIVs (sx_headerTop.asp)
	=========== =========== =========== */
.headerTopPosition {
	position: absolute; 
	text-align: right;
	z-index: 0;
	}
.headerWidth { }
.portraitBG	{margin: 100px 40px 0 0}
.portraitBG	div{}
.dateBG {float: right; font-size: 10; z-index: 100;}
.flagBG {float: right; padding: 0;z-index: 100;    
	}
.topSearch {position: absolute; left: 520;}
.topSearch form {}
.topSearch .topInput {height: 18px; width: 120px; margin-right: 1px;}
.topSearch .topSubmit {height: 18px; width: 50px; background-color: #dddddd;color: #666666; border: 1px solid #aaaaaa; cursor: hand;}


/*
=====================================================================
////////////////////////////////////////////// MAIN BODY
===================================================================== */

#mainFrame {
	margin: 1px 0 1 0;
}
#mainBG {
	width: 100%;
	padding: 15 0 20 0;
	background-color: #e3e6e9;
}

/*	=================================
	MAIN TABLE CELLS 
	=========== =========== =========== */
#mainTable {width: 100%;
	background-color: #e3e6e9;
	}
#mainTable .leftCell {
	padding-right: 1px;
}
#mainTable .middleCell {
	}
#mainTable .rightCell {
	padding: 0 5px 0 20px;
	}
#mainTable .middleRightCell	{}

/*	=================================
	DIVS WITHIN MAIN TABLE CELLS
	=========== =========== =========== */
#mainLeftBox {
	}
#mainMiddleBoxFirstPage {
	margin: 0;
	padding: 5 25;
	border: 1px solid #c0c0c0;
	background-color: #f9ffff;
	}
#mainMiddleBox {
	clear: both;
	margin: 0;
	padding: 5 25 25 25;
	border: 1px solid #c0c0c0;
	background-color: #f9ffff;
	}
#mainMiddleRightBox { 
	margin: 0 5 0 0;
	padding: 0 1 0 20;
	background-color: #f9ffff;
	height: 100%;
	}
#mainRightBox	{}


/*
=====================================================================
////////////////////////////////////////////// FOOTER
===================================================================== */

#footerFrame {
	font-size: 10px;
	}
#footerBG {	width: 100%;}

#footerTable {width: 100%;
	color: #000000; 
	font-size: 10px;
	padding-top: 10px;
	background-color: #808888;
	}
#footerTable a			{color: #aa3333; text-decoration: undeline; }
#footerTable a:hover	{color: #0000cc}
#footerTable tr	{height: 100%;}

#footerTable .leftCell 	{}
#footerTable .middleCell {text-align: center; }
#footerTable .rightCell	{text-align: right;}

.footerLeftBox,.footerMiddleBox, .footerRightBox {
	height: 100%;
	padding: 8 4;
	margin: 3;
	border: 1px solid #b0b8b8;
	background-repeat:repeat-x;
	background-image:url('../imgPG/3DGrayR.gif');
	background-color: #eaecec;
	}

/*	=================================
	THE FOOT OF FOOTER
	=========== =========== =========== */
#statInfo {float: left; color: 000000; margin-left: 2px;height: 100%; padding-left:1px}

#poweredBy {float: right; color: #a0a9a9; margin: 2 4 10 0; text-align: right;}
#poweredBy a {color: #a0a9a9; text-decoration: underline;}
#poweredBy a:hover {color: #a00000}

/* 
==== END
*/