/* Edited with EditCSS */
/**** LINK-tag style sheet lightbox.css ****/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.suryaa.com/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.suryaa.com/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 0.5em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


  #mainPG {margin: 0 0 0 15em; padding: 1em 4em 3em 1em;border-left: 1px solid #AAA; background: #FFF;min-height: 30em;}
  
  #mainPG h2 {border-bottom:0px solid; margin: 0 0 0 -1em; padding: 0;font-size: 1.25em; line-height: 0.95em;}
  #mainPG p.contact {margin: 0 1em; text-align: right; font-size: 90%;}

  #mainPG blockquote {font-style: normal; margin: 1em 1em 1em 2em;}
  #mainPG blockquote em {font-style: italic; font-weight: inherit;}
  #mainPG blockquote p {margin: 0.10em 2.5% 0.33em 0 !important;
     line-height: 1.2; text-indent: 2em;}
  #mainPG blockquote.book p {margin: 0 2.5% 0 0 !important;}
  #mainPG blockquote.lyric {font-style: italic; white-space: pre;border: none; margin-left: 1em;}
  #mainPG blockquote.lyric p {text-indent: 0;}
    .quoteattrib {margin: -0.75em 3em 0.66em; font-size: 87.5%;}
    .quoteattrib cite {font-style: italic;}

  #mainPG p {line-height: 1.4em;text-align: left;}
  #mainPG li {line-height: 1.33em; margin-bottom: 0.25em;}
  #mainPG .compact li {line-height: normal; margin-bottom: 0;}
  #mainPG ul li {list-style: square;}

/**** LINK-tag style sheet ph_styles.css ****/

/* CSS Document */

div.img
{
  margin: 5px;
  border: 1px solid #d5d5d5;
  background: #e7e7e7;
  float: left;
  display:inline;
  text-align: center;
  padding: 4px;
  height: 210px;
  width: 210px;	
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #d5d5d5;
}
div.img a:hover img {border: 1px solid #ffff00;}
div.desc
{
  text-align: center;
  font-weight: normal;
  margin: 2px;
  font: bold 11px arial;
  color:#000000;
  
}

.rctList ul				{margin: 0px; padding:0px; color:#333333; 
}
.rctList li a			{font:bold 12px arial; color:#333333; line-height: 17px; padding: 0px; margin: 0px; 	
}
.rctList li a:hover		{color:#ee0000; 
}






/**** LINK-tag style sheet global.css ****/

a:link {color:#333333; text-decoration:none;}      
a:visited {color:#333333; text-decoration:none;} 
a:hover {color:#E7264A;} 
a:active {color:#333333; text-decoration:none;}

.frmSearch * {
vertical-align: bottom;
}


.link2w				{font:bold 11px arial; color:#ffffff; text-decoration: none; 
}
a.link2w			{color:#ffffff;
}
a.link2w:hover		{color:#ffffff;	text-decoration: underline;
}
a.link2w:visited	{color:#ffffff;
}

.blueLinks			{font:bold 12px arial; color:#008DE7; text-decoration: none; 
}
a.blueLinks			{color:#008DE7;
}
a.blueLinks:hover	{color:#008DE7;	text-decoration: underline;
}
a.blueLinks:visited	{color:#008DE7;
}

.HeadingLinks			{font:normal 11px arial; color:#333333; text-decoration: none; 
}
a.HeadingLinks			{color:#333333; text-decoration:none; border-width: 0px 0px 1px 0px; border-style: none none dotted none;
}
a.HeadingLinks:hover	{color:#333333;	text-decoration: none; border-width: 0px 0px 1px 0px; border-style: none none solid none;
}
a.HeadingLinks:visited	{color:#333333;
}

/* Text */
.subhead2				{color: #DB3434;
}

form,select,input,		{margin: 0px; padding: 0px;
}

.clear					{clear: both; position: relative; width: 100px;
}

.imgRight				{BORDER-RIGHT: #cbcaca 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cbcaca 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cbcaca 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #cbcaca 1px solid; BACKGROUND-COLOR: #fff; margin: 0px 15px 15px 0px; float: right;
}

.imgLeft				{BORDER-RIGHT: #cbcaca 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cbcaca 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cbcaca 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #cbcaca 1px solid; BACKGROUND-COLOR: #fff; margin: 0px 15px 15px 0px; float: left; 
}

p						{margin: 0px; padding: 0px;  
}

h2						{font-weight:normal; color: #005CC6; margin: 10px 0px 10px 0px; padding: 0px;
}

h3						{font-weight:normal; color: #005CC6; margin: 10px 0px 20px 0px; padding: 0px;
}

h5						{font-size: 14pt; font-weight:normal; color: #005CC6; margin: 10px 0px 10px 0px; padding: 0px;
}

hr 						{padding-top: 6px; border: none 0; border-bottom: 1px solid #e7e7e7; width: 100%; height: 1px; margin: 0px auto; text-align: center;
}

hr.ee 					{border: none 0; border-top: 1px solid #d5d5d5; width: 100%; height: 1px; margin: 0px auto; text-align: center; clear:both; 
}

hr.ff					{border: none 0; border-top: 3px dotted #d5d5d5; width: 95%; height: 3px; margin: 0px auto; font-size: 1px; text-align: center;
}

.content				{font-size:16px;
}

.pagenav				{font: bold 11px arial; color: #333333; text-decoration: none; 
}

a.pagenav				{color:#333333;
}

a.pagenav:hover			{color:#333333;	text-decoration: underline;
}

.highlightit img		{BORDER-RIGHT: #AEDAE8 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #AEDAE8 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; BORDER-LEFT: #AEDAE8 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #AEDAE8 1px solid; BACKGROUND-COLOR: #fff
}

.highlightit:hover img	{BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; BORDER-LEFT: #999999 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #fff
}

.highlightit:hover		{color: red; /* Dummy definition to overcome IE bug */
}

.more					{PADDING-RIGHT: 15px; FONT-WEIGHT: 800; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: #006699; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: right; TEXT-DECORATION: none
}

.boxGray				{background:#ffffff; border:1px solid #d9d9d9; 
}
.ftrLinks				{font: bold 11px arial; color: #333333; text-decoration: none; 
}

a.ftrLinks				{color:#333333;
}

a.ftrLinks:hover		{color:#333333;	text-decoration: underline;
}

.dots					{background:url(../images/dots.gif) repeat; height:1px; font-size:1px; margin:0px; padding:0px;
}












/* Global Nav Starts */
.toggleopacity img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;
}

.toggleopacity:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;
background:#E1E9FD;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}


#nav {
		position: relative;		
		width: 700px;
		margin:0px;
		padding:0px;
		background:#3A7EC3;
		height:60px;
		float:left;
}

#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
}

#nav a {
		text-decoration: none;
}

#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 0px;
}

