body
{
    /* for the area that will be visible outside the main side border
        when the screen size is greater */
    background-image: url(   "/Images/SiteBackgroundPattern.gif" );
    padding: 0px;
    margin: 0px;
    font-family: Calibri, Verdana, Arial;
    font-size: 12pt;
}

/* general style */
.warning
{
    font-size: 10px;
    color:Maroon;   
}
.warningGuest
{
    font-size: 14px;
    color:Maroon;   
}
/* main block div - this the main container of the website */
#mainBlock
{
    background-image: url(   "/Images/CombinedAreaBack.png" );
    background-repeat: repeat-y;
    width: 1000px;
    margin: 0 auto;
}

/* left menu container */
#leftMenuBlock
{
    width: 208px;
    float: left;
    height: 100%;
    min-height: 700px;
}
#menuBlockLogo
{
    margin: 0 auto;
    margin-top: 16px;
    /* background logo disabled, it has been implemented as clickable hyperlink
        background-image: url(   "/Images/Pehel_Logo.png" );
        background-repeat: no-repeat; */
    width: 160px;
    height: 76px;
    
}
#leftMenu ul
{
    float: right;
    margin-right: 30px;
    /* change for shifting up 
    margin-top: 110px; */
    margin-top: 60px;
    list-style: none;
    text-align: right;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    color: #da251d;
    line-height: 26px;
}
#leftMenu ul li
{
   /* cursor: pointer; */
}
#leftMenu ul a
{
    text-decoration: none;
    color: #da251d;
}
#leftMenu ul a:hover
{
    color: #da254d;
}
#leftMenu ul a:visited
{
    color: #da251d;
}
#leftMenu ul a:active
{
    color: #da251d;
}
#leftMenu .active
{
    color: Black;
    
}

/* left submenu block */
.submenublock .submenutop
{
    background-image: url(   "/Images/LeftSubMenuBackTop.gif" );
    background-repeat: no-repeat;
    height: 39px;
    width: 231px;
    margin-right: -52px;
}
.submenublock .submenumiddleabout
{
    background-image: url(   "/Images/LeftSubMenuBackMidPattern.gif" );
    background-repeat: repeat-y;
    height: 50px;
    width: 231px;
    margin-right: -52px;
}
.submenublock .submenumiddleprogram
{
    background-image: url(   "/Images/LeftSubMenuBackMidPattern.gif" );
    background-repeat: repeat-y;
    height: 100px;
    width: 231px;
    margin-right: -52px;
}
.submenublock .submenumiddlecontact
{
    background-image: url(   "/Images/LeftSubMenuBackMidPattern.gif" );
    background-repeat: repeat-y;
    height: 20px;
    width: 231px;
    margin-right: -52px;
}


.submenublock #submenulinksblockabout a
{
    text-decoration: none;
    color: #ffffff;
}
.submenublock #submenulinksblockabout a:hover
{
    color: #ffffff;
}
.submenublock #submenulinksblockabout a:visited
{
    color: #ffffff;
}
.submenublock #submenulinksblockabout a:active
{
    color: #ffffff;
}
.submenublock #submenulinksblockabout .active
{
    color: Black;
    
}
.submenublock #submenulinksblockabout
{
    float: right;
    margin-right: 40px;
    margin-top: -22px;
    list-style: none;
    text-align: right;
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 20px;
}


.submenublock #submenulinksblockprogram a
{
    text-decoration: none;
    color: #ffffff;
}
.submenublock #submenulinksblockprogram a:hover
{
    color: #ffffff;
}
.submenublock #submenulinksblockprogram a:visited
{
    color: #ffffff;
}
.submenublock #submenulinksblockprogram a:active
{
    color: #ffffff;
}
.submenublock #submenulinksblockprogram .active
{
    color: Black;
    
}
.submenublock #submenulinksblockprogram
{
    float: right;
    margin-right: 40px;
    margin-top: -22px;
    list-style: none;
    text-align: right;
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 20px;
}

