/* CSS Document */
body
{ font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  background-color:#000000;
  margin-bottom:0;
  margin-top:0;
  margin-left:0;
  color: #cccccc;
  margin-right:0
}
DIV#PageWrapper
{
width:100%;
border:0px;
padding: 0px;
}
.logo_placing
{
margin-top:3px;
margin-left:10px;
border:0px
}
.logo_Heading
{font-size:54px;
 font-weight:bold;
 font-family:Kunstler Script, Brush Script MT, Arial, Helvetica, sans-serif;
 font-style:italic;
 color:#FFFFCC
}
.main_tbl{
	width:900px;
	border:0px
}
.menu_item_width{ width:150px
}
.col_logo
{
width:90px
}
.col_social
{
width:90px
}
/* TOP MENU STYLES */

#deMenuTable
{
display: block;
}
Div#deMenuDiv
{
font-weight:bold;

}
a.deMenuLinkActive, a:hover.deMenuLinkActive
{
display: block;
height: 100%;
color: #8BB4CB;
padding: 5px;
font-family: arial;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
text-align: center;
border-right: 1px solid #333333;
}

a.deMenuLink
{
display: block;
height: 100%;
color: #FFFFFF;
padding: 5px;
font-family: arial;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
text-align: center;
border-right: 1px solid #333333;
font-weight:bold
}

a:hover.deMenuLink
{
display: block;
height: 100%;
color: #8BB4CB;
padding: 5px;
font-family: arial;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
text-align: center;
border-right: 1px solid #333333;
}
.spacerRow
 { height:0px;}
 
/* TOP MENU STYLES END HERE*/

/*CSS for larger image on mouse hover */
ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:-30px;
margin-bottom:0px
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
/* For IE 7 */
zoom: 1;
*display: inline;
/* These 2 lines above are for internet old browsers*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
/*margin:10px 10px 10 0px;*/  /* old is margin:10px 40px 0 20px;*/
margin:2px 2px 0px 0px
}
ul.enlarge img{
background-color:#eae9d4;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
top: -100px; /* -300px the distance from the bottom of the thumbnail to the top of the popup image*/
left: -60px; /* -20px distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc); 
} 
/* for larger image on hover ends here */

/* wrap text around the image */
.TextWrap {
   float:right;
   /* margin-left:10px;
   margin-right:10px;*/
   }
.TextWrapLeft {
   float:left;
  /* margin-left:10px;
   margin-right:10px;*/
   }
DIV#txtOnImage
{ position:absolute;
  top:164px;
  left:6px;
  width:280px;
  height:25px;
  }
DIV#txtOnLogo
{ position:absolute;
  top:25px;
  left:40px;
  width:280px;
  height:25px;
  }
div#social
{
position:absolute;
top:10px;
right:0;
text-align:right;
margin-right:10px;
width:130px;
float:right;
}
div#punjabi
{
position:absolute;
top:50;
right:0;
text-align:right;
margin-right:10px;
width:140px;
float:right;
}
div#selectLanguage
{
position:absolute;
top:120;
right:0;
text-align:right;
margin-right:10px;
width:140px;
float:right;
}
.tblTopCell {
   background-image:url(../images/top/top01.JPG);
}
.tblImgCell {
   background-image:url(../images/top/15.jpg);
   background-size: cover;
   height:100%;
   width:100%;
}
/* FOOTER TEXT STYLES */

DIV#deFooterText
{
display: block;
text-align: center;
font-family: verdana; 
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
text-align: center;
padding-top: 10px;
}
.deCopyRightText
{
display: block;
text-align: center;
font-family: verdana; 
font-size: 8px;
font-weight: normal;
color: #666666;
text-decoration: none;
text-transform: uppercase;
text-align: center;
padding-top: 0px;
margin-top:3px;
margin-bottom:3px
}
.paraText
{
display: block;
text-align: left;
padding-top: 0px;
margin-top:3px;
margin-bottom:3px;
margin-left:64px
}
.paraText_1
{
display: block;
text-align: left;
padding-top: 0px;
margin-top:3px;
margin-bottom:3px;
margin-left:20px
}
/* FOOTER MENU STYLES */

DIV#FooterWrapper
{
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
border-top: 1px solid #FFFFFF;
background: #000000;
}

DIV#deFooterMenuDiv
{
display: block;
text-align:left;
margin-left: 10px;
}


a.deFooterLink
{
display: block;
color: #FFFFFF;
padding: 5px;
font-family: arial;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
text-align: center;
}


a:hover.deFooterLink, a.deFooterLinkActive, a:hover.deFooterLinkActive
{
display: block;
color: #8BB4CB;
padding: 5px;
font-family: arial;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
text-align: center;
}

.browse
{
	font-family:Arial, Helvetica, sans-serif;
  	color:#FFFFFF
}
.browse:hover
{
	color: #8BB4CB
}
.browse1
{
	font-family:Arial, Helvetica, sans-serif;
  	color:#FFFFFF;
	font-weight:bold
}
.browse1:hover
{
	color: #8BB4CB
}
.browsehome
{
	font-family:Arial, Helvetica, sans-serif;
  	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none
}
.browsehome:hover
{
	color: #8BB4CB
}
.browse2
{
	font-family:Arial, Helvetica, sans-serif;
  	color:#FFFFFF;
	text-decoration:none
}
.browse2:hover
{
	color: #8BB4CB
}
.browsePunjabi
{
	font-family:Arial, Helvetica, sans-serif;
  	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
}
.browsePunjabi:hover
{
	color: #8BB4CB
}