#nav li ul {
		display: none;
}

#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 27px;
		left: 0;		
		background: #F1F5FF;
		height: 34px;
		width: 700px;
		padding: 0px;
}

#nav li.on ul {
		background: #F1F5FF;
}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #F1F5FF;
}

#nav li a {		
		font-weight: bold;
		display: block;		
		padding: 0;
}

#nav li.on a {
		color: #f90;
}

#nav li.on ul a, #nav li.off ul a {		
		float: left; /*ie doesn't inherit the float*/
		color: #f90;
		width: auto;
}

#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #F1F5FF;
		width:auto;
}

#nav li.on ul {
		display: block;
}

#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
}

#nav li.off a:hover, #nav li.on a:hover { 
		color: #f90;
}

	/*do the image replacement*/

#nav li span {
		position: absolute;
		left: -9384px;
}

#liRenaissance a, #liNews a, #liCinema a, #liSports a, #liFeatures a,#liLifestyle a, #liSahityam a, #liEducation a, #liGallery a, #liSpecials a, #liEmag a {
		display: block;
		position: relative;
		height: 27px;
		background: url(../globalNav/bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
}

/*first, put the initial states in place*/

#liNews a {
	background-position: 0 0; width:60px;
}

#liCinema a {
	background-position: -60px 0; width:60px;
}

#liSports a {
	background-position: -120px 0; width:55px;
}

#liFeatures a {
	background-position: -175px 0; width:58px;
}

#liLifestyle a {
	background-position: -233px 0; width:62px;
}

#liSahityam a {
	background-position: -295px 0; width:73px;
}
#liEducation a {
	background-position: -368px 0; width:77px;
}
#liGallery a {
	background-position: -445px 0; width:97px;
}
#liSpecials a {
	background-position: -542px 0; width:67px;
}
#liEmag a {
	background-position: -609px 0; width:91px;
}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #liNews.on a {
 	background-position: -0px -27px; width:60px;
 } /*add selectors for the other li's and background-positions*/

