body {margin: 0; padding: 0;
/*	background: #e5e5e5; 
	background: url(../imgPG/bck03.jpg) repeat;
*/
}
body, table {
/*	font-size: 14px; */
	font-size: 1em;
	font-family: Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica; 
	line-height: 150%;
	color: #444;
}
table {
	border-collapse: separate;
	border-spacing: 1px 1px;
}

/*	=====================================================
	GENERAL STRUCTURE CLASSES FOR ALL PAGES
	=====================================================*/

/*	3 DIVs For Page margines, background colors and images
	**********************************************************/
#pageFrame {}
#pageBG {}
#page {}

/*	4 + 3 = 7 STRUCTURAL DIVs For the DIVISION of all Pages - INCLUDE all Tables
	#header INCLUDES #logo, #nav AND #spacer - if they are all used
	**********************************************************/
#top,
#header,
	#logo,
	#nav,
	#spacer,
#main,
#footer {
	clear: both;
	*height: 100;
	*zoom: 1;
	*overflow: hidden;
}
/*	Common padding for the 4 BASIC Structural DIVs
	#logo, #nav AND #spacer HAVE NO PADDING
	**********************************************************/
#top,
#header,
#main,
#footer {
	padding-left: 2%;
	padding-right: 2%;
}

#main {position: relative;}

/*	All Tables, Table-Rows and Table-Cells - INCLUDED within the above 5 STRUCTURAL DIVISION
	**********************************************************/
.divTable {
	clear: both; 
	display: table;
	width: 100%; 
	margin: 0 auto;
	text-align: left;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}

.divRow {clear: both; display: table-row;}

.leftCell {display: table-cell; vertical-align: top; width: 20%;}
.middleCell {display: table-cell; vertical-align: top; width: 56%;}
.rightCell {display: table-cell; vertical-align: top; width: 24%;}
.leftMiddleCell {display: table-cell; vertical-align: top; width: 76%;}
.middleRightCell {display: table-cell; vertical-align: top; width: 80%;}
.soleCell {display: table-cell; vertical-align: top; width: 100%;}

.tableSpan {clear: both;}
.sliderBG {}

/*	=====================================================
	FOR IE < 9
	=====================================================*/
.divTable {
 *display: block;
 *width: none;
 *zoom: 1;
}
.divRow {
 *display: block;
 *height: 100%;
 *width: 100%;
 *zoom: 1;
}

.leftCell,
.middleCell,
.rightCell,
.leftMiddleCell,
.middleRightCell {
 *float:left;
}

/*	=====================================================
	COMMON STYLES FOR ALL PAGE DEVISIONS OF THIS DESIGN - CAN BE CHANGED SEPARATELY IN EVERY PAGE DIVISION
	=====================================================*/
/*	Pages that include SLIDER or/and SUB-TABLE
	**********************************************************/
.sliderBG {
	margin-bottom: 10px;
	margin-left: 10px;
}
.subTableBG {
	margin-left: 10px;
}

/*	All BG Classes for both TABLE AND SUB-TABLE CELLS - with adjustments for IE < 9
	**********************************************************/
.bg {
	padding: 2px 8px;
	*height: 100%;
	*zoom: 1;
}

/*	All Cell Margins - foe Basic TABLES - Not SUB-TABLES
	**********************************************************/
.middleCell .bg {
	margin-left: 10px;
	margin-right: 10px;
}

.middleRightCell .bg {
	margin-left: 10px;
}

/*	All BG Classes for SUB-TABLE Cells (Cancel previous definitions -set to 0 - and set new ones)
	**********************************************************/
.subTableBG .bg {margin: 0;}
.subTableBG .leftCell .bg {margin-right: 5px}
.subTableBG .rightCell .bg {margin-left: 5px}


/* /////////////////////////////////////////////////////////
------------------------------------------------------------
	THE 4 (+3) PAGE DIVISIONS: #top, #header, #main, #footer 
	(#header can include #logo, #nav and #spacer)
------------------------------------------------------------
///////////////////////////////////////////////////////// */

/*	=====================================================
	TOP LOGIN CLASSES
	=====================================================*/
