body{
padding: 0; margin:0;
text-align: center;
background-color: #2d2d2d;}
div#mainDiv{
	margin: 5px auto; padding: 0;
	width: 995px; height: 640px;}

/* hdr etc */
div#hdrDiv{
	margin: 0 auto; padding: 0;
	background-color: #3f3f3f;	
	width: 995px; height: 69px;
	position: relative;}
div#hdrDiv a img.logo{
	position: absolute;
	top: 20px; left: 13px;
	width: 344px; height: 36px;
	border: 0;}
div#hdrDiv img.tel{
	position: absolute;
	top: 51px; left: 795px;
	width: 189px; height: 15px;
	border: 0;}	
	
/* main area */
div#mainDiv table.mainTable{
	margin: 7px auto; padding: 0;
	width: 995px; height: 505px;
	background-color: #424242	
	color: #3b3b3b;}
div#mainDiv table.mainTable td{
	margin: 0; padding: 0;
	vertical-align: top;}
div#mainDiv table.mainTable td.contentTD{
	background-color: #424242;		
	margin: 0; padding: 0 6px 0 11px;
	width: 561px; height: 505px !important;	
	color: #b3b3b3; 
	vertical-align: top;
	font-size: 70%;}
	
table.mainTable td.imgTD img{
	margin: 0 4px 0 0; padding: 0;	
	border: none;
	width: 202px; height: 505px;}

/* LHS menu item (title) */
table.mainTable td.menuLhsTd{
	margin: 0 0 0 4px; padding: 0;		
	width: 30px; height: 505px;
	background-color: #5d5d5d;
	background: transparent url(../image/menu/menu1BG.gif) repeat-y 0 0;}
table.mainTable img.imgMenuOn{
	margin: 0; padding: 20px 6px;
	width: 17px; height: 166px;
	border: none;}	
a h1 {display: none;}

/* RHS menu items */
	table.mainTable td.menuRhsTd3{
	margin: 0; padding: 0 0 0 ;	
	width: 30px; height: 505px;
	background: transparent url(../image/menu/menu3BG.gif) repeat-y 0 0;}
	table.mainTable td.menuRhsTd4{
	margin: 0; padding: 0;		
	width: 30px; height: 505px;
	background: transparent url(../image/menu/menu4BG.gif) repeat-y 0 0;}
	table.mainTable td.menuRhsTd5{
	margin: 0; padding: 0;	
	width: 30px; height: 505px;
	background: transparent url(../image/menu/menu5BG.gif) repeat-y 0 0;}
	table.mainTable td.menuRhsTd6{
	margin: 0; padding: 0;	
	width: 30px; height: 505px;
	background: transparent url(../image/menu/menu6BG.gif) repeat-y 0 0;}
	table.mainTable td.menuRhsTd7{
	margin: 0; padding: 0;
	width: 30px; height: 505px;
	background: transparent url(../image/menu/menu7BG.gif) repeat-y 0 0;}
	table.mainTable td.menuRhsTd8{
	margin: 0; padding: 0;	
	width: 30px; height: 505px;
	background: transparent url(../image/menu/menu8BG.gif) repeat-y 0 0;}

table.mainTable div#rhsMenuDiv
{margin: 0; padding: 0;}
table.mainTable td a img.imgMenuOff{	
	margin: 0; padding: 6px;
	width: 17px; height: 166px;
	border: none !important;}