.submenublock #submenulinksblockcontact a
{
    text-decoration: none;
    color: #ffffff;
}
.submenublock #submenulinksblockcontact a:hover
{
    color: #ffffff;
}
.submenublock #submenulinksblockcontact a:visited
{
    color: #ffffff;
}
.submenublock #submenulinksblockcontact a:active
{
    color: #ffffff;
}
.submenublock #submenulinksblockcontact .active
{
    color: Black;
    
}
.submenublock #submenulinksblockcontact
{
    float: right;
    margin-right: 40px;
    margin-top: -22px;
    list-style: none;
    text-align: right;
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 20px;
}

.submenublock .submenubottom
{
    background-image: url(   "/Images/LeftSubMenuBackBottom.gif" );
    background-repeat: no-repeat;
    height: 40px;
    width: 231px;
    margin-right: -52px;
}

/* left menu slide portion - removed due to design change*/
#leftMenuSlideContainer
{
    
}
#leftMenuSlideContainer .rightPortion
{
    float: right;
}
#leftMenuSlideContainer .leftPortion
{
    float: right;
}
#leftMenuSlide
{
    position: absolute;
    overflow: hidden;
    width: 199px;
    /*margin-top: 192px;*/
    left: 340px;
    float: left;
}
#leftMenuSlide .top
{
    width: 199px;
    height: 60px;
    background-image: url(   "/Images/SubMenu_Back_Top.png" );
    background-repeat: no-repeat;
    background-position: right;
}
#leftMenuSlide .middle
{
    background-color: #da251d;
    white-space: nowrap;
    overflow: hidden;
    min-height: 170px;
}
#leftMenuSlide .middle a, #leftMenuSlide .middle a:hover, #leftMenuSlide .middle a:visited, #leftMenuSlide .middle a:active
{
    color: Black;
           
}
#leftMenuSlide .middle ul
{
    float: right;
    list-style: none;
    line-height: 26px;
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-right: 25px;
    width: 150px;
    overflow: hidden;
}
#leftMenuSlide .middle a
{
    color: Black;
    text-decoration: none;   
}
#leftMenuSlide .middle .active a
{
    color: White;
}
#leftMenuSlide .bottom
{
    width: 199px;
    height: 59px;
    background-image: url(   "/Images/SubMenu_Back_Bottom.png" );
    background-repeat: no-repeat;
    background-position: right;
}
/* left flyout slide portion */
#leftFlyoutSlide
{
    width: 302px;
    height: 278px;
    background-image: url(   "/Images/LeftFlyoutBack.png" );
    background-repeat: no-repeat;
    background-position:right;
    margin-top: 400px;
    float: left;
    position:absolute;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    z-index: 900000000000;
    font-size: 14px;
}
#leftFlyoutSlide #leftFlyoutHotspot
{
    width: 30;
    float: right;
    height: 278px;
}
#leftFlyoutSlide #leftFlyoutHotspot img
{
    cursor: pointer;
    margin-right: 10px;
    margin-top: 130px;
}
#leftFlyoutSlide #leftFlyoutContentBlock
{
    float: right;
    width: 250px;
    margin-top:20px;
}
#leftFlyoutSlide #leftFlyoutContentBlock .header
{
    color: #da251d;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 8px;
}
#leftFlyoutSlide #leftFlyoutContentBlock .visitLinks div
{
    margin-top: 8px;
}
#leftFlyoutSlide #leftFlyoutContentBlock .email .emailbox, #leftFlyoutSlide #leftFlyoutContentBlock .email .emailbutton
{
    float: left;  
    background-color: #464646;
    padding: 3px;
    height: 16px;
}
#leftFlyoutSlide #leftFlyoutContentBlock .email .emailbox input
{
    width: 200px;
    height: 14px;
    font-size: 12px;
    border: 0 0 0 0;
}
#leftFlyoutSlide #leftFlyoutContentBlock .email .emailbutton
{
       
}
#leftFlyoutSlide #leftFlyoutContentBlock .email .message
{
    color: White;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 5px;
    white-space: normal;
    width: 250px;
}
/* right content container */
#rightContentBlock
{
    width: 725px;
    margin-bottom: 20px;
    float: right;
    min-height: 500px;
    background-image: url(   "/Images/Pehel_FootContentBack.png" );
    background-repeat: no-repeat;
}
#HomeJagranLogo
{
    margin-top: 10px;
    background-image: url(   "/Images/JagranLogo.gif" );
    background-repeat: no-repeat;
    background-position: right top;
    height: 80px;
    width: 149px;
    float: right;
}
#contentTopMessageHome
{
    margin-top: 5px;
    font-size: 19px;
    font-weight: normal;
    width: 550px;
    text-align: justify;
    float: left;
    font-style:italic;
}
#contentTopMessageHome .red
{
     color: #da251d;  
}
#contentTopMessageHome .headerline
{
    font-size: 22px;
    font-weight: bold;
}
#contentTopMessageHome .headerline .red
{
    color: #da251d;   
}

