body {margin: 0; padding: 0;
	background: #eee;
}
body, table {
	font-size: 12px;
	font-family: verdana, arial, tahoma, "Trebuchet MS", helvetica, sans-serif;
	line-height: 150%;
	color: #000;
}
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 {
	margin: 0 10%;
	padding: 0 1px;
	*padding: 0;
}

/*	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;
}
/*	Common padding for the 4 BASIC Structural DIVs
	#logo, #nav AND #spacer HAVE NO PADDING
	**********************************************************/
#top,
#header,
#main,
#footer {
}

/*	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: 0px;
	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: 52%;}
.rightCell {display: table-cell; vertical-align: top; width: 28%;}

.leftMiddleCell {display: table-cell; vertical-align: top; width: 72%;}
.middleRightCell {display: table-cell; vertical-align: top; width: 80%;}
.soleCell {display: table-cell; vertical-align: top; width: 100%;}
.cell {display: table-cell; vertical-align: top;}

.tableSpan {clear: both;}

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

.leftCell,
.middleCell,
.rightCell,
.leftMiddleCell,
.middleRightCell {
	*float:left;
}
/*	=====================================================
	END --> FOR IE < 9
	=====================================================*/

/*	=====================================================
	COMMON STYLES FOR ALL PAGE DEVISIONS OF THIS DESIGN - CAN BE CHANGED SEPARATELY IN EVERY PAGE DIVISION
	=====================================================*/

.sliderBG {margin-bottom: 12px}
.leftMiddleCell .sliderBG {margin-right: 25px}

.bg {}

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

/*	=====================================================
	TOP LOGIN CLASSES
	=====================================================*/
#top {text-align: center;}
#top .divTable {margin: 0 auto;}
#top .leftCell {padding-top: 4px}
#top .middleRightCell {padding-top: 4px}

/*	=====================================================
	HEADER AND LOGOTYPE CLASSES
	#header includes #logo, #nav and #spacer
	=====================================================*/

#header {}

#logo {}
#logo .divTable {
	height: 110px;
	background-position: left bottom;
	background-repeat: no-repeat;
}
#logo .divRow {}
#logo .bg {}
#logo .leftMiddleCell {vertical-align: bottom; width: 60%;}
#logo .leftMiddleCell img {display: block;}

#logo .rightCell {vertical-align: middle; width: 40%;}
#logo .rightCell .bg {text-align: center;}

/*	=====================================================
	NAVIGATION CLASSES 
	=====================================================*/
#nav {
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
	padding: 1px 0;
	margin: 1px 0;
	background: #999 url('../imgPg/grad60WT40.png') left bottom repeat-x;
}
#nav .divTable {}
#nav .divRow {}

#nav .leftCell {}
#nav .leftCell .bg {padding: 5px 0 0 2px;}
#nav .middleCell {vertical-align: center;}
#nav .middleCell .bg {
	text-align: center;
	padding: 3px 10px;
}
#nav .rightCell {vertical-align: center;}
#nav .rightCell table {margin: 0 auto;}
#nav .rightCell .bg {text-align: center;}

#nav .soleCell {text-align: left; vertical-align: middle;}

/*	=====================================================
	SPACER CLASSES - NOT USED FOR THIS DESIGN
	=====================================================*/
#spacer {}
#spacer .divTable {}
#spacer .divRow {}

/* Advertise cells
******************************/
.cellABCD, .cellAB, .cellA, .cellB, .cellCD, .cellC, .cellD {
	display: table-cell;
	vertical-align: top;
}
.cellABCD {width: 100%;}
.cellAB {width: 50%;}
.cellCD {width: 50%;}
.cellA,
.cellB {width: 25%;}
.cellC,
.cellD {width: 25%;}


/*	=====================================================
	MAIN CLASSES
	=====================================================*/
#main {}
#main .divTable {}
#main .divRow {}background: #fff;

#main .leftCell {}
#main .leftCell .bg {margin: 15px 0; padding: 0;}

#main .middleCell {}
#main .middleCell .bg {
	position: relative;
	margin: 15px;
	padding: 5px 20px 15px 20px;
	background: #fff;
	border: 1px solid #ddd;
}

#main .rightCell {}
#main .rightCell .bg {
	margin: 15px 0; 
	padding: 0;
}

#main .leftMiddleCell {}
#main .leftMiddleCell .bg {
	position: relative;
	margin: 15px 25px 15px 0;
	padding: 25px;
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 5px;
}

#main .middleRightCell {}
#main .middleRightCell .bg {
	position: relative;
	margin: 15px 0;
	padding: 0 5px 0 15px;
	background: #fff;
	border: 1px solid #ddd;
}

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

#footer a {color: #fc6;}
#footer a:hover {color: #fff;}
#footer .bg {padding: 4px;}

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

#footer .cell {
	border-top: 2px solid #444;
	width: 50%;
}
#footer .cell:last-child {
	text-align: right;
}

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