body 
{
    background-image:url("images/websiteBackgroundfill.jpg");
    background-repeat:repeat-y;
    background-color:#BBBBAF;
    margin:0px;
    padding:0px;
    
   
}
 
 





@font-face {
	font-family: 'Arial Narrow';
	src: url('fonts/ARIALN.eot');
	src: local('☺'), url('fonts/ARIALN.woff') format('woff'),
	 url('fonts/ARIALN.ttf') format('truetype'),
	  url('fonts/ARIALN.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Bookman Old Style';
	src: url('fonts/BOOKOS.eot');
	src: local('☺'), 
	 url('fonts/BOOKOS.woff') format('woff'),
	 url('fonts/BOOKOS.ttf') format('truetype'), 
	 url('fonts/BOOKOS.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Chaparral Pro';
	src: url('fonts/ChaparralPro-Regular.eot');
	src: local('☺'), 
	 url('fonts/ChaparralPro-Regular.html') format('woff'),
	 url('fonts/ChaparralPro-Regular.ttf') format('truetype'), 
	 url('fonts/ChaparralPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Corbel';
	src: url('fonts/CORBEL.eot');
	src: local('☺'),
	 url('fonts/CORBEL.woff') format('woff'),
	 url('fonts/CORBEL.ttf') format('truetype'),
	 url('fonts/CORBEL.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Myriad Pro';
	src: url('fonts/MyriadPro-Regular.eot');
	src: local('☺'), url('fonts/MyriadPro-Regular.html') format('woff'),
	 url('fonts/MyriadPro-Regular.ttf') format('truetype'),
	  url('fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "WebAkharSlim";
	src: url("fonts/webakharslim.eot");
	src: local("☺"), 
	url("fonts/webakharslim.woff") format("woff"), 
	url("fonts/webakharslim.ttf") format("truetype"), 
	url("fonts/webakharslim.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}





/*------------------------------------------------mainbody--------------------*/
#mainbody{
	width:100%;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	background-image:url("images/websiteBackground.jpg");
    background-repeat:no-repeat;
     
    margin:0px;
    padding:0px;
}





/*------------------------------------------------header--------------------*/
#header
{
    
}
#toprow
{
    height:86px;
    background-image:url("images/topRowFill_X.png");
    background-repeat:repeat-x;
    text-align:center;
    
}

#logo
{
    width:130px;
    float:left;
    
}
#name
{
}
#GurdwaraName
{
}
#NameEnglish
{
    font-family:"Chaparral Pro";
    font-size:32px;
    color:#993300;
    text-align:center;
     
}
#NamePunjabi
{
    font-family:"WebAkharSlim";
    font-size:29px;
    font-weight:bold;
    color:#FF0000;
    text-align:center;
}

#OtherLinks
{
    width:130px;
    float:right;
}  

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/  
#slidshowRow
{
    height:230px;
    
}


        #slideshow
        {
            height: 225px;
        }
        
        #slideshow ul
        {
            list-style: none outside none;
            overflow: hidden;
            margin: 0px;
            padding: 0px;
            margin-top: -2px;
        }
        
        #slideshow li
        {
            display: none;
            z-index: 10;
        }
        
        #slideshow li:first-child
        {
            display: block;
            z-index: 1000;
        }
        
        #slideshow .slideActive
        {
            z-index: 1000;
        }
        
        #slideshow canvas
        {
            display: none;
            z-index: 100;
        }
        
        #slideshow img
        {
            border: 5px solid white;
        }
        
        #slideshow .arrow
        {
            height: 86px;
            width: 60px;
            background: url('images/arrows.png') no-repeat;
            cursor: pointer;
            z-index: 5000;
        }
        
        
        #slideshow .previous
        {
            background-position: left top;
            left: 0;
        }
        #slideshow .previous:hover
        {
            background-position: left bottom;
        }
        
        #slideshow .next
        {
            background-position: right top;
            right: 0;
        }
        #slideshow .next:hover
        {
            background-position: right bottom;
        }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/  
#newsbar
{
    margin:0 10px 0 10px;
   
}

#newsItem
{
    margin-left:150px;
    
}

#newsContent
{
  padding-top:22px;
  font-size:24px;
  color:#222222;  
}

.englishFontNews
{
    font-family:Corbel;
}
.punjabiFontNews
{
    font-family:WebAkharSlim;
}

#langOption
{
    float:left;
    width:100px;
    padding-top:28px;
}


.leftSideCorner
{ 
    background-image:url('images/newsbarWhiteCor.png');
    background-repeat:no-repeat;
    background-position:0px 0px; /* xpos , ypos*/
    width:30px;
    height:74px;
    float:left;
}

.rightSideCorner
{ 
    background-image:url('images/newsbarWhiteCor.png');
    background-repeat:no-repeat;
    background-position:-22px 0px; /* xpos , ypos*/
    width:30px;
    height:74px;
    float:right;
}

#newsBanner
{
    background-image:url('images/newsbarWhiteFill.png');
    background-repeat:repeat-x;
    
    height:74px;
    margin-right:30px;
    margin-left:30px;
     
}

#newsShadowLeft
{
    background-image:url('images/newsShadowLeft.png');
    background-repeat:no-repeat;
    height:60px; 
    
    width:100%;
}

#newsShadowRight
{
    background-image:url('images/newsShadowRight.png');
    background-repeat:no-repeat;
    height:60px; 
    float:right;
        width:100%;
        background-position:100% 100%;
    
}


/*------------------------------------------------mainMenu--------------------*/
#mainMenu
{
    width:234px;
    position:absolute;
    top: 165px;
    left: 13px;
    height:100px;
}

#menuItemCollection
{
    
}
#menuTop
{
    margin-left:33px;
    height:103px;
    padding:0px;
    
    
}
#menuBottom
{
    margin-left:33px;
    height:24px;
}

#menuListing
{
    list-style:none;
    margin-left:-7px;
    width: 224px;
    margin-bottom: 0px;
    margin-top: 0px;
    
}

#menuListing li
{
    background-image:url('images/mainMenuItem.png');
    background-repeat:no-repeat;
    height:30px; 
    font-family:Arial;
    font-size:14px;
    color:#333333;
    text-align:left;
    width: 224px;
    text-align:center;
}

#menuListing li:hover
{
    background-image:url('images/mainMenuItemSelected.png');
    background-repeat:no-repeat;
    height:30px; 
    font-family:Arial;
    font-size:14px;
    color:#333333;
    text-align:center;
    width: 224px; 
}
#menuListing li:active
{
    background-image:url('images/mainMenuItemSelected.png');
    background-repeat:no-repeat;
    height:30px; 
    font-family:Arial;
    font-size:14px;
    color:#333333;
    text-align:center;
    width: 224px; 
}

#menuListing li a
{
     
    background-repeat:no-repeat;
    height:30px; 
    font-family:Arial;
    font-size:14px;
    color:#333333;
    text-align:left;
    width: 198px;
    text-align:center;
    text-decoration:none;
}

#menuListing li a:hover
{
    
    background-repeat:no-repeat;
    height:30px; 
    font-family:Arial;
    font-size:14px;
    color:#333333;
    text-align:center;
    text-decoration:none;
    width: 198px; 
}

#menuListing li a:selected
{
    background-image:url('images/mainMenuItemSelected.png');
    background-repeat:no-repeat;
    height:40px; 
    font-family:Arial;
    font-size:14px;
    color:#333333;
    text-align:left;
    width: 198px;  
}
.selectedMenuItem a
{
    
    background-image:url('images/mainMenuItemSelected.png');
    background-repeat:no-repeat;
    height:40px; 
    font-family:Arial;
    font-size:14px;
    color:#333333;
    text-align:left;
    width: 198px;  
}

#otherMenuLinks
{
     margin-left:33px;
     height:103px;
}

 

/*------------------------------------------------content--------------------*/
#content
{
    margin-left:270px;
    margin-right:15px;
    background-image:url('images/contentHeaderFill.png');
    background-repeat:repeat-x;
   
    
}
#contentHeaderCorLeft
{
    background-image:url('images/contentHeaderLeftCorner.png');
    background-repeat:no-repeat;
    height:78px; 
    
    width:100%;
}

#contentHeaderCorRight
{
     background-image:url('images/contentHeaderRightCorner.png');
     background-repeat:no-repeat;
     height:78px; 
     float:right;
        width:100%;
        background-position:100% 100%;
    
}

#pageheading
{
    font-family:"Bookman Old Style";
    font-size:25px;
    color:#333333;
    text-align:center;
    padding-top:20px;
   
}

#contentFooter
{
    background-image:url('images/contentHeaderFooter.jpg');
    background-repeat:repeat-x;
    height:96px;
    text-align:center;
   
}

#contentArea
{
    border-left:1px solid #B0AF9F;
    border-right:1px solid #B0AF9F;
    background-color:#FBFBFB;
 
       min-height:520px;
     
}

.arial14cr666666
{
    font-family:Arial;
    font-size:14px;
    color:#666666;
}
.arial14crCC6600
{
    font-family:Arial;
    font-size:14px;
    color:#CC6600;
}
 

/*------------------------------------------------footer--------------------*/
#footer
{
  height:332px;
  background-image:url('images/FooterBaseFill.jpg');
  background-repeat:repeat-x;
  background-color:#2B2622;
   
    
}
#BaniPhrase
{
    height:55px;
    
}

#OrangeLine
{
    height:18px;
}

#JoinAndContact
{
    width:275px;
    float:right;
    background-color:#523C83;
    height: 254px;
   
}

#footerlinksLeftSide
{
  height:255px;
  background-image:url('images/footerDesign.jpg');
  background-repeat:no-repeat;
  background-color:#47458A;
   
}

#JACr1
{
     
    font-family:"Times New Roman";
    font-size:12px;
    font-weight:bold;
    color:White;
    width:200px;
    text-align:center;
    margin-top:30px;
    padding-left:10px;
    padding-bottom:10px;
}

#JACr2
{
    height:83px;
}


#JACr3
{
    
}

#JACForm
{
    background-image:url(images/newsletterRegisFill.jpg);
    height:83px;
     
    
    
}

#JACSubmit
{
    height:83px;
    width:47px;
    float:right;
}

#formInputArea
{
float:left;
    
}
.JACInputStyle
{
    height:20px;
    font-family:"Times New Roman";
    font-size:14px;
    color:White;
    width:200px;
    text-align:center;
    margin-top:15px;
     
}

.fontstyle01
{
    font-family:"Times New Roman";
    font-size:12px;
    font-weight:bold;
    color:White;
     
    text-align:center;
    margin-top:10px;
    padding-left:1px;
    padding-bottom:10px;
}

#FMagic
{
     z-index:1200; position:absolute; width:100%; left: 0px;
     height:258px; 
      
     
}

#FLSr1
{
      height:33px; 
      text-align:left;
      margin-right:90px;
      
}




/* ----------- Sub Menu ----------- */
#footerlinks
{
    font-family:Arial;
    font-size:12px;
    color:White;
    
}

#footerlinks a,
#footerlinks a:visited
{
    font-family:Arial;
    font-size:12px;
    color:White;
    text-decoration:none;
    
}

#footerlinks a:hover
{
    font-family:Arial;
    font-size:12px;
    color:White;
    text-decoration:underline;
    
}

.textboxStyle
{
    background-color : #524941;
    border-style:none;
     font-family:"Times New Roman";
    font-size:18px;
    color:White;
    width:145px;
    text-align:center;
}

#pagelinksUL
{
    list-style-image:url(images/pageLinkingIcon.jpg);
    
}

#pagelinksUL li
{
   margin-left:10px;
   font-family:"Corbel";
   font-size:14px;
   font-weight:bold;
   color:#006699;
}


#pagelinksUL li a
{
   margin-left:10px;
   font-family:"Corbel";
   font-size:14px;
   font-weight:bold;
   color:#006699;
   text-decoration:none;
}

#pagelinksUL li a:visited
{
   margin-left:10px;
   font-family:"Corbel";
   font-size:14px;
   font-weight:bold;
   color:#006699;
   text-decoration:none;
}

#pagelinksUL li a:hover
{
   margin-left:10px;
   font-family:"Corbel";
   font-size:14px;
   font-weight:bold;
   color:#006699;
   text-decoration:underline;
}


#sublinksUL
{ 
    list-style-image:url("ulStyle.html");
}

.pageLink
{
    background-image:url(images/pageLinkingIcon.jpg);
    background-repeat:no-repeat;
    background-position: 10px 0px;
   padding-left:40px;
   
   font-family:"Corbel";
   font-size:14px;
   font-weight:bold;
   color:#006699;
    text-decoration:none;  
    
}

.pageLink a
{
    
   font-family:"Corbel";
   font-size:14px;
   font-weight:bold;
   color:#006699;
   text-decoration:none; 
   margin-left:20px; 
}

.pageLink a:hover
{
 
   font-family:"Corbel";
   font-size:14px;
   font-weight:bold;
   color:#006699;
   text-decoration:underline;
    margin-left:20px; 
}

.externalLink 
{
   
    font-family:"Corbel";
   font-size:14px;
   font-weight:bold;
   color:#7184BB;
   text-decoration:none; 
    
     
    height:42px;
}

.externalLinkDiv 
{
    background-image:url(images/externalLink.jpg);
    background-repeat:no-repeat;
     background-position: 00px 0px;
    font-family:"Corbel";
   font-size:14px;
   font-weight:bold;
   color:#7184BB;
   text-decoration:none; 
     
    height:42px;
}
 


.lineDecoHori
{
    background-image:url("images/decoLineHori.jpg");
    background-repeat:repeat-x;
    height:40px;
    text-align:center;
}

.lineDecoHori2
{
    background-image:url("images/decoLineHori.jpg");
    background-repeat:repeat-x;
    height:40px;
    text-align:left;
     font-family:"Corbel";
   font-size:12px;
   font-weight:bold;
   color:#666666;
}

/*###################################   Web User Controls######################*/

/*~~~~~~~~ PageSubHeading ~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#PSH_SubHeading
{
    height:50px;
}

#PSH_SubHeadingLBL
{
    padding:10px 0px 0px 10px;  
}

.PSH_SubHeading_English
{
    color:#666666;
    font-family:"Arial Narrow";
    font-size:20px;
}

.PSH_SubHeading_Punjabi
{
    color:#666666;
    font-family:"WebAkharSlim";
    font-size:20px;
}

.punjabiContent
{
    font-family:WebAkharSlim;
    color:#666666;
    font-size:16px;
}

.englishContent
{
    font-family:"Myriad Pro";
    color:#666666;
    font-size:15px;
}

/*~~~~~~~~ End PageSubHeading ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~ userContentLBL ~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#userContentDIV
{
    padding:20px;
    text-align:justify;
}
/*~~~~~~~~ End userContentLBL ~~~~~~~~~~~~~~~~~~~~~~~~~~*/



.BoxLeftSideCorner
{ 
    background-image:url('images/boxIcon1.jpg');
    background-repeat:no-repeat;
    background-position:0px 0px; /* xpos , ypos*/
    width:11px;
    height:11px;
    float:left;
}


.BoxRightSideCorner
{ 
    background-image:url('images/boxIcon1.jpg');
    background-repeat:no-repeat;
    background-position:-48px 0px; /* xpos , ypos*/
    width:11px;
    height:11px;
    float:right;
}

.BoxLeftSideCornerDown
{ 
    background-image:url('images/boxIcon1.jpg');
    background-repeat:no-repeat;
    background-position:0px -37px; /* xpos , ypos*/
    width:11px;
    height:11px;
    float:left;
}


.BoxRightSideCornerDown
{ 
    background-image:url('images/boxIcon1.jpg');
    background-repeat:no-repeat;
    background-position:-48px -37px; /* xpos , ypos*/
    width:11px;
    height:11px;
    float:right;
}

.BoxRowTop
{
    background-image:url('images/BoxRowTopFill.png');
    background-repeat:repeat-x;
    height:11px;
    
}

.BoxDownTop
{
    background-image:url('images/BoxRowDownFill.png');
    background-repeat:repeat-x;
    height:11px;
}

.BoxRowLeft
{
    background-image:url('images/BoxRowLeftFill.png');
    background-repeat:repeat-y;
    width:11px;
    
    background-color:#ffffff;
}

.BoxDownRight
{
    background-image:url('images/BoxRowRightFill.png');
    background-repeat:repeat-y;
    width:11px;
    background-color:#ffffff;
}

.BoxRowContent
{
    background-color:#ffffff;
}