/* Syncosoft Solutions, www.syncosoft.net, IT Solutions Provider, IT Consultancy, Software Development, School Administration Software, College Administration Software, Educational Institution Administration Software, ERP Software, Enterprise Resource Planning Software, Payroll Management Software, Personell Management Software, Accounting Software, Retail Software, Point of Sale Software, POS Software, Security Solutions, Biometric Security, Custom Software Development, Website Design and Development, Internet Marketing, Search Engine Optimisation, SEO, Hosting, Domain Registration, Cochin, Ernakulam, Kerala, India, Information Technology Outsourcing, Outsourcing*/
/*Default CSS File*/
body {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	background: #ccc;
	min-width: 600px;
/* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
	font: 90% Verdana, Helvetica, Tahoma, Arial;
	/* font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
font-weight: normal*/
}
a {
	color: #369;
}
a:hover {
	color: #fff;
	background: #369;
	text-decoration: none;
}
h1, h2, h3 {
	margin: .8em 0 .2em 0;
	padding: 0;
}
h4 {
	float: left;
	font-size: 110%;
	margin: 5px 0 5px 15px;
	padding: 0;
}
p {
	margin: .4em 0 .8em 0;
	padding: 0;
}
img {
	margin: 10px 10px 10px 10px;
}
#page {
	width: 80%;
	border: 2px solid #aaa;
	background: white;
	margin: 0 10% 0 10%;
}
table {
	float: left;
	text-align: justify;
	margin: 10px 10px 10px 10px;
}
tr {
	width: 90%;
	float: left;
}
td {
	float: left;
	text-align: justify;
}
#table-div {
	float: left;
	width: 100%;
	text-align: center;
}
#table-div tr {
	float: left;
	text-align: justify;
	width: 90%;
	/*border: 1px solid red;*/
}
/*****************************************************************/
/*                        header
/*****************************************************************/
#header {
	float: left;
	width: 100%;
	height: 74px;
	padding: 0;
	margin: 0;
	background: white url("images/header-tile.jpg") repeat-x top left;
}
#header img {
	float: right;
	width: 559px;
	height: 74px;
	padding: 0;
	margin: 0;
}
#header p {
	padding: .5em 15px .2em 15px;
	margin: 0;
}
#header h1 {
	padding: .2em 15px;
	margin: 0;
}
#header h2 {
	padding: .2em 15px .7em 15px;
	margin: 0;
}
#links-bar {
	float: left;
	width: 100%;
	height: 33px;
	text-align: center;
	background: url("images/top-links-bg-tile.jpg") repeat-x;
}
#links-bar ul {
	list-style: none;
	/*margin: -10px 0 10px 20px;
*/
	margin: 5px 0 0 0px;
	padding: 0 0 0 0;
}
#links-bar li {
	height: 37px;
	margin: 0px 5px 14px 5px;
	display: inline;
}
#links-bar a {
	font-size: 10pt;
	color: #FFFFFF;
	text-decoration: none;
}
#links-bar a:hover {
	font: 12pt;
	color: #008194;
	text-decoration: none;
	height: 33px;
	background: transparent;
}
#hbox {
	float: left;
	width: 100%;
	background: white url("images/hb-tile-l.jpg") repeat-x top left;
}
#hbox img {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#hb-img-l img {
	float: left;
	width: 37px;
	height: 224px;
	margin: 0;
	padding: 0;
}
#hb-img-r {
	width: 100%;
}
#hb-img-r img {
	float: left;
	width: 30px;
	height: 224px;
	margin: 0;
	padding: 0;
}
#hb-tile-r {
	float: right;
	height: 224px;
	background: url("images/hb-tile-r.jpg") repeat-x top 50%;
}
/*#verse {
	font: .9em, Lucida Calligraphy, bold;
	color: #999999;
	margin: 30px 0 5px 0;
	text-align: justify;
}
*/
.verse {
	font: .9em, Lucida Calligraphy, bold;
	color: #999999;
	margin: 30px 0 5px 0;
	text-align: justify;
}
#links-box {
	float: left;
}
/* #links-box a {
	text-decoration: none;
	border: 0px;
}
#links-box a:hover {
	text-decoration: none;
}
*/
#links-box img {
	float: left;
	width: 154px;
	border: none;
}
#news-scroll a {
	float: left;
	height: 13pt;
	font-size: 12pt;
	text-decoration: none;
}
/*****************************************************************/
/*                        content
/*****************************************************************/
#colmask {
	position: relative;
/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 100%;
/* width of whole page */
	overflow: hidden;
/* This chops off any overhanging divs */
	background: #FFFFFF;
/* Left column background colour */
}
#colmid {
	float: left;
	width: 200%;
	position: relative;
	left: 250px;
/* Left Column Width*/
	background: #fff;
/* Centre column background colour */
}
#colright {
	float: left;
	width: 100%;
	position: relative;
	left: 50%;
	margin-left: -250px;