#contentTopMessage
{
    margin-top: 25px;
    font-size: 19px;
    font-weight: normal;
    width: 600px;
    text-align: justify;
    font-style:italic;
}
#contentTopMessage .red
{
     color: #da251d;  
}
#contentTopMessage .headerline
{
    font-size: 22px;
    font-weight: bold;
}
#contentTopMessage .headerline .red
{
    color: #da251d;   
}


/* content header button type */
.contentHeader .left
{
    background-image: url(   "/Images/ContentHeader_Left.png" );
    background-repeat: no-repeat;
    height: 23px;
    width: 5px;
    float: left;
}
.contentHeader .middleSection /* particularly this will be the button type header for lower sections, eps. in themodus operandi */
{
    font-weight: bold;
    color: White;
    font-size: 14px;
    background-color: #da251d;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    height: 19px;
    float: left;
}
.contentHeader .middle 
{
    font-weight: bold;
    color: White;
    font-size: 18px;
    background-color: #da251d;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
    height: 21px;
    float: left;
    text-transform: uppercase;
}
.contentHeader .middle a, #contentHeader .middle a:hover, #contentHeader .middle a:visited, #contentHeader .middle a:active
{
    text-decoration: none;
    font-weight: bold;
    color: White;
}
.contentHeader .right
{
    background-image: url(   "/Images/ContentHeader_Right.png" );
    background-repeat: no-repeat;
    height: 23px;
    width: 5px;
    float: left;
}
/* footer area */
#footerBlock
{
    background-image: url(   "/Images/CombinedAreaBack.png" );
    background-repeat: repeat-y;
    width: 1000px;
    margin: 0 auto;
    height: 40px;
}
#footerBlock .leftPad
{
    width: 275px;
    height: 40px;
    
    float: left;
}
#footerBlock .rightPad
{
    font-size: 11px;
    color: #da251d;
    width: 600px;
    float: left;
    height: 40px;
    text-align: center;
}
#footerBlock .rightPad a,#footerBlock .rightPad a:hover,#footerBlock .rightPad a:visited,#footerBlock .rightPad a:active
{
    color: #da251d;
    text-decoration:none;
}
/* clearing the previous formatting of the divs */
.clear
{
    clear: both;
}

/* page specifics */

/* About us page */
#aboutText p
{
    text-align: justify;
    width: 600px;
}

/* news list page */
#newsList ul
{
    list-style-type: none;
    list-style-image: url("/Images/Bullet.png" );
    vertical-align: middle;
    width: 550px;
}
#newsList li
{
    margin-bottom: 6px;
    padding-bottom: 5px;
}
#newsList ul a, #newsList ul a:hover, #newsList ul a:visited, #newsList ul a:active
{
    text-decoration: none;
    color: Black;
}

/* news details page */
#newsDetails
{
    width: 650px;
}
#newsDetails .newsHead
{
    color: #da251d;
}
#newsDetails .newsHeadDivider
{
    background-color: Black;
}
/* image list styling on new details page */
#newsDetailsImage
{
    float: left;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
}
#newsContent .imagePortion .leftArrow, #newsContent .imagePortion .rightArrow
{
    float: left;
    margin-top: 60px;
}
#newsContent .imagePortion .zoom
{
    text-align: center;
    padding-top: 10px;
}

/* news content area as whole */
#newsContent .content
{
    float: left;
    width: 450px;
    text-align: justify;
}
#newsContent .imagePortion
{
    float: right;
}

