/*

	Shalomonline.net
	author: Job V J (jobs.jospeh@gmail.com)
	
*/

body {
	margin: 0;
	padding: 0;
}

/* LINKS AND HEADINGS STYLING */

a { }
a:hover {
}
h1  { font: bold 26px/30px "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; }
h2  {
	font: bold 16px/22px "Trebuchet MS", Helvetica, Sans-Serif;
	color: #999900;
}
h3 { clear: both; font-size: 1.1em; color: #000; background: no-repeat left center; padding: 0 14px; margin: 0;}
.blue { color: #546F92; background: inherit; }
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 5px 5px 0; }

/* CONTENT WRAPPER */

#main { 
	width: 900px; 
	margin: 25px auto 0 auto; 
}

/* TOP LEFT LOGO */

#logo { 
	float: left; 
	padding: 10px 0 10px 10px; 
}
	#logo h1 { color: #000; }

/* TOP RIGHT HORIZONTAL MENU */
	
#menu { 
	float: right; 
	background: #fff url(images/barul.gif) no-repeat bottom right; 
	color: #808080; 
	padding: 18px 1px 11px 0; 
	margin: 0; 
}
	#menu li { 
		padding: 14px 18px 14px 18px; 
		color: #444; 
		background: #fff url(images/bar.gif) no-repeat bottom left; 
		display: inline; 
	}
	#menu li.active { 
		background: #fff url(images/baractive.gif) no-repeat bottom left; 
		color: #8D9CAF; 
		font-weight: bold; 
		padding: 14px 18px 14px 18px; 
		margin: 0 1px 0 0; 
	}
	#menu li a { 
		background: #f8f8f8; 
		color: #808080; 
		text-decoration: none; 
	} 	
	#menu li a:hover { 
		color: #000; 
		background: #f8f8f8; 
	} 	
	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */

/* LEFT INTRO SIDE */	

#intro_left {
	clear: left;
	float: left;
	width: 200px;
	background: #2387C2 url(images/leftintrobg.gif) repeat-x;
	color: #E5EAF2;
	margin: 0 0 1px;
}
	#intro_left a { color: #fff; background: inherit; }
	#intro_left p {
	padding: 14px 15px;
	margin: 0;
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	color: #FFFFFF;
}

	/* LEFT VERTICAL MENU */
	
	#menu_left { 
		float: left;  
		margin: 0 0 0px; 
		padding: 0 0 1px; 
	}
		#menu_left li {
}
	.menu_left_10001 {
	display: block;
	font-family: "Arial";
	width: 450px;
	text-align: left;
	text-indent: 10px;
}

/* RIGHT INTRO SIDE */
	
#intro_right {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(images/intro.jpg) no-repeat;
	color: #FF0000;
	margin: 0 0 6px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}
	#intro_right h1 { margin: 0 0 20px 0; }
	#intro_right .white { color: #FFF; background-color:transparent; }
	
/* LEFT SIDE */
	
#left {
	float: left;
	width: 250px;
}
	.box {
	border: 1px solid #CAEAFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 205px;
	height: 469px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	vertical-align: top;
	}
	.note {
	background: #DFEEF6 url(images/package.jpg) no-repeat;
	color: #585616;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	width: 140px;
	padding-left: 66px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px dotted #CCCCCC;
	}

/* RIGHT SIDE */

