body {
	margin: 0; padding: 0;
	background: #e5e5e5; 
}
body, table {
	font-family: verdana, arial, tahoma, helvetica, sans-serif;
	line-height: 140%;
	font-size: 10pt;
	color: #000; 
}

#calendar {position: absolute; }

/*******************************
	PAGE STRUCTURE STYLES
*******************************/
#pageFrame {}
#pageBG {}
#page {
}
.divTable,
#logoBG, #navBG, #spacerBG, #mainBG {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0 auto;
	text-align: left;
}

.divRow,
#logo, #nav, #spacer, #main {display: table-row;}

/* General Structure cells
******************************/
.leftCell {display: table-cell; vertical-align: top; width: 20%;}
.middleCell {display: table-cell; vertical-align: top; width: 54%;}
.rightCell {display: table-cell; vertical-align: top; width: 26%;}
.mrCell {display: table-cell; vertical-align: top; width: 80%;}
.lmCell {display: table-cell; vertical-align: top; width: 74%;}

.cell {display: table-cell; vertical-align: top; width: auto;}

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


/*	===================
	HEADER - includes TOP BAR, LOGO, BAR and SPACER
	=================== */
#headerFrame {}

#logoFrame {
	position: relative;
	padding: 0 5%;
	background: #09d url('../imgPG/grad180WT80.png') left bottom repeat-x;
}

/*	TOP BAR - Not Used
	=================== */
.topBar {
	position: absolute;
	top: 0;
	right: 5%;
	line-height: 100%;
	text-align: right;
	z-index: 1000;
}
.topBar ul {
	display: table;
	margin: 0;
	padding: 0;
	list-style: none;
}
.topBar li {
	display: table-cell;
	vertical-align: top;
	margin: 0;
	padding: 2px 0 0 12px;
}

.topBar a {
	font-size: 11px;
	font-weight: normal;
	color: #039;
}
.topBar a:hover {color: #fff;}

.topBar img{
	border: 1px solid #cde;
}

/*	LOGO
	===================*/
#logoBG {
	table-layout:auto;
	margin-top: 0;
}
#logo {}

#logo .leftCell {
	vertical-align: bottom; 
	text-align: left;
}
#logo .leftCell img {
	margin: 0 auto 0 0;
}

#logo .cbg {
	color: #def !important;
	padding: 0 5px 5px 0;
	text-align: center;
}
#logo .middleCell {
	vertical-align: bottom;
	text-align: right;
}

#countSuppliers {font-size: 11px; padding: 2px;}

#logo .rightCell {
	position: relative;
	vertical-align: bottom; 
}


/*	For advertising
==================*/
#logo h3 {
	font-family: Meiryo, "Book Antiqua", Georgia, "Times New Roman", Times;
	font-size: 18px; 
	font-weight: normal; 
	letter-spacing: 0;
	color: #def;
	padding: 0;
	margin: 0 0 6px 0;
	line-height: 100%;
}
#logo h3 a {color: #def;}
#logo h3 a:hover {color: #fff}
#logo .text {
	font-family: Meiryo, "Book Antiqua", Georgia, "Times New Roman", Times;
	font-size: 12px; 
	font-weight: normal; 
	color: #def;
	padding: 0;
	margin: 0;
	line-height: 100%;
}

/*	SPACER
===================*/
#spacerBG {
	width: 90%;
	margin: 0 5%;
	background: #09d;
}
#spacer {}
#spacer .leftCell {vertical-align: middle;}
#spacer .leftCell .cbg {
	padding: 7px 4px;
}
#spacer .leftCell img{
	border: 1px solid #fff;
	margin: auto 0;
}

#spacer .middleCell {text-align: center; vertical-align: middle;}
#spacer .middleCell .cbg {
	padding: 5px 0;
	color: #def;
}

#spacer .rightCell {vertical-align: middle;}
#spacer .rightCell .cbg {
	text-align: center;
	padding: 2px 0;
	font-weight: bold; 
	color: #def;
}

#marqueeBG {font-size: 12px; font-weight: bold; color:#fff; padding: 2px 15px}
#marqueeBG a {font-size: 12px; color: #eee}
#marqueeBG a:hover {color: #fb0}

/* ################## MAIN  
	=====================================================*/

#mainFrame {
	width: 98%;
	max-width: 1320px;
	margin: 0 auto; 
	text-align: left;
}
#mainBG {}
#main {}

#main .leftCell {}
#main .leftCell .cbg {background: #fff;}

#main .middleCell {}
#main .middleCell .cbg {
	background: #fff;
	margin: 0 8px 8px 8px;
	padding: 0 16px 12px 16px;
}

#main .rightCell {}
#main .rightCell .cbg {
	background: #fff;
	padding: 0;
	margin: 0 0 8px 0;
}

#main .mrCell {	}
#main .mrCell .cbg {
	background: #fff;
	padding: 0 16px 12px 16px;
	margin: 0 0 8px 8px;
}


/* ################## FOOTER 
	=====================================================*/
#footer {
	padding: 8px 5% 0 5%;
	background: #09d;
	color: #028;
}
#footer .leftCell {text-align: left; position: relative;}
#footer .middleCell {padding: 0 8px;}
#footer .rightCell {text-align: right; position: relative;}

#footer .divTable {}
#footer .divTable a {color:#def;}
#footer .divTable a:hover {color:#028;}


#footer .local {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 11px;
	line-height: 120%;
}

#footer .second {margin-top: 10px; background: #e5e5e5;}
#footer .second .middleCell {text-align: center;}
#footer .second .cbg {
	padding: 5px;
	font-size: 11px;
	line-height: 120%;
}
#footer .second a {color:#09d;}
#footer .second a:hover {color:#028;}

/* END
*/