/*hover states*/

#liNews a:hover, #liRenaissance:hover a, #liRenaissance.over a {
	background-position: 0 -27px; 
}

#liCinema a:hover, #liArtNouveau:hover a, #liArtNouveau.over a {
	background-position: -60px -27px; 
}

#liSports a:hover, #liModern:hover a, #liModern.over a {
	background-position: -120px -27px; 
}

#liFeatures a:hover, #liPostModern:hover a, #liPostModern.over a {
	background-position: -175px -27px; 
}

#liLifestyle a:hover, #liDigital:hover a, #liDigital.over a {
	background-position: -233px -27px; 
}
#liSahityam a:hover, #liTravel:hover a, #liTravel.over a {
	background-position: -295px -27px; 
}

#liEducation a:hover, #liEducation:hover a, #liEducation.over a {
	background-position: -368px -27px; 
}
#liGallery a:hover, #liGallery:hover a, #liGallery.over a {
	background-position: -445px -27px; 
}
#liSpecials a:hover, #liSpecials:hover a, #liSpecials.over a {
	background-position: -542px -27px; 
}
#liEmag a:hover, #liEmag:hover a, #liEmag.over a {
	background-position: -609px -27px; 
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #F1F5FF;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: small;
	
}		

#nav li.on ul a {
	background: #F1F5FF;
}

/* Global Nav Ends */



/* List Items */

.boxlist				{margin: 0px; padding-left: 10px; list-style: none; font-size: 14px; line-height: 28px;
}
.boxlist li 			{border-bottom: solid 0px #e5e5e5; padding: 0px 0px 0px 20px; background-image: url(../images/e02.gif); background-repeat: no-repeat; background-position: 2px 5px;
}
.boxlist li a			{color: #222222; text-decoration: none;
}
.boxlist li a:hover		{color: #D51818; text-decoration: none;	
}

.boxlistBG				{margin: 0px; padding: 0px; list-style: none; font-size: 14px; line-height: 28px;
}
.boxlistBG li 			{margin-bottom:2px; background:#EFFAFF; border-bottom: solid 0px #e5e5e5; padding: 0px 0px 0px 20px; background-image: url(../images/e02.gif); background-repeat: no-repeat; background-position: 0em;
}
.boxlistBG li a			{color: #222222; text-decoration: none;
}
.boxlistBG li a:hover		{color: #D51818; text-decoration: none;	
}

/* Home Slides Start */

/* Home Slide Show Starts */
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 318px; /*width of featured content slider*/
height: 386px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background: white;
width: 320px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 308px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #ffffff;
font:bold 11px arial;
padding:5px;
border-top:1px solid #d5d5d5;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
}

.pagination a:hover{
color: #000;
}

.pagination a.selected{
color: #ffffff;
background-color: #D30046;
}
/* Home Slide Show Ends */





/**** LINK-tag style sheet global_styles_reg.css ****/

BODY					{background:url(../images/bg_gray.gif) center; font-size: 15px; line-height:24px; MARGIN: 0px auto; padding:0px; color: #333333; FONT-FAMILY: arial; 
}
#container				{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 990px; PADDING-TOP: 0px; position: relative;
}
#hdr					{border-left:1px solid #ffffff; border-right:1px solid #ffffff; Width: 988px; height: 115px; padding: 0px; margin: 0px; position: relative; background-color:#ffffff; 
}
#logo					{Width: 220px; height: 110px; padding: 0px; margin: 0px; background-color: #ffffff; display: inline; float: left;
}
#topAdvt				{Width: 768px; height: 110px; padding:0px; margin: 0px; text-align:center; background-color: #ffffff; float: left; display: inline;
}
#themeBox				{text-transform:uppercase; width:758px; text-align:right; background:#145190; font:bold 11px arial; color:#C4E6ED; margin:0px; padding:0px 10px 0px 0px; height:14px; line-height:14px;
}
#topNavBox				{background: url(../images/topNavBg.gif); border-right: 1px solid #E7EBF7; border-bottom: 1px solid #E7EBF7; border-left: 1px solid #E7EBF7; width: 988px; height: 61px; padding: 0px; margin: 0px; background-color:#ffffff; 
}
#mainBox				{float:left; width: 990px; padding-top: 4px; margin: 0px; position: relative;
}

