/* FORCE 21
Created on Jan 22, 2008
Updated & Modified by SUMATHI  */


/******************       BODY           *************************/
BODY {
	padding: 0;
	margin: 0;
	background: url(bgBody.jpg) repeat-x left top #8B5D9B;
	font-family: Arial, Helvetica, sans-serif;
}
.main {
	padding: 0;
	margin: 0 auto;
	width: 879px;
}
.mainOuter {
	width: 879px;
	padding: 0px;
	margin: 0px 0px 0px 0;
	float: left;
	background: url(bgMain.gif) repeat-y left top;
}
.mainBot {
	width: 879px;
	padding: 0px 0px 11px 0px;
	margin: 0px;
	float: left;
	background: url(bgMainBotNew.jpg) no-repeat left bottom;
}
.mainTop {
	width: 879px;
	padding: 0px;
	margin: 0px;
	float: left;
	background: url(bgMainTop.jpg) no-repeat left top;
}
form {
	padding: 0;
	margin: 0;
}
p {
	padding: 0;
	margin: 0;
}
.mainContent {
	padding: 35px 34px 0px 34px;
	width: 811px;
	float: left;
	margin: 0;
}
/***************  Left Area    *************/
.contentArea {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 811px;
	background: url(conentFlowBg.jpg) repeat-y left top;
}
.leftContent {
	padding: 0;
	margin: 0;
	width: 142px;
	float: left;
	background: url(bgLeft.jpg) repeat-y left top;
}
.leftContentT {
	padding: 7px 11px 12px 6px;
	margin: 0;
	width: 125px;
	float: left;
	background: url(bgLeftTop.jpg) no-repeat left top;
}
.leftContentB {
	padding: 7px 11px 12px 6px;
	margin: 0;
	width: 125px;
	float: left;
/*	background: url(bgLeftBot.jpg) no-repeat left bottom;*/
}
.leftTitleOuter {
	padding: 0px 0 10px 0px;
	margin: 0px 0 0px 0;
	width: 125px;
	float: left;
	background-color: #F5F2F8;
}
.leftTitleOuter1 {
	padding: 0px 0 0px 0px;
	margin: 0px 0 0px 0;
	width: 125px;
	float: left;
	background-color: #F5F2F8;
}
.leftTitle {
	padding: 4px 0 4px 0;
	margin: 0;
	background: #8461A2 url(bgHead2.jpg) no-repeat left top;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	width: 125px;
	float: left;
	font-weight: bold;
}
.txtInput1 {
	border: 1px solid #F3EFF7;
	padding: 0;
	margin: 0;
	width: 112px;
	padding: 0 2px 0 2px;
	height: 16px;
	font-size: 12px;
	color: #000000;
}
.leftBox {
	padding: 3px 3px 5px 4px;
	margin: 0px 0px 0px 0px;
	width: 118px;
	float: left;
	background: #E6DEEE url(bgLeftBox.jpg) no-repeat left bottom;
	font-size: 11px;
	font-weight: bold;
	color: #8664A2;
	line-height: 14px;
}
.leftBox1 {
	padding: 4px 0px;
	margin: 0px;
	width: 118px;
	float: right;
	text-align: right;
}
.leftBox2 {
	padding: 3px 3px 5px 4px;
	margin: 0px 0px 0px 0px;
	width: 118px;
	float: left;
	background: #E6DEEE;
	font-size: 11px;
	font-weight: bold;
	color: #8664A2;
	line-height: 14px;
}
.rightContent {
	padding: 0;
	margin: 0;
	float: left;
	width: 668px;
	background: #FFFFFF url(contentRightBg.jpg) repeat-x left bottom;
}
.rightContentB {
	padding: 25px 30px 0 106px;
	margin: 0;
	float: left;
	width: 532px;
}
.rightContentB h1 {
	padding: 0px 0px 26px 0px;
	margin: 0px;
}
/***********************************************************Top Navigation***********************************************************/
.topMenu {
	background: url(menu.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 20px;
	width: 669px;
}
ul.topNavigation {
	padding: 5px 0px 0px;
	margin: 0px;
	list-style: none;
	color: #8461A3;
	text-align: left;
	width: 669px;
}
ul.topNavigation li {
	padding: 0px 25px 0px 0px;
	margin: 0px;
	list-style: none;
	color: #FFFFFF;
	text-align: left;
	display: inline;
	width: 108px;
	text-align: center;
	float: left;
	font-size: 11px;
	font-weight: bold;
	line-height: 10px;
}
.yhteyesTxt { padding: 0 0 0 20px; }
ul.topNavigation li a {
	color: #8461A3;
	text-decoration: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
ul.topNavigation li a:hover {
	color: #E62752;
	text-decoration: none;
}
/***************** Footer Area  ***********/
.footerMain {
	width: 879px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float: left;
	background: url(bgFooter.jpg) repeat-y left top;
}
.footerL {
	width: 161px;
	padding: 55px 15px 0 0;
	margin: 0;
	float: left;
}
.footerR {
	padding: 0 64px 0 30px;
	margin: 0px;
	float: left;
	width: 609px;
}
.footerRT {
	width: 564px;
	float: left;
	padding: 0 0 16px 45px;
	border-bottom: 1px solid #663B88;
	font-weight: bold;
	font-size: 11px;
	color: #663B88;
}
.footerRB {
	padding: 10px 0 0 30px;
	margin: 0px;
	float: left;
	width: 579px;
}
.imgAlign1 {
	padding: 0px 0px 500px 0px;
	margin: 0px;
}
.imgAlign2 {
	padding: 0px 160px 0px 105px;
	margin: 0px;
}
.footerB {
	width: 679px;
	padding: 8px 0px 0px 200px;
	margin: 0px;
	float: left;
	height: 12px;
	font-size: 9px;
	color: #FFFFFF;
}
/**************  Splash Page   ****************/
.smain {
	padding: 0px 0 0 0;
	margin: 0 auto;
	width: 879px;
	height: 786px;
}
.smainL {
	padding: 0;
	margin: 0;
	width: 60px;
	height: 786px;
	float: left;
	background: url(sbgLeft.jpg) no-repeat left top;
}
.smainC{
	padding: 190px 0 0 0;
	margin: 0;
	width: 759px;
	height: 596px;	
	float: left;
	background: url(sbgCenter.jpg) left top repeat-x; 
	text-align: center;
}
.smainR {
	padding: 0;
	margin: 0;
	width: 60px;
	height: 786px;
	float: left;
	background: url(sbgRight.jpg) no-repeat right top;	
}
.smainC-img {
	padding: 0 0 100px 0;
	width: 759px;
	float: left;
	margin: 0;
}
.smainTop {
	width: 879px;
	padding: 0px;
	margin: 0px;
	float: left;
	background: url(bgMainTop.jpg) no-repeat left top;
}

.sFooterLinks {
	padding: 0;
	margin: 0;
	width: 759px;
	float: left;
	text-align: right;
	color: #FFFFFF;
	font-size: 13px;
}

.sFooterLinks a { text-decoration:none; }

/*
.sFooterLinks a {
	color: #FFFFFF;
	text-decoration: none;
}
.sFooterLinks a:hover {
	color: #F28E39;
	text-decoration: none;
}
*/