#top {
	background: #2b2b2b url('../imgPG/grad60TW40_.png') repeat-x left top;
	text-align: center;
	border-bottom: 1px #dbdbdb solid;
	line-height: 100%;
/*	padding-top: 4px;
	padding-bottom: 4px; */
}


#top .divTable {margin: 0 auto;}
#top .leftCell {padding-top: 4px;height: 40px;}
#top .middleCell img {display: block; margin: auto;}
#top .rightCell table {margin-left: auto;}
#top .middleCell table {margin: 0 auto; color: #ffffff;}
#top .rightCell {  text-align: right; }

#top .middleCell {display: table-cell; vertical-align: top; width: 70%;}
#top .rightCell {display: table-cell; vertical-align: top; width: 10%;}

#logedin td {vertical-align: top; padding: 0 6px; text-align: right}
#logedin td:nth-of-type(n+2) {border-left: 1px solid #666}

#top input[type="text"],
#top input[type="password"]
 {background: #ffffff; color: #000; border: 1px solid #999; margin: 0 2px; padding: 2px;}

/*	=====================================================
	HEADER AND LOGOTYPE CLASSES
	#header includes #logo, #nav and #spacer
	=====================================================*/
#header {
/*	background: #000 url('../imgPG/grad240WT40.png') left bottom repeat-x; */
}

#logo {
/* background-color: #e0e0e0; */
}

#logo .divTable {
/* background-color: #d1d1d1; */
}
#logo .divRow {}
#logo .bg {
	padding: 1px;
	text-align: center;
	background: transparent;
}
#logo .leftCell {vertical-align: bottom;}
#logo .middleCell {vertical-align: bottom;
/* padding-top: 120px; for explorer must */
padding-top: 15px;
}
#logo .rightCell {vertical-align: bottom;}
#logo .rightCell .bg {text-align: right; padding-top: 4px}


/*	=====================================================
	NAVIGATION CLASSES - NOT USED FOR THIS DESIGN
	=====================================================*/
#nav {}
#nav .divTable {}
#nav .divRow {}
#nav .tableSpan {text-align: center;}
#nav .tableSpan .bg {}

/*	=====================================================
	SPACER CLASSES - NOT USED FOR THIS DESIGN
	=====================================================*/
#spacer {margin-top: 2px;}
#spacer .bg {padding: 2px 0;}
#spacer .divTable {}
#spacer .divRow {}
#spacer .leftCell {}
#spacer .middleCell {}
#spacer .rightCell {}
#spacer .tableSpan {}

/*	=====================================================
	MAIN CLASSES
	=====================================================*/
#main {
 margin: -1px 0; 
}
#main .bg {
/*	background: #fff; */
	margin-bottom: 10px;
}

#main .divTable {
background-color: #f6f6f6;}
#main .divRow {}

#main .leftCell {}
#main .leftCell .bg {}

#main .middleCell {}
#main .middleCell .bg {}

#main .rightCell {}
#main .rightCell .bg {}

#main .middleRightCell {}
#main .middleRightCell .bg {}

#main .middleRightCell .leftCell {width: 70%; background: transparent;}
#main .middleRightCell .rightCell {width: 30%; background: transparent;}

#main .subCellWidth .leftCell {width: 50%; background: transparent;}
#main .subCellWidth .rightCell {width: 50%; background: transparent;}

/*	=====================================================
	FOOTER CLASSES
	=====================================================*/
#footer {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #aaa;
}
#footer .divTable {
	background: #333 url('../imgPG/grad240WT40.png') left bottom repeat-x;
	border-bottom: 2px solid #222;
}
#footer .divRow{}

#footer a {color: #c7a995;}
#footer a:hover {color: #fff;}
#footer .bg {}

#footer .leftCell {}
#footer .middleCell {text-align: center; padding-bottom: 5px}
#footer .rightCell {text-align: right;}

#footer .cell {
	display: table-cell;
	*float:left;
	width: 16.65%;
}

#footer .tableSpan {
	clear: both;
	background: #333 url('../imgPG/grad240WT40.png') left bottom repeat-x;
	border-top: 2px solid #555;
	padding: 5px;
	overflow: hidden;
	zoom: 1;
}
#poweredBy {text-align: right;
font-size: 0.85em;}
#conditions {}

/* 
 =================== END
*/