body{
	font-family:"Arial";
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	background: #e8e8e8;
/*	background: #e5e5e5;*/
/**/
}

table.mainframe{
	width:800;
	text-align:center;
	padding:0;
	border-style:outset;
	border-color:#e8e8e8;
	border-width: thin medium medium thin;
}

td.greybar{
	height:0.6cm;
	background-color: #c0c0c0;
	font-family:"courier new";
	font-size:12px;
	color: #5f5f5f;
	vertical-align: bottom;
	text-align:center;
 }

td.roller
{
	height:60;
	background-image:"image/web/redbar.png";
}

table.survey1{
	width:90%;
	text-align:left;
	font-family: "Arial";
	font-size: 14px;
}

td.leftlist{
	width:35%;
}

.menubar{
	width:100%;
	background-color:white;
	vertical-align:middle;
	text-align:center;
	padding:0;
}

/**** menu a tag properties*****/
a.menug:link
{
	font-family: Helvetica;
	font-size: 14px;
	color:#0B8D07;
	text-decoration: none;
	white-space:"nowrap";
	background:none
}

a.menug:visited
{
	font-family: Helvetica;
	color:#0B8D07;
	font-size: 14px;
	background:none;
	text-decoration: none;
	white-space:"nowrap";
}

a.menug:hover
{
	background:#f4f7cc;
	color:#FF0000;
}

a.menub:link
{
	font-family: Helvetica;
	font-size: 14px;
	color:#1318ED;
	text-decoration: none;
	white-space:"nowrap";
	background:none
}

a.menub:visited
{
	font-family: Helvetica;
	color:#1318ED;
	background:none;
	font-size: 14px;
	text-decoration: none;
	white-space:"nowrap";
}

a.menub:hover
{
	background:#f4f7cc;
	color:#FF0000;
}
/********left*******/
a.leftbar:link
{
	font-family:"Arial";
	font-size: 14px;
	color:#000000;
	text-decoration: none;
	background:none
}

a.leftbar:visited
{
	font-family:"Arial";
	font-size: 14px;
	color:#000000;
	background:none;
	text-decoration: none;
}

a.leftbar:hover
{
	background:#f4f7cc;
	color:#FF0000;
}

a.red:link
{
	color:red;
	font-family:"Arial";
	font-weight:bold;
	font-size: 14px;
	text-decoration: none;
	background:none;
}

a.red:visited
{
	color:red;
	font-weight:bold;
	font-family:"Arial";
	font-size: 14px;
	background:none;
	text-decoration: none;
}

a.red:hover
{
	background:#f4f7cc;
	color:#00FFFF;
}
/********right*******/
a.figure:link
{
	color:#FF0000;
	text-decoration: none;
	background:none;
	font-size: 12px;
}

a.figure:visited
{
	color:#FF0000;
	background:none;
	text-decoration: none;
	font-size: 12px;
}

a.figure:hover
{
	background:#f4f7cc;
	color:#00FFFF;
}
/************************/
.indentmarginl2
{
	color:#1318ED;
	text-indent:0;
	margin:10 20 20 60;
}

.indentmargin
{
	color:#0B8D07;
	text-indent:-25;
	margin:10 20 20 40;
}

/***************************/
.content{
	width:100%;
	border:0;
	font-family: arial;
	font-size: 14px;
	background:white;
}

/***style 1****/
td.leftpart{
	width:25%;
	vertical-align: top;
	border:1px solid #99ccff;
	padding-top:5;
}

td.centerpart{
	width:55%;
	background-color:white;
	text-align:justify;
	vertical-align: top;
	border:1px solid #99ccff;
	padding:20 10;
}

td.rightpart{
	border:1px solid #99ccff;
	vertical-align: top;
	text-align:center;
	background-color:#fdd5f9;
	padding-top:20;
}

td.contactspace
{
	width:30%;
}
td.contactlist
{
	width:10%;
}

/**image size**/
/**Note: image height all set to 854pixels, the width is 1064*2+1024*3 
to set the image to fit any "width", set the height = width*854/(1064*2+1024*3)=width *854/5200
for width = 800, set image height as 131.**/
img.fitwidth
{
	height: 131;
	margin:0;
	padding:0;
}

img.fit300
{
	width:240;
}

img.fit150
{
	width:115;
	padding-bottom:10;
}

img.rightbar
{
/*** this depend on the width value setting.  Width*(1-leftpecentage-centerpercentage)**/
	width: 160;
	border:0;
}