#right {
	float: right;
	width: 643px;
}
	.page-right-add {
	color: #000000;
	width: 166px;
	float: none;
	text-align: center;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 6px;
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	border-top: 1px solid #CAEAFF;
	border-right: 1px solid #CAEAFF;
	border-left: 1px solid #CAEAFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CAEAFF;
	}
	.leftcol {
	float: left;
	padding: 5px 10px;
	width: 420px;
	border:#ccc 1px solid;
	text-align: justify;
	margin: 0 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	}
	.rightcol {
	width: 344px;
	border:1px solid #CAEAFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 5px;
	display: block;
		}
	.index-bottom {
	border: 1px solid #CAEAFF;
	background: #F1F2F2 no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 693px;
	text-align: justify;
	float: none;
	padding: 10px;
	}
	.spf {
	border: 1px solid #CAEAFF;
	background: url(images/spf.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	}	
	.s-search {
	border: 1px solid #CAEAFF;
	background: url(images/shalom-search.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	}
	.s-shalom{
	border: 1px solid #CAEAFF;
	background: url(images/sunday-shalom.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	}
	.contact {
	border: 1px solid #CAEAFF;
	background: url(images/contact.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	}
	.shalomtelevision {
	border: 1px solid #CAEAFF;
	background: url(images/shalomtelevision.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	}
	.shalomtv-online {
	border: 1px solid #CAEAFF;
	background: url(images/shalomtv-usa.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	}
	.shalomtv-uk {
	border: 1px solid #CAEAFF;
	background: url(images/shalomtv-uk.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	}
	.shalom-books {
	border: 1px solid #CAEAFF;
	background: url(images/shalom-books.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	}
	.pr {
	border: 1px solid #CAEAFF;
	background: url(images/img-pr.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	}
	.shalom-times1 {
	border: 1px solid #CAEAFF;
	background: url(images/shalom-times.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	}
	.sr {
	border: 1px solid #CAEAFF;
	background: url(images/shalom-retreat.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	}
	.about-us {
	border: 1px solid #CAEAFF;
	background: url(images/about-us.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	}
	.newsletter {
	border: 1px solid #CAEAFF;
	background: url(images/shalom-newsletter.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	}
	.nv {
	border: 1px solid #CAEAFF;
	background: url(images/img-night-vigil.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	}
	.downloads {
	border: 1px solid #CAEAFF;
	background: url(images/downloads.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	padding-top: 10px;
	}
	.pr1 {
	border: 1px solid #CAEAFF;
	color: #000000;
	width: 541px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
	background-position: top;
	text-align: left;
	}
	.sv {
	border: 1px solid #CAEAFF;
	background: url(images/shanthi-vahini.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	}	
	.s-tidings {
	border: 1px solid #CAEAFF;
	background: url(images/shalom-tidings.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	}
	.cqa {
	border: 1px solid #CAEAFF;
	background: url(images/catholic.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	}
	.job-vac {
	border: 1px solid #CAEAFF;
	background: url(images/job-vacancies.jpg) no-repeat left top;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 521px;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	}	
/* FOOTER */

#footer {
	clear: both;
	padding: 5px;
	border-top: 1px solid #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif, ML-TTKarthika;
	font-size: 9px;
	line-height: 16px;
	text-align: center;
}
.left-top-bar {
	background-image: url(images/left-top-bar.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 8px;
}
.right-top-bar {
	background-image: url(images/right-top-bar.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 9px;
	text-align: right;
	clear: right;
	background-position: right top;
}
.top-bar {
	background-image: url(images/top-bar.jpg);
	background-repeat: repeat-x;
	height: 25px;
}
.news-scrolling {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
	vertical-align: text-top;
	line-height: 12px;
}
.heading-2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 22px;
	color: #999900;
}
.my-peace {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

/* SWITH MENU */

.menutitle{
	font-family: Arial, Helvetica, sans-serif;
	background-color:#DAE5ED;
	color:#000000;
	width:495px;
	text-align:left;/* */
	font-size: 12px;
	line-height: 22px;
	text-decoration: none;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	background-position: 10px center;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-indent: 10px;
	padding-right: 23px;
	padding-bottom: 5px;
	padding-left: 23px;
	padding-top: 5px;
	vertical-align: top;
}

.submenu{
	width:80%;
}
.top-bar1 {
	background-image: url(images/top-bar1.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.event-news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #000000;
	text-align: left;
}
.side-heading {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	color: #3398CC;
	text-decoration: none;
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 28px;
}
.book-name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #333333;
	text-align: center;
	vertical-align: top;
}
.cqa-font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	text-align: justify;
	font-weight: normal;
	text-decoration: none;
}
.catholic-answer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	text-align: justify;
}
.ml-karthika {
	font-family: ML-TTKarthika;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	color: #333333;
}
.contact-8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	font-weight: normal;
	color: #333333;
}
.ml-40-red {
	font-family: ML-TTKarthika;
	font-size: 40px;
	line-height: 32px;
	color: #FF0000;
	text-decoration: none;
}
.ml-25-blue {
	font-family: ML-TTKarthika;
	font-size: 25px;
	line-height: 27px;
	color: #0878D7;

	text-decoration: none;
}
.ml-karthika .ml-30-deepblue {
	font-family: ML-TTKarthika;
	font-size: 30px;
	line-height: 32px;
	color: #003366;
}
.ml-24-orange {
	font-family: ML-TTKarthika;
	font-size: 24px;
	color: #FF9900;
	text-decoration: none;
}
.ml-18-gra-i {
	font-family: ML-TTKarthika;
	font-size: 18px;
	font-style: italic;
	color: #666666;
}
.ml-arial-12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	line-height: 14px;
}
.side-heading1 {
	font: 36px "Trebuchet MS";
	color: #0099CC;
	text-decoration: none;
}
.side-heading2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FF0000;
}
.side-head3 {
	font: italic bolder 30px/40px AGaramond;
	color: #6633FF;
}
.shalom-head1 {
	font: bold 12px/20px Arial, Helvetica, sans-serif;
	color: #666666;
}