/* Sum of Left and Right Column widths*/
	margin-top: 10px;
	background: #fff;
/* Right column background colour */
}
#c-wrap {
	float: right;
	width: 50%;
	position: relative;
	right: 100%;
}
#c-pad {
	margin: 0 15px 0 265px;
/* #colright margin-left + 15px*/
	overflow: hidden;
}
/**********************************************/
/*            content center
/**********************************************/
#center-col {
	width: 100%;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: normal
}
#content-title {
	float: left;
	width: 90%;
	height: 28px;
	color: #FFFFFF;
	margin: 0 0 0 10px;
	padding: 0;
	background: white url("images/content-tile.jpg") repeat-x top left;
}
#content-title-b1 {
	float: left;
	width: 90%;
	height: 28px;
	color: #FFFFFF;
	margin: 0 0 0 10px;
	padding: 0;
	background: white url("images/content-tile-b1.jpg") repeat-x top left;
}
#content-title-b {
	float: left;
	width: 90%;
	height: 28px;
	color: #FFFFFF;
	margin: 0 0 0 10px;
	padding: 0;
	background: white url("images/content-tile-b.jpg") repeat-x top left;
}
#content {
	float: left;
	width: 90%;
	border-left: 1px solid green;
}
#content p {
	float: left;
	text-align: justify;
	text-indent: 20px;
	margin: 10px 10px 10px 10px;
	padding: 0;
}
#img-r {
	float: right;
}
/*#content img {
	float: left;
	text-align: center;
	width: 90%;
}
*/
.content-para {
	/*clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 90%;
*/
	float: left;
	text-indent: 5%;
	text-align: justify;
	padding: 5px 5% 0 5%;
	font-size: 1.2em;
	/*border: dashed 1px red;
*/
}
#g-map {
	float: left;
	width: 80%;
}
#beliefs {
	float: left;
	text-align: justify;
	font-size: 120%;
}
#beliefs li {
	padding: 10px 0 10px 0;
	text-indent: 5%;
}
#spl-meet img {
	width: 90%;
	height: 90%;
}
/**********************************************/
/*            content left
/**********************************************/
#left-col {
	float: left;
	width: 270px;
	position: relative;
	margin-left: -50%;
	left: 0px;
	overflow: hidden;
}
#news-bar {
	float: left;
	width: 100%;
	text-align: center;
}
#news-title {
	float: left;
	width: 70%;
	height: 28px;
	color: #FFFFFF;
	margin: 0 0 0 20px;
	background: white url("images/news-tile.jpg") repeat-x top left;
	font-size: 110%;
}
#news {
	float: left;
	width: 90%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#news ul {
	list-style: none;
	text-align: center;
	float: left;
	margin: 0;
	padding: 0;
}
#news li {
	margin: 10px 15px 10px 15px;
}
/**********************************************/
/*            content right
/**********************************************/
#right-col {
	float: left;
	width: 270px;
	position: relative;
	left: 0px;
	overflow: hidden;
}
/*****************************************************************/
/*                        footer
/*****************************************************************/
#footer {
	clear: both;
	float: left;
	width: 100%;
	height: 99px;
	padding: 0;
	margin: 10px 0 10px 0;
	background: white url("images/footer-bg-tile.jpg") repeat-x top left;
	/*border-top: 1px solid #000;
*/
}
#footer p {
	padding: .5em 15px;
	margin: 10px 0 0 0;
}
#footer-links {
	float: left;
	width: 100%;
	height: 33px;
	text-align: center;
	background: transparent;
}
#footer-links ul {
	list-style: none;
	/*margin: -10px 0 10px 20px;
*/
	margin: 15px 0 0 0px;
	padding: 0 0 0 0;
}
#footer-links li {
	height: 37px;
	margin: 0px 5px 14px 5px;
	display: inline;
}
#footer-links a {
	font-size: 9pt;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
#footer-links a:hover {
	font: 12pt;
	color: #008194;
	text-decoration: none;
	height: 33px;
	background: transparent;
}
#synco {
	display: none;
	clear: both;
	float: right;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
}
#synco a {
	text-decoration: none;
}
/*****************************************************************/
/*                        classes
/*****************************************************************/
.center-para {
	float: left;
	text-align: justify;
}
.verse-para {
	text-indent: 5%;
	text-align: justify;
	width: 90%;
	padding: 0 5% 0 5%;
	font-size: 1.3em;
	font-style: italic;
	font-weight: bold;
}
.center-img {
	float: left;
	text-align: center;
	width: 90%;
}
.bg-h {
        font-size: 1.6em;
	background: #ccc;
}
.bg-l {
        font-size: 1.6em;
	background: #eee;
}
.center-div {
	text-align: center;
}
.para-r {
	float: right;
	margin: 0px 0 0 0;
	padding: 0;
	border: 1px solid red;
}
.img-r {
	float: right;
}
.l-align{
float: left;
}

.r-align{
float: right;
}

.c-align{
text-align: center;
}