/* menu etc 
table.mainTable td.lhsTD{
	margin: 0; padding: 0;		
	background: transparent url(../image/lhsBG.jpg) no-repeat 0 0;	
	width: 274px; height: auto;
	vertical-align: top;}
table.mainTable td.lhsTD div#menuDiv {
	position: relative;
	vertical-align: top;}
table.mainTable td.lhsTD div#menuDiv a{
	display: block}
table.mainTable td.lhsTD div#menuDiv a span{
	display: none;}
table.mainTable td.lhsTD div#menuDiv a.n1{
	height: 11px; width: 121px;
	background: url(../image/menu/btnMenuAboutOff.gif) no-repeat;
	position: absolute;
	top: 100px; left: 91px;}
table.mainTable td.lhsTD div#menuDiv a.n1:hover{
	background: url(../image/menu/btnMenuAboutOn.gif) no-repeat;}
table.mainTable td.lhsTD div#menuDiv a.n2{
	height: 11px; width: 121px;
	background: url(../image/menu/btnMenuAccountsOff.gif) no-repeat;
	position: absolute;
	top: 130px; left: 91px;}
table.mainTable td.lhsTD div#menuDiv a.n2:hover{
	background: url(../image/menu/btnMenuAccountsOn.gif) no-repeat;}
table.mainTable td.lhsTD div#menuDiv a.n3{
	height: 11px; width: 121px;
	background: url(../image/menu/btnMenuHelpOff.gif) no-repeat;
	position: absolute;
	top: 160px; left: 91px;}
table.mainTable td.lhsTD div#menuDiv a.n3:hover{
	background: url(../image/menu/btnMenuHelpOn.gif) no-repeat;}
table.mainTable td.lhsTD div#menuDiv a.n4{
	height: 11px; width: 121px;
	background: url(../image/menu/btnMenuSaOff.gif) no-repeat;
	position: absolute;
	top: 190px; left: 91px;}
table.mainTable td.lhsTD div#menuDiv a.n4:hover{
	background: url(../image/menu/btnMenuSaOn.gif) no-repeat;}
table.mainTable td.lhsTD div#menuDiv a.n5{
	height: 11px; width: 121px;
	background: url(../image/menu/btnMenuPayrollOff.gif) no-repeat;
	position: absolute;
	top: 220px; left: 91px;}
table.mainTable td.lhsTD div#menuDiv a.n5:hover{
	background: url(../image/menu/btnMenuPayrollOn.gif) no-repeat;}
table.mainTable td.lhsTD div#menuDiv a.n6{
height: 11px; width: 121px;
	background: url(../image/menu/btnMenuContactOff.gif) no-repeat;
	position: absolute;
	top: 250px; left: 91px;}
table.mainTable td.lhsTD div#menuDiv a.n6:hover{
	background: url(../image/menu/btnMenuContactOn.gif) no-repeat;}
table.mainTable td.lhsTD div#menuDiv div#addrDiv {
	position: absolute;
	top: 300px; left: 108px;
	text-align: right;
	line-height: 15px;
	letter-spacing: 1px;
	font-family: Tahoma;
	font-size: 11px;
	color: #61616a;}
*/
/* image positioning */
div#mainDiv table.mainTable td.contentTD div#contentDiv img.center {
  margin:4px 5px 4px 150px;
  border: 1px solid #000;}
div#mainDiv table.mainTable td.contentTD div#contentDiv img.left {
  float:left; margin:4px 10px 4px 0;
  border: 1px solid #000;}
div#mainDiv table.mainTable td.contentTD div#contentDiv img.right{
  float:right;
  margin:4px 0 4px 10px;
  border: 1px solid #000;}

/* ftr etc */
.foot{
	margin: 0 auto ! Important; padding:0 ! Important;
	background-color: #3f3f3f;
	width: 995px; height: 40px;
	font-family: tahoma;
	font-size: 95%;	
	clear:both;}
.foot .footIn{
	margin: 0; padding: 0;}
.foot ul{
	list-style-type:none;
	margin:0; padding: 0;
	color:#7c9dfc;
	text-align: center;}
.foot ul li{
	display:inline;}
.foot ul li a{
	color:#7c9dfc; 
	text-decoration: underline; 
	font-weight:normal; 
	font-size:70%;
	border-left:1px solid #7c9dfc;
	padding-left:8px;
	padding-right: 0;
	margin:0;}
.foot ul li.sel a, .foot ul li a:hover{
	text-decoration:underline;}
.foot ul li.first a{
	border:0;}

p.ppip{
	text-align:center; font-size:65%; color:#fff;
	margin:  0; padding: 2px 0 5px;
	font-family: Tahoma;}
p.ppip a{
	color:#fff;}
p.ppip a:hover{
	color: #fff;}