/* program content */
#programTopText
{
    font-size: 16px;
    font-weight: bold;
    width: 500px;
    margin-bottom: 20px;
    margin-top: -40px;
}
#programDetails
{
    width: 600px;
    text-align: justify;
}
#newsList .sectionHead
{
    color: #da251d;   
}

/* project details page */
#newsDetails .projectHead
{
    color: #000000;
    background-image: url("/Images/Bullet.png" );
    background-repeat: no-repeat;
    padding-left: 30px;
}
#programdocs
{
    margin-top: 5px;
    list-style-type: none;
    list-style-image: url("/Images/Program_PDF_Bullet.gif" );
    vertical-align: middle;
    width: 550px;
}
#programdocs li
{
    margin-bottom: 5px;
    font-size: 14px;
}
#programdocs li a
{
    text-decoration: none;
    color: #000000;
}
/* news content area as whole */
#projectContent .content
{
    float: left;
    width: 450px;
    text-align: justify;
}
#projectContent .imagePortion
{
    float: right;
}
#projectContent .imagePortion .leftArrow, #projectContent .imagePortion .rightArrow
{
    float: left;
    margin-top: 60px;
}
#projectContent .imagePortion .zoom
{
    text-align: center;
    padding-top: 10px;
}

#projectContent .imagePortion .testimonial
{
    text-align: center;
    margin-top: 30px;
}
/* partners section */
.redSeperatorpartners
{
    background-image: url(   "/Images/HLSepPat_Red.png" );
    background-repeat: repeat-x;
    list-style-image: none;
    width: 600px;
    height: 1px;
}

#partnersleft
{
    float: left;  
    width: 180px; 
}
#partnersleft ul
{
    padding-left: 0px; 
    margin-left: 15px;
    margin-top: 0px;
}
#parternsTable
{
    float: right;
    margin-right: 130px;
}
#parternsTable table
{
    margin-left: 0px;
    margin-top: -36px;
    width: 200px;
}

#parternsTable td
{
    padding: 5px;
    width: 121px; 
}

#parternsTable td .partnerBox
{

}
#parternsTable td .linkBox
{
    background-color: #da251d;
    min-height: 40px;
    background-image: url(   "/Images/Partners_Bottom.gif" );
    background-repeat: no-repeat;
    background-position: bottom;
    width: 111px;
    padding: 5px 5px 5px 5px;
}

#parternsTable a, #parternsTable a:hover, #parternsTable a:visited, #parternsTable a:active
{
    text-decoration: none;
    color: White;
    font-size: 14px;
}

#partnerscontent .top
{
    font-size: 11pt;
    width: 600px;
    text-align: justify;
}
#partnerscontent .lefttext
{
    font-size: 11pt;
    width: 180px;
    text-align: justify;
}
#partnerscontent .partnersred
{
    color: #CC3300;
}
/* home page styling */
#homeTestimonials 
{
    margin-top: 30px;
}
#homeTestimonials .name, #homeTestimonials .date
{
    color: #da251c;
    font-style: italic;
}

#homeTestimonials .text
{
    color: #000000;
    margin-top: 23px;
    width: 600px;
    font-style: italic;
}

/* seperator between lines */
.redSeperator
{
    background-image: url(   "/Images/HLSepPat_Red.png" );
    background-repeat: repeat-x;
    list-style-image: none;
}
.blackSeperator
{
    background-image: url(   "/Images/HLSepPat_Black.png" );
    background-repeat: repeat-x;
}

/* support list page */
#supportList ul
{
    list-style-type: none;
    list-style-image: none;
    vertical-align: middle;
    width: 550px;
    margin-left: -20px;
}
#supportList li
{
    margin-bottom: 6px;
    padding-bottom: 5px;
    margin-left: 15px;
    vertical-align: middle;
}
#supportList li img
{
    margin-bottom: -5px;
    margin-left: 5px;
}
#supportList ul a, #supportList ul a:hover, #supportList ul a:visited, #supportList ul a:active
{
    text-decoration: none;
    color: #da251d;
    font-weight: bold;
    font-size: 15px;
}
#supportList .redSeperator
{
    margin-left: 0px;
}
#supportList .sectionTop
{
    margin-top: 15px;   
    margin-bottom: 10px;
    display: block;
   /* height: 50px; */
}
#supportList .sectionTop .logo, #supportList .sectionTop .link, #supportList .sectionTop .goButton
{
    float: left;
    margin-right: 10px;
    vertical-align: bottom;
}
#supportList .sectionTop .link, #supportList .sectionTop .goButton
{
    margin-top: 35px;
}
#supportList .sectionTop .supportBody
{
    margin-top: 20px;
}


