/* RESET CSS FROM http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0px;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Reset STyles ends here */

/* CSS Document for the site*/
@font-face {
    font-family: BAMINI;
    src: url(BAMINI0.eot);
}

body {
	
	color: #515151;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:21px;
	background: #D3D3D3;
	background:url(images/body_background.jpg) top left repeat-x;
	margin-bottom:0px;
}

/* necessary styles */

.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.padding4px{ padding:4px;}

.padding_top_8px{ padding-top:8px;}

.bottomborder1{border-bottom:#cccccc solid 1px; width:auto;}

div{ border:green 0px solid;}

/* site styles */

#wrapper { position:relative; margin:0 auto; width:1000px; height:100%;background:#fff; }
#header { height:83px; background:url(images/header_bg.jpg) top left repeat-x;}
#headerimage {float:left; height:83px; padding-left:10px;}
#headerconnect{ float:right; height:50px; width:500px; }
#navbar { clear:both; height:70px;}
#quickmenu { clear:both; height:25px; background:#444444; line-height:25px; padding:0 0 0 22px; color:#cccccc;}
#bodycontent{clear:both; background: url(images/bodybg.jpg) top left no-repeat; position:relative;}

.twocoloumn{ height:350px; }
.coloumn1{width:310px; overflow:visible; margin:0 0 5px 10px; float:left;}
.coloumn2{width: 630px; overflow:visible; margin:0 0 5px 0; float:left;}
.lyricscoloumn{width:300px; padding: 0px 5px 0 0; float:left;}
.lyricscoloumn ol { list-style: decimal; margin-left:20px; color:#545757; font-weight:bold;}
.facebookcoloumn{ width:300px; overflow:visible; padding: 5px 0 0 0;}


#slider{  width:620px; height:286px; float:left; position:relative; top:20px; left:10px; border:#ffffff 0px solid; }

#messagebox{ width:336px; height:280px; top:20px; right:10px; position:relative; border:#ccc 0px solid; float:right;}

.messagebox{ width:390px; height:280px; top:20px; right:10px; position:relative; border:#ccc 2px solid; float:left; background:#eee; padding:2px}


#breadcrumbs{ height:43px; line-height:43px;}

#addthis{ margin: 0 160px 0 0; text-align:right; padding-top:20px; }

#twocoloumns{ width:980px; border:#e1e1e1 1px solid; background:#ffffff; margin:0 auto; position: relative; padding:5px; overflow:hidden; }



#sitecontent{ width:650px; float:left;  padding:20px 4px 4px 20px;}
#sitecontent_business{ width:776px; float:left;  padding:20px 4px 4px 20px; border: red 1px solid;}
#sitecontent_businessmanager{ width:956px; float:left;  padding:20px 4px 4px 20px; border: red 0px solid;}

#rightsidebar{ width:300px; float:right;}
#rightsidebar_business{ width:170px; float:right;border: red 1px solid;}

.videobox{ padding: 0 0 5px 0;}

.printbox{ float:left;height:25px; line-height:25px; padding-bottom:2px;}

.rightsidebar1{float:left; width:130px;}
.rightsidebar2{float:left; width:170px; text-align:right;}

#footer{ clear:both; position:relative; margin:0 auto; background: #252827 url(images/footer_bg.jpg) top repeat-x; height:280px;}

#footer_container{width:980px;margin:0 auto;}

#footer div{ text-align:left; color:#CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; padding:5px;}

/* Button styles */

.button1{width:108px; height:35px; background:url(images/button.png) left top no-repeat; text-align:center; vertical-align:middle; border:none; color:#F8F8F8; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }


/* Other Styles */


.imagestyle1{padding: 3px; border: #999999 solid 1px; background-color: #ffffff;}
.linespacing1{ line-height:20px;}

.tablestyle1  {background:#f9f9f9; border:#e0e0e0 0px solid;}
.tablestyle1  thead { border:#e0e0e0 0px solid;}

.tablestyle1 thead tr th{ background:#eaeaea url(images/tableheaderbg_gray.jpg) left top repeat-x; height:36px; line-height:36px; padding:3px; border:#e0e0e0 1px solid;}
.tablestyle1 th span{ font:Arial, Helvetica, sans-serif; color:#545757; font-weight:bold; font-size:14px;  letter-spacing:.2em;}
.tablestyle1 td.row1{padding:3px;border:#e0e0e0 1px solid;border-bottom:#e0e0e0 1px solid; border-left:#e0e0e0 1px solid; vertical-align: top;}
.tablestyle1 td.row2{padding:3px;border:#e0e0e0 1px solid;border-bottom:#e0e0e0 1px solid;border-left:#e0e0e0 1px solid; background:#f3f3f3;}
.tablestyle1 td.row3{ background:#eaeaea url(images/tableheaderbg_gray.jpg) left top repeat-x; height:36px; line-height:36px; padding:3px; border:#e0e0e0 1px solid;}



.tablestyle2 table, th, td{ vertical-align:top; padding:5px; }

.tamilstorybox {
width:630px;height:auto; background-color: #ffffff; color: #000; font-family:bamini; font-size:18px;overflow: hidden; border:none;}

/* Text Styles */

.heading1{color: #00a0ea; font-size:18px; font-family: Arial, Helvetica, sans-serif;font-weight: bold;letter-spacing:; line-height:30px;}
.heading2{color: #ffffff; font-size:22px; font-family:  Arial, Helvetica, sans-serif;font-weight: normal;letter-spacing:; padding: 5px 0 5px 20px; display:inline;}
.heading3{color: #545757; font-size:14px; font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.heading4{color: #545757; font-size:12px; font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.heading5{color: #00a0ea; font-size:12px; font-family: Arial, Helvetica, sans-serif;font-weight:bold;}		
.heading6{color: #545757; font-size:12px; font-family: Arial, Helvetica, sans-serif;}
.heading7{color: #ffffff; font-size:12px; font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
.heading8{color: #00a0ea; font-size:14px; font-family: Arial, Helvetica, sans-serif;font-weight:bold;}	
.heading9{color: #00a0ea; font-size:14px; font-family: Arial, Helvetica, sans-serif;font-weight:bold; padding:4px;}	

.headingtamil1{color: #545757; font-size:18px; font-family: Bamini;font-weight: bold;}
.headingtamil2{color: #ffffff; font-size:24px; font-family:  Bamini, Helvetica, sans-serif;font-weight: normal;letter-spacing:; }
.headingtamil3{color: #545757; font-size:14px; font-family: Bamini;}
.headingtamil4{color: #00a0ea; font-size:14px; font-family: Bamini;}
.headingtamil5{color: #545757; font-size:18px; font-family: Bamini;font-weight: bold;}
.headingtamil6{color: #00a0ea; font-size:18px; font-family: Bamini; font-weight:bold;}

.viewedtimes{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;color: #00a0ea;}
.changetheme{ font-family: Tahoma,Verdana; font-size:9px;color: #545757;}

/*Link styles*/

a.link1:link { color: #545757; font-size:12px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold; 
}
a.link1:visited {color: #545757; font-size:12px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold; 
}
a.link1:hover { color: #00a0ea; font-size:12px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold; 
}
a.link1:active { color:#545757; font-size:12px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold; 
}


a.link2:link { color: #00a0ea; font-size:12px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold; 
}
a.link2:visited {color: #00a0ea; font-size:12px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold; 
}
a.link2:hover { color: #545757; font-size:12px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold; 
}
a.link2:active { color:#00a0ea; font-size:12px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold; 
}

a.link3:link { color: #5a5858; font-size:10px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold;
}
a.link3:visited {color: #5a5858; font-size:10px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold;
}
a.link3:hover { color: #00a0ea; font-size:10px; font-family:  Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold;
}
a.link3:active { color:#5a5858; font-size:10px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold;
}


a.link4:link { color: #00a0ea; font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
}
a.link4:visited {color: #00a0ea; font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
}
a.link4:hover { color: #cccccc; font-size:10px; font-family:  Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.link4:active { color:#00a0ea; font-size:10px; font-family:  Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a.link5:link { color: #cccccc; font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
}
a.link5:visited {color: #cccccc; font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
}
a.link5:hover { color: #00a0ea; font-size:10px; font-family:  Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.link5:active { color:#cccccc; font-size:10px; font-family:  Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a.link6:link { color: #545757; font-size:14px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold; 
}
a.link6:visited {color: #545757; font-size:14px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold; 
}
a.link6:hover { color: #00a0ea; font-size:14px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold; 
}
a.link6:active { color:#545757; font-size:14px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold; 
}

a.link_pager1:link { color: #00a0ea; font-size:11px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold; padding:3px; background:#fff; border:#00a0ea solid 1px; 
}
a.link_pager1:visited {color: #00a0ea; font-size:11px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold; background:#fff; border:#00a0ea solid 1px;  padding:3px;
}
a.link_pager1:hover { color: #545757; font-size:11px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold; border:#545757 solid 1px; padding:3px;
}
a.link_pager1:active { color:#00a0ea; font-size:11px; font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; font-weight:bold; background:#fff; border:#00a0ea solid 1px;  padding:3px;
}



a.linktamil1:link { color: #545757; font-size:16px; font-family: Bamini;
	text-decoration: none; font-weight:bold;
}
a.linktamil1:visited {color: #545757; font-size:16px; font-family: Bamini;
	text-decoration: none; font-weight:bold;
}
a.linktamil1:hover { color: #00a0ea; font-size:16px; font-family: Bamini;
	text-decoration: none; font-weight:bold;
}
a.linktamil1:active { color:#545757; font-size:16px; font-family: Bamini;
	text-decoration: none; font-weight:bold;
}

a.linktamil2:link { color: #00a0ea; font-size:16px; font-family: Bamini;
	text-decoration: none; font-weight:bold;
}
a.linktamil2:visited {color: #00a0ea; font-size:16px; font-family: Bamini;
	text-decoration: none; font-weight:bold;
}
a.linktamil2:hover { color: #545757; font-size:16px; font-family: Bamini;
	text-decoration: none; font-weight:bold;
}
a.linktamil2:active { color:#00a0ea; font-size:16px; font-family: Bamini;
	text-decoration: none; font-weight:bold;
}



/*Navigation Bar Design Starts Here */



#menu-wrapper {
	width: 972px;
	height: 45px;
	margin: auto;
	background: url('images/main-menu.png') no-repeat;
	font-size: 12px;
	z-index:10;
}


/*** ESSENTIAL STYLES ***/
#menu, #menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#menu {
	line-height:	1.0;
	position: relative;
	z-index: 2;
}
#menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
#menu ul li {
	width:			100%;
}
#menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#menu li {
	float:			left;
	position:		relative;
}
#menu a {
	display:		block;
	position:		relative;
	cursor: 		pointer;
}
#menu li:hover ul,
#menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul#menu li:hover li ul,
ul#menu li.sfHover li ul {
	top:			-999em;
}
ul#menu li li:hover ul,
ul#menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul#menu li li:hover li ul,
ul#menu li li.sfHover li ul {
	top:			-999em;
}
ul#menu li li li:hover ul,
ul#menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/

	/* Top Level Buttons */

#menu a {
	padding: 13px 15px 11px 15px;
	text-decoration:none;
	font-size: 12px; font-family:Arial, Helvetica, sans-serif; font-weight: bold;
}

#menu a:focus, #menu a:hover, #menu a:active {
	background: url('images/main-bg-buttons.png') 0 -38px repeat-x;
}

#menu li {
	margin-top: 7px;
	padding-right: 2px;
	background: url('images/main-menu-divider.png') right top no-repeat; 
}

	/* Home Button */
	
#menu li.menu-home a {
	padding:0;
	margin-left: 7px;
	display: block;
	width: 36px;
	height: 38px;
	text-indent: -9999px;
}

#menu li.menu-home a:focus, #menu li.menu-home a:hover, #menu li.menu-home a:active {
	background: url('images/main-bg-buttons.png') 0 0 no-repeat;
}

	/* Second Level Buttons */

#menu li ul {
	margin-top: 9px;
	border-top: none;
	width: 175px;
	cursor: pointer;
}

#menu li li {
	margin-top: 0;
	padding-right: 0;
	background-image: none;
	cursor: pointer;
}

#menu li li a {
	text-align: left;
	font-size: 11px;
	padding: 10px;
	cursor: pointer;
}

#menu li li a:focus, #menu li li a:hover, #menu li li a:active {
	background: #FFFFFF;
}

#menu li li li {}
#menu li:hover, #menu li.sfHover {
	outline:		0;
}

/*** arrows **/
#menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			16px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#menu ul .sf-sub-indicator { background-position:  -10px 0; }
#menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#menu ul a:focus > .sf-sub-indicator,
#menu ul a:hover > .sf-sub-indicator,
#menu ul a:active > .sf-sub-indicator,
#menu ul li:hover > a > .sf-sub-indicator,
#menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


















/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background:		#BDD2FF;
	height:			2.5em;
	padding-bottom:	2.5em;
	position:		relative;
}
.sf-navbar li {
	background:		#AABDE6;
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			44em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	background:		#BDD2FF;
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
	background:		#BDD2FF;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background:		#BDD2FF;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#D1DFFF;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	background:		#E6EEFF;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}


/*** remove shadow on first submenu ***/
/*
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}
*/

/* MAIN MENU */

#menu li a, #menu a:visited  { /* visited pseudo selector so IE6 applies text color */
	color: #757575;
}

#menu li ul {
	background: #f3f3f3;
	border-right: 1px solid #b9b9b9;
	border-left: 1px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;
	margin-left: -1px;
}

#menu li ul ul {
	border: 1px solid #b9b9b9;
}

#menu li li a, #menu li li a:visited {
	color: #757575;
}

.sf-sub-indicator {
	background:		url('images/arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

/*Navigation Bar Design Ends Here */