#leftBox				{display:inline; float:left; width: 670px; padding: 0px; margin: 0px; position: relative;
}
#leftboxIn				{float:left; background:#EBEBEB; width:656px; padding:4px; 
}
#leftboxIn-ph			{float:left; background:#EBEBEB; width:716px; padding:4px; 
}

#rightBox				{background:#E8EBEF; display:inline; float:left; width: 310px; padding: 4px; margin: 0px; position: relative;
}
#rightBoxIn				{background:#E8EBEF; display:inline; float:left; width: 310px; padding: 4px; margin: 0px 0px 0px 4px; position: relative;
}
#rightBoxIn-ph			{background:#EBEBEB; display:inline; float:left; width: 250px; padding: 4px; margin: 0px 0px 0px 4px; position: relative;
}


.box					{background:#ffffff; border:1px solid #d5d5d5; 
}

#topNewsBox				{background:#F3F3F3; height:35px; margin:0px; width:664px; border:1px solid #d9d9d9;
}
#topStoryBox			{margin:4px 4px 4px 0px; width:666px; 
}
#slideBox				{float:left; width:318px; 
}
.bdr					{border:1px solid #d5d5d5;
}
#tabBox					{margin:2px 0px 4px 0px; width:666px; float:left; clear:both; font-size:15px;  
}
#featuresBox			{padding:0px; margin:0px; width:666px; clear:both;  
}
.toonBox				{float:left; display:inline; width: 150px; background-color:#F4F4F4;
}
.featuresHd				{width:329px; height:29px; border-bottom:1px solid #d5d5d5; background:#F4F4F4;
}
#dstBox					{background-color:#f7f7f7; border:1px solid #e5e5e5; margin-top:4px; width:503px;
}
#pollBox				{background:#ffffff; margin:4px 0px 0px 0px; float:left; width:664px; clear:both;  
}
#pollhead				{background-color:#FF3C00; border: 1px solid #CD3000; height:30px;
}
#wetherHead				{background-color:#A9E569; border: 1px solid #77B51E; height:30px;
}
.entBox					{margin:0px 0px 4px 0px; width:308px; background:#ffffff; border:1px solid #D8DBDF; 
}
#ftr					{clear:both; background-color:#EBEBEB; width: 990px; height:20px; font:arial; font-size:11px; font-weight:bold; text-align:center; color:#333333; line-height:20px; margin-top: 4px; padding:0px; 
}
.imgbor					{margin:0px; BORDER: #d2d2d2 1px solid; PADDING: 4px; BACKGROUND-COLOR: #fff;
}

.bnrBor					{background:#ffffff; padding:0px; clear:both; margin-bottom:4px;
}
.cntBor					{margin:0px; float:left; background:#ffffff; border:1px solid #d2d2d2; padding:10px; clear:both; width:633px;
}
.cntBor-ph				{margin:0px; float:left; background:#ffffff; border:1px solid #d2d2d2; padding:10px; clear:both; width:693px;
}

/* Navigation */

.top-nav				{font:bold 11px arial; color:#ffffff; padding: 0px 5px 0px 5px; text-decoration: none; line-height: 25px;
}
a.top-nav				{color:#ffffff;
}
a.top-nav:hover			{color:#ffffff;	text-decoration: underline;
}
a.top-nav:visited		{color:#ffffff;
}

.top-nav-misc				{font:bold 11px arial; color:#C4E6ED; text-decoration: none; 
}
a.top-nav-misc				{color:#C4E6ED;
}
a.top-nav-misc:hover		{color:#ffffff;	text-decoration: underline;
}
a.top-nav-misc:visited		{color:#C4E6ED;
}

/* Right Side Tabs */

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
width:308px;
padding: 0px;
margin: 0px;
background:#DDF4FF;
border-bottom:1px solid #99C4E5;
position:relative;
height:30px;
font: bold 11px arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
float:left;
color:#ffffff;
}

.shadetabs li{
display: inline;
float:left;
margin: 0px;
line-height:30px;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 4px 9px;
margin: 0px;
border: 0px solid #778;
color: #ffffff;
background:#4EA1E1;
}

.shadetabs li a:hover{
text-decoration: none;
color: #ffffff;
background:#DB2E4E;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 0px;
}

.shadetabs li a.selected{ /*selected main tab style */
background:#BBDFF1;
color:#333333;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}





/* ######### CSS for Shade Tabs. Remove if not using ######### */