/* support structure - logo bundle */
#SupportStructureLogoBundle
{
    margin-left: 20px;   
    width: 600px;
    background-image: url(   "/Images/LogobundleBackPattern.gif" );
    background-repeat: repeat-y;
    padding-top: 20px;
    padding-bottom: 0px;
}

#SupportStructureLogoBundle a
{
    margin-right: 44px;
    
}
#SupportStructureLogoBundle a img
{
    margin-bottom: 20px;
}
/* contact page */
#ContcatData, #ContcatData a, #ContcatData a:hover, #ContcatData a:active, #ContcatData a:visited
{
    text-decoration: none;
    color: #000000;
    font-weight: normal;
    font-size: 11pt;
}
#ContcatData #pehelHeading
{
    color: #da251d;
    font-weight: bold;
    font-size: 15px;
    margin-top: 30px;
}
#ContcatData #pehelHeading img
{
    margin-bottom: -5px;
    margin-left: 5px;
}

/* join us page */
#JoinUs, #GuestBook
{
    margin-top: 30px;
}
#JoinUs .top, #GuestBook .top
{
    background-image: url(   "/Images/Input_top.png" );
    background-repeat: no-repeat;
    width: 232px;
    height: 8px;
}
#JoinUs .bottom, #GuestBook .bottom
{
    background-image: url(   "/Images/Input_bottom.png" );
    background-repeat: no-repeat;
    width: 232px;
    height: 8px;
}
#JoinUs .box, #GuestBook .box
{
    background-color: #000000;   
    width: 232px;
}
#JoinUs .input, #GuestBook .input, #GuestBook .inputMessage
{
    background-color: #000000;
    color: #ffffff;
    margin-left: 15px;
    border: none;
    width: 210px;
    font-family: Calibri, Verdana, Arial;
    font-size: 11pt;
}
#GuestBook .inputMessage
{
    height: 230px;
}
#JoinUs button, #GuestBook button
{
    color: #ffffff;
    
}
#JoinUs #name, #JoinUs #email, #JoinUs #file, #GuestBook #name, #GuestBook #email, #GuestBook #msgBox, #JoinUs .divider
{
    margin-bottom: 10px;
}

#JoinUs #submitbutton input, #GuestBook #submitbutton input
{
    background-color: transparent;
    margin-left: 10px;
}
#GuestBook .inputMessage
{
    overflow: auto;
}
#GuestBook #formBlock, #GuestBook #guestBookEntries
{
    float: left;
}
.verticalDivider
{
    background-image: url(   "/Images/VerticalDivider_BackPattern.png" );
    background-repeat: repeat-y;
    width: 1px;
    height: 400px;
    float: left;
    margin-left: 30px;
    margin-right: 30px;
}
#GuestBook #guestBookEntries
{
    font-size: 11pt;
    color: #000000;
    overflow: auto;
    height: 400px;
    width: 350px;
}

/* multimedia section */
#Multimedia p
{
    margin-left: 20px;
    margin-bottom: 40px;
}
#Multimedia #imageList
{
    height: 138px;
    margin-bottom: 30px;
    margin-top: 20px;
    float: left;
}
#Multimedia #imageList img
{
    margin: 0px 10px 0px 10px;
    vertical-align: middle;
}
#Multimedia .leftArrow, #Multimedia .rightArrow, #Multimedia #multimediaDetailsImage
{
    float: left;
    margin-right: 5px;
}

#Multimedia .leftArrow, #Multimedia .rightArrow
{
    margin-top: 40px;
}
#Multimedia a, #Multimedia  a:hover, #Multimedia a:visited, #Multimedia a:active
{
    text-decoration: none;